@charset "UTF-8";
body {
  color: #353737;
  font-weight: 300;
}
h2,
h3 {
  font-weight: 300;
}
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
#main {
  margin-top: 0;
  margin-bottom: 0;
}
#main > .row {
  max-width: none;
}
#primary.column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t-sec-benefits {
  position: relative;
  z-index: 1;
}
/*-- fade --*/
.our-science .fade {
  transition: 1s;
}
.our-science .fade_up {
  transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.our-science .fade.act {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/*--contents --*/
.our-science h2 {
  padding: 0;
  border: none;
  color: #898a8d;
  font-size: 26px;
  line-height: 1.6;
}
.our-science .p-txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.7;
}
.our-science .p-txt-last {
  margin-top: 75px;
}
.our-science .p-txtLink {
  text-decoration: underline;
}
.our-science .p-txtLink:hover {
  text-decoration: none;
}
.our-science .l-contents {
  position: relative;
  max-width: 1060px;
  width: 92.857vw;
  margin: 0 auto;
  z-index: 1;
}
.our-science .year--contents-flex {
  display: flex;
  flex-wrap: wrap;
}
.our-science .p-started--year {
  position: absolute;
  top: -80px;
  width: 390px;
}
@media screen and (max-width: 767px) {
  .our-science h2 {
    padding: 0;
    border: none;
    color: #898a8d;
    font-size: 20px;
    line-height: 1.6;
  }
  .our-science .p-txt {
    margin-top: 3vw;
    font-size: 14px;
    line-height: 1.7;
  }
  .our-science .p-txt-last {
    margin-top: 9.762vw;
  }
  .our-science .p-txtLink {
    text-decoration: underline;
  }
  .our-science .p-txtLink:hover {
    text-decoration: none;
  }
  .our-science .year--contents-l-l {
    position: relative;
    max-width: initial;
    width: 100vw;
    margin: 0 auto 0 0;
    z-index: 1;
  }
  .our-science .year--contents-l-r {
    position: relative;
    max-width: initial;
    width: 100vw;
    margin: 0 0 0 auto;
    z-index: 1;
  }
  .our-science .year--contents-m {
    position: relative;
    max-width: initial;
    width: 100vw;
    margin: 0 auto;
    z-index: 1;
  }
  .our-science .year--contents-flex {
    display: block;
  }
  .our-science .p-started--year {
    position: absolute;
    top: -19.048vw;
    width: 66.667vw;
  }
}
/*-- kv --*/
.our-science .kv {
  position: relative;
  text-align: center;
  z-index: 10;
}
.our-science .kv--video {
  width: 100%;
}
.our-science .kv--video video {
  display: block;
  width: 100%;
}
.our-science .kv--scroll {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 30px;
  margin: 0 auto;
  opacity: 0;
  animation: fadeIn 5s ease-in-out forwards;
}
.our-science .kv--scroll img {
  width: 30px;
}
.our-science .kv--content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.our-science .kv h1 {
  color: #cbccce;
  font-size: 84px;
  font-weight: 300;
}
.our-science .kv p {
  color: #fff;
  display: block;
  font-size: 20px;
  margin: 35px 0 0;
}
.our-science .kv .kv--content.act h1 {
  opacity: 0;
  animation: fadeIn 3s ease-in-out forwards;
}
.our-science .kv .kv--content.act p {
  opacity: 0;
  animation: fadeIn 3s ease-in-out 0.2s forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .our-science .kv--content {
    transform: translate(-50%, -60%);
  }
  .our-science .kv h1 {
    color: #cbccce;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.6;
  }
  .our-science .kv p {
    display: block;
    margin-top: 0;
    color: #fff;
    font-size: 18px;
  }
}
/*-- linden --*/
.linden {
  position: relative;
}
.linden--wapper {
  width: 100%;
  background: linear-gradient(0deg, #000000bd, transparent);
}
.linden--contents {
  max-width: 1060px;
  padding-top: 100px;
  padding-bottom: 100px;
  margin: 0 auto;
}
.linden--contents h2 {
  color: #fff;
  font-size: 26px;
}
.linden--contents h2 sup {
  margin-left: -10px;
}
.linden--contents h2.en sup,
.linden--contents h2.cn sup {
  margin-left: 0;
}
.linden--contents p {
  line-height: 1.8;
}
.linden--list {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #section1.linden--list {
    background-image: url("../images/our-science/linden_img_01.jpg");
  }
  #section2.linden--list {
    background-image: url("../images/our-science/linden_img_02.jpg");
  }
  #section3.linden--list {
    background-image: url("../images/our-science/linden_img_03.jpg");
  }
  #section4.linden--list {
    background-image: url("../images/our-science/linden_img_04.jpg");
  }
}
.pagination-nav {
  position: absolute;
  top: 65px;
  left: 53px;
  z-index: 100;
}
.pagination-nav.fixed-pagination {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.pagination-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination-nav li {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-bottom: 17px;
  cursor: pointer;
  transition: transform 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.pagination-nav li:last-child {
  margin-bottom: 0;
}
.pagination-nav li.active {
  position: relative;
}
.pagination-nav li.active::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .linden--contents {
    width: 79.952vw;
    padding-top: 34.048vw;
    padding-bottom: 24.905vw;
    margin: 0 auto;
  }
  .linden--contents h2 {
    font-size: 21px;
  }
  .linden--list {
    background-attachment: scroll;
    background-position: center 0;
  }
  #section1.linden--list {
    background-image: url("../images/our-science/linden_img_01_sp.jpg");
  }
  #section2.linden--list {
    background-image: url("../images/our-science/linden_img_02_sp.jpg");
  }
  #section3.linden--list {
    background-image: url("../images/our-science/linden_img_03_sp.jpg");
  }
  #section4.linden--list {
    background-image: url("../images/our-science/linden_img_04_sp.jpg");
  }
  .pagination-nav {
    top: 9.286vw;
    left: 2.762vw;
  }
  .pagination-nav li {
    width: 16px;
    height: 16px;
    margin-bottom: 3.571vw;
  }
  .pagination-nav li.active::after {
    width: 12px;
    height: 12px;
  }
}

/*-- story --*/
.story {
  position: relative;
  padding: 66px 0 40px;
  background-image: linear-gradient(0deg, #ffffff 65%, #e3e3e3);
  z-index: 200;
}
.story h2 {
  text-align: center;
  margin-bottom: 46px;
}
p.story--lead {
  text-align: center;
  line-height: 2.5;
}
p.story--notes {
  font-size: 12px;
}
.story--video {
  position: relative;
  max-width: 770px;
  margin: 45px auto 40px;
}
/* .story--video-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  cursor: pointer;
} */
.story--video video {
  width: 100%;
  height: auto;
}