@charset "utf-8";
/* CSS Document */
#stage .cts-body {
  background: transparent;
  padding-bottom: 1em;
}
.cts-top {
  background: linear-gradient(to bottom, #a1191d, #b5111a 25%, #be0e19 50%, #b71018 75%, #9f181e);
  overflow: hidden;
  height: auto;
  padding: 0;
}
#stage .cts-body .inner,
#contents .inner {
  max-width: 1000px;
  width: 92%;
}
.cts-top__tl {
  margin: 0 0 0 -18.3%;
  bottom: auto;
  top: 0;
  width: 136.6%;
}
.cts-top__text {
  margin: 3% 0% 0% 14.6%;
  width: 44.05%;
}
#contents .cts-top__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#contents .cts-top__img {
  width: 136.6%;
  margin: 0 0 0 -18.3%;
}
.cts-cm {
  padding: 103px 0 97px;
}
.cts-cm__link {
  margin: 0 auto;
  width: 74%;
  background: #fff;
}
.cts-product {
  margin: 3.8% auto 0;
  padding: 0% 7.1% 0% 39.2%;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-image: url(/gaseri/img/bg_product.jpg);
}
.cts-product+.cts-product {
  margin-top: 3.2%;
}
.cts-product__tl.--drink {
  margin: 0% 0% 0% 0;
  padding: 8.3% 0% 0% 0.8%;
  width: 89.386%;
}
.cts-product__text {
  margin: 3.3% -3% 0% -0.9%;
  padding: 0% 0.8% 0%;
  font-size: 1.375em;
  line-height: 1.546;
}
.cts-product__text.--gaseri {
  margin-top: 3.6%;
  margin-bottom: 4%;
}
.cts-product__button {
  padding: 0 0 11.2%;
  font-size: 0.938em;
  width: 55.866%;
  margin: 3.8% 0 0;
}
.cts-product__button span {
  padding: 5.8% 10.6% 0 6.9%;
  position: relative;
  z-index: 1;
}
.cts-product-kinou {
  width: 105%;
  margin: 8.5% 0% 0% 0%;
  padding: 0% 0% 2.9% 0%;
  font-size: 0.625em;
  line-height: 1.8;
}
.cts-product-kinou.--l-pb {
  padding-bottom: 5.4%;
  margin-top: 19%;
}
.cts-product-kinou__img.--drink {
  margin: 3.6% 0% 0% 10.2%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 19.9%;
}
.cts-product-kinou__img.--gaseri {
  margin: 8.5% 0 0% 3.1%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35.3%;
}
.cts-product__tl.--gaseri {
  margin: 0% 0% -0.4% 0.8%;
  padding: 8.6% 0% 0% 0%;
  width: 66.853%;
}
.cts-body__text {
  margin: 10.4% 0% 7.9% 9.3%;
  width: 81.379%;
}
.cts-more {
  margin: 0 auto 0;
  width: 62.5%;
  background-image: url(/gaseri/img/bg_more.jpg);
}
.cts-more__button {
  padding: 6.1% 0% 7.7% 8.6%;
  font-size: 1.65em;
}
.cts-more__button::after {
  padding: 0 0 3.5%;
  margin: -2.2% 8.6% 0 0;
  width: 3.5%;
  transition: transform 0ms cubic-bezier(0.19, 1, 0.22, 1);
}
.cts-more__stl {
  padding: 6.9% 0% 0% 0%;
  font-size: 1.75em;
}
.cts-more__text+.cts-more__stl {
  margin-top: 13.6%;
}
.cts-more__stl.--source {
  margin-top: 14.5%;
}
#stage .cts-more__img-01 {
  margin: 5% 0 2.5% 20.9%;
  width: 53.9%;
}
.cts-more__text {
  margin: 0 auto 6.1%;
  font-size: 1.313em;
  line-height: 1.762;
  width: 63.04%;
}
.cts-more__text:last-child {
  padding-bottom: 12.6%;
}
#stage .cts-more__img-02 {
  margin: 5.3% 0 2.2% 18.5%;
  width: 53.1%;
}
#stage .cts-more__img-03 {
  margin: 6.5% 0 1.4% 18.4%;
  width: 56.2%;
}
.cts-anchor {
  margin: -11% 0 0;
}
.cts-functions__tl {
  margin: 11.6% 0% 1.7% 14.7%;
  width: 70.6%;
}
.cts-functions__text {
  margin: 0 auto 0;
  padding: 0% 0% 3.2% 0%;
  font-size: 1.375em;
  line-height: 1.591;
  width: 65.4%;
}
.cts-functions__slider {
  padding: 228px 0 201px;
  background-size: cover;
  background-image: url(/gaseri/img/bg_functions.jpg);
}
.swiper-wrapper {
  font-size: 0.875em;
  line-height: 1.572;
}
.swiper-slide {
  padding: 0.8% 0.9%;
  width: 57.4%;
  max-width: 574px;
  margin-right: min(28px, 28%);
  margin-left: min(28px, 28%);
}
.swiper-slide p {
  margin: 4.4% 0 0;
  padding: 0 0 0.4%;
}
#contents .swiper-pagination {
  width: 57.4%;
  max-width: 574px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: min(345px, 34.5%);
}
#contents .swiper-pagination-bullet {
  width: 8%;
  padding-bottom: 0.5%;
  margin: 0 1.1%;
}
.swiper-button-wrap {
  position: absolute;
  top: 0;
  width: 57.4%;
  max-width: 574px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.swiper-button-prev {
  margin: 32.5% -7.9% 0%;
  width: 6.1%;
}
.swiper-button-next {
  margin: 32.5% -7% 0%;
  width: 6.1%;
}
.cts-functions__result {
  background-image: url(/gaseri/img/bg_reault.jpg);
}
.cts-functions__result-text {
  padding: 5.2% 0% 4% 13.5%;
  width: 73.1%;
}
.cts-empirical-data__tl {
  padding: 8.9% 0% 0% 11.4%;
  width: 77.2%;
}
.cts-empirical-data__ctn {
  display: flex;
  justify-content: space-between;
}
.cts-empirical-data__text {
  margin: 3.7% 0% 0% 13.5%;
  font-size: 1.375em;
  line-height: 1.591;
  width: 39.9%;
}
#contents .cts-empirical-data__illust {
  margin: 3.9% 16.4% 0 0.9%;
  padding: 0 0 6%;
  width: 29.3%;
}
.cts-empirical-data__graph {
  padding: 166px 0 156px;
  background: none;
  position: relative;
}
.cts-empirical-data__graph:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url(/gaseri/img/bg_graph_01.jpg) no-repeat 44% 0 / cover;
}
.cts-empirical-data__graph:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url(/gaseri/img/bg_graph_02.jpg) no-repeat 53% 0 / cover;
}
.cts-empirical-data__graph-box {
  margin: 0 auto;
  padding: 4.6% 7% 0 9%;
  width: 70.2%;
  position: relative;
  z-index: 1;
}
.cts-empirical-data__graph-tl {
  margin: 0% -1% 0% 0%;
  font-size: 1.375em;
  line-height: 1.728;
}
.cts-empirical-data__graph-tl strong {
  font-size: 2.137em;
  line-height: 1.447;
}
#contents .cts-empirical-data__graph-img {
  margin: 4.4% 0 0 2%;
  width: 92.4%;
}
.cts-empirical-data__graph-caption {
  margin: 4.2% -8% 0% -11.5%;
  padding: 0% 0% 3% 1.2em;
  font-size: 0.625em;
  line-height: 1.8;
}
.cts-zero__tl {
  padding: 11.2% 0% 4.3% 18.8%;
  width: 62.7%;
}
.cts-zero__every-day {
  padding: 160px 0 208px;
  background-image: url(/gaseri/img/bg_zero.jpg);
  background-position: 43% 50%;
}
.cts-zero__every-day-box {
  margin: 0 auto;
  padding: 14.4% 7.5% 13.7% 12.5%;
  width: 70.2%;
}
.cts-zero__every-day-text {
  margin: 0% 0% 7.2% 0%;
  font-size: 1.375em;
  line-height: 1.637;
  letter-spacing: 0.115em;
}
.cts-result {
  background-image: url(/gaseri/img/bg_start.jpg);
}
.cts-result__ctn {
  padding: 0% 0% 4.2% 0%;
  display: flex;
  justify-content: space-between;
}
#contents .cts-result__img {
  padding: 5.4% 0 0 5.5%;
  width: 12.3%;
}
.cts-result__text {
  margin: 14.5% 3.9% 0% 5.1%;
  padding: 0% 0% 8.9% 0%;
  width: 73.2%;
}
/* cts-series */
#stage .cts-series {
  background: #fff;
}
#stage .cts-series h2 {
  width: 42.396%;
  padding: 8.7% 0 2%;
}
#stage .cts-series ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#stage .cts-series li {
  width: 19.13%;
  float: left;
  margin-bottom: 1.087%;
}
#stage .cts-series li:last-child {
  margin-right: 0;
  width: 39.348%;
}
#stage .cts-series li .img {
  border-bottom: solid 1px #fff;
  padding: 0 0 0.715em 0;
  height: auto;
}
#stage .cts-series li .img img {
  height: 11.429em;
  margin: 0 auto;
  display: block;
  width: auto;
}
#stage .cts-series .txt {
  padding: 1.8em 0 0 1.2em;
  min-height: 9.3em;
  letter-spacing: 0;
  line-height: 1.286;
}
#stage .cts-series .takuhai .txt {
  padding: 0;
  padding-top: 1.8em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#stage .cts-series .gaseri_berry .txt,
#stage .cts-series .gaseri_lemon .txt,
#stage .cts-series .takuhai .txt {
  min-height: 10.3em;
}
#stage .cts-series .txt .logo {
  padding: 0 0.2em 0.6em 0;
  width: 1.9em;
}
#stage .cts-series .product {
  width: 61.016%;
  vertical-align: top;
}
#stage .cts-series .plant_label .product {
  margin-top: 2.4%;
  width: 57%;
}
#stage .cts-series .fmix .product {
  width: 68.575%;
}
#stage .cts-series .takuhai .product {
  width: 28.397%;
}
#stage .cts-series .gaseri_lemon .product {
  width: 63.175%;
}
.cts-series__caption {
  display: block;
  color: var(--c-main);
  font-weight: 300;
  font-size: 0.695em;
  letter-spacing: 0.08em;
  clear: both;
  margin: 0 0 0%;
  position: relative;
  top: -0.6em;
}
#stage .cts-series .btn_plant_label {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #42a974;
  width: 100%;
}
#stage .cts-series .btn_plant_label:after {
  content: "\21d2";
  font-family: icon;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.3em;
  margin: 0em 0.6em 0.2em 0;
  color: #fff;
}
#stage .cts-series .btn_plant_label img {
  width: 50%;
  margin-left: 13%;
  padding: 0.5em 0 0.5em 0;
}
.cts-series .plant_label:after {
  margin: 0 0.6em 2.1em 0;
}
/* hover */
.cts-more__button,
.swiper-button-prev img,
.swiper-button-next img,
.cts-cm__link img {
  transition: opacity 200ms ease;
}
.cts-more__button:hover,
.swiper-button-prev:hover img,
.swiper-button-next:hover img,
.cts-cm__link:hover img {
  opacity: 0.62;
}
.cts-product__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0.4%;
  width: 97.4%;
  height: 0;
  padding: 0 0 17.3%;
  background: #fff;
  transition: opacity 200ms ease;
  opacity: 0;
  border-radius: 9%;
}
.cts-product__button:hover::after {
  opacity: 0.21;
}
.cts-banner {
  padding: 0;
}
.banner-box {
  margin: 3% 0 0%;
  background: #fff;
}
.banner-box:first-child {
  padding-top: 10.1%;
  margin-top: 0;
}
.banner-box img {
  transition: opacity 200ms ease;
}
.banner-box a:hover img {
  opacity: .62;
}
@media all and (max-width: 1111px) {
  #stage #contents {
    font-size: max(1.44vw, 14.4px);
  }
  .lay-mobile #stage #contents {
    font-size: 1.44vw;
  }
}
@media all and (max-width: 1000px) {
  /* lay-mobiel */
  .lay-mobile .cts-cm {
    padding: 10.3% 0 9.7%;
  }
  .lay-mobile .cts-functions__slider {
    padding: 22.8% 0 20.1%;
  }
  .lay-mobile .cts-empirical-data__graph {
    padding: 16.6% 0 15.6%;
  }
  .lay-mobile .cts-zero__every-day {
    padding: 16% 0 20.8%;
  }
  .lay-mobile #contents .swiper-pagination {
    margin-top: 34.5%;
  }
}
@media (hover:hover) {
  .btn_plant_label {
    transition: opacity 200ms;
  }
  .btn_plant_label:hover {
    opacity: .6;
  }
}
@media print {
  .for-screen-02 {
    display: none !important;
  }
  .for-print-02 {
    display: block !important;
  }
  #contents .swiper-pagination,
  .swiper-button-wrap {
    opacity: 0 !important;
  }
  .cts-product:nth-child(1) {
    break-inside: avoid;
  }
}