/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'SabonLTPro-Roman';
  src: url('../fonts/SabonLTPro-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/SabonLTPro-Roman.svg#SabonLTPro-Roman') format('svg'), url('../fonts/SabonLTPro-Roman.ttf') format('truetype'), url('../fonts/SabonLTPro-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --first-color: #e03224;
}

.swiper-pagination-bullet {
  border: 1px solid #4B9AE8;
  background: #fff;
}

.swiper-pagination-bullet-active {
  background-color: #4B9AE8;
}

.swiper-pagination {
  bottom: 0 !important;
}

#banner-swiper .swiper-pagination {
  color: #eee;
  bottom: 10px !important;
  font-weight: bold;
}

#banner-swiper .swiper-pagination em {
  color: #fff;
  font-size: 16px;
}

.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

body {
  font-family: 'SabonLTPro-Roman';
  position: relative;
  font-size: 0.83vw;
  font-weight: 300;
  width: 100vw;
  overflow-x: hidden;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}

a,
button,
input {
  outline: none;
}

img {
  display: inherit;
  object-fit: cover;
  width: 100%;
}

.hidden {
  display: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

i[class|="icon"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
  background-size: 100%;
}

.icon-b {
  width: 1.15vw;
  height: 1.15vw;
  background-image: url(../images/icon-plus.png);
}

.icon-down {
  width: 0.83vw;
  height: 0.47vw;
  background-image: url(../images/icon-down.png);
  margin-left: 0.5rem;
}

.icon-menu {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../images/icon-menu.png);
}

.icon-search {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(../images/icon-search.png);
}

.icon-fb {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(../images/fb.png);
}

.icon-twitter {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(../images/twitter.png);
}

.icon-pin {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(../images/pin.png);
}

.icon-o {
  width: 1.56vw;
  height: 1.56vw;
  background-image: url(../images/o.png);
}

.icon-plus-o {
  width: 1.56vw;
  height: 1.56vw;
  margin-left: 0.5vw;
  background-image: url(../images/plus-o.png);
}

.icon-download {
  width: 1.56vw;
  height: 1.51vw;
  background-image: url(../images/icon-download.png);
}

.icon-close {
  background-image: url(../images/icon-close.png);
}

.icon-arrow {
  width: 1rem;
  height: 0.2rem;
  background-image: url(../images/arrow.png);
}

.icon-pos {
  width: 0.5rem;
  height: 0.64rem;
  background-image: url(../images/icon-pos.png);
}

.icon-prev {
  width: 2.66vw;
  height: 2.6vw;
  background-image: url(../images/icon-prev-btn.png);
}

.icon-prev:hover {
  background-image: url(../images/icon-prev-btn-hover.png);
}

.icon-next {
  width: 2.66vw;
  height: 2.6vw;
  background-image: url(../images/icon-next-btn.png);
}

.icon-next:hover {
  background-image: url(../images/icon-next-btn-hover.png);
}

.icon-share {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url(../images/share.png);
}

.icon-num1 {
  width: 0.47rem;
  height: 0.27rem;
  background-image: url(../images/01.png);
}

.icon-num2 {
  width: 0.47rem;
  height: 0.27rem;
  background-image: url(../images/02.png);
}

.icon-num3 {
  width: 0.47rem;
  height: 0.27rem;
  background-image: url(../images/03.png);
}

.icon-num4 {
  width: 0.47rem;
  height: 0.27rem;
  background-image: url(../images/04.png);
}

.icon-expand {
  width: 0.57vw;
  height: 0.57vw;
  background-image: url(../images/icon-expand.png);
}

.expand .icon-expand {
  width: 0.57vw;
  height: 0.57vw;
  background-image: url(../images/icon-collapse.png);
}

.icon-cn {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../images/icon-cn.png);
}

.icon-kr {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../images/icon-kr.png);
}

.icon-en {
  width: 1.25vw;
  height: 1.25vw;
  background-image: url(../images/icon-en.png);
}

.icon-global {
  width: 0.93vw;
  height: 0.98vw;
  background-image: url(../images/icon-global.png);
}

.lang-reverse .icon-global {
  background-image: url(../images/icon-global-b.png);
}

.icon-status {
  width: 0.83vw;
  height: 0.52vw;
  background-image: url(../images/icon-status.png);
}

.lang-reverse .icon-status {
  background-image: url(../images/icon-status-b.png);
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.slideLeft {
  animation-name: slideLeft;
  animation-duration: 1.2s;
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.slideRight {
  animation-name: slideRight;
  animation-duration: 1.2s;
}

@-webkit-keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.slideUp {
  animation-name: slideUp;
  animation-duration: 0.8s;
}

.white .header {
  background-color: #fff !important;
}

.white .header .split {
  background-color: #000000 !important;
}

.white .header .lang a {
  color: #241709;
}

.white .header h3 {
  color: #241709 !important;
}

.static .header {
  background-color: var(--first-color) !important;
}

.static .header .subnav {
  background-color: var(--first-color) !important;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--first-color);
  color: #fff;
  z-index: 60;
  height: 5.7vw;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  transition: all 0.34s ease-in;
}

.header .container {
  padding: 0 2.27vw;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.header .logo {
  flex: none;
  display: block;
  width: 6.25vw;
  height: 2.19vw;
  background: url(../../assets/images/header-logo.png) no-repeat 0 0;
  background-size: 100%;
}

.header .expand+.nav {
  transform: translateY(0);
  color: #fff;
}

.header .nav {
  margin-left: 4.3vw;
  flex: 1;
  bottom: 0;
  padding: 0;
  transition: all 0.35s ease-in;
}

.header .nav .nav-list {
  display: flex;
}

.header .nav .nav-list>li {
  cursor: pointer;
  position: relative;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 5.6vw;
  padding: 0 2vw;
  height: 5.6vw;
  display: flex;
  align-items: center;
  font-family: 'SabonLTPro-Roman';
}

.header .nav .nav-list>li.split {
  display: inline-block;
  width: 0.1vw;
  margin: 0;
  padding: 0;
  height: 0.63vw;
  top: 2.5vw;
  background-color: #ffffff;
  opacity: 0.5;
}

.header .nav .nav-list>li:hover .subnav {
  display: flex;
}

.header .nav .nav-list>li:hover h3>a {
  color: #fff;
}

.header .nav .nav-list>li.current>h3 a,
.header .nav .nav-list>li.current>a {
  color: #fff;
  text-decoration: underline;
}

.header .nav .nav-list>li.hassub::after {
  position: absolute;
  right: 0.3rem;
  top: 0.4rem;
  content: " ";
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/plus-s.png) no-repeat 0 0;
  background-size: 100%;
}

.header .nav .nav-list>li.expand::after {
  transform: rotateZ(180deg);
  background-image: url(../images/collapse.png);
}

.header .nav .nav-list>li.expand .subnav {
  max-height: 10rem;
  transition-duration: 1.2s;
}

.header .nav .nav-list>li.expand .subnav li {
  animation: ani-opacity 1000ms ease-in-out 0ms forwards;
}

.header .nav .nav-list>li h3 {
  display: block;
  color: #fff;
  line-height: 1vw;
  font-size: 0.89vw;
  display: flex;
}

.header .nav .nav-list>li h3 i {
  display: none;
  flex: none;
  width: 20%;
}

.header .nav .subnav {
  position: fixed;
  left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  top: 5.7vw;
  width: 100vw;
  height: 3.13vw;
  line-height: 3.3vw;
  padding-left: 15vw;
  background-color: var(--first-color);
  box-shadow: 0vw 0.16vw 0.26vw 0vw rgba(201, 186, 173, 0.4);
  transition: max-height 200ms cubic-bezier(0.6, 0, 0.1, 1) 0s;
  display: none;
  flex-direction: row;
}

.header .nav .subnav li:last-of-type {
  margin-bottom: 0.3rem;
}

.header .nav .subnav li a {
  margin-right: 4vw;
  font-size: 0.83vw;
  color: #ffffff;
}

.header .nav .subnav li a:hover {
  text-decoration: underline;
}

.header .menu {
  width: 100%;
  justify-content: flex-end;
  text-align: right;
}

.header .menu i {
  margin-left: 0.4rem;
}

.header.expand {
  background-color: var(--first-color) !important;
}

.header.expand .logo {
  background-image: url(../../assets/images/logo.png) !important;
}

.header.expand .icon-menu {
  background-image: url(../images/icon-close.png) !important;
}

.header.expand .icon-search {
  background-image: url(../images/icon-search.png) !important;
}

.header .lang {
  display: flex;
  flex: none;
  margin-right: 4.27vw;
  position: relative;
  overflow: hidden;
  height: 2vw;
}

.header .lang.expand {
  overflow: inherit;
}

.header .lang.expand ul {
  z-index: 2;
  opacity: 1;
  transform: translateX(-50%) translateY(0%);
}

.header .lang.expand .icon-status {
  transform: rotate(0deg);
}

.header .lang h3 {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header .lang h3 i {
  margin: 0 4px;
}

.header .lang h3 .icon-status {
  transition: all 0.3s linear;
  transform: rotate(180deg);
}

.header .lang ul {
  z-index: -1;
  opacity: 0;
  transition: all 0.3s linear;
  position: absolute;
  top: 2vw;
  left: 50%;
  transform: translateX(-50%) translateY(-10%);
  padding: 1.19vw 1.82vw;
  background-color: #fff;
  width: 10.5vw;
  box-sizing: border-box;
  border-radius: 0.62vw;
}

.header .lang ul li {
  line-height: 2.6vw;
}

.header .lang ul li.current a,
.header .lang ul li a:hover {
  color: #e03224;
}

.header .lang ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.88vw;
  font-weight: normal;
  text-align: left;
  color: #241709;
  margin: 0;
}

.header .lang ul li a i {
  flex: none;
  margin-right: 4px;
}

.body .banner {
  position: relative;
  width: 100vw;
  height: 31.25vw;
}

.body .banner .keyword {
  position: absolute;
  bottom: 2.08vw;
  width: 100%;
  text-align: center;
  animation: ani-txt 3s cubic-bezier(0.6, 0, 0.1, 1) forwards;
}

.body .banner h1 {
  font-size: 4.16vw;
  color: #ffffff;
  letter-spacing: 0.1vw;
}

.body .banner h1+p {
  font-size: 2.34vw;
  font-weight: normal;
  color: #ffffff;
  line-height: 2.5vw;
  margin-bottom: 0;
}

.body nav {
  display: flex;
  padding: 0.7rem 0;
  margin: 0 0.4rem;
  justify-content: space-around;
  border-bottom: 1px solid #ececec;
}

.body nav a {
  width: 100%;
  text-align: center;
  font-size: 0.4rem;
  color: #444444;
  border-right: 1px solid #ececec;
}

.body nav a:last-child {
  border: 0;
}

.body nav a.current {
  font-weight: 500;
}

.body .panels .panel {
  display: none;
}

.body .panels .panel.current {
  display: block;
}

.body h2 {
  font-size: 0.6rem;
  font-weight: normal;
  line-height: 0.25rem;
  letter-spacing: 0rem;
  color: #241709;
}

.body h2 strong {
  font-weight: 600;
}

.body .line {
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ececec;
}

.body .quote {
  position: relative;
  margin: 0.5rem 0.3rem 0rem;
  padding-left: 0.8rem;
}

.body .quote::before {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 0.59rem;
  height: 0.49rem;
  background: url(../images/quote.png) no-repeat 0 0;
  background-size: 100%;
}

.body .quote p {
  font-size: 0.4rem;
  line-height: 0.72rem;
  margin-bottom: 0;
  text-align: left;
  font-weight: 500;
}

.footer {
  position: relative;
  z-index: 2;
  width: 100vw;
  text-align: center;
  background: var(--first-color);
  color: #fff;
}

.footer .go-top {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: fixed;
  right: 4.27vw;
  bottom: 7.5vw;
  width: 2.6vw;
  height: 2.6vw;
  z-index: 10;
}

.footer .container {
  width: 74vw;
  padding: 4.5vw 0;
  margin: 0 auto;
  display: flex;
}

.footer .main {
  flex: 1;
}

.footer .aside {
  width: 38vw;
  flex: none;
}

.footer .nav {
  position: relative;
  transform: none;
  top: 0;
  z-index: 1;
  text-align: left;
}

.footer .nav ul {
  margin-top: 4vw;
}

.footer .nav a {
  text-decoration: underline;
  font-size: 0.82vw;
  font-weight: normal;
  line-height: 2.36vw;
  color: #ffffff;
  font-family: 'SabonLTPro-Roman';
}

.footer .logo {
  text-align: left;
}

.footer .logo img {
  display: inline-block;
  width: 8.33vw;
  height: 2.76vw;
  opacity: 0.6;
}

.footer .sites {
  position: relative;
  margin-top: 2.5vw;
  width: 100%;
  text-align: center;
}

.footer .sites.expand nav {
  transform: translateY(-100%);
  opacity: 1;
}

.footer .sites.expand i {
  transform: rotateZ(180deg);
}

.footer .sites h4 {
  cursor: pointer;
  width: 9.9vw;
  height: 2.08vw;
  border-radius: 1.04vw;
  font-size: 0.89vw;
  line-height: 2.08vw;
  color: #fff;
  font-family: 'SabonLTPro-Roman';
}

.footer .sites h4 i {
  transform: rotateZ(0deg);
  transition: all 300ms ease-in;
}

.footer .sites nav {
  opacity: 0;
  padding: 0.5vw 0;
  width: 9.9vw;
  position: absolute;
  left: 0%;
  top: -1px;
  transform: translateY(-70%);
  transition: all 0.3s ease-in;
  background-color: #ffffff;
  border-radius: 1vw;
  line-height: 2vw;
  text-align: center;
  font-family: 'SabonLTPro-Roman';
}

.footer .sites nav a {
  color: #cf4231;
}

.footer .sites nav a:hover {
  text-decoration: underline;
}

.footer .description {
  margin-top: 8vw;
  text-align: left;
  padding-left: 2vw;
}

.footer .description p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #ffffff;
  opacity: 0.5;
  font-family: 'SabonLTPro-Roman';
}

.footer .cp {
  position: relative;
  padding: 1.15vw 12.5vw;
  text-align: left;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer .cp img {
  position: absolute;
  bottom: 0;
  left: 23.59vw;
  width: 14.58vw;
  /*height: 14.53vw;*/
}

.footer .cp p {
  margin-left: 38vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 2.5vw;
  color: #ffffff;
  opacity: 0.5;
}

.pager {
  margin: 3vw 0;
  display: flex;
  justify-content: center;
}

.pager ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.8rem;
}

.pager ul li {
  margin: 1vw 0;
  width: 100%;
}

.pager ul li a {
  display: block;
  text-align: center;
  margin: 0 1.3vw;
}

.pager ul li a span {
  display: inline-block;
  line-height: 2.6vw;
  min-width: 1vw;
  font-size: 0.83vw;
  color: #a9a7a4;
  text-align: center;
}

.pager ul li.current a span {
  color: #241709;
  border-bottom: solid 1px #080103;
}

.dropdown {
  position: relative;
  height: 0.82rem;
  background-color: transparent;
  border-radius: 0.41rem;
  border: solid 0.01rem #e03224;
  font-size: 0.26rem;
  line-height: 0.82rem;
  color: #e03224;
  text-align: center;
}

.dropdown.expand .options {
  z-index: 2;
  opacity: 1;
}

.dropdown.expand>i {
  transform: rotateZ(180deg);
}

.dropdown>i {
  float: right;
  margin-top: 0.3rem;
  margin-right: 0.55rem;
  transition: all 0.3s ease-in;
}

.dropdown .options {
  transition: all 0.3s ease-in;
  z-index: -1;
  opacity: 0;
  padding: 0 0.2rem;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 1rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  border: solid 0.01rem rgba(224, 50, 36, 0.5);
}

.dropdown .option {
  height: 0.88rem;
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.88rem;
  color: #e03224;
  border-bottom: 0.01rem solid rgba(224, 50, 36, 0.5);
}

.dropdown .option:last-of-type {
  border: none;
}

.media-menu {
  display: flex;
  height: 4.2vw;
  border-bottom: 1px solid rgba(34, 23, 11, 0.1);
  justify-content: center;
}

.media-menu dl {
  cursor: pointer;
  position: relative;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 4.2vw;
  color: #22170b;
  margin: 0 5vw;
}

.media-menu dl:hover dd {
  display: block;
}

.media-menu dl:hover.hasnav::after {
  display: block;
}

.media-menu dl a:hover {
  color: var(--first-color);
}

.media-menu .current {
  color: var(--first-color);
}

.media-menu dl.hasnav::after {
  display: none;
  position: absolute;
  left: -2vw;
  top: 3.5vw;
  content: " ";
  width: 13.54vw;
  height: 9.6vw;
  padding: 2vw;
  box-sizing: border-box;
  background-color: #ffffff;
  border: solid 0.05vw #d1d1cf;
  z-index: 1;
}

.media-menu dl dd {
  position: relative;
  z-index: 2;
  display: none;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.media-menu dl dd:hover {
  color: var(--first-color);
}

.ani {
  opacity: 0;
  -webkit-transition: transform 0.8s linear, opacity 0.8s linear;
  -moz-transition: transform 0.8s linear, opacity 0.8s linear;
  -o-transition: transform 0.8s linear, opacity 0.8s linear;
  transition: transform 0.8s linear, opacity 0.8s linear;
  -moz-transform: translate3d(0, 50px, 0);
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

.action {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@keyframes ani-opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ani-img {
  from {
    transform: scale(1.5);
  }

  to {
    transform: scale(1);
  }
}

@keyframes ani-txt {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scroll-container {
  position: relative;
  padding-bottom: 1vw;
}

.scroll-container .scroll-view {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.scroll-container .scroll-view .scroll-item {
  float: left;
}

.scroll-container .scroll-content {
  width: 100%;
  overflow: hidden;
}

.scroll-container .custom-horizontal-scrollbar {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateZ(0);
  width: 14.58vw;
  height: 0.16vw;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0.08vw;
}

.scroll-container .custom-horizontal-indicator {
  width: 3.65vw;
  height: 0.16vw;
  background-color: var(--first-color);
  border-radius: 0.08vw;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-container .swiper-pagination {
  display: block;
  position: absolute;
  left: 40% !important;
  bottom: 0;
  transform: translateX(-50%) translateZ(0);
  height: 0.2vw;
  width: auto;
  background-color: #f1f3f2;
  border-radius: 0.08vw;
  padding: 0;
  overflow: hidden;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 5vw;
  height: 2vw;
  background-color: transparent;
  border-radius: 0.08vw;
  border: 0;
  padding: 0;
  margin: 0;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--first-color);
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  padding-bottom: 3vw;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /*-webkit-align-items: center;
  align-items: center;*/
}

.banner {
  position: relative;
  overflow: hidden;
}

.banner img {
  width: 100vw;
  margin: 0 !important;
  animation: 1400ms cubic-bezier(0.6, 0, 0.1, 1) 0ms 1 normal forwards running ani-img;
}

.banner .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  animation: ani-txt 3s cubic-bezier(0.6, 0, 0.1, 1) forwards;
}

.video {
  margin: 0.5rem 0 0;
  max-width: 100%;
}

.food .websites {
  background: url(../../assets/images/food/sites.png) no-repeat 0 0;
  background-size: 100%;
  height: 20.83vw;
  padding: 3.2vw 0;
  box-sizing: border-box;
}

.websites {
  background: url(../../assets/images/sites.png) no-repeat 0 0;
  background-size: 100%;
  height: 20.83vw;
  padding: 3.2vw 0;
  box-sizing: border-box;
}

.websites .inner {
  width: 60.42vw;
  height: 14.58vw;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.6);
  text-align: center;
}

.websites h2 {
  margin: 3.5vw 0;
  font-size: 2.6vw;
  font-weight: normal;
  line-height: 2.4vw;
  color: #ffffff;
  letter-spacing: 0.15vw;
}

.websites .links {
  display: flex;
  justify-content: space-around;
}

.websites .links a {
  text-align: center;
  font-size: 0.94vw;
  font-weight: normal;
  line-height: 1.25vw;
  color: #e03224;
}

.websites .links a:hover {
  text-decoration: underline;
}

.txt {
  overflow: hidden;
}

.txt p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  margin-bottom: 2vw;
}

.txt .fl {
  float: left;
  margin: 0 4vw;
  width: 25vw;
  margin-bottom: 5vw;
}

.txt .fr {
  width: 29.17vw;
  float: right;
  margin: 0 4.5vw;
  margin-bottom: 5vw;
}

.homepage header {
  background-color: transparent;
}

.homepage header .logo {
  background-image: url(../../assets/images/logo-red.png);
}

.homepage header .icon-menu {
  background-image: url(../images/icon-menu-red.png);
}

.homepage header .icon-search {
  background-image: url(../images/icon-search-red.png);
}

.homepage footer {
  padding-top: 2rem;
}

.home .first {
  min-height: 100.59vw;
  background: #99c342 url(../images/home/banner-bg.png) no-repeat 0 0;
  background-size: contain;
}

.home .first .inner {
  position: relative;
  width: 58.59vw;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 14vw;
}

.home .first .inner .overlay1 {
  z-index: 1;
  position: absolute;
  width: 13.07vw;
  height: 13.59vw;
  left: 29vw;
  bottom: 47vw;
  background: url(../images/home/overlay01.png) no-repeat 0 0;
  background-size: 100%;
}

.home .first .inner .overlay2 {
  z-index: 1;
  position: absolute;
  width: 10.36vw;
  height: 10.78vw;
  right: -1.2vw;
  bottom: 26vw;
  background: url(../images/home/overlay02.png) no-repeat 0 0;
  background-size: 100%;
}

.home .first .inner .overlay3 {
  z-index: 1;
  position: absolute;
  width: 9.32vw;
  height: 12.03vw;
  left: 20vw;
  bottom: 8vw;
  background: url(../images/home/overlay03.png) no-repeat 0 0;
  background-size: 100%;
}

.home .first .inner h1 {
  padding-top: 15.7vw;
  font-size: 3.13vw;
  line-height: 4vw;
  color: #56322f;
  margin-bottom: 1vw;
}

.home .first .inner h2 {
  font-size: 2.08vw;
  line-height: 3vw;
  color: #55312f;
  margin-bottom: 2.5vw;
}

.home .first .inner p {
  font-size: 0.94vw;
  line-height: 1.5vw;
  color: #56322f;
  font-family: 'SabonLTPro-Roman';
}

.home .first .inner .btn {
  display: inline-block;
  margin: 0 auto;
  margin-top: 3.5vw;
  margin-bottom: 6.5vw;
}

.home .first .inner .cover {
  width: 19.36vw;
  height: 29.22vw;
  margin: 0 auto;
  margin-top: 2vw;
}

.home .first .inner ul {
  margin-top: 3vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.home .first .inner ul li {
  width: 14.06vw;
}

.home .first .inner ul li .card {
  position: relative;
}

.home .first .inner ul li h4 {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  top: 1.46vw;
  font-size: 0.94vw;
  line-height: 1.5vw;
  color: #55312f;
  font-family: 'SabonLTPro-Roman';
}

.home .first .inner ul li h3 {
  height: 3.33vw;
  background-color: #fbc422;
  border-radius: 1.04vw;
  line-height: 3.33vw;
  font-size: 1.46vw;
  color: #55312f;
}

.home .more-btn:hover {
  background-color: var(--first-color);
  color: #fff;
}

.home .more-btn {
  width: 8.39vw;
  height: 2.14vw;
  background-color: #ffffff;
  border-radius: 1.04vw;
  /*font-family: "PingFang SC";*/
  font-size: 0.73vw;
  line-height: 2.14vw;
  color: #603b2c;
  text-align: center;
}

.home .formula {
  display: flex;
  width: 100%;
  height: 46.3vw;
  background-color: #dfedf9;
}

.home .formula .main {
  position: relative;
  width: 58.85vw;
}

.home .formula .main .bg {
  z-index: 1;
  position: absolute;
  height: 53.65vw;
  transform: translateY(-7.5vw);
}

.home .formula .main .inner {
  position: relative;
  width: 37.66vw;
  margin-left: 17.86vw;
}

.home .formula .main .inner .content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.home .formula .main .inner h1 {
  font-size: 3vw;
  line-height: 3.2vw;
  color: #25334a;
  padding-top: 2.5vw;
  text-align: left;
  margin-left: 13.4vw;
}

.home .formula .main .inner .cover {
  margin: 0 auto;
  margin-top: 3vw;
  width: 11.56vw;
  height: 15.73vw;
  box-shadow: inset 0vw 0.1vw 0.16vw 0vw #f0eff0;
}

.home .formula .main .inner .btn {
  margin: 0 auto;
  margin-top: 3.5vw;
  display: inline-block;
}

.home .formula .main .overlay {
  position: absolute;
  width: 3.85vw;
  height: 5.52vw;
  right: 12vw;
  top: 1vw;
  background: url(../images/home/overlay2.png) no-repeat 0 0;
  background-size: 100%;
}

.home .formula .aside {}

.home .formula .aside .inner {
  position: relative;
  width: 28.65vw;
}

.home .formula .aside .inner img {
  height: 100%;
}

.home .formula .aside .inner .btn {
  position: absolute;
  left: 2vw;
  bottom: 7.19vw;
}

.home .product-list {
  position: relative;
  margin-top: 6vw;
  width: 100%;
  height: 41vw;
  padding-left: 4vw;
  padding-bottom: 10vw;
  box-sizing: border-box;
}


.home .product-list .swiper-slide {
  width: auto;
}

.home .product-list .swiper-pagination {
  z-index: 11;
  display: flex;
  position: absolute;
  justify-content: center;
  width: auto;
  left: 50% !important;
  transform: translateX(-50%);
  bottom: 5vw !important;
  height: 0.21vw;
  background-color: rgb(34, 23, 11, 0.1);
  border-radius: 0.1vw;
}

.home .product-list .swiper-pagination-bullet {
  width: 14vw;
  height: 0.21vw;
  background-color: transparent;
  border-radius: 0.1vw;
  border: 0;
  margin: 0 !important;
  padding: 0;
}

.home .product-list .swiper-pagination-bullet-active {
  background-color: #22170b;
}


.home .product-list .product {
  text-align: center;
  height: 34vw;
  width: 30vw;
  background: rgb(241, 243, 242);
}

.home .product-list .swiper-slide:nth-of-type(2n+1) .product {
  background-image: linear-gradient(180deg, rgb(223, 230, 236) 0%, rgb(255, 255, 255) 100%);
}

.home .product-list img {
  margin: 0 auto;
  margin-top: 4.2vw;
  height: 16.88vw;
  width: auto;
  margin-bottom: 0.83vw;
}

.home .product-list .product h2 {
  font-size: 1.25vw;
  line-height: 1.22vw;
  color: #241709;
  margin-bottom: 0.8vw;
}

.home .product-list .product p {
  font-size: 0.94vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.36vw;
  letter-spacing: 0vw;
  color: #241709;
  opacity: 0.6;
  width: 85%;
  margin: auto;
}

.home .product-list .product .link {
  margin-top: 1.5vw;
  display: inline-block;
  font-size: 0.83vw;
  line-height: 2.08vw;
  color: #ffffff;
  width: 8.33vw;
  height: 2.08vw;
  background-color: #e03224;
  border-radius: 1.04vw;
  border: solid 0.05vw #e03224;
}

.home .product-list .product .linkgray {
  margin-top: 1.5vw;
  display: inline-block;
  font-size: 0.83vw;
  line-height: 2.08vw;
  color: #ffffff;
  width: 8.33vw;
  height: 2.08vw;
  border-radius: 1.04vw;
  background-color: #999;
  border: solid 0.05vw #999;
}

.home .banner {
  height: 38.33vw;
}

.home .best {
  margin-top: -0.8vw;
  background-color: var(--first-color);
}

.home .best .inner {
  /*width: 40vw;*/
  margin: 0 auto;
  padding: 6.1vw 0 5.2vw 0;
}

.home .best .slogon {
  text-align: center;
}

.home .best .slogon h2 {
  margin-bottom: 2.08vw;
  font-size: 3.13vw;
  line-height: 0.57vw;
  color: #ffffff;
  letter-spacing: 0.3vw;
}

.home .best .slogon p {
  font-size: 0.94vw;
  line-height: 1.56vw;
  color: #ffffff;
  opacity: 0.8;
}

.home .best .explore {
  margin-top: 2vw;
}

.home .best .explore .btn {
  display: block;
  margin: 0.3rem auto;
  width: 8.39vw;
  height: 2.08vw;
  border-radius: 1.2vw;
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
}

.home .products {
  position: relative;
}

.home .products .inner {
  position: sticky;
  top: 5vw;
  width: 74vw;
  margin: 0 auto;
  display: flex;
  background: url(../../assets/images/home/products-bg.png) no-repeat 0 0;
  background-size: 100%;
  width: 100vw;
}

.home .products .inner .main {
  position: relative;
  margin: 7.81vw 0;
  flex: none;
  margin-left: 3.2vw;
  width: 33.33vw;
  height: 42.08vw;
  left: 55vw;
  background: url(../../assets/images/home/formula.png) no-repeat 0 0;
  background-size: 100%;
}

.home .products .inner .main h2 {
  position: absolute;
  bottom: 5.7vw;
  left: 3.13vw;
  font-size: 4.17vw;
  font-weight: normal;
  line-height: 3.65vw;
  color: #ffffff;
  letter-spacing: 0.3vw;
}

.home .products .inner .main p {
  position: absolute;
  top: 3.13vw;
  left: 3.8vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 3.13vw;
  color: #ffffff;
}

.home .products .inner .main a {
  position: absolute;
  left: 3.02vw;
  bottom: 2.55vw;
  width: 8.39vw;
  height: 2.14vw;
  border-radius: 1.04vw;
  border: solid 0.05vw rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 2.14vw;
  color: #ffffff;
  text-align: center;
}

.home .products .one {
  padding: 6vw 0;
  margin-top: 11vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home .products .one img {
  height: 8.28vw;
  object-fit: contain;
}

.home .products .one h3 {
  margin-top: 1.25vw;
  margin-bottom: 1.6vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2vw;
  color: #22170b;
  letter-spacing: 0.15vw;
}

.home .products .one h3 small {
  font-size: 1.77vw;
  font-weight: normal;
  color: #22170b;
}

.home .products .one p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #241709;
}

.home .products .one a {
  margin-top: 2.6vw;
  width: 7.34vw;
  height: 2.14vw;
  border-radius: 1.2vw;
  border: solid 0.05vw rgba(230, 0, 18, 0.3);
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 2.14vw;
  color: #e03224;
  text-align: center;
}

.home .products .aside {
  margin-top: -55vw;
  position: relative;
  left: 15vw;
  z-index: 2;
  flex: none;
  width: 36.46vw;
  background-color: #fff;
}

.home .services .inner {
  width: 75vw;
  overflow: hidden;
  margin: 7.7vw auto;
}

.home .services .desc {
  text-align: center;
}

.home .services .desc h2 {
  margin-bottom: 2.14vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.4vw;
  color: #22170b;
  letter-spacing: 0.15vw;
}

.home .services .desc p {
  font-size: 1.15vw;
  font-weight: normal;
  line-height: 1.77vw;
  color: #22170b;
  margin-bottom: 4.2vw;
}

.home .services .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.home .services .item {
  cursor: pointer;
  /* flex: none;*/
  position: relative;
  display: flex;
  overflow: hidden;
  transition: all 0.5s ease-in;
  height: 36.46vw;
}

.home .services .item.mini {
  width: 16.35vw;

}

.home .services .item.expand {
  width: 25.94vw;
}

.home .services .item.expand h3 {
  bottom: 16.88vw !important;
  left: 8.39vw !important;
  color: #22170b !important;
}

.home .services .item.expand h5 {
  bottom: 21.3vw !important;
  left: 8.39vw !important;
  color: rgba(34, 23, 11, 0.3) !important;
}

.home .services .item.expand i {
  display: none;
}

.home .services .item.expand .more {
  width: 100%;
}

.home .services .item.expand .more .box {
  transform: translateY(0vw);
}

.home .services .item.expand img {
  width: 6.25vw;
}

.home .services .item img {
  width: 100%;
  object-fit: none;
  transition: width 0.3s ease-out;
}

.home .services .item .title h2 {
  position: absolute;
  top: 4.74vw;
  left: 1.3vw;
  font-size: 5.97vw;
  font-weight: normal;
  line-height: 1.63vw;
  letter-spacing: 0.71vw;
  color: #ffffff;
  opacity: 0.6;
  transition: all 0.5s ease-in;
}

.home .services .item .title h5 {
  position: absolute;
  bottom: 9.06vw;
  left: 1.3vw;
  font-size: 0.83vw;
  font-weight: normal;
  color: #fff;
  transition: all 0.5s ease-in;
}

.home .services .item .title h3 {
  position: absolute;
  left: 1.3vw;
  bottom: 4.58vw;
  font-size: 1.77vw;
  font-weight: normal;
  color: #ffffff;
  transition: all 0.5s ease-in;
  letter-spacing: 0.15vw;
}

.home .services .item .title i {
  position: absolute;
  left: 1.3vw;
  bottom: 1.3vw;
  width: 1.15vw;
  height: 1.15vw;
}

.home .services .item .more {
  width: 0;
  flex: 0;
  background: #fff;
  transition: all 0.3s linear;
}

.home .services .item .more .box {
  width: 13.49vw;
  position: absolute;
  left: 8.39vw;
  top: 22vw;
  transform: translateY(20vw);
  transition: all 0.3s linear;
}

.home .services .item .more p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #241709;
}

.home .services .item .btn {
  margin-top: 2vw;
  display: block;
  width: 7.34vw;
  height: 2.66vw;
  border-radius: 1.3vw;
  border: solid 0.05vw rgba(230, 0, 18, 0.3);
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 2.8vw;
  color: #cf4231;
  text-align: center;
}

.home .res-meida {
  position: relative;
  display: flex;
  flex-direction: row;
}

.home .res-meida .res {
  position: sticky;
  z-index: 2;
  left: 0vw;
  top: 10vw;
  flex: none;
  width: 61.46vw;
  height: 37.6vw;
  background: url(../../assets/images/home/res-bg.png) no-repeat 0 0;
  background-size: cover;
}

.home .res-meida .res .inner {
  padding: 3.6vw 2.5vw;
  box-sizing: border-box;
  width: 19.64vw;
  height: 37.81vw;
  margin: 0 auto;
  background-color: #ffffff;
}

.home .res-meida .res .inner h2 {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 1.46vw;
  color: #22170b;
  letter-spacing: 0.1vw;
}

.home .res-meida .res .inner p {
  margin-top: 2.6vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.home .res-meida .res dl {
  margin-top: 5.5vw;
}

.home .res-meida .res dl dd {
  font-size: 0.94vw;
  font-weight: normal;
  line-height: 3.13vw;
  color: #22170b;
  border-bottom: 1px solid rgba(32, 23, 13, 0.1);
}

.home .res-meida .news {
  position: relative;
  left: 0vw;
  width: 18.75vw;
  margin-left: 3vw;
}

.home .res-meida .news h2 {
  margin-bottom: 3.54vw;
  font-size: 2.6vw;
  font-weight: normal;
  line-height: 1.67vw;
  color: #22170b;
  text-align: center;
  letter-spacing: 0.15vw;
}

.home .res-meida .news img {
  width: 100%;
  height: 14.06vw;
}

.home .res-meida .news .news-item {
  padding: 1rem 0;
}

.home .res-meida .news .news-item:last-of-type {
  border: 0;
}

.home .res-meida .news .news-item h4 {
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 3.13vw;
  color: #22170b;
}

.home .res-meida .news .news-item h4 time {
  display: block;
  float: right;
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 3.13vw;
  color: rgba(34, 23, 11, 0.3);
}

.home .res-meida .news .news-item h3 {
  font-size: 1.04vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.home .home-story {
  position: relative;
  display: flex;
  height: 39.85vw;
}

.home .home-story img {
  width: 100%;
  height: 100%;
}

.home .home-story .main {
  position: relative;
  flex: 1;
  text-align: center;
  background: #c8b0a4;
  background-size: 100%;
}

.home .home-story .main h2 {
  margin-left: 10vw;
  margin-top: 10vw;
  font-size: 3.13vw;
  line-height: 3.5vw;
  color: #603b2c;
}

.home .home-story .main p {
  margin-left: 10vw;
  margin-top: 2.6vw;
  margin-bottom: 2vw;
  font-size: 0.83vw;
  line-height: 2.2vw;
  color: #603b2c;
  font-family: 'SabonLTPro-Roman';
}

.home .home-story .main .overlay {
  position: absolute;
  top: 12.29vw;
  right: 11.93vw;
  width: 4.06vw;
  height: 6.2vw;
  background: url(../../assets/images/home/overlay1.png) no-repeat 0 0;
  background-size: 100%;
}

.home .home-story .main .btn {
  margin: 0 auto;
  display: inline-block;
  transform: translateX(5vw);
  /* margin: 0 auto;
  width: 8.39vw;
  height: 2.14vw;
  border-radius: 1.2vw;
  border: solid 0.05vw rgba(230, 0, 18, 0.3);
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 2.14vw;
  color: #e03224;
  text-align: center; */
}

.home .home-story .aside {
  flex: 1;
}

.home .home-contact {
  margin-top: 13.8vw;
  position: relative;
  width: 100%;
  height: 36.46vw;
  background: url(../../assets/images/home/company.png) no-repeat 0 0;
  background-size: 100%;
}

.home .home-contact .inner {
  position: relative;
  width: 26.25vw;
  height: 37.34vw;
  background-color: #c9baad;
  padding: 3.49vw 2.5vw;
  box-sizing: border-box;
  top: -6.4vw;
  margin-left: 21.6vw;
}

.home .home-contact .inner h5 {
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  color: rgba(36, 23, 9, 0.5);
}

.home .home-contact .inner h2 {
  margin-top: 2vw;
  margin-bottom: 8.7vw;
  font-size: 2.6vw;
  font-weight: normal;
  line-height: 2.34vw;
  color: #241709;
  letter-spacing: 0.1vw;
}

.home .home-contact .inner dl {
  margin-top: 0.91rem;
}

.home .home-contact .inner dl dt {
  font-size: 0.83vw;
  font-weight: normal;
  color: rgba(36, 23, 9, 0.5);
  opacity: 0.5;
}

.home .home-contact .inner dl dd {
  margin-top: 2vw;
}

.home .home-contact .inner dl dd p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: rgba(36, 23, 9, 0.8);
}

.home .home-contact .inner .tel {
  margin-top: 2.23vw;
  font-size: 2.08vw;
  font-weight: normal;
  color: #22170b;
}

.contact .container {
  display: flex;
}

.contact .banner {
  width: 50vw;
  height: 41.67vw;
  flex: none;
}

.contact .banner .inner {
  padding-top: 16vw;
}

.contact .banner .inner h1 {
  font-size: 3.91vw;
  font-weight: normal;
  line-height: 0.86vw;
  color: #ffffff;
  text-align: right;
  margin-right: 4vw;
  letter-spacing: 0.05vw;
}

.contact .banner .mark {
  position: absolute;
  bottom: 12vw;
  right: 4vw;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 2.56vw;
  color: #ffffff;
}

.contact .banner .mark::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.17vw;
  border-top: 1px solid #fff;
}

.contact section {
  flex: 1;
  padding: 6.15vw 8.75vw;
}

.contact section h2 {
  padding: 2.14rem 0;
  border-bottom: solid 0.03rem rgba(8, 1, 3, 0.1);
  font-size: 0.83vw;
  line-height: 1.63vw;
  color: #22170b;
}

.contact section h3 {
  padding: 0.4rem 0;
  border-bottom: solid 0.03rem rgba(8, 1, 3, 0.1);
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.contact section h3+p {
  margin-top: 1.56vw;
}

.contact section p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.contact section p strong {
  display: block;
  margin: 2vw 0;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.media h2 {
  margin: 4.5vw 0;
  text-align: center;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.6vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.media p {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #22170b;
  opacity: 0.8;
  margin-bottom: 1.5rem;
}

.media .news {
  width: 60.42vw;
  margin: 0 auto;
  margin-top: 4.2vw;
  margin-bottom: 6vw;
}

.media .news.last-no-border .news-item:last-of-type {
  border-bottom: 0;
}

.media .news .news-item {
  display: flex;
  padding: 2.14vw 0;
  border-bottom: 1px solid #d1d1cf;
}

.media .news .news-item .news-detail {
  flex: 1;
}

.media .news .news-item .news-detail h4 {
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  margin-bottom: 3vw;
}

.media .news .news-item .news-detail h3 {
  margin-top: 2vw;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.77vw;
  color: #22170b;
  margin-bottom: 1vw;
}

.media .news .news-item .news-detail time {
  width: 6.88vw;
  height: 0.83vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  opacity: 0.5;
  margin-bottom: 1.5vw;
}

.media .news .news-item .news-detail p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.media .news .news-item img {
  margin-right: 3vw;
  flex: none;
  width: 25vw;
  height: 18.75vw;
}

.media .related {
  padding: 5.2vw 17vw;
  background-color: #ccbaac;
}

.media .related .list {
  display: flex;
  flex-direction: row;
}

.media .related h4 {
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  text-align: center;
  margin-bottom: 4.2vw;
  letter-spacing: 0.05vw;
}

.media .related .list {
  padding: 1.1rem 0.4rem;
  background-color: #ccbaac;
}

.media .related .item {
  width: 17.19vw;
  padding: 0 2vw;
  border-right: 1px solid #b9a89b;
}

.media .related .item:last-of-type {
  border-right: 0;
}

.media .related .item img {
  width: 13.02vw;
  height: 18.23vw;
}

.media .related .item h3 {
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.77vw;
  color: #241709;
  margin: 2vw 0;
  letter-spacing: 0.05vw;
}

.media .related .item h3 i {
  display: none;
}

.media .related .item p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  margin-bottom: 0;
}

.media .design {
  padding: 1.1rem 0.4rem;
  background-color: #ccdae8;
}

.media .design h4 {
  text-decoration: underline;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #241709;
  margin-bottom: 0.4rem;
}

.media .design .item {
  margin-bottom: 1.16rem;
}

.media .design .item:last-of-type {
  margin-bottom: 0;
}

.media .design .item h3 {
  margin-top: 0.7rem;
  font-size: 0.48rem;
  line-height: 0.34rem;
  color: #241709;
}

.media .index .support {
  padding: 1.1rem 0.4rem;
  background-color: #ccbaac;
}

.media .content {
  width: 52vw;
  margin: 0 auto;
}

.media .content .title {
  margin: 4vw auto;
}

.media .content .title h3 {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.media .content .title summary {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.media .content article {
  display: flex;
  flex-direction: row;
}

.media .content article aside {
  width: 15vw;
  flex: none;
}

.media .content article aside time {
  display: block;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  opacity: 0.5;
}

.media .content article main {
  flex: 1;
}

.media .content article main p {
  margin-bottom: 1.6vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.media .content article main img {
  margin: 2.6vw 0;
  width: 29.17vw;
}

.media .content article main .strong {
  font-size: 0.36rem;
  line-height: 0.3rem;
  color: #241709;
}

.media .content h4 {
  text-decoration: underline;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #241709;
  margin-top: 0.8rem;
}

.media .content .refs h3 {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #241709;
  opacity: 0.5;
}

.media .content .refs p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  opacity: 0.5;
}

.media .content .links {
  border-top: 1px solid rgba(34, 23, 11, 0.1);
  margin: 5vw 0;
  text-align: left;
}

.media .content .links a {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 4.17vw;
  color: #a9a7a4;
  border-bottom: 1px solid rgba(34, 23, 11, 0.1);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.media .content .links a strong {
  display: inline-block;
  margin-right: 1vw;
}

.media .content .links a:last-of-type {
  color: #22170b;
}

.media .newsroom {
  margin: 5.2vw 15vw;
}

.media .newsroom .list {
  display: flex;
  flex-direction: row;
}

.media .newsroom .list {
  padding: 1.1rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4vw;
}

.media .newsroom .item {
  width: 27%;
  padding: 0 3%;
  border-right: 1px solid rgba(34, 23, 11, 0.1);
  margin-bottom: 7.1vw;
  text-align: center;
}

.media .newsroom .item:nth-of-type(3n) {
  border-right: 0;
}

.media .newsroom .item time {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: rgba(34, 23, 11, 0.5);
}

.media .newsroom .item img {
  width: 100%;
  height: 14.06vw;
}

.media .newsroom .item h3 {
  font-size: 1.04vw;
  font-weight: normal;
  line-height: 1.46vw;
  color: #22170b;
  margin: 1.5vw 0;
}

.media .newsroom .item h3 i {
  display: none;
}

.media .newsroom .item p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.media .breastfeeding .first {
  width: 51.88vw;
  margin: 0 auto;
  margin-top: 5.1vw;
}

.media .breastfeeding .first .inner .row1 {
  display: flex;
}

.media .breastfeeding .first .inner .row1 h3 {
  width: 20.73vw;
  flex: none;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 1.7vw;
  color: #22170b;
  text-indent: 0vw;
  letter-spacing: 0.05vw;
}

.media .breastfeeding .first .inner .row1 .txt {
  flex: 1;
}

.media .breastfeeding .first .inner .row1 p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.media .breastfeeding .first .inner .row2 {
  margin-top: 5.1vw;
  margin-bottom: 5.2vw;
  display: flex;
}

.media .breastfeeding .first .inner .row2 img {
  flex: none;
  width: 25vw;
  height: 33.33vw;
}

.media .breastfeeding .first .inner .row2 .txt {
  margin-left: 4vw;
  flex: 1;
}

.media .breastfeeding .first .inner .row2 .txt p {
  margin-top: 2vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.media .breastfeeding .second {
  background-color: #bad0e6;
}

.media .breastfeeding .s3 {
  background-color: #fff;
}
.media .breastfeeding .s3 .inner {
  padding: 5.7vw 0;
  width: 64vw;
  margin: 0 auto;
}
.media .breastfeeding .s3 .inner h2 {
  /*font-family: SabonLTPro-Roman;
  font-size: 3.13vw;
  letter-spacing: 0vw;
  color: #241709;
  line-height: 4vw;
  text-align: center;
  margin-bottom: 3vw;*/
  margin-bottom: 5vw;
    font-size: 1.56vw;
    font-weight: normal;
    line-height: 2.08vw;
    color: #22170b;
    text-align: center;
    letter-spacing: 0.05vw;
}
.media .breastfeeding .s3 .inner ul {
  display: flex;
}
.media .breastfeeding .s3 .inner ul li {
  flex: 1;
  border-right: 1px solid #ebebeb;
  padding: 0 2.08vw;
  text-align: center;
}
.media .breastfeeding .s3 .inner ul li h3 {
  margin: 1.5vw 0;
  /*font-family: SabonLTPro;*/
  font-size: 1.25vw;
  /*font-weight: bold;*/
  font-stretch: normal;
  line-height: 1.67vw;
  letter-spacing: 0vw;
  color: #241709;
}
.media .breastfeeding .s3 .inner ul li p {
  font-family: SabonLTPro-Roman;
  font-size: 0.83vw;
  font-weight: normal;
  letter-spacing: 0vw;
  line-height: 1vw;
  color: #241709;
}

.media .breastfeeding .second h3 {
  margin-bottom: 5vw;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  text-align: center;
  letter-spacing: 0.05vw;
}

.media .breastfeeding .second .inner {
  padding: 5.2vw 0;
  width: 64.69vw;
  margin: 0 auto;
}

.media .breastfeeding .second .inner .row1 {
  display: flex;
  padding: 0 4vw;
}

.media .breastfeeding .second .inner .row1 img {
  flex: none;
  width: 29.17vw;
  height: 21.88vw;
}

.media .breastfeeding .second .inner .row1 .txt {
  flex: 1;
  margin: 3vw 0 3vw 4vw;
}

.media .breastfeeding .second .inner .row1 p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.media .breastfeeding .second .inner .row2 {
  padding: 0 4vw;
  margin-top: 5.1vw;
  display: flex;
}

.media .breastfeeding .second .inner .row2 img {
  flex: none;
  width: 29.17vw;
  height: 21.88vw;
}

.media .breastfeeding .second .inner .row2 .txt {
  margin: 3vw 4vw 7vw 0;
}

.media .breastfeeding .second .inner .row2 p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.media .breastfeeding .more h4 {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  text-align: center;
  margin-bottom: 4.2vw;
  letter-spacing: 0.05vw;
}

.media .breastfeeding .more .list {
  display: flex;
  flex-direction: row;
  padding: 1.1rem 0.4rem;
}

.media .breastfeeding .more .item {
  width: 20.83vw;
  padding: 0 2vw;
  box-sizing: border-box;
  border-right: 1px solid #b5c5d3;
}

.media .breastfeeding .more .item:last-of-type {
  border-right: 0;
}

.media .breastfeeding .more .item img {
  /*width: 18.75vw;
  height: 14.06vw;*/
}

.media .breastfeeding .more .item p {
  margin: 3vw 1.5vw 0;
  text-align: center;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.story .first {
  padding: 0.85rem 0.43rem;
}

.story .first .inner {
  width: 57.34vw;
  margin: 0 auto;
}

.story .first summary {
  margin: 5.1vw auto;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  text-align: center;
  letter-spacing: 0.05vw;
}

.story .second {
  position: relative;
  background-color: #ccbaac;
}

.story .second .inner {
  width: 66.77vw;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

.story .about {
  position: relative;
  flex: 1;
  padding-right: 6.8vw;
}

.story .about h5 {
  margin-top: 7.5vw;
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.35vw;
  color: #22170b;
  opacity: 0.5;
}

.story .about h2 {
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.77vw;
  color: #22170b;
  margin-top: 1.56vw;
  margin-bottom: 1.98vw;
}

.story .about h3 {
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.77vw;
  color: #22170b;
}

.story .about .content {
  margin-top: 3.2vw;
  margin-bottom: 5vw;
}

.story .about p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  margin-bottom: 2.5vw;
}

.story .about p strong {
  font-size: 0.83vw;
  font-weight: normal;
  color: #22170b;
}

.story .about .corner {
  position: absolute;
  width: 11.43vw;
  right: -2vw;
  bottom: 2vw;
}

.story .about a {
  text-decoration: underline;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.35vw;
  color: #22170b;
}

.story .our-mission {
  position: relative;
  width: 37.55vw;
  flex: none;
  background: url(../../assets/images/story/mission.png) no-repeat 0 0;
  background-size: cover;
}

.story .our-mission .area {
  position: absolute;
  right: 0;
  bottom: 5.2vw;
  width: 31.25vw;
  height: 19.79vw;
  padding: 3.18vw 4vw 3.18vw 2.14vw;
  box-sizing: border-box;
  background-color: #ffffff;
}

.story .our-mission h2 {
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.story .our-mission h3 {
  margin-top: 3vw;
  margin-bottom: 1.5vw;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.story .our-mission p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.story .our-version .inner {
  width: 66.77vw;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 7.8vw 0;
}

.story .our-version img {
  flex: none;
  width: 25vw;
  margin: 0vw 5.1vw;
}

.story .our-version .content {
  flex: 1;
}

.story .our-version .content h2 {
  margin-top: 5.4vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.story .our-version .content h3 {
  margin-top: 5.7vw;
  margin-bottom: 1.56vw;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.story .our-version .content p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  margin-bottom: 2vw;
}

.story .our-value {
  margin-bottom: 5vw;
}

.story .our-value .inner {
  width: 35.42vw;
  margin: 0 auto;
}

.story .our-value h2 {
  margin: 3.2vw 0;
  text-align: center;
  font-size: 2.08vw;
  line-height: 2.08vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.story .our-value dl {
  cursor: pointer;
  border-top: 1px solid rgba(34, 23, 11, 0.1);
}

.story .our-value dl:last-of-type {
  border-bottom: 1px solid rgba(34, 23, 11, 0.1);
}

.story .our-value dl.expand dd {
  display: block;
}

.story .our-value dl dt {
  font-size: 1.25vw;
  line-height: 1.77vw;
  color: #22170b;
  text-align: center;
  padding-top: 1.6vw;
  margin-bottom: 1.5vw;
  letter-spacing: 0.05vw;
}

.story .our-value dl dd {
  display: none;
  padding-bottom: 1.5vw;
}

.story .our-value dl dd p {
  font-size: 0.83vw;
  line-height: 1.36vw;
  color: #22170b;
  text-align: center;
}

.story .our-product {
  padding: 0;
  padding-top: 1.26rem;
  background: url(../images/story-bg.jpg) no-repeat 0 0;
  background-size: 100%;
  box-sizing: border-box;
  height: 12.53rem;
}

.story .our-product h2 {
  font-size: 0.9rem;
  line-height: 0.41rem;
  color: #22170b;
}

.story .our-product h3 {
  margin-top: 0.2rem;
  font-size: 0.6rem;
  line-height: 0.41rem;
  color: #22170b;
}

.story .our-product h3 small {
  font-size: 0.5rem;
  line-height: 0.3rem;
  color: #22170b;
}

.story .our-product .scroll-view {
  margin-top: 1rem;
  margin-left: 1.4rem;
  width: 6.1rem;
}

.story .our-product .card {
  width: 4.66rem;
  height: 7.3rem;
  background-color: #ffffff;
  margin-right: 0.2rem;
}

.story .our-product .card .inner {
  padding: 0.65rem 0.35rem;
  background-color: #fff;
  text-align: center;
}

.story .our-product .card .inner img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.story .our-product .card .inner h3 {
  font-style: italic;
  font-size: 0.48rem;
  line-height: 0.41rem;
  color: #22170b;
  margin-top: 0.68rem;
  margin-bottom: 0.33rem;
}

.story .our-product .card .inner p {
  font-size: 0.26rem;
  line-height: 0.41rem;
  color: #22170b;
}

.service .food .intro {
  width: 60vw;
  margin: 5.2vw auto;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.77vw;
  letter-spacing: 0.03vw;
  color: #3ead7a;
  padding-left: 0.47vw;
  border-left: 3px solid #3ead7a;
}

.service .food .row {
  display: flex;
  margin-bottom: 5.2vw;
}

.service .food .row .aside {
  width: 50vw;
  flex: none;
  background-color: #f1f3f2;
  overflow: hidden;
  padding: 5.7vw 0;
}

.service .food .row .aside img {
  float: right;
  width: 30.21vw;
  height: 26.04vw;
}

.service .food .row .main {
  width: 32vw;
  padding-left: 7.34vw;
  padding-top: 8.4vw;
}

.service .food .row .main h3 {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  margin-bottom: 3.56vw;
}

.service .food .row .main p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .family section {
  padding: 1rem 0.4rem;
}

.service .family h3 {
  color: #005ea6;
  border-left: 0.15rem solid #005ea6;
}

.service .probiotic .product {
  width: 74.06vw;
  margin: 4vw auto;
  display: flex;
}

.service .probiotic .product p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .probiotic .product h2 {
  margin-top: 5.16vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: inherit;
  color: #22170b;
  letter-spacing: 0.1vw;
}

.service .probiotic .product h3 {
  border-left: 3px solid #ccbaac;
  padding-left: 0.5vw;
  margin-top: 2vw;
  margin-bottom: 3vw;
  font-size: 1.04vw;
  font-weight: normal;
  line-height: 1.25vw;
  color: #ccbaac;
}

.service .probiotic .product h4 {
  margin-bottom: 1.5vw;
  font-size: 1.25vw;
  font-weight: normal;
  color: #22170b;
}

.service .probiotic .product .cover {
  position: absolute;
  width: 24.48vw;
  height: 24.48vw;
  bottom: 0;
  right: 0;
}

.service .probiotic .product .cover.cover-right {
  top: 50%;
  left: inherit;
  right: 0;
  transform: translateY(-50%);
}

.service .probiotic .product .cover.cover-left {
  top: 50%;
  right: inherit;
  transform: translateY(-50%);
}

.service .probiotic .product .cover.cover-center {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.service .probiotic .product .desc {
  flex: 1;
  position: relative;
}

.service .probiotic .product .more {
  position: relative;
  width: 41.67vw;
  height: 41.67vw;
  flex: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.service .probiotic .product .more .inner {
  position: relative;
  padding: 4vw 2.2vw;
  width: 22.92vw;
  background-color: #fff;
  box-sizing: border-box;
}

.service .probiotic .second {
  padding: 6vw 0;
  background-color: #ccbaac;
}

.service .probiotic .second .inner {
  width: 60vw;
  margin: 0 auto;
}

.service .probiotic .second .fl {
  margin-left: 0;
}

.service .probiotic .second .fr {
  margin-right: 0;
}

.service .probiotic .second .row {
  display: flex;
  flex-direction: row;
  text-align: center;
}

.service .probiotic .second h4 {
  margin-bottom: 2.6vw;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  margin-top: 2vw;
}

.service .probiotic .second dl {
  width: 33.3%;
  padding: 1vw 4vw;
  border-right: 1px solid rgba(34, 23, 11, 0.1);
}

.service .probiotic .second dl:first-of-type {
  padding-left: 0;
}

.service .probiotic .second dl:last-of-type {
  padding-right: 0;
  border-right: 0;
}

.service .probiotic .second dl dt {
  margin-bottom: 2vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.service .probiotic .second dl dd {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.46vw;
  color: #22170b;
}

.service .probiotic .picture h6 {
  text-align: right;
  margin-top: 0.5vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
  opacity: 0.6;
}

.service .formula .first {
  margin-top: 5.2vw;
}

.service .formula .second {
  background-color: #bad0e6;
}

.service .formula .second .inner {
  width: 66.82vw;
  padding: 5.7vw 0;
  margin: 0 auto;
}

.service .formula .second .inner h4 {
  margin: 2.4vw 0;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.service .formula .research {
  width: 46.51vw;
  margin: 0 auto;
  margin-top: 4vw;
  text-align: center;
}

.service .formula .research h3 {
  margin: 2.6vw auto;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .formula .research p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  margin-bottom: 3vw;
}

.service .formula .product {
  width: 74.06vw;
  min-height: 49.06vw;
  margin: 0 auto;
  margin-bottom: 7.8vw;
  display: flex;
}

.service .formula .product p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.46vw;
  color: #22170b;
}

.service .formula .product h2 {
  margin-top: 5.16vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: inherit;
  color: #22170b;
  letter-spacing: 0.1vw;
}

.service .formula .product h3 {
  border-left: 3px solid #bad0e6;
  padding-left: 0.5vw;
  margin-top: 3.8vw;
  margin-bottom: 3vw;
  font-size: 1.04vw;
  font-weight: normal;
  line-height: 1.25vw;
  color: #bad0e6;
}

.service .formula .product h4 {
  margin-bottom: 1.5vw;
  font-size: 1.25vw;
  font-weight: normal;
  color: #22170b;
}

.service .formula .product .cover {
  position: absolute;
  width: 24.48vw;
  height: 24.48vw;
  bottom: 0;
  right: 0;
}

.service .formula .product .cover.cover-center {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.service .formula .product .desc {
  flex: 1;
  position: relative;
}

.service .formula .product .more {
  position: relative;
  width: 41.67vw;
  flex: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.service .formula .product .more .inner {
  position: relative;
  padding: 4vw 2.2vw;
  width: 22.92vw;
  background-color: #fff;
  box-sizing: border-box;
}

.service .formula .product .detail {
  margin-top: 3vw;
  display: flex;
  flex-direction: row;
}

.service .formula .product .detail dl {
  flex: 1;
  padding: 0 0.5vw;
}

.service .formula .product .detail dl dt {
  margin-bottom: 1.5vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.15vw;
  color: #22170b;
}

.service .formula .product .detail dl dd {
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 1.46vw;
  color: #22170b;
}

.service .formula .product .detail-only {
  box-sizing: border-box;
  width: 23vw;
  position: absolute;
  left: 0;
  bottom: -3.6vw;
  background-color: #fff;
  padding: 4.43vw 2.08vw;
  border: solid 0.05vw #efefef;
}

.service .index .banner h5 {
  margin-bottom: 1.45vw;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 0.74vw;
  letter-spacing: 0.31vw;
  color: #ffffff;
}

.service .index .banner h1 {
  font-size: 3.65vw;
}

.service .index .g-swiper {
  margin-top: 5vw;
  width: 82vw;
  margin-left: 18vw;
}

.service .index .g-swiper img {
  width: 47.92vw;
  height: 31.25vw;
  object-fit: cover;
}

.service .index .global .inner {
  width: 72.92vw;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.1vw;
}

.service .index .global h4 {
  margin-top: 5vw;
  margin-bottom: 4vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .index .global p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.service .index .global .website {
  display: flex;
  flex-direction: row;
}

.service .index .global .website .one {
  margin-top: 5.26vw;
  margin-bottom: 7.8vw;
  flex: 1;
  position: relative;
  text-align: center;
}

.service .index .global .website .one h3 {
  margin-top: 1.6vw;
  margin-bottom: 2.2vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .index .global .website .one h5 {
  margin-top: 6.5vw;
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 0.88vw;
  color: #22170b;
}

.service .index .global .website .one a {
  margin: 0 auto;
  width: 8.39vw;
  height: 2.08vw;
  border-radius: 1.04vw;
  border: solid 0.05vw rgba(224, 50, 36, 0.4);
  font-size: 0.73vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #e03224;
  text-align: center;
}

.service .index .global .website .one img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.service .index .article {
  margin-top: 2vw;
}

.service .index .article .inner {
  width: 60.52vw;
  margin: 0 auto;
  display: flex;
}

.service .index .article .inner .side {
  flex: 1;
  margin: 0 4vw;
}

.service .index .article .inner .side:first-of-type {
  margin-left: 0;
}

.service .index .article .inner .side:last-of-type {
  margin-right: 0;
}

.service .index .article .inner h3 {
  margin-top: 5vw;
  margin-bottom: 2.5vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .index .article .inner p {
  margin-bottom: 1vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .index .article .inner img {
  margin-bottom: 1vw;
}

.service .index .hybird {
  position: relative;
  margin-top: 0.96rem;
}

.service .index .hybird img {
  float: left;
  width: 3.55rem;
  height: 4.44rem;
  margin-right: 0.24rem;
}

.service .index .hybird .title {
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
  height: 2.4rem;
  background-color: transparent;
}

.service .index .hybird h2 {
  font-size: 0.36rem;
  line-height: 0.2rem;
  color: #000000;
  text-align: center;
}

.service .index .first {
  padding: 5vw 0;
}

.service .index .first .title {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
  text-align: center;
  margin-bottom: 5vw;
  letter-spacing: 0.1vw;
}

.service .index .first .inner {
  width: 57.5vw;
  margin: 0 auto;
}

.service .index .first h3 {
  margin-bottom: 2.86vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 2.2vw;
  color: #22170b;
  letter-spacing: 0.05vw;
}

.service .index .first p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  margin-bottom: 1vw;
}

.service .index .second {
  position: relative;
}

.service .index .second .inner {
  position: sticky;
  top: 10vw;
  height: 50vw;
  background-color: #f6d945;
  width: 100vw;
}

.service .index .second .main {
  position: absolute;
  left: 20vw;
  width: 32vw;
  overflow: hidden;
}

.service .index .second .aside {
  position: relative;
  top: 0;
  z-index: 2;
  margin-top: -50vw;
  width: 25vw;
  margin-left: 60vw;
}

.service .index .second .aside img {
  width: 25vw;
}

.service .index .second h2 {
  margin-top: 6.4vw;
  margin-bottom: 1.8vw;
  font-size: 2.08vw;
  font-weight: normal;
  line-height: 1.82vw;
  color: #22170b;
}

.service .index .second p {
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .index .second .card {
  display: flex;
  flex-direction: column;
  background-color: #f6d945;
}

.service .index .second ol {
  margin-top: 3.2vw;
}

.service .index .second ol li {
  margin-bottom: 1vw;
  display: flex;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #22170b;
}

.service .index .second ol li i {
  flex: none;
  margin-right: 1.6vw;
  font-style: italic;
  font-size: 1.35vw;
  font-weight: normal;
  letter-spacing: 0.1vw;
  color: #01b1ae;
}

.icon-num1 {
  width: 2.44vw;
  height: 1.4vw;
  background-image: url(../images/service/01.png);
  background-size: 100%;
}

.icon-num2 {
  width: 2.44vw;
  height: 1.4vw;
  background-image: url(../images/service/02.png);
  background-size: 100%;
}

.icon-num3 {
  width: 2.44vw;
  height: 1.4vw;
  background-image: url(../images/service/03.png);
  background-size: 100%;
}

.icon-num4 {
  width: 2.44vw;
  height: 1.4vw;
  background-image: url(../images/service/04.png);
  background-size: 100%;
}

.service .index .second ol li span {
  flex: none;
  display: inline-block;
  width: 0.4rem;
  margin-right: 0.28rem;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #01b1ae;
}

.service .index .third {
  padding-bottom: 0.95rem;
  background-color: #bad0e6;
}

.service .index .third h2 {
  margin-top: 1.27rem;
  font-size: 0.6rem;
  line-height: 0.43rem;
  color: #090808;
}

.service .index .third h4 {
  margin-top: 0;
  padding-top: 0.85rem;
}

.service .index .design {
  margin-top: 4.16vw;
}

.service .index .design .inner {
  display: flex;
  flex-direction: row;
}

.service .index .design .inner .aside {
  flex: 1;
  background-color: #f6d945;
  text-align: right;
}

.service .index .design .inner .aside img {
  display: inline-block;
  margin: 5.7vw 0;
  width: 26.04vw;
  height: 35.42vw;
}

.service .index .design .inner .main {
  flex: 1;
}

.service .index .design .inner .main .one {
  width: 22.4vw;
  margin-left: 7.5vw;
  margin-top: 6vw;
  text-align: center;
}

.service .index .design .inner .main .one img {
  display: inline-block;
}

.service .index .design .inner .main .one h2 {
  margin-top: 1.56vw;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.25vw;
  letter-spacing: 0.03vw;
  color: #2d2e2d;
}

.service .index .design .inner .main .one p {
  margin-top: 2.34vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .index .child {
  height: 40vw;
  overflow: hidden;
}

.service .index .child .inner {
  width: 60.63vw;
  margin: 0 auto;
  padding-top: 5vw;
  text-align: center;
}

.service .index .child h4 {
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .index .child p {
  margin-top: 2.5vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .index .child .ui {
  margin-top: 6vw;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.service .index .child .ui img {
  width: 18.854vw;
  height: 39.79vw;
  transition: all 0.3s linear;
}

.service .index .child .ui img.active {
  transform: translateY(-3vw);
}

.service .index .app {
  background-color: #ffe8e2;
}

.service .index .app .inner {
  width: 60.63vw;
  margin: 0 auto;
  padding: 5.16vw 0;
}

.service .index .app .panels p {
  width: 46.67vw;
  margin: 0 auto;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
  display: none;
  text-align: center;
}

.service .index .app .panels p.active {
  display: block;
}

.service .index .app ul {
  display: flex;
  justify-content: center;
  margin-bottom: 2vw;
}

.service .index .app ul li {
  display: none;
  text-align: center;
  font-size: 1.25vw;
  font-weight: normal;
  line-height: 1.25vw;
  letter-spacing: 0.03vw;
  color: #2d2e2d;
}

.service .index .app ul li.active {
  display: block;
}

.service .index .research {
  display: flex;
  width: 52vw;
  margin: 0 auto;
  margin-top: 6vw;
  margin-bottom: 11vw;
}

.service .index .research .aside {
  flex: 1;
  width: 22.92vw;
  margin-right: 4.7vw;
}

.service .index .research .aside h4 {
  margin-top: 5.2vw;
  margin-bottom: 2.8vw;
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 2.08vw;
  color: #22170b;
}

.service .index .research .aside p {
  margin-bottom: 1vw;
  font-size: 0.83vw;
  font-weight: normal;
  line-height: 1.36vw;
  color: #22170b;
}

.service .index .research .main {
  flex: none;
}

.service .index .research .main img {
  width: 25vw;
  height: 33.33vw;
}

.service .index .mobile {
  position: relative;
  height: 33vw;
  background: url(../../assets/images/service/mobile-bg.png) no-repeat;
  background-size: 100%;
}

.service .index .mobile .inner {
  display: flex;
  flex-direction: row;
  width: 52vw;
  margin: 0 auto;
}

.service .index .mobile .store {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.service .index .mobile .store .box {
  margin-top: 6.25vw;
  margin-left: 16vw;
  padding: 2.15vw;
  border: solid 0.1vw #ffffff;
  text-align: left;
}

.service .index .mobile .store img {
  width: 100%;
}

.service .index .mobile .store h2 {
  font-size: 2.6vw;
  font-weight: normal;
  line-height: 2.34vw;
  color: #ffffff;
  letter-spacing: 0.1vw;
}

.service .index .mobile .store .stores {
  display: flex;
  flex-direction: row;
}

.service .index .mobile .store .app-logo {
  margin-top: 2.08vw;
  margin-bottom: 1.56vw;
  width: 5.21vw;
  height: 5.21vw;
}

.service .index .mobile .store a {
  display: inline-block;
  margin-right: 1vw;
}

.service .index .mobile .store .download {
  width: 6.25vw;
  height: 1.82vw;
}

.service .index .mobile .phone {
  position: relative;
  border: 5px solid #1d1d1d;
  width: 16.72vw;
  height: 33.28vw;
  border-radius: 2.66vw;
  overflow: hidden;
  margin-top: -6.5vw;
}

.service .index .mobile .phone img {
  width: 100%;
  height: 33.28vw;
  object-fit: cover;
}

.service .index .mobile .phone::before {
  position: absolute;
  content: " ";
  width: 9.4vw;
  height: 1.6vw;
  background-color: #1d1d1d;
  z-index: 11;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 1vw 1vw;
}

.service .index .mobile .phone .scroll-content {
  width: 16.6rem;
}

.service .index .mobile .phone .card {
  width: 4.14rem;
  height: 8.25rem;
  background-color: transparent;
}

.service .index #scroll-ui {
  display: flex;
  flex-direction: column;
  overflow: inherit;
}

.service .index #scroll-ui .swiper-pagination {
  position: relative;
  margin-top: 2vw;
  height: 0.2vw;
  display: inline-block;
  background-color: #f1f3f2;
  border-radius: 0.08vw;
  display: flex;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
}

.service .index #scroll-ui .swiper-pagination-bullet {
  display: inline-block;
  width: 3.13vw !important;
  height: 0.2vw;
  background-color: transparent;
  border-radius: 0.08vw;
  border: 0;
  padding: 0;
  margin: 0;
}

.service .index #scroll-ui .swiper-pagination-bullet-active {
  background-color: var(--first-color);
}





/*----------------------screen 1550px fontsize--------------------*/


/*---@media screen and (max-width: 1550px) {
  h1,h2,h3,h4,h5,h6,p{
      transform: scale(1.2);
  }
  dt,dd{
    transform: scale(1.2);
}
}--*/

@media screen and (max-width: 1550px) {
  /*p{
     font-size: 1vw;
  }
  dt,dd{
    font-size: 1vw;
  }*/

  /*-----header & footer-----*/
  .header .nav .nav-list>li h3 {
    line-height: 1vw;
    font-size: 1.1vw;
  }

  .header .nav .subnav li a {
    font-size: 0.98vw;
  }

  .header .lang h3 {
    font-size: 1.1vw;
  }

  .header .lang ul li a {
    font-size: 1vw;
  }

  .footer .nav a {
    font-size: 0.92vw;
  }

  .footer .description p {
    font-size: 0.93vw;
  }

  .footer .sites h4 {
    font-size: 1vw;
  }

  .footer .sites nav a {
    transform: scale(1.1);
  }

  .footer .cp p {
    font-size: 0.93vw;
  }

  /*-----main/index.php-----*/
  .home .best .slogon p {
    font-size: 1.04vw;
    line-height: 1.46vw;
  }

  .home .best .explore .btn {
    border-radius: 2vw;
    font-size: 0.83vw;
    font-weight: normal;
  }

  .home .products .one p {
    font-size: 1vw;
    line-height: 1.46vw;
  }

  .home .products .one a {
    font-size: 0.93vw;
    border-radius: 2vw;
  }

  .home .products .inner .main a {
    font-size: 0.93vw;
    border-radius: 2vw;
  }

  .home .products .inner .main p {
    font-size: 1.1vw;
  }

  .home .services .desc p {
    font-size: 1.35vw;
  }

  .home .services .item .title h5 {
    font-size: 1.03vw;
  }

  .home .services .item .title h3 {
    font-size: 1.87vw;
  }

  .home .services .item .title P {
    font-size: 1vw;
  }

  .home .services .item .more p {
    font-size: 0.98vw;
  }

  .home .res-meida .res .inner p {
    font-size: 1vw;
  }

  .home .res-meida .res dl dd {
    font-size: 1.04vw;
  }

  .home .res-meida .news .news-item h4 {
    font-size: 1vw;
  }

  .home .res-meida .news .news-item h3 {
    font-size: 1.04vw;
  }

  .home .home-story .main p {
    font-size: 1vw;
    line-height: 1.5vw;
  }

  .home .home-story .main a {
    /* font-size: 0.93vw;
    border-radius: 2vw; */
  }

  .home .home-contact .inner h5 {
    font-size: 1vw;
  }

  .home .home-contact .inner dl dt {
    font-size: 1vw;
  }

  .home .home-contact .inner dl dd p {
    font-size: 1vw;
  }

  /*-----product/formula.php-----*/
  .service .formula .product h3 {
    font-size: 1.14vw;
    line-height: 1.45vw;
  }

  .service .formula .product p {
    font-size: 0.96vw;
    line-height: 1.66vw;
  }

  .service .formula .product .detail dl dd {
    font-size: 0.93vw;
  }

  .service .formula .product .detail dl dt {
    font-size: 1vw;
  }

  .service .formula .research p {
    font-size: 1vw;
    line-height: 1.66vw;
  }

  .txt p {
    font-size: 0.96vw;
  }

  .websites .links a {
    font-size: 1vw;
  }

  /*-----product/probiotics.php-----*/

  .service .probiotic .product h3 {
    font-size: 1.04vw;
    line-height: 1.35vw;
  }

  .service .probiotic .product p {
    font-size: 0.96vw;
    line-height: 1.66vw;
  }

  .service .probiotic .second dl dd {
    font-size: 0.96vw;
    line-height: 1.56vw;
  }

  .service .probiotic .second dl dt {
    font-size: 1vw;
  }

  /*-----product/food.php-----*/
  .service .food .row .main p {
    font-size: 0.96vw;
    line-height: 1.66vw;
  }

  /*-----product/service.php-----*/
  .service .index .first p {
    font-size: 0.96vw;
  }

  .service .index .second h3 {
    font-size: 1.1vw;
  }

  .service .index .second p {
    font-size: 0.96vw;
  }

  .service .index .second ol li {
    font-size: 0.93vw;
  }

  .service .index .global p {
    font-size: 0.96vw;
  }

  .service .index .global .website .one a {
    font-size: 0.83vw;
  }

  .service .index .article .inner p {
    font-size: 0.96vw;
  }

  .service .index .design .inner .main .one p {
    font-size: 0.96vw;
  }

  .service .index .child p {
    font-size: 0.96vw;
  }

  .service .index .app .panels p {
    font-size: 0.96vw;
  }

  .service .index .research .aside p {
    font-size: 0.96vw;
  }

  /*-----product/breastfeeding.php-----*/
  .media .breastfeeding .first .inner .row1 p {
    font-size: 0.96vw;
  }

  .media .breastfeeding .first .inner .row2 .txt p {
    font-size: 0.96vw;
  }

  .media .breastfeeding .second .inner .row1 p {
    font-size: 0.96vw;
  }

  .media .breastfeeding .second .inner .row2 p {
    font-size: 0.96vw;
  }

  .media .breastfeeding .more .item p {
    font-size: 0.96vw;
  }

  /*-----story.php-----*/
  .story .about h5,
  .story .about p,
  .story .about p strong,
  .story .about a,
  .story .our-mission p {
    font-size: 0.96vw;
  }

  .story .about h3,
  .story .about h2 {
    font-size: 1.35vw;
  }

  .story .our-version .content p {
    font-size: 0.96vw;
  }

  .story .our-value dl dd p {
    font-size: 0.96vw;
  }

  /*-----contact.php-----*/
  .contact section h2,
  .contact section h3 {
    font-size: 0.96vw;
  }

  .contact section p {
    font-size: 0.96vw;
  }

  /*----------media--------------*/
  .media-menu dl {
    font-size: 0.96vw;
  }

  .media-menu dl dd {
    font-size: 0.96vw;
  }

  .media .news .news-item .news-detail h4 {
    font-size: 0.96vw;
  }

  .media .news .news-item .news-detail p {
    font-size: 0.96vw;
  }

  .media .related h4 {
    font-size: 0.96vw;
  }

  .media .related .item p {
    font-size: 0.96vw;
  }

  .media .news .news-item .news-detail p {
    font-size: 0.96vw;
  }

  .media .newsroom .item p {
    font-size: 0.96vw;
  }

  .media .content .title summary {
    font-size: 0.96vw;
  }

  .media .content .links a {
    font-size: 0.96vw;
  }

  .media .content article main p {
    font-size: 0.96vw;
  }

  .media .content .refs p {
    font-size: 0.96vw;
  }



}












/**/
.home .s1 {
  width: 100%;
  height: 89vw;
  margin-top: -8vw;
  background: url(../images/home/banner.png) repeat-x 0 0;
  background-size: contain;
}

.home .s1 .inner {
  position: relative;
  height: 100%;
}

.home .s1 .inner h1 {
  padding-top: 20vw;
  position: relative;
  z-index: 10;
  text-align: center;
  font-family: SabonLTPro-Roman;
  font-size: 3.65vw;
  line-height: 5.4vw;
  letter-spacing: 0.22vw;
  color: #56322f;
}

.home .s1 .inner .cover {
  position: absolute;
  bottom: 10.8vw;
  width: 100vw;
  z-index: 2;
}

.home .s1 .inner .btn {
  position: absolute;
  width: 8.39vw;
  margin: 2vw auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4vw;
}

.home .s1 .inner .btn a:hover {
  background-color: #fff;
  color: #603b2c;
}

.home .s2 {
  background-color: #f1f3f2;
  padding: 4vw 0;
}

.home .s2 .swiper-pagination {
  bottom: 3.9vw !important;
  left: 6.5vw !important;
  transform: inherit !important;
}

.home .s2 .inner {
  width: 68vw;
  margin: 0 auto;
  display: flex;
}

.home .s2 .main {
  width: 37.5vw;
  height: 49.69vw;
  background-color: #ebebeb;
}

.home .s2 h2 {
  font-family: SabonLTPro-Roman;
  font-size: 2.6vw;
  font-weight: normal;
  letter-spacing: 0vw;
  line-height: 2.6vw;
  color: #241709;
}

.home .s2 h2 em {
  color: #e03224;
}

.home .s2 .research img {
  width: 37.5vw;
  height: 49.69vw;
}

.home .s2 .research .item {
  position: relative;
}

.home .s2 .research .card {
  position: absolute;
  right: 0;
  bottom: 5.2vw;
  padding: 3.3vw 2.19vw;
  box-sizing: border-box;
  width: 31.15vw;
  height: 19.95vw;
  background-color: #ffffff;
  text-align: left;
  z-index: 11;
}

.home .s2 .research p {
  margin-top: 2.29vw;
  font-family: SabonLTPro-Roman;
  font-size: 0.83vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.15vw;
  letter-spacing: 0vw;
  color: #241709;
}

.home .s2 .art {
  padding-top: 6.4vw;
}

.home .s2 .art ul {
  margin-top: 1.6vw;
  margin-bottom: 3.2vw;
  display: flex;
}

.home .s2 .art ul img {
  width: 7.19vw;
  height: 16.25vw;
  margin-right: 0.26vw;
}

.home .s2 .art p {
  font-family: SabonLTPro-Roman;
  font-size: 0.83vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.15vw;
  letter-spacing: 0vw;
  color: #241709;
}

.home .s2 .aside {
  flex: 1;
  margin-left: 9vw;
}

.home .s3 .inner {
  padding: 5.7vw 0;
  width: 64vw;
  margin: 0 auto;
}

.home .s3 .inner h2 {
  font-family: SabonLTPro-Roman;
  font-size: 3.13vw;
  letter-spacing: 0vw;
  color: #241709;
  line-height: 4vw;
  text-align: center;
  margin-bottom: 3vw;
}

.home .s3 .inner ul {
  display: flex;
}

.home .s3 .inner ul li {
  flex: 1;
  border-right: 1px solid #ebebeb;
  padding: 0 2.08vw;
  text-align: center;
}

.home .s3 .inner ul li:last-child {
  border-right: 0;
}

.home .s3 .inner ul li h3 {
  margin: 1.5vw 0;
  /*font-family: SabonLTPro;*/
  font-size: 1.25vw;
  /*font-weight: bold;*/
  font-stretch: normal;
  line-height: 1.67vw;
  letter-spacing: 0vw;
  color: #241709;
}

.home .s3 .inner ul li p {
  font-family: SabonLTPro-Roman;
  font-size: 0.83vw;
  font-weight: normal;
  letter-spacing: 0vw;
  line-height: 1vw;
  color: #241709;
}

.home .s4 .inner {
  width: 92vw;
  margin: 0 auto;
  padding-bottom: 4vw;
}

.home .s4 .inner h2 {
  font-family: SabonLTPro-Roman;
  font-size: 3.13vw;
  line-height: 3.2vw;
  letter-spacing: 0vw;
  color: #241709;
  text-align: center;
  margin-bottom: 3.2vw;
}

.home .s4 .inner ul {
  display: flex;
}

.home .s4 .inner ul li:last-of-type {
  margin-right: 0;
}

.home .s4 .inner ul a {
  display: block;
  margin-right: 0.47vw;
  width: 30.21vw;
  height: 32.29vw;
  padding: 5.68vw 0;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, #f5eee9 0%, #faf9f7 100%), linear-gradient(#f1f3f2, #f1f3f2);
  background-blend-mode: normal,
    normal;
  text-align: center;
  cursor: default;
}

/*.home .s4 .inner ul a:hover {
  background-image: linear-gradient(180deg, #f2e6e7 0%, #fcfafa 100%), linear-gradient(180deg, #dee6ed 0%, #ffffff 100%), linear-gradient(#c9baad, #c9baad);
}*/

.home .s4 .inner ul a h3 {
  font-family: SabonLTPro-Roman;
  font-size: 1.35vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.22vw;
  letter-spacing: 0vw;
  color: #241709;
}

.home .s4 .inner ul a p {
  margin-bottom: 3vw;
  font-family: SabonLTPro-Roman;
  font-size: 1.25vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.22vw;
  letter-spacing: 0vw;
  color: #c7856d;
  margin-top: 0.8vw;
}

.home .s4 .inner ul a img {
  height: 15.16vw;
  width: auto;
  margin: 0 auto;
}