@charset "UTF-8";
/**
 * 数値計算
 * ---------------------------------------- */
/**
 * ブレイクポイント
 * ---------------------------------------- */
/**
 * フォント
 * ---------------------------------------- */
/**
 * カラー
 * ---------------------------------------- */
/**
 * カラー以外の変数を定義
 * ---------------------------------------- */
/**
 * 改行
 * ---------------------------------------- */
/**
 * ホバー
 * ---------------------------------------- */
#suntory_contents .button {
  display: inline-block;
  font-weight: 700;
  padding-top: 16px;
  padding-right: 120px;
  padding-bottom: 16px;
  padding-left: 120px;
  max-width: 100%;
  background-image: linear-gradient(90deg, rgb(65, 164, 253), rgb(14, 244, 255));
  color: #ffffff;
  transition: background-color 0.3s ease-out;
  text-align: center;
  box-shadow: 10px 10px 15px -11px #777777;
  border-radius: 5px;
}
@media (hover: hover) {
  #suntory_contents .button:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
    box-shadow: initial;
    border-radius: initial;
    background-image: initial;
    background-color: red;
  }
}
#suntory_contents .button.-size280 {
  width: 280px;
}
#suntory_contents .buttonPrimary {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 24px;
  padding-right: 16px;
  padding-bottom: 24px;
  padding-left: 16px;
  width: 455px;
  box-sizing: border-box;
  max-width: 100%;
  color: #ffffff;
  background-image: linear-gradient(90deg, rgb(35, 99, 113) 0%, rgb(3, 129, 157) 100%);
  box-shadow: 10px 10px 15px -11px #777777;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .buttonPrimary {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 20px;
    padding-right: 32px;
    padding-bottom: 20px;
    padding-left: 32px;
  }
}
#suntory_contents .buttonPrimary.-size-typea {
  padding-right: 92px;
  padding-left: 92px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .buttonPrimary.-size-typea {
    padding-right: 8px;
    padding-left: 8px;
    max-width: 320px;
    width: 100%;
  }
}
@media (hover: hover) {
  #suntory_contents .buttonPrimary:where(:any-link, :enabled, summary):hover {
    background-image: initial;
    transform: translate(4px, 3px);
    box-shadow: none;
    background-color: #105c6f;
  }
  #suntory_contents .buttonPrimary:where(:any-link, :enabled, summary):hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  }
}
#suntory_contents .buttonPrimary::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: contain;
  width: 10px;
  height: 19px;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
}
#suntory_contents .buttonPrimary__text {
  display: block;
  position: relative;
}
#suntory_contents .buttonPrimary__text.-blank::after {
  content: "";
  position: absolute;
  top: 10%;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22ico-external-link-16%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22base%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20opacity%3D%220%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22Icon_feather-external-link%22%20data-name%3D%22Icon%20feather-external-link%22%20d%3D%22M13.858%2C10.739v3.743a1.248%2C1.248%2C0%2C0%2C1-1.248%2C1.248H5.748A1.248%2C1.248%2C0%2C0%2C1%2C4.5%2C14.482V7.619A1.248%2C1.248%2C0%2C0%2C1%2C5.748%2C6.372H9.491m2.5-1.872h3.743V8.243M8.867%2C11.362%2C15.729%2C4.5%22%20transform%3D%22translate(-2.115%20-2.115)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  width: 16px;
  height: 16px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#suntory_contents .linkSecondary {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid #236371;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #236371;
  border-bottom: 1px solid #236371;
}
#suntory_contents .linkSecondary.-border-color-green {
  border-bottom: 1px solid green;
}
#suntory_contents .linkSecondary.-color-orange {
  color: orange;
}
#suntory_contents .linkSecondary.-color-red {
  color: red;
}
#suntory_contents .linkSecondary.-border-color-orange {
  border-bottom: 1px solid orange;
}
#suntory_contents .linkSecondary.-border-color-red {
  border-bottom: 1px solid red;
}

#suntory_contents {
  /* 768px以下のとき */
}
#suntory_contents .heading {
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  color: #236371;
}
#suntory_contents .heading.-level2 {
  font-size: 64px;
  font-size: 4rem;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  #suntory_contents .heading.-level2 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
#suntory_contents .subHeading {
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4583333333;
  color: #c8d8dc;
}
@media screen and (max-width: 767px) {
  #suntory_contents .subHeading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
#suntory_contents .cHeading {
  position: relative;
  font-weight: 700;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  color: #236371;
}
#suntory_contents .cHeading.-color-secondary {
  color: #03819d;
}
#suntory_contents .cHeading.-clr-blue {
  color: #2e58bf;
}
#suntory_contents .cHeading.-clr-light-blue {
  color: #03819d;
}
#suntory_contents .cHeading.-clr-white {
  color: #ffffff;
}
#suntory_contents .cHeading.-flex {
  display: flex;
}
#suntory_contents .cHeading.-items-start {
  align-items: flex-start;
}
#suntory_contents .cHeading.-col-16-0 {
  column-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-col-16-0 {
    column-gap: 0;
  }
}
#suntory_contents .cHeading.-text-left-center {
  text-align: left;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-text-left-center {
    text-align: center;
  }
}
#suntory_contents .cHeading.-icon-water {
  padding-top: 61px;
}
#suntory_contents .cHeading.-icon-water::before {
  background-image: url(/eco/teigen/common/img/v2/icon_chead01.png);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 46px;
}
#suntory_contents .cHeading.-text-center {
  text-align: center;
}
#suntory_contents .cHeading.-text-left {
  text-align: left;
}
#suntory_contents .cHeading.-icon-before {
  padding-top: 80px;
}
#suntory_contents .cHeading.-icon-before::before {
  background-image: url(/eco/teigen/circular/assets/img/icon_bf01.png);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 120px;
}
#suntory_contents .cHeading.-icon-single-before {
  padding-top: 32px;
}
#suntory_contents .cHeading.-icon-single-before::before {
  background-image: url(/eco/teigen/circular/assets/img/icon_sussi01.png);
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 43px;
  height: 55px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-icon-single-before::before {
    top: -40px;
  }
}
#suntory_contents .cHeading.-level1 {
  font-size: 64px;
  font-size: 4rem;
  line-height: 1.21875;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-level1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.2916666667;
  }
}
#suntory_contents .cHeading.-level2 {
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-level2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
#suntory_contents .cHeading.-level2.-long-head {
  font-size: clamp(38px, 38px + 17 * (100vw - 768px) / 1152, 55px);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-level2.-long-head {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
#suntory_contents .cHeading.-level3 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.625;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-level3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}
#suntory_contents .cHeading.-level3.-icon-before {
  color: #03819d;
}
#suntory_contents .cHeading.-level4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-level4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}
#suntory_contents .cHeading.-fz-56-32 {
  font-size: 56px;
  font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-56-32 {
    font-size: 32px;
    font-size: 2rem;
  }
}
#suntory_contents .cHeading.-fz-48-32 {
  font-size: 48px;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-48-32 {
    font-size: 32px;
    font-size: 2rem;
  }
}
#suntory_contents .cHeading.-fz-40-24 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.375;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-40-24 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
#suntory_contents .cHeading.-fz-32-24 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-32-24 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.6666666667;
  }
}
#suntory_contents .cHeading.-fz-24-20 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-24-20 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#suntory_contents .cHeading.-fz-24-18 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-24-18 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#suntory_contents .cHeading.-fz-20-18 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-20-18 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#suntory_contents .cHeading.-fz-18-16 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading.-fz-18-16 {
    font-size: 16px;
    font-size: 1rem;
  }
}
#suntory_contents .cHeading .cHeading__ja {
  margin-bottom: 8px;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  color: #03819d;
}
#suntory_contents .cHeading .cHeading__flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#suntory_contents .cHeading .cHeading__highlight {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 3px;
  font-size: 32px;
  font-size: 2rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.625;
  color: #ffffff;
  border-radius: 24px;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading .cHeading__highlight {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
#suntory_contents .cHeading .cHeading__picture {
  display: block;
}
#suntory_contents .cHeading .cHeading__picture.-susCirCascadeDetail {
  position: absolute;
  top: -50%;
  right: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading .cHeading__picture.-susCirCascadeDetail {
    top: -64%;
  }
}
#suntory_contents .cHeading .cHeading__marker {
  background-image: url("/eco/teigen/common/img/v2/devo_blueun01.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-right: 10px;
  padding-left: 10px;
  background-position: center;
  position: relative;
}
#suntory_contents .cHeading .cHeading__marker.-icon-water-before::before {
  background-image: url("/eco/teigen/common/img/v2/icon_chead01.png");
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -60px;
  left: 0;
  width: 37px;
  height: 46px;
}
#suntory_contents .cHeading .cHeading__markerWhite {
  background-image: url("/eco/teigen/common/img/v2/devo_whiteun01.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-right: 30px;
  padding-left: 30px;
  background-position: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeading .cHeading__markerWhite {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#suntory_contents .cHeading .cHeading__underline {
  padding-bottom: 1px;
  border-bottom: 1.5px solid #5bc2dc;
}
#suntory_contents .cHeading .cHeading__text.-block {
  display: block;
}
@media screen and (min-width: 769px) {
  #suntory_contents .-sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  #suntory_contents .-pc-only {
    display: none !important;
  }
}

#suntory_contents .cNavigation {
  padding-top: 100px;
  padding-right: 10px;
  padding-bottom: 60px;
  padding-left: 10px;
  position: relative;
  z-index: 2;
  padding-top: 70px;
  background: rgb(214, 239, 244);
  background: linear-gradient(180deg, rgb(216, 240, 244) 0%, rgb(239, 249, 251) 100%);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation {
    padding-top: 64px;
    padding-right: 16px;
    padding-bottom: 64px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation {
    padding-top: 48px;
  }
}
#suntory_contents .cNavigation::before {
  background-image: url(/eco/teigen/assets/img/bg_susn01.png);
  background-size: auto 100%;
  background-repeat: repeat-x;
  content: "";
  display: block;
  height: 70px;
  left: 0;
  top: 0;
  top: -70px;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation::before {
    background-image: url(/eco/teigen/assets/img/bg_susn01.svg);
    height: 29px;
    top: -28px;
  }
}
#suntory_contents .cNavigation__inner {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#suntory_contents .cNavigation__heading {
  margin-bottom: 51px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation__heading {
    margin-bottom: 32px;
  }
}
#suntory_contents .cNavigation__sub {
  display: block;
  font-weight: 700;
  line-height: 1.625;
  position: relative;
  padding-left: 25px;
}
#suntory_contents .cNavigation__sub::before {
  content: "";
  display: block;
  background-image: url(/assets/img/icon_cNavigation__sub01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  width: 18px;
  height: 25px;
}
#suntory_contents .cNavigation__firstList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80px;
  row-gap: 51px;
  max-width: 704px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation__firstList {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 48px;
  }
}
#suntory_contents .cNavigation__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 32px;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation__group {
    row-gap: 24px;
    margin-bottom: 40px;
  }
}
#suntory_contents .cNavigation__link {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #236371;
}
#suntory_contents .cNavigation__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 48px;
}
#suntory_contents .cNavigation__picture {
  display: block;
  margin-bottom: 51px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation__picture {
    margin-bottom: 32px;
    text-align: center;
  }
}
#suntory_contents .cNavigation__image {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNavigation__image {
    width: 261px;
    height: 62px;
  }
}
#suntory_contents .cNavigation__firstLink {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid #236371;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #236371;
}
#suntory_contents .cNavigation__secondList {
  margin-top: 16px;
}
#suntory_contents .cNavigation__thirdList {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #707070;
  padding-left: 16px;
}
#suntory_contents .cNavigation__secondItem,
#suntory_contents .cNavigation__thirdItem {
  padding-left: 13px;
  position: relative;
}
#suntory_contents .cNavigation__secondItem:not(:last-child),
#suntory_contents .cNavigation__thirdItem:not(:last-child) {
  margin-bottom: 8px;
}
#suntory_contents .cNavigation__secondLink,
#suntory_contents .cNavigation__thirdLink {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  line-height: 1.5;
  font-weight: 500;
  color: #236371;
  text-decoration: none;
}
#suntory_contents .cNavigation__secondLink::before,
#suntory_contents .cNavigation__thirdLink::before {
  content: "";
  width: 7px;
  height: 12px;
  left: 0;
  top: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.812%22%20height%3D%2211.625%22%20viewBox%3D%220%200%206.812%2011.625%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l4.4%2C4.4-4.4%2C4.4%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

#suntory_contents .linkPattern01 {
  color: #236371;
  font-weight: 500;
}
#suntory_contents .ArrowLink {
  font-weight: 500;
  color: #236371;
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  overflow: hidden;
}
@media (hover: hover) {
  #suntory_contents .ArrowLink:where(:any-link, :enabled, summary):hover .ArrowLink__arrow {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .ArrowLink .ArrowLink__text {
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
#suntory_contents .ArrowLink .ArrowLink__icon {
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color cubibezier(0.215, 0.61, 0.355, 1) 0.15s;
  border-width: 2px;
}
#suntory_contents .ArrowLink .ArrowLink__icon .ArrowLink__arrow {
  width: 15px;
  height: 12px;
  position: relative;
  z-index: 1;
}
@keyframes hoverArrow01 {
  0% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
  48% {
    transform: translate(70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  52% {
    transform: translate(-70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
}
#suntory_contents .ArrowLinkNav {
  font-weight: 500;
  color: #236371;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
  overflow: hidden;
  padding-bottom: 14px;
}
@media (hover: hover) {
  #suntory_contents .ArrowLinkNav:where(:any-link, :enabled, summary):hover .ArrowLinkNav__arrow {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__text {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon {
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color cubibezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media screen and (max-width: 767px) {
  #suntory_contents .ArrowLinkNav .ArrowLinkNav__icon {
    width: 40px;
    height: 40px;
  }
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__arrow {
  width: 15px;
  height: 12px;
  position: relative;
  z-index: 1;
}

#suntory_contents .ArrowLink {
  font-weight: 500;
  color: #236371;
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  overflow: hidden;
}
@media (hover: hover) {
  #suntory_contents .ArrowLink:where(:any-link, :enabled, summary):hover .ArrowLinkPrimary {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .ArrowLink .ArrowLinkPrimary {
  width: 10px;
  height: 18px;
  stroke: red;
}
#suntory_contents .ArrowLink .ArrowLinkPrimary.-fill-green {
  stroke: red;
}
#suntory_contents .ArrowLink {
  font-weight: 500;
  color: #236371;
  position: relative;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  overflow: hidden;
}
@media (hover: hover) {
  #suntory_contents .ArrowLink:where(:any-link, :enabled, summary):hover .ArrowLink__icon::after {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .ArrowLink .ArrowLink__text {
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
#suntory_contents .ArrowLink .ArrowLink__icon {
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color cubibezier(0.215, 0.61, 0.355, 1) 0.15s;
  border-width: 2px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .ArrowLink .ArrowLink__icon {
    width: 36px;
    height: 36px;
  }
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-primary {
  border-color: #236371;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-primary::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23397b89%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-green {
  border-color: #328036;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-green::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23328036%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-orange {
  border-color: #b85500;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-orange::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23b85500%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-red {
  border-color: #e40707;
}
#suntory_contents .ArrowLink .ArrowLink__icon.-arrow-right-red::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23e40707%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
@keyframes hoverArrow01 {
  0% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
  48% {
    transform: translate(70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  52% {
    transform: translate(-70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
}
#suntory_contents .ArrowLinkNav {
  font-weight: 500;
  color: #236371;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
  overflow: hidden;
  padding-bottom: 14px;
  border-bottom: 1px solid #80aab3;
  text-decoration: none;
}
@media (hover: hover) {
  #suntory_contents .ArrowLinkNav:where(:any-link, :enabled, summary):hover .ArrowLinkNav__icon::after {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .ArrowLinkNav.-inline-flex {
  display: inline-flex;
}
@media screen and (max-width: 767px) {
  #suntory_contents .ArrowLinkNav.-sp-flex {
    display: flex;
  }
}
#suntory_contents .ArrowLinkNav.-row-reverse {
  flex-direction: row-reverse;
}
#suntory_contents .ArrowLinkNav.-border-none {
  border: none;
}
#suntory_contents .ArrowLinkNav.-top {
  column-gap: 12px;
}
#suntory_contents .ArrowLinkNav.-top .ArrowLinkNav__text {
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-size: 48px;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .ArrowLinkNav.-top .ArrowLinkNav__text {
    font-size: 32px;
    font-size: 2rem;
  }
}
#suntory_contents .ArrowLinkNav.-prev, #suntory_contents .ArrowLinkNav.-next {
  color: #ffffff;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 32px;
}
#suntory_contents .ArrowLinkNav.-prev .ArrowLinkNav__text, #suntory_contents .ArrowLinkNav.-next .ArrowLinkNav__text {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #ffffff;
}
#suntory_contents .ArrowLinkNav.-prev .ArrowLinkNav__icon, #suntory_contents .ArrowLinkNav.-next .ArrowLinkNav__icon {
  border-color: #ffffff !important;
  border: 2px solid #ffffff !important;
}
#suntory_contents .ArrowLinkNav.-prev .ArrowLinkNav__icon.-arrow-left-primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.412%22%20height%3D%2218.823%22%20viewBox%3D%220%200%2010.412%2018.823%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5677.468%2C1851.815l-8%2C8%2C8%2C8%22%20transform%3D%22translate(-5668.47%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
#suntory_contents .ArrowLinkNav.-prev .ArrowLinkNav__icon.-arrow-right-primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.412%22%20height%3D%2218.823%22%20viewBox%3D%220%200%2010.412%2018.823%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5677.468%2C1851.815l-8%2C8%2C8%2C8%22%20transform%3D%22translate(-5668.47%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
#suntory_contents .ArrowLinkNav.-next .ArrowLinkNav__icon.-arrow-right-primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.409%22%20height%3D%2218.819%22%20viewBox%3D%220%200%2010.409%2018.819%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C7.995%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__text {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon {
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color cubibezier(0.215, 0.61, 0.355, 1) 0.15s;
  position: relative;
  border-width: 2px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .ArrowLinkNav .ArrowLinkNav__icon {
    width: 36px;
    height: 36px;
  }
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon.-arrow-right-primary {
  border-color: #236371;
  border: 2px solid #236371;
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon.-arrow-right-primary::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.411%22%20height%3D%2218.824%22%20viewBox%3D%220%200%2010.411%2018.824%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l8%2C8-8%2C8%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23397b89%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon.-arrow-left-primary {
  border-color: #236371;
  border: 2px solid #236371;
}
#suntory_contents .ArrowLinkNav .ArrowLinkNav__icon.-arrow-left-primary::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.412%22%20height%3D%2218.823%22%20viewBox%3D%220%200%2010.412%2018.823%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5677.468%2C1851.815l-8%2C8%2C8%2C8%22%20transform%3D%22translate(-5668.47%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}

#suntory_contents .cNotes__text {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6428571429;
  padding-left: 16px;
  position: relative;
}
#suntory_contents .cNotes__text::before {
  content: "※";
  left: 0;
  position: absolute;
  top: 0;
}
#suntory_contents .cNotes__link {
  color: #236371;
  line-height: 1.5;
  text-decoration: underline;
}
#suntory_contents .cNotesNumber.-susResourceBottle {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNotesNumber.-susResourceBottle {
    margin-bottom: 32px;
  }
}
#suntory_contents .cNotesNumber__list {
  counter-reset: noteNum;
}
#suntory_contents .cNotesNumber__item {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  padding-left: 32px;
  position: relative;
}
#suntory_contents .cNotesNumber__item::before {
  content: "※" counter(noteNum);
  counter-increment: noteNum;
  position: absolute;
  left: 0;
}

#suntory_contents .cText {
  line-height: 1.5;
}
#suntory_contents .cText.-fz-25-25 {
  font-size: 25px;
  font-size: 1.5625rem;
}
#suntory_contents .cText.-fz20-18 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz20-18 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#suntory_contents .cText.-fz20-14 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz20-14 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#suntory_contents .cText.-fz18-18 {
  font-size: 18px;
  font-size: 1.125rem;
}
#suntory_contents .cText.-fz18-16 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz18-16 {
    font-size: 16px;
    font-size: 1rem;
  }
}
#suntory_contents .cText.-fz18-14 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz18-14 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#suntory_contents .cText.-fz16-16 {
  font-size: 16px;
  font-size: 1rem;
}
#suntory_contents .cText.-fz15-12 {
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz15-12 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#suntory_contents .cText.-fz14-12 {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-fz14-12 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#suntory_contents .cText.-fz-12-12 {
  font-size: 12px;
  font-size: 0.75rem;
}
#suntory_contents .cText.-text-center {
  text-align: center;
}
#suntory_contents .cText.-text-center-left {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-text-center-left {
    text-align: left;
  }
}
#suntory_contents .cText.-text-right {
  text-align: right;
}
#suntory_contents .cText.-text-right-left {
  text-align: right;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-text-right-left {
    text-align: left;
  }
}
#suntory_contents .cText.-font-bold {
  font-weight: 700;
}
#suntory_contents .cText.-fw-bold {
  font-weight: 700;
}
#suntory_contents .cText.-icon-voice {
  padding-left: 25px;
  padding-right: 13px;
  position: relative;
}
#suntory_contents .cText.-icon-voice::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2224%22%20viewBox%3D%220%200%2017%2024%22%3E%20%3Cg%20id%3D%22icon_mic%22%20transform%3D%22translate(-49%20-269)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_14280%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2014280%22%20width%3D%2212.406%22%20height%3D%2218.141%22%20rx%3D%226.203%22%20transform%3D%22translate(51.429%20269)%22%20fill%3D%22%235bc2dc%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37188%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037188%22%20d%3D%22M8326.756-6664.834a8.085%2C8.085%2C0%2C0%2C1-6.424-2.552%2C7.831%2C7.831%2C0%2C0%2C1-1.428-2.473%2C10.775%2C10.775%2C0%2C0%2C1-.562-2.433%2C11.882%2C11.882%2C0%2C0%2C1-.029-2.632.691.691%2C0%2C0%2C1%2C.682-.608.823.823%2C0%2C0%2C1%2C.091.005.7.7%2C0%2C0%2C1%2C.595.782%2C10.665%2C10.665%2C0%2C0%2C0%2C.036%2C2.327%2C7.721%2C7.721%2C0%2C0%2C0%2C1.658%2C4.117%2C6.785%2C6.785%2C0%2C0%2C0%2C5.382%2C2.072%2C6.788%2C6.788%2C0%2C0%2C0%2C5.381-2.072%2C7.729%2C7.729%2C0%2C0%2C0%2C1.658-4.117%2C10.566%2C10.566%2C0%2C0%2C0%2C.035-2.328.7.7%2C0%2C0%2C1%2C.6-.78.677.677%2C0%2C0%2C1%2C.088-.006.691.691%2C0%2C0%2C1%2C.682.608%2C11.811%2C11.811%2C0%2C0%2C1-.029%2C2.632%2C10.763%2C10.763%2C0%2C0%2C1-.562%2C2.433%2C7.851%2C7.851%2C0%2C0%2C1-1.429%2C2.473A8.081%2C8.081%2C0%2C0%2C1%2C8326.756-6664.834Z%22%20transform%3D%22translate(-8269.255%206954.053)%22%20fill%3D%22%235bc2dc%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37189%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037189%22%20d%3D%22M5887.378-6996.143H5886v-3.687h1.378Z%22%20transform%3D%22translate(-5828.904%207288.445)%22%20fill%3D%22%235bc2dc%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37190%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037190%22%20d%3D%22M.7%2C7.811A.693.693%2C0%2C0%2C1%2C0%2C7.122V.689A.693.693%2C0%2C0%2C1%2C.7%2C0a.693.693%2C0%2C0%2C1%2C.7.689V7.122A.693.693%2C0%2C0%2C1%2C.7%2C7.811Z%22%20transform%3D%22translate(53.858%20293)%20rotate(-90)%22%20fill%3D%22%235bc2dc%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 17px;
  height: 24px;
}
#suntory_contents .cText.-line-before {
  padding-left: 18px;
  position: relative;
}
#suntory_contents .cText.-line-before::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #5bc2dc;
  position: absolute;
  top: 12px;
  left: 0;
}
#suntory_contents .cText.-fw-medium {
  font-weight: 500;
}
#suntory_contents .cText.-lh2 {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText.-sp-lh1\.65 {
    line-height: 1.65;
  }
}
#suntory_contents .cText.-clr-primary {
  color: #236371;
}
#suntory_contents .cText.-clr-blue {
  color: #2e58bf;
}
#suntory_contents .cText.-clr-white {
  color: #ffffff;
}
#suntory_contents .cText__sup {
  position: relative;
  top: -3px;
  font-size: 12px;
  font-size: 0.75rem;
}
#suntory_contents .cText__sup.-title {
  font-size: 14px;
  font-size: 0.875rem;
  top: -12px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText__sup.-title {
    top: -8px;
  }
}
#suntory_contents .cText__sup.-marker {
  top: -11px;
}
#suntory_contents .cText__sup.-recycle {
  top: -11px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText__sup.-recycle {
    top: -8px;
  }
}
#suntory_contents .cText__sup.-r3 {
  top: -9px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cText__sup.-r3 {
    top: -5px;
  }
}
#suntory_contents .cText__workMaker {
  background-image: url("/eco/teigen/common/img/v2/deco_bl_un01.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#suntory_contents .cTextLead {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTextLead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
#suntory_contents .cTextLead.-text-center {
  text-align: center;
}
#suntory_contents .cTextLabel.-text-center {
  text-align: center;
}
#suntory_contents .cTextLabel__marker {
  background-image: url("/eco/teigen/common/img/v2/bg_under01.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  line-height: 1.4285714286;
  font-weight: 700;
  color: #03819d;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTextLabel__marker {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
#suntory_contents .cTextLink {
  line-height: 1.5;
  color: #236371;
  text-decoration: underline;
}
#suntory_contents .cTextLink.-link-word {
  word-break: break-word;
}
#suntory_contents .cTextLink.-fw-bold {
  font-weight: 700;
}
#suntory_contents .cTextMessage {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
  color: #236371;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTextMessage {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
#suntory_contents .cTextMessage.-icon-water-before::before {
  content: "";
  position: absolute;
  background-image: url("/eco/teigen/earth/assets/img/icon_wb01.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 39.5px;
  height: 51px;
  left: 50%;
  top: -90px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTextMessage.-icon-water-before::before {
    top: -64px;
  }
}
#suntory_contents .cTextMessage__underline {
  padding-bottom: 1px;
  border-bottom: 1.5px solid #5bc2dc;
}
#suntory_contents .cPicture {
  display: block;
  text-align: center;
}
#suntory_contents .cPicture.-icon-zoom {
  position: relative;
}
#suntory_contents .cPicture.-icon-zoom::before {
  display: none;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cPicture.-icon-zoom::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 65px;
    height: 65px;
    top: -8px;
    left: -8px;
    background-image: url("/eco/teigen/common/img/v2/icon_zoom01.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    filter: drop-shadow(0 0 10px rgba(3, 129, 157, 0.24));
  }
}
#suntory_contents .cPicture__image {
  border-radius: 40px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cPicture__image {
    border-radius: 16px;
  }
}
#suntory_contents .cPicture__image.-susEarthGas {
  max-width: 240px;
  border-radius: initial;
}

#suntory_contents .cTitle.-fz-48-32 {
  font-size: 48px;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz-48-32 {
    font-size: 32px;
    font-size: 2rem;
  }
}
#suntory_contents .cTitle.-fz32-20 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.71875;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz32-20 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
#suntory_contents .cTitle.-fz24-24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
}
#suntory_contents .cTitle.-fz24-18 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz24-18 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
#suntory_contents .cTitle.-fz20-20 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz20-20 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#suntory_contents .cTitle.-fz20-14 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz20-14 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#suntory_contents .cTitle.-fz18-16 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz18-16 {
    font-size: 16px;
    font-size: 1rem;
  }
}
#suntory_contents .cTitle.-fz16-16 {
  font-size: 16px;
  font-size: 1rem;
}
#suntory_contents .cTitle.-fz14-14 {
  font-size: 14px;
  font-size: 0.875rem;
}
#suntory_contents .cTitle.-fz14-12 {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-fz14-12 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#suntory_contents .cTitle.-text-center {
  text-align: center;
}
#suntory_contents .cTitle.-text-right {
  text-align: right;
}
#suntory_contents .cTitle.-text-left-center {
  text-align: left;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-text-left-center {
    text-align: center;
  }
}
#suntory_contents .cTitle.-block {
  display: block;
}
#suntory_contents .cTitle.-fw-medium {
  font-weight: 500;
}
#suntory_contents .cTitle.-fw-bold {
  font-weight: 700;
}
#suntory_contents .cTitle.-font-secondary {
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
}
#suntory_contents .cTitle.-lh2 {
  line-height: 2;
}
#suntory_contents .cTitle.-border-bottom {
  border-bottom: 1.5px solid #5bc2dc;
}
#suntory_contents .cTitle.-icon-single {
  padding-left: 41px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-icon-single {
    padding-left: 23px;
  }
}
#suntory_contents .cTitle.-icon-single::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 33px;
  height: 43px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.039%22%20height%3D%2243.159%22%20viewBox%3D%220%200%2033.039%2043.159%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2303819d%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23236371%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E9%9B%AB%22%20d%3D%22M16.519%2C43.159a16.67%2C16.67%2C0%2C0%2C1-11.5-4.617%2C16.233%2C16.233%2C0%2C0%2C1-4.99-10.8C-.323%2C21.931%2C2.408%2C16.963%2C3.9%2C14.568A72.014%2C72.014%2C0%2C0%2C1%2C12.947%2C3.613C14.1%2C2.392%2C15.25%2C1.17%2C16.519%2C0c1.27%2C1.17%2C2.422%2C2.392%2C3.573%2C3.613a72.014%2C72.014%2C0%2C0%2C1%2C9.046%2C10.955c1.493%2C2.395%2C4.224%2C7.363%2C3.869%2C13.177a16.231%2C16.231%2C0%2C0%2C1-4.99%2C10.8%2C16.67%2C16.67%2C0%2C0%2C1-11.5%2C4.617%22%20transform%3D%22translate(0)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTitle.-icon-single::before {
    width: 19px;
    height: 25px;
  }
}
#suntory_contents .cTitle.-line-before {
  padding-left: 18px;
  position: relative;
}
#suntory_contents .cTitle.-line-before::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #5bc2dc;
  position: absolute;
  top: 12px;
  left: 0;
}
#suntory_contents .cTitle.-clr-primary {
  color: #236371;
}
#suntory_contents .cTitle.-clr-secondary {
  color: #03819d;
}
#suntory_contents .cTitle.-clr-white {
  color: #ffffff;
}
#suntory_contents .card {
  display: block;
  padding-top: 14px;
  padding-right: 13px;
  padding-bottom: 17px;
  padding-left: 24px;
  background-color: #ffffff;
  border-radius: 40px;
  filter: drop-shadow(0 0 60px rgba(3, 129, 157, 0.24));
}
@media screen and (max-width: 767px) {
  #suntory_contents .card {
    padding-right: 16px;
    padding-bottom: 32px;
    padding-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLink {
    display: none;
  }
}
#suntory_contents .cAnchorLink__list {
  display: flex;
  justify-content: center;
  column-gap: 60px;
  max-width: 948px;
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cAnchorLink__list.-full-width {
  max-width: 1164px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
  row-gap: 40px;
  column-gap: 59px;
}
#suntory_contents .cAnchorLink__list.-full-width .cAnchorLink__item {
  width: initial;
}
#suntory_contents .cAnchorLink__item {
  width: 29.1139240506%;
}
#suntory_contents .cAnchorLink__link {
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #236371;
  padding-bottom: 24px;
  border-bottom: 1px solid #20a8cb;
  position: relative;
  column-gap: 24px;
  justify-content: center;
}
#suntory_contents .cAnchorLink__link::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.998%22%20height%3D%2223.998%22%20viewBox%3D%220%200%2023.998%2023.998%22%3E%20%3Cg%20id%3D%22arr%22%20transform%3D%22translate(-734%20-827)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20transform%3D%22translate(734%20827)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221.5%22%3E%20%3Ccircle%20cx%3D%2211.999%22%20cy%3D%2211.999%22%20r%3D%2211.999%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2211.999%22%20cy%3D%2211.999%22%20r%3D%2211.249%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_188%22%20data-name%3D%22%E3%83%91%E3%82%B9%20188%22%20d%3D%22M1076.327%2C83.644l5.883%2C6.247%2C6.138-6.247%22%20transform%3D%22translate(-336.338%20753.432)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
#suntory_contents .cAnchorLinkFixed {
  position: fixed;
  z-index: 10;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed {
    width: calc(100% - 32px);
    right: 16px;
    left: 16px;
    transform: initial;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__scroll {
    white-space: nowrap;
    border-radius: 32px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(3, 129, 157, 0.2);
    padding-top: 10px;
    padding-right: 16px;
    padding-left: 12px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__scroll {
    width: calc(100% - 32px);
  }
}
#suntory_contents .cAnchorLinkFixed__list {
  display: inline-flex;
  white-space: nowrap;
  column-gap: 16px;
  background-color: #ffffff;
  width: auto;
  padding-top: 10px;
  padding-right: 34px;
  padding-bottom: 10px;
  padding-left: 34px;
  border-radius: 32px;
  box-shadow: 0px 0px 30px 0px rgba(3, 129, 157, 0.2);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__list {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    column-gap: 0;
    width: 100%;
    padding-top: initial;
    padding-right: 32px;
    padding-bottom: initial;
    padding-left: 12px;
    column-gap: initial;
    background-color: initial;
    overflow-x: auto;
    border-radius: initial;
    box-shadow: initial;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__list::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    filter: drop-shadow(0 0 30px rgba(3, 129, 157, 0.2));
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(243, 248, 250) 100%);
    opacity: 0.55;
    width: 55px;
    height: 19px;
    filter: drop-shadow(0 0 30px rgba(3, 129, 157, 0.2));
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__content {
    overflow: hidden;
  }
}
#suntory_contents .cAnchorLinkFixed__link {
  display: inline-block;
  padding-top: 8px;
  padding-right: 24px;
  padding-bottom: 8px;
  padding-left: 24px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cAnchorLinkFixed__link {
    padding-right: 14px;
    padding-left: 14px;
  }
}
#suntory_contents .cAnchorLinkFixed__link:hover {
  background-color: rgba(91, 194, 220, 0.3);
}
#suntory_contents .cAnchorLinkFixed__link.-current {
  background-color: rgba(91, 194, 220, 0.3);
}
#suntory_contents .cAnchorLinkFixed__text {
  color: #236371;
  font-weight: 700;
  line-height: 1.5;
  padding-right: 28px;
  position: relative;
}
#suntory_contents .cAnchorLinkFixed__text::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.169%22%20height%3D%2218.169%22%20viewBox%3D%220%200%2018.169%2018.169%22%3E%20%3Cg%20id%3D%22arr%22%20transform%3D%22translate(-734%20-827)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20transform%3D%22translate(734%20827)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%229.085%22%20cy%3D%229.085%22%20r%3D%229.085%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%229.085%22%20cy%3D%229.085%22%20r%3D%228.585%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_188%22%20data-name%3D%22%E3%83%91%E3%82%B9%20188%22%20d%3D%22M1076.327%2C83.644l4.454%2C4.73%2C4.647-4.73%22%20transform%3D%22translate(-337.793%20750.985)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#suntory_contents .cBreadcrumb {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBreadcrumb {
    margin-bottom: 40px;
  }
}
#suntory_contents .cBreadcrumb.-circulation {
  margin-bottom: 144px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBreadcrumb.-circulation {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBreadcrumb.-scroll .cBreadcrumb__list {
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
  }
}
#suntory_contents .cBreadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBreadcrumb__list {
    column-gap: 11px;
  }
}
#suntory_contents .cBreadcrumb__item {
  position: relative;
  color: #236371;
}
#suntory_contents .cBreadcrumb__item:first-child .cBreadcrumb__link {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
}
#suntory_contents .cBreadcrumb__item:not(:last-child) {
  padding-right: 32px;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBreadcrumb__item:not(:last-child) {
    padding-right: 27px;
  }
}
#suntory_contents .cBreadcrumb__item:not(:last-child)::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22Icons_ico-arrow-16%22%20data-name%3D%22Icons%20%2F%20ico-arrow-16%22%20transform%3D%22translate(-506%20-210)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_77%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2077%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(506%20210)%22%20fill%3D%22none%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20id%3D%22arr%22%20d%3D%22M1076.327%2C83.644l4.833%2C5.467%2C5.042-5.467%22%20transform%3D%22translate(428.356%201299.265)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%235bc2dc%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
#suntory_contents .cBreadcrumb__text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #236371;
}

#suntory_contents .cPageTop {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
  top: -18%;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cPageTop {
    top: -9%;
    right: 0%;
    row-gap: 6px;
  }
}
#suntory_contents .cPageTop__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
#suntory_contents .cPageTop__text {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7142857143;
  color: #03819d;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cPageTop__text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cPageTop__image {
    width: 46px;
    height: 46px;
  }
}

#suntory_contents .cIconBubble01,
#suntory_contents .cIconBubble02 {
  position: absolute;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cIconBubble01,
  #suntory_contents .cIconBubble02 {
    display: none;
  }
}
#suntory_contents .cIconBubble01 {
  right: 9%;
  bottom: -7%;
}
#suntory_contents .cIconBubble02.-susResourcePolicy {
  bottom: 5%;
  right: 4%;
  z-index: 1;
}
#suntory_contents .cIconLine01,
#suntory_contents .cIconLine02,
#suntory_contents .cIconLine03,
#suntory_contents .cIconLine04 {
  position: absolute;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cIconLine01,
  #suntory_contents .cIconLine02,
  #suntory_contents .cIconLine03,
  #suntory_contents .cIconLine04 {
    display: none;
  }
}
#suntory_contents .cIconLine01 {
  left: 7%;
  top: -15%;
}
#suntory_contents .cIconLine02.-susResourceApproach {
  left: 0;
  top: -15%;
}
#suntory_contents .cIconLine03.-susResourceApproach {
  bottom: -13%;
  right: 0;
  z-index: 1;
}
#suntory_contents .cIconLine04.-susResourceStory {
  top: -48%;
  right: 0;
}

#suntory_contents .cListBox {
  position: relative;
  z-index: 2;
}
#suntory_contents .cListBox__inner {
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 57px;
  padding-bottom: 67px;
  padding-left: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  padding-right: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  box-sizing: border-box;
  background: linear-gradient(90deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  border-radius: 72px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__inner {
    padding-top: 54px;
    padding-right: 20px;
    padding-bottom: 54px;
    padding-left: 20px;
    max-width: 100%;
    border-radius: 40px;
  }
}
#suntory_contents .cListBox__inner.-deco-icon01::before, #suntory_contents .cListBox__inner.-deco-icon01::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
#suntory_contents .cListBox__inner.-deco-icon01::before {
  width: 274px;
  height: 181px;
  top: -120px;
  left: 0;
  background-image: url("/eco/teigen/earth/assets/img/deco_susrma01.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__inner.-deco-icon01::before {
    width: 120px;
    height: 115px;
    top: -57px;
  }
}
#suntory_contents .cListBox__inner.-deco-icon01::after {
  width: 298px;
  height: 196px;
  top: -100px;
  right: 0;
  background-image: url("/eco/teigen/earth/assets/img/deco_susrma02.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__inner.-deco-icon01::after {
    width: 167px;
    height: 113px;
    top: -81px;
  }
}
#suntory_contents .cListBox__inner.-deco-icon02::before, #suntory_contents .cListBox__inner.-deco-icon02::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
#suntory_contents .cListBox__inner.-deco-icon02::before {
  width: 191px;
  height: 158px;
  top: -72px;
  left: 75px;
  background-image: url("/eco/teigen/water/assets/img/deco_susscs01.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__inner.-deco-icon02::before {
    width: 120px;
    height: 107px;
    top: -57px;
    left: 25px;
  }
}
#suntory_contents .cListBox__inner.-deco-icon02::after {
  width: 189px;
  height: 171px;
  top: -80px;
  right: 120px;
  background-image: url("/eco/teigen/water/assets/img/deco_susscs02.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__inner.-deco-icon02::after {
    width: 103px;
    height: 93px;
    top: -52px;
    right: 24px;
  }
}
#suntory_contents .cListBox__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: clamp(16px, 88px - (1920px - 100vw) * 0.0625, 88px);
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
#suntory_contents .cListBox__content.-flex-start {
  align-items: flex-start;
}
#suntory_contents .cListBox__message {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__message {
    margin-bottom: 45px;
  }
}
#suntory_contents .cListBox__list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
#suntory_contents .cListBox__item {
  display: flex;
  align-items: center;
  column-gap: 21px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__item {
    align-items: flex-start;
  }
}
#suntory_contents .cListBox__item.-flex-start {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__box {
    order: 1;
    margin-bottom: 40px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
#suntory_contents .susEarthMachine__picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__first {
    order: 2;
    margin-bottom: 40px;
  }
}
#suntory_contents .cListBox__first.-width-half {
  width: 56.9620253165%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__first.-width-half {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__second {
    order: 3;
  }
}
#suntory_contents .cListBox__second.-width-half {
  width: 56.9620253165%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBox__second.-width-half {
    width: 100%;
  }
}
#suntory_contents .cListBox__title {
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  color: #03819d;
}
#suntory_contents .cListBox__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
#suntory_contents .cListBox__iconImage {
  filter: drop-shadow(0 0 40px rgba(3, 129, 157, 0.2));
}
#suntory_contents .cListBox__image {
  height: auto;
}

#suntory_contents .cListBoxNum {
  position: relative;
  z-index: 2;
}
#suntory_contents .cListBoxNum__inner {
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 57px;
  padding-bottom: 67px;
  padding-left: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  padding-right: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  box-sizing: border-box;
  background: linear-gradient(90deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  border-radius: 72px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__inner {
    padding-top: 54px;
    padding-right: 20px;
    padding-bottom: 54px;
    padding-left: 20px;
    max-width: 100%;
    border-radius: 40px;
  }
}
#suntory_contents .cListBoxNum__inner.-deco-icon01::before, #suntory_contents .cListBoxNum__inner.-deco-icon01::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
#suntory_contents .cListBoxNum__inner.-deco-icon01::before {
  width: 274px;
  height: 181px;
  top: -120px;
  left: 0;
  background-image: url("/eco/teigen/earth/assets/img/deco_susrma01.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__inner.-deco-icon01::before {
    width: 120px;
    height: 115px;
    top: -57px;
  }
}
#suntory_contents .cListBoxNum__inner.-deco-icon01::after {
  width: 298px;
  height: 196px;
  top: -100px;
  right: 0;
  background-image: url("/eco/teigen/earth/assets/img/deco_susrma02.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__inner.-deco-icon01::after {
    width: 167px;
    height: 113px;
    top: -81px;
  }
}
#suntory_contents .cListBoxNum__inner.-deco-icon02::before, #suntory_contents .cListBoxNum__inner.-deco-icon02::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
#suntory_contents .cListBoxNum__inner.-deco-icon02::before {
  width: 191px;
  height: 158px;
  top: -72px;
  left: 75px;
  background-image: url("/eco/teigen/water/assets/img/deco_susscs01.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__inner.-deco-icon02::before {
    width: 120px;
    height: 107px;
    top: -57px;
    left: 25px;
  }
}
#suntory_contents .cListBoxNum__inner.-deco-icon02::after {
  width: 189px;
  height: 171px;
  top: -80px;
  right: 120px;
  background-image: url("/eco/teigen/water/assets/img/deco_susscs02.svg");
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__inner.-deco-icon02::after {
    width: 103px;
    height: 93px;
    top: -52px;
    right: 24px;
  }
}
#suntory_contents .cListBoxNum__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: clamp(16px, 88px - (1920px - 100vw) * 0.0625, 88px);
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__content {
    flex-direction: column;
    align-items: flex-start;
  }
}
#suntory_contents .cListBoxNum__content.-flex-start {
  align-items: flex-start;
}
#suntory_contents .cListBoxNum__message {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__message {
    margin-bottom: 45px;
  }
}
#suntory_contents .cListBoxNum__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 40px;
}
#suntory_contents .cListBoxNum__item {
  display: flex;
  align-items: center;
  column-gap: 21px;
  width: calc((100% - 80px) / 2);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__item {
    width: 100%;
    align-items: flex-start;
  }
}
#suntory_contents .cListBoxNum__item.-flex-start {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__box {
    order: 1;
    margin-bottom: 40px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
#suntory_contents .susEarthMachine__picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__first {
    order: 2;
    margin-bottom: 40px;
  }
}
#suntory_contents .cListBoxNum__first.-width-half {
  width: 56.9620253165%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__first.-width-half {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__second {
    order: 3;
  }
}
#suntory_contents .cListBoxNum__second.-width-half {
  width: 56.9620253165%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cListBoxNum__second.-width-half {
    width: 100%;
  }
}
#suntory_contents .cListBoxNum__title {
  margin-bottom: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  color: #03819d;
}
#suntory_contents .cListBoxNum__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
#suntory_contents .cListBoxNum__iconImage {
  filter: drop-shadow(0 0 40px rgba(3, 129, 157, 0.2));
}
#suntory_contents .cListBoxNum__image {
  height: auto;
}

#suntory_contents .cMv {
  position: relative;
  padding-top: 40px;
  padding-bottom: 120px;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv {
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 64px;
    padding-left: 16px;
  }
}
#suntory_contents .cMv.-susResource::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/eco/teigen/circular/assets/img/bg_cmv01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susResource::before {
    display: none;
  }
}
#suntory_contents .cMv.-knowledgetop {
  width: 100%;
  height: 100%;
  background-image: url("/eco/teigen/water/knowledge/img/v2/bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom: 170px;
  padding-top: 48px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-knowledgetop {
    padding-top: 24px;
    padding-bottom: 154px;
    width: initial;
  }
}
#suntory_contents .cMv.-jiten-top {
  width: 100%;
  height: 598px;
  background-image: url("/eco/teigen/water/jiten/img/v2/bg_jitentop01.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-jiten-top {
    height: 100%;
    width: initial;
    max-width: 100%;
    padding-bottom: 90px;
    background-image: url("/eco/teigen/water/jiten/img/v2/bg_jitentop01_sp.webp");
  }
}
#suntory_contents .cMv.-susEarth::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/eco/teigen/circular/assets/img/bg_cmv01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susEarth::before {
    display: none;
  }
}
#suntory_contents .cMv.-susForestMv {
  padding-bottom: 92px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susForestMv {
    padding-bottom: 64px;
  }
}
#suntory_contents .cMv.-susForestMv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/eco/teigen/forest/assets/img/bg_cmv01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susForestMv::before {
    display: none;
  }
}
#suntory_contents .cMv.-susCir::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/eco/teigen/water/assets/img/bg_cmv01.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susCir::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susKnowledge {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 121px;
    padding-left: 0;
  }
}
#suntory_contents .cMv.-susKnowledge .cBreadcrumb {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susKnowledge .cBreadcrumb {
    display: none;
  }
}
#suntory_contents .cMv.-susKnowledge .cMv__inner {
  max-width: 1164px;
}
#suntory_contents .cMv.-susKnowledge .cMv__group {
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susKnowledge .cMv__group {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susKnowledge .cMv__picture {
    margin-bottom: 13px;
  }
}
#suntory_contents .cMv.-susKnowledge .cMv__image {
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv.-susKnowledge .cMv__image {
    border-radius: 0;
  }
}
#suntory_contents .cMv__wrapper {
  position: relative;
  z-index: 1;
}
#suntory_contents .cMv__group {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  column-gap: clamp(16px, 16px + 76 * (100vw - 768px) / 1152, 92px);
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__group {
    flex-direction: column;
    margin-bottom: initial;
    column-gap: initial;
  }
}
#suntory_contents .cMv__group.-mb-pc0-sp0 {
  margin-bottom: 0;
}
#suntory_contents .cMv__group.-susForest {
  margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__group.-susForest {
    margin-bottom: 40px;
  }
}
#suntory_contents .cMv__picture {
  position: relative;
  display: block;
  width: 52.8358208955%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__picture {
    margin-bottom: 28px;
    width: 100%;
  }
}
#suntory_contents .cMv__picture.-susCir {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__picture.-susCir {
    padding-top: 0;
  }
}
#suntory_contents .cMv__picture.-w-full {
  width: 100%;
}
#suntory_contents .cMv__text {
  width: 40.2985074627%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__text {
    width: 100%;
  }
}
#suntory_contents .cMv__image {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__image {
    width: 100%;
    height: auto;
  }
}
#suntory_contents .cMv__bgPicture01,
#suntory_contents .cMv__bgPicture02,
#suntory_contents .cMv__bgPicture03,
#suntory_contents .cMv__bgPicture04,
#suntory_contents .cMv__bgPicture05,
#suntory_contents .cMv__bgPicture06 {
  position: absolute;
}
#suntory_contents .cMv__bgPicture01 {
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture01 {
    top: 5%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture01.-susEarth {
    top: 4%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture01.-susCir {
    top: -5%;
  }
}
#suntory_contents .cMv__bgPicture01.-susKnowledge {
  left: 5%;
  top: 0;
}
#suntory_contents .cMv__bgPicture01.-susKnowledge .cMv__bgImage01 {
  width: 22.3958333333vw;
  max-height: 334px;
}
#suntory_contents .cMv__bgPicture02 {
  left: 17%;
  top: -5%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture02 {
    display: none;
  }
}
#suntory_contents .cMv__bgPicture02.-susForest {
  left: 22%;
  top: 5%;
}
#suntory_contents .cMv__bgPicture02.-susCir {
  top: 0;
  left: 12%;
}
#suntory_contents .cMv__bgPicture02.-susKnowledge {
  right: 0;
  bottom: 3%;
  left: initial;
  top: initial;
}
#suntory_contents .cMv__bgPicture02.-susKnowledge .cMv__bgImage02 {
  width: 30.7291666667vw;
  max-height: 754px;
}
#suntory_contents .cMv__bgPicture03 {
  right: 0%;
  bottom: -8%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture03 {
    display: none;
  }
}
#suntory_contents .cMv__bgPicture03.-susCir {
  bottom: -40%;
}
#suntory_contents .cMv__bgPicture03.-susForest {
  bottom: initial;
  top: 12%;
}
#suntory_contents .cMv__bgPicture03.-susKnowledge {
  left: 0;
  bottom: -55%;
}
#suntory_contents .cMv__bgPicture04 {
  left: 0;
  bottom: -58%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture04 {
    display: none;
  }
}
#suntory_contents .cMv__bgPicture04.-susForest {
  bottom: -12%;
}
#suntory_contents .cMv__bgPicture05 {
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture05 {
    display: none;
  }
}
#suntory_contents .cMv__bgPicture06 {
  right: 17%;
  bottom: -29%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgPicture06 {
    display: none;
  }
}
#suntory_contents .cMv__bgImage01 {
  width: 27.2916666667vw;
  max-height: 178px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__bgImage01 {
    width: 339px;
    height: auto;
    max-height: initial;
  }
}
#suntory_contents .cMv__bgImage02 {
  width: 34.4791666667vw;
  max-height: 606px;
}
#suntory_contents .cMv__bgImage02.-susForest {
  width: 32.7083333333vw;
  max-height: 592px;
}
#suntory_contents .cMv__bgImage03 {
  width: 40.5208333333vw;
  max-height: 770px;
}
#suntory_contents .cMv__bgImage04 {
  width: 26.3541666667vw;
  max-height: 712px;
}
#suntory_contents .cMv__inner {
  max-width: 1340px;
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cMv__inner.-middle {
  max-width: 1164px;
}
#suntory_contents .cMv__title {
  margin-bottom: 32px;
  font-size: clamp(40px, 40px + 24 * (100vw - 768px) / 1152, 64px);
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 500;
  line-height: 1.21875;
  color: #236371;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.5;
  }
}
#suntory_contents .cMv__description {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  color: #236371;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
#suntory_contents .cMv__lead {
  text-align: center;
}
#suntory_contents .cMv__leadText {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 2.5;
  color: #236371;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cMv__leadText {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.2222222222;
  }
}

#suntory_contents .cBanner__inner {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cBanner__link {
  display: inline-block;
}
@media (hover: hover) {
  #suntory_contents .cBanner__link:where(:any-link, :enabled, summary):hover .cBanner__image {
    opacity: 0.85;
  }
}
#suntory_contents .cBanner__list {
  display: flex;
  column-gap: 40px;
  align-items: center;
}
#suntory_contents .cBanner__list.-grid-col2-row2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBanner__list.-grid-col2-row2 {
    column-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBanner__list {
    flex-direction: column;
    row-gap: 24px;
  }
}
#suntory_contents .cBanner__image {
  border-radius: 40px;
  max-width: 100%;
  height: auto;
  width: 100%;
  transition: opacity 0.3s ease-out;
}

#suntory_contents .cEcoCommon {
  background-color: #f1f1f1;
  padding-top: 28px;
  padding-right: 10px;
  padding-bottom: 28px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon {
    background-color: #eee;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1) inset;
    padding-top: 17px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
  }
}
#suntory_contents .cEcoCommon__inner {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cEcoCommon__titlePicture {
  display: inline-block;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__titlePicture {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__titleImage {
    width: 263px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__sub {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
#suntory_contents .cEcoCommon__main {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__main {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
#suntory_contents .cEcoCommon__list {
  display: flex;
  column-gap: 40px;
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__list {
    flex-direction: column;
    margin-bottom: initial;
    row-gap: 2px;
  }
}
#suntory_contents .cEcoCommon__item {
  width: 21.875%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__item {
    width: 100%;
  }
}
#suntory_contents .cEcoCommon__link {
  display: block;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__link {
    display: flex;
    align-items: center;
  }
}
@media (hover: hover) {
  #suntory_contents .cEcoCommon__link:where(:any-link, :enabled, summary):hover {
    opacity: 0.6;
  }
}
#suntory_contents .cEcoCommon__link.-current {
  opacity: 0.6;
}
#suntory_contents .cEcoCommon__picture {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__image {
    width: 73px;
    height: 50px;
  }
}
#suntory_contents .cEcoCommon__title {
  display: none;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__title {
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05em;
    position: relative;
    display: block;
    width: 100%;
    background-color: #ffffff;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 16px;
    padding-left: 10px;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: left;
    color: #536575;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__title::before, #suntory_contents .cEcoCommon__title::after {
    content: "";
    position: absolute;
    top: calc(50% - 1.5px);
    right: 8px;
    width: 11px;
    height: 3px;
    border-radius: 9999px;
    background-color: #a4adb1;
    transform-origin: calc(100% - 1.5px) 50%;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__title::before {
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__title::after {
    transform: rotate(-45deg);
  }
}
#suntory_contents .cEcoCommon__top {
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cEcoCommon__top {
    display: none;
  }
}

#suntory_contents .cHeaderMenu {
  position: relative;
  background-color: #24a0bf;
  height: initial;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeaderMenu {
    padding-top: 11px;
    padding-right: 16px;
    padding-bottom: 11px;
    padding-left: 16px;
  }
}
#suntory_contents .cHeaderMenu__inner {
  overflow: hidden;
  padding-right: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeaderMenu__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
#suntory_contents .cHeaderMenu__content {
  display: flex;
  align-items: center;
  column-gap: 21px;
  width: min(100%, 1200px);
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cHeaderMenu__image {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeaderMenu__image {
    max-width: 210px;
  }
}
#suntory_contents .cHeaderMenu__group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 84px;
}
#suntory_contents .cHeaderMenu__box {
  display: inline-flex;
  flex-direction: column;
  row-gap: 12px;
}
#suntory_contents .cHeaderMenu__link {
  color: #ffffff;
}
#suntory_contents .cHeaderMenu__anchorLink {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding-right: 13px;
  position: relative;
  color: #236371;
  text-decoration: none;
}
#suntory_contents .cHeaderMenu__anchorLink::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.413%22%20height%3D%2211.432%22%20viewBox%3D%220%200%206.413%2011.432%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_179%22%20data-name%3D%22%E3%83%91%E3%82%B9%20179%22%20d%3D%22M1076.327%2C83.644l4.9%2C5.206%2C5.115-5.206%22%20transform%3D%22translate(-82.937%201087.052)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23397b89%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-repeat: center center;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 6px;
  height: 11px;
}
#suntory_contents .cHeaderMenu__anchorText {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
#suntory_contents .cHeaderMenu__anchorList {
  display: flex;
  flex-wrap: wrap;
  column-gap: 38px;
  row-gap: 16px;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  line-height: 1.5;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: min(121px, max(6.3021vw, 20px));
  position: relative;
  z-index: 1;
}
#suntory_contents .cHeaderMenu__anchorList::before {
  content: "";
  position: absolute;
  border-bottom-left-radius: 101px;
  background: linear-gradient(270deg, rgb(239, 249, 251) 0%, rgb(214, 239, 244) 100%);
  box-shadow: inset -5px 7px 12px -13px rgba(0, 0, 0, 0.16);
  z-index: -1;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHeaderMenu__anchorList {
    display: none;
  }
}

#suntory_contents .cHamburgerMenu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-image: url("/eco/teigen/assets/img/bg_susham01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: rgb(239, 249, 251);
  background-color: linear-gradient(90deg, rgb(239, 249, 251) 0%, rgb(214, 239, 244) 100%);
  clip-path: circle(10px at calc(100% - 35px) 35px);
  transition: clip-path 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
}
#suntory_contents .cHamburgerMenu.is-active {
  visibility: visible;
  opacity: 1;
  clip-path: circle(150% at calc(100% - 35px) 35px);
  transition: clip-path 0.4s ease-in-out, opacity 0.5s ease-in-out, visibility 0s;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu.is-active {
    overflow-y: auto;
    background-image: url("/eco/teigen/assets/img/bg_susham01_sp.png");
  }
}
#suntory_contents .cHamburgerMenu__menuLink {
  width: 42.0962199313%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuLink {
    width: 100%;
    text-align: center;
  }
}
#suntory_contents .cHamburgerMenu__menuList {
  width: 610px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuList {
    width: 100%;
  }
}
#suntory_contents .cHamburgerMenu__menuImage {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuImage {
    max-width: 100%;
    width: auto;
  }
}
#suntory_contents .cHamburgerMenu__menuContent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 64px;
  row-gap: 64px;
}
@media print, screen and (max-width: 1320px) {
  #suntory_contents .cHamburgerMenu__menuContent {
    padding-top: 40px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuContent {
    flex-direction: column;
    column-gap: initial;
    row-gap: 48px;
    padding-bottom: 40px;
  }
}
#suntory_contents .cHamburgerMenu__menuInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1164px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  width: 100%;
  height: 100vh;
}
@media print, screen and (max-width: 1320px) {
  #suntory_contents .cHamburgerMenu__menuInner {
    justify-content: initial;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuInner {
    padding-top: 40px;
    padding-bottom: 64px;
    padding-right: 16px;
    padding-left: 16px;
    width: initial;
    justify-content: flex-start;
  }
}
#suntory_contents .cHamburgerMenu__menuPicture {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__menuPicture {
    width: 100%;
    text-align: center;
  }
}
#suntory_contents .cHamburgerMenu__firstList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 42px;
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__firstList {
    width: 100%;
    row-gap: 48px;
    grid-template-columns: 1fr;
  }
}
#suntory_contents .cHamburgerMenu__secondList {
  margin-top: 16px;
}
#suntory_contents .cHamburgerMenu__thirdList {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #707070;
  padding-left: 16px;
}
#suntory_contents .cHamburgerMenu__secondItem,
#suntory_contents .cHamburgerMenu__thirdItem {
  padding-left: 13px;
  position: relative;
}
#suntory_contents .cHamburgerMenu__secondItem:not(:last-child),
#suntory_contents .cHamburgerMenu__thirdItem:not(:last-child) {
  margin-bottom: 8px;
}
#suntory_contents .cHamburgerMenu__secondLink,
#suntory_contents .cHamburgerMenu__thirdLink {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  line-height: 1.5;
  font-weight: 500;
  color: #236371;
  text-decoration: none;
}
#suntory_contents .cHamburgerMenu__secondLink::before,
#suntory_contents .cHamburgerMenu__thirdLink::before {
  content: "";
  width: 7px;
  height: 12px;
  left: 0;
  top: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.812%22%20height%3D%2211.625%22%20viewBox%3D%220%200%206.812%2011.625%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l4.4%2C4.4-4.4%2C4.4%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}
#suntory_contents .cHamburgerMenu.is-active {
  overflow-y: auto;
  overflow-x: hidden;
}
#suntory_contents .cHamburgerMenu__button {
  position: fixed;
  top: 100px;
  right: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 94.5px;
  border: none;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), z-index 0.01s linear;
  z-index: 1000;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__button {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 47px;
    height: 56px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2257%22%20viewBox%3D%220%200%2046%2057%22%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22%E9%9B%AB%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2246%22%20height%3D%2257%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%200%2C%200)%22%20filter%3D%22url(%23%E9%9B%AB)%22%3E%20%3Cpath%20id%3D%22%E9%9B%AB-2%22%20data-name%3D%22%E9%9B%AB%22%20d%3D%22M14%2C39a13.675%2C13.675%2C0%2C0%2C1-9.744-4.172A15.089%2C15.089%2C0%2C0%2C1%2C.026%2C25.071c-.3-5.254%2C2.015-9.743%2C3.279-11.907a64.362%2C64.362%2C0%2C0%2C1%2C7.666-9.9C11.948%2C2.161%2C12.924%2C1.057%2C14%2C0c1.076%2C1.057%2C2.052%2C2.161%2C3.028%2C3.265a64.362%2C64.362%2C0%2C0%2C1%2C7.666%2C9.9c1.265%2C2.164%2C3.58%2C6.653%2C3.279%2C11.907a15.088%2C15.088%2C0%2C0%2C1-4.229%2C9.756A13.675%2C13.675%2C0%2C0%2C1%2C14%2C39%22%20transform%3D%22translate(9%206)%22%20fill%3D%22%23edf8fa%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media (hover: hover) {
  #suntory_contents .cHamburgerMenu__button:where(:any-link, :enabled, summary):hover {
    transform: scale(1.2352941176, 1.2380952381); /* 84/68, 117/94.5 */
  }
  #suntory_contents .cHamburgerMenu__button:where(:any-link, :enabled, summary):hover::before {
    opacity: 0;
  }
  #suntory_contents .cHamburgerMenu__button:where(:any-link, :enabled, summary):hover::after {
    opacity: 1;
  }
}
#suntory_contents .cHamburgerMenu__button::before, #suntory_contents .cHamburgerMenu__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
#suntory_contents .cHamburgerMenu__button::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267.506%22%20height%3D%2294.329%22%20viewBox%3D%220%200%2067.506%2094.329%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.358%22%20y1%3D%220.297%22%20x2%3D%220.829%22%20y2%3D%221.09%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235bc2dc%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23105c6f%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E9%9B%AB%22%20d%3D%22M33.753%2C94.329A32.918%2C32.918%2C0%2C0%2C1%2C10.259%2C84.237a36.551%2C36.551%2C0%2C0%2C1-10.2-23.6C-.66%2C47.932%2C4.921%2C37.074%2C7.97%2C31.84%2C13.083%2C23.063%2C19.851%2C15.389%2C26.453%2C7.9c2.353-2.67%2C4.706-5.341%2C7.3-7.9%2C2.594%2C2.556%2C4.948%2C5.227%2C7.3%2C7.9%2C6.6%2C7.492%2C13.37%2C15.166%2C18.483%2C23.943%2C3.05%2C5.234%2C8.631%2C16.092%2C7.906%2C28.8a36.548%2C36.548%2C0%2C0%2C1-10.195%2C23.6A32.918%2C32.918%2C0%2C0%2C1%2C33.753%2C94.329%22%20transform%3D%22translate(0)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E");
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__button::before {
    display: none;
  }
}
#suntory_contents .cHamburgerMenu__button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2283.897%22%20height%3D%22117.232%22%20viewBox%3D%220%200%2083.897%20117.232%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23eff9fb%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d6eff4%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%220.358%22%20y1%3D%220.297%22%20x2%3D%220.829%22%20y2%3D%221.09%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235bc2dc%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23105c6f%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_219%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20219%22%20transform%3D%22translate(0)%22%3E%20%3Cpath%20id%3D%22hover%22%20d%3D%22M41.948%2C117.232a40.911%2C40.911%2C0%2C0%2C1-29.2-12.541A45.426%2C45.426%2C0%2C0%2C1%2C.08%2C75.363c-.9-15.794%2C6.037-29.288%2C9.826-35.793C16.259%2C28.663%2C24.671%2C19.126%2C32.876%2C9.815%2C35.8%2C6.5%2C38.724%2C3.177%2C41.948%2C0c3.224%2C3.177%2C6.15%2C6.5%2C9.072%2C9.815%2C8.205%2C9.311%2C16.617%2C18.848%2C22.971%2C29.756%2C3.79%2C6.5%2C10.727%2C20%2C9.826%2C35.793a45.421%2C45.421%2C0%2C0%2C1-12.67%2C29.327%2C40.911%2C40.911%2C0%2C0%2C1-29.2%2C12.541%22%20transform%3D%22translate(0)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3Cpath%20id%3D%22%E9%9B%AB%22%20d%3D%22M33.753%2C94.329A32.918%2C32.918%2C0%2C0%2C1%2C10.259%2C84.237a36.551%2C36.551%2C0%2C0%2C1-10.2-23.6C-.66%2C47.932%2C4.921%2C37.074%2C7.97%2C31.84%2C13.083%2C23.063%2C19.851%2C15.389%2C26.453%2C7.9c2.353-2.67%2C4.706-5.341%2C7.3-7.9%2C2.594%2C2.556%2C4.948%2C5.227%2C7.3%2C7.9%2C6.6%2C7.492%2C13.37%2C15.166%2C18.483%2C23.943%2C3.05%2C5.234%2C8.631%2C16.092%2C7.906%2C28.8a36.548%2C36.548%2C0%2C0%2C1-10.195%2C23.6A32.918%2C32.918%2C0%2C0%2C1%2C33.753%2C94.329%22%20transform%3D%22translate(8.196%2011.453)%22%20fill%3D%22url(%23linear-gradient-2)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__button::after {
    display: none;
  }
}
#suntory_contents .cHamburgerMenu__button.-is-active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2257%22%20viewBox%3D%220%200%2046%2057%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235bc2dc%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23105c6f%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cfilter%20id%3D%22%E9%9B%AB%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2246%22%20height%3D%2257%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%200%2C%200)%22%20filter%3D%22url(%23%E9%9B%AB)%22%3E%20%3Cpath%20id%3D%22%E9%9B%AB-2%22%20data-name%3D%22%E9%9B%AB%22%20d%3D%22M14%2C39a13.675%2C13.675%2C0%2C0%2C1-9.744-4.172A15.089%2C15.089%2C0%2C0%2C1%2C.026%2C25.071c-.3-5.254%2C2.015-9.743%2C3.279-11.907a64.362%2C64.362%2C0%2C0%2C1%2C7.666-9.9C11.948%2C2.161%2C12.924%2C1.057%2C14%2C0c1.076%2C1.057%2C2.052%2C2.161%2C3.028%2C3.265a64.362%2C64.362%2C0%2C0%2C1%2C7.666%2C9.9c1.265%2C2.164%2C3.58%2C6.653%2C3.279%2C11.907a15.088%2C15.088%2C0%2C0%2C1-4.229%2C9.756A13.675%2C13.675%2C0%2C0%2C1%2C14%2C39%22%20transform%3D%22translate(9%206)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
#suntory_contents .cHamburgerMenu__line {
  position: absolute;
  display: block;
  width: 30px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  bottom: 37px;
  border-radius: 1px;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__line {
    width: 12px;
    bottom: 25px;
    background-color: #236371;
    left: 49%;
  }
}
#suntory_contents .cHamburgerMenu__line.-is-active {
  background-color: #ffffff;
}
#suntory_contents .cHamburgerMenu__line.-is-active::before, #suntory_contents .cHamburgerMenu__line.-is-active::after {
  background-color: #ffffff;
}
#suntory_contents .cHamburgerMenu__line::before,
#suntory_contents .cHamburgerMenu__line::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s ease-in-out;
  bottom: 40px;
  border-radius: 1px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__line::before,
  #suntory_contents .cHamburgerMenu__line::after {
    width: 12px;
    background-color: #236371;
  }
}
#suntory_contents .cHamburgerMenu__line::before {
  top: 7px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__line::before {
    top: 4px;
  }
}
#suntory_contents .cHamburgerMenu__line::after {
  top: -7px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__line::after {
    top: -4px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cHamburgerMenu__button[aria-expanded=true] {
    position: fixed !important;
    top: 12px !important;
    right: 12px;
  }
}
#suntory_contents .cHamburgerMenu__button[aria-expanded=true] .cHamburgerMenu__line {
  background-color: transparent;
}
#suntory_contents .cHamburgerMenu__button[aria-expanded=true] .cHamburgerMenu__line::before {
  top: 0;
  transform: rotate(45deg);
}
#suntory_contents .cHamburgerMenu__button[aria-expanded=true] .cHamburgerMenu__line::after {
  top: 0;
  transform: rotate(-45deg);
}

#suntory_contents .cNumberBox {
  position: relative;
  z-index: 2;
}
#suntory_contents .cNumberBox.-susCirPhilosophy {
  padding-bottom: 122px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox.-susCirPhilosophy {
    padding-bottom: 100px;
  }
}
#suntory_contents .cNumberBox__inner {
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 57px;
  padding-bottom: 67px;
  padding-left: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  padding-right: clamp(10px, 178px - (1920px - 100vw) * 0.1459, 178px);
  box-sizing: border-box;
  background: linear-gradient(90deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  border-radius: 72px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__inner {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    max-width: 100%;
    border-radius: 40px;
  }
}
#suntory_contents .cNumberBox__inner::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/eco/teigen/common/img/v2/5.png");
  background-repeat: no-repeat;
  width: 39px;
  height: 51px;
  background-size: contain;
  top: -24px;
  filter: drop-shadow(0 0 40px rgba(3, 129, 157, 0.2));
}
#suntory_contents .cNumberBox__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: clamp(16px, 88px - (1920px - 100vw) * 0.0625, 88px);
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__content {
    flex-direction: column;
  }
}
#suntory_contents .cNumberBox__content.-flex-start {
  align-items: flex-start;
}
#suntory_contents .cNumberBox__message {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__message {
    margin-bottom: 45px;
  }
}
#suntory_contents .cNumberBox__list {
  display: flex;
  row-gap: 40px;
  column-gap: 40px;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__list {
    column-gap: initial;
    row-gap: 24px;
  }
}
#suntory_contents .cNumberBox__item {
  display: flex;
  align-items: center;
  column-gap: 21px;
  padding-top: 24px;
  padding-right: 40px;
  padding-bottom: 24px;
  padding-left: 40px;
  background-color: #03819d;
  border-radius: 48px;
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__item {
    width: 100%;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    column-gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cNumberBox__box {
    order: 1;
    margin-bottom: 40px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
#suntory_contents .susEarthMachine__picture {
  display: block;
}
#suntory_contents .cNumberBox__title {
  margin-bottom: 9px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  color: #ffffff;
}
#suntory_contents .cNumberBox__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #ffffff;
}
#suntory_contents .cNumberBox__iconImage {
  filter: drop-shadow(0 0 40px rgba(3, 129, 157, 0.2));
}
#suntory_contents .cNumberBox__image {
  height: auto;
}

#suntory_contents .cArrowLink {
  display: flex;
  align-items: flex-start;
  column-gap: 16px;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #80aab3;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cArrowLink {
    column-gap: 16px;
  }
}
@media (hover: hover) {
  #suntory_contents .cArrowLink:where(:any-link, :enabled, summary):hover .cArrowLink__icon::after {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .cArrowLink__pdf {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cArrowLink__pdfImage {
    width: 19px;
    height: 21px;
  }
}
#suntory_contents .cArrowLink__text {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 1152, 20px);
  line-height: 1.5;
  color: #236371;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cArrowLink__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (hover: hover) {
  #suntory_contents .cArrowLink__text:where(:any-link, :enabled, summary):hover .ArrowLinkNav__icon::after {
    animation: hoverArrow01 1s ease;
  }
}
#suntory_contents .cArrowLink__icon {
  width: 28px;
  height: 28px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color cubibezier(0.215, 0.61, 0.355, 1) 0.15s;
  position: relative;
  border-width: 2px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cArrowLink__icon {
    width: 26px;
    height: 26px;
  }
}
#suntory_contents .cArrowLink__icon.-arrow-right-primary {
  border-color: #236371;
  border: 2px solid #236371;
}
#suntory_contents .cArrowLink__icon.-arrow-right-primary::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.849%22%20height%3D%2215.698%22%20viewBox%3D%220%200%208.849%2015.698%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l6.435%2C6.435-6.435%2C6.435%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 19px;
  position: absolute;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cArrowLink__icon.-arrow-right-primary::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.436%22%20height%3D%2214.872%22%20viewBox%3D%220%200%208.436%2014.872%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l6.022%2C6.022-6.022%2C6.022%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    width: 8px;
    height: 15px;
  }
}
@keyframes hoverArrow01 {
  0% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
  48% {
    transform: translate(70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  52% {
    transform: translate(-70%) translateY(0) rotate(0) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0);
    opacity: 1;
  }
}

#suntory_contents .cGrid {
  display: grid;
}
#suntory_contents .cGrid.-grid-rows-auto {
  grid-template-rows: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-sp-aufo-fit {
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
  }
}
#suntory_contents .cGrid.-content-baseline {
  align-content: baseline;
}
#suntory_contents .cGrid.-col2-1 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col2-1 {
    grid-template-columns: 1fr;
  }
}
#suntory_contents .cGrid.-col2-2 {
  grid-template-columns: repeat(2, 1fr);
}
#suntory_contents .cGrid.-col4-1 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col4-1 {
    grid-template-columns: 1fr;
  }
}
#suntory_contents .cGrid.-col5-1 {
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col5-1 {
    grid-template-columns: 1fr;
  }
}
#suntory_contents .cGrid.-col-64-0 {
  column-gap: 64px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-64-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col-55-0 {
  column-gap: 55px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-55-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col-50-0 {
  column-gap: 50px !important;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-50-0 {
    column-gap: 0 !important;
  }
}
#suntory_contents .cGrid.-col-40-0 {
  column-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-40-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col-30-0 {
  column-gap: 30px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-30-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col-24-0 {
  column-gap: 24px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-24-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col16-0 {
  column-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col16-0 {
    column-gap: 0;
  }
}
#suntory_contents .cGrid.-col15-12 {
  column-gap: 15px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col15-12 {
    column-gap: 12px;
  }
}
#suntory_contents .cGrid.-col15-0 {
  column-gap: 15px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col15-0 {
    column-gap: 0;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-col-0-24 {
    column-gap: 24px;
  }
}
#suntory_contents .cGrid.-row-40-83 {
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-40-83 {
    row-gap: 83px;
  }
}
#suntory_contents .cGrid.-row-40-40 {
  row-gap: 40px;
}
#suntory_contents .cGrid.-row-40-24 {
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-40-24 {
    row-gap: 24px;
  }
}
#suntory_contents .cGrid.-row-24-0 {
  row-gap: 24px !important;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-24-0 {
    row-gap: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-0-24 {
    row-gap: 24px;
  }
}
#suntory_contents .cGrid.-row-16-12 {
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-16-12 {
    row-gap: 12px;
  }
}
#suntory_contents .cGrid.-row-11-12 {
  row-gap: 11px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-11-12 {
    row-gap: 12px;
  }
}
#suntory_contents .cGrid.-row-11-0 {
  row-gap: 11px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-11-0 {
    row-gap: 0;
  }
}
#suntory_contents .cGrid.-row-8-8 {
  row-gap: 8px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-row-0-18 {
    row-gap: 18px;
  }
}
#suntory_contents .cGrid.-fz-14-12 .cGrid__item {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-fz-14-12 .cGrid__item {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#suntory_contents .cGrid.-country .cFlex {
  grid-area: 1/1/2/3;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-country .cFlex {
    grid-area: 1/2/2/3;
  }
}
#suntory_contents .cGrid.-country .cImage {
  grid-area: 2/1/3/2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-country .cImage {
    grid-area: 1/1/2/2;
  }
}
#suntory_contents .cGrid.-country .cText {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-country .cText {
    grid-area: 2/1/3/3;
  }
}
#suntory_contents .cGrid.-jiten .cGrid__item {
  padding-top: 40px;
  padding-right: 16px;
  padding-bottom: 46px;
  padding-left: 16px;
  border-radius: 40px;
  background-color: #ffffff;
  filter: drop-shadow(0 0 15px rgba(3, 129, 157, 0.24));
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten .cGrid__item {
    border-bottom: 20px;
  }
}
#suntory_contents .cGrid.-jiten-mv {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content max-content 1fr auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv {
    grid-template-columns: 1fr;
  }
}
#suntory_contents .cGrid.-jiten-mv .cImage.-first {
  grid-area: 1/1/2/2;
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv .cImage.-first {
    grid-area: 1/1/2/2;
    padding-top: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv .cImage.-first img {
    width: 303px;
    height: 68px;
  }
}
#suntory_contents .cGrid.-jiten-mv .cText.-first {
  grid-area: 2/1/3/2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv .cText.-first {
    grid-area: 2/1/3/2;
  }
}
#suntory_contents .cGrid.-jiten-mv .cText.-second {
  grid-area: 3/1/4/2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv .cText.-second {
    margin-top: 28px;
    grid-area: 4/1/5/2;
  }
}
#suntory_contents .cGrid.-jiten-mv .cImage.-second {
  grid-area: 1/2/4/3;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cGrid.-jiten-mv .cImage.-second {
    grid-area: 3/1/4/2;
  }
}
#suntory_contents .cGrid.-word .cGrid__item {
  overflow-wrap: break-word;
}
#suntory_contents .cGrid.-nav-top .cFlex {
  padding-top: 38px;
  padding-bottom: 38px;
  background-color: #ffffff;
  border-radius: 28px;
  filter: drop-shadow(0 0 60px rgba(3, 129, 157, 0.24));
  width: 100%;
  padding-left: 53px;
  padding-right: 16px;
  box-sizing: border-box;
  transition: background-color 0.3s ease-out;
}
#suntory_contents .cGrid.-nav-top .cFlex.-current {
  background-color: #cdedf5;
}
#suntory_contents .cGrid.-nav-top .cFlex.-current .cIcon {
  display: none;
}
@media (hover: hover) {
  #suntory_contents .cGrid.-nav-top .cFlex:where(:any-link, :enabled, summary):hover {
    background-color: #cdedf5;
  }
}
#suntory_contents .cGrid.-nav-bottom {
  display: none;
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  background-color: #cdedf5;
  border-radius: 28px;
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  position: relative;
}
#suntory_contents .cGrid.-nav-bottom.-current {
  display: grid;
}
#suntory_contents .cGrid.-nav-bottom::before {
  content: "";
  position: absolute;
  width: 79px;
  height: 64px;
  left: 9%;
  top: -40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278.861%22%20height%3D%2263.887%22%20viewBox%3D%220%200%2078.861%2063.887%22%3E%20%3Cg%20id%3D%22%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97_%E6%B3%A1%22%20transform%3D%22translate(-499.83%20-3432.584)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37235%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037235%22%20d%3D%22M5.7%2C24.55a13.456%2C13.456%2C0%2C0%2C0%2C11.7%2C1.1%2C13.23%2C13.23%2C0%2C0%2C0%2C8.468-8.028c1.987-5.829-1.008-12.943-5.71-15.754C15.358-1.007%2C7.752-.717%2C3.7%2C3.824c-5.543%2C6.208-4.835%2C16.324%2C2%2C20.726%22%20transform%3D%22matrix(-0.391%2C%200.921%2C%20-0.921%2C%20-0.391%2C%20534.562%2C%203442.933)%22%20fill%3D%22%23cdedf5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37236%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037236%22%20d%3D%22M9.524%2C41.027c5.906%2C3.8%2C13.11%2C4.031%2C19.56%2C1.835%2C5.992-2.036%2C11.8-6.507%2C14.151-13.417%2C3.32-9.742-1.684-21.63-9.543-26.329C25.666-1.684%2C12.955-1.2%2C6.179%2C6.39-3.085%2C16.765-1.9%2C33.671%2C9.524%2C41.027%22%20transform%3D%22matrix(-0.999%2C%200.052%2C%20-0.052%2C%20-0.999%2C%20578.69%2C%203494.154)%22%20fill%3D%22%23cdedf5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
#suntory_contents .cGrid.-nav-bottom .cFlex {
  padding-top: 15px;
  padding-right: 12px;
  padding-bottom: 15px;
  padding-left: 12px;
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 20px;
  height: 100%;
  transition: background-color 0.3s ease-out;
}
@media (hover: hover) {
  #suntory_contents .cGrid.-nav-bottom .cFlex:where(:any-link, :enabled, summary):hover {
    background-color: #236371;
  }
  #suntory_contents .cGrid.-nav-bottom .cFlex:where(:any-link, :enabled, summary):hover .cTitle {
    color: #ffffff;
  }
}
#suntory_contents .cGrid.-nav-bottom .cFlex.-current {
  background-color: #236371;
  color: #ffffff;
}
#suntory_contents .cGrid.-nav-bottom .cFlex.-current .cTitle {
  color: #ffffff;
}
#suntory_contents .cGrid.-nav-bottom .cTitle {
  transition: color 0.3s ease-out;
}

#suntory_contents .cFlex {
  display: flex;
}
#suntory_contents .cFlex.-inline-flex {
  display: inline-flex;
}
#suntory_contents .cFlex.-justify-center {
  justify-content: center;
}
#suntory_contents .cFlex.-justify-between {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-justify-center {
    justify-content: center;
  }
}
#suntory_contents .cFlex.-flex-col {
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-flex-col {
    flex-direction: column;
  }
}
#suntory_contents .cFlex.-items-start {
  align-items: flex-start;
}
#suntory_contents .cFlex.-items-center {
  align-items: center;
}
#suntory_contents .cFlex.-w-half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-w-half {
    width: 100%;
  }
}
#suntory_contents .cFlex.-maxw-618 {
  max-width: 618px;
}
#suntory_contents .cFlex.-maxw-664 {
  max-width: 664px;
}
#suntory_contents .cFlex.-maxw-800 {
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-items-start {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-items-center {
    align-items: center;
  }
}
#suntory_contents .cFlex.-flex-end {
  justify-content: flex-end;
}
#suntory_contents .cFlex.-items-end {
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-items-center {
    align-items: center;
  }
}
#suntory_contents .cFlex.-gap-x-28-20 {
  column-gap: 28px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-gap-x-28-20 {
    column-gap: 20px;
  }
}
#suntory_contents .cFlex.-gap-x-28-7 {
  column-gap: 28px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-gap-x-28-7 {
    column-gap: 7px;
  }
}
#suntory_contents .cFlex.-col-70-0 {
  column-gap: 70px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-70-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-col-55-0 {
  column-gap: 55px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-55-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-col-40-0 {
  column-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-40-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-col-40-20 {
  column-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-40-20 {
    column-gap: 20px;
  }
}
#suntory_contents .cFlex.-col-24-0 {
  column-gap: 24px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-24-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-col-16-0 {
  column-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col-16-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-col8-8 {
  column-gap: 8px;
}
#suntory_contents .cFlex.-col8-0 {
  column-gap: 8px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-col8-0 {
    column-gap: 0;
  }
}
#suntory_contents .cFlex.-row-60-40 {
  row-gap: 60px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-60-40 {
    row-gap: 40px;
  }
}
#suntory_contents .cFlex.-row-40-24 {
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-40-24 {
    row-gap: 24px;
  }
}
#suntory_contents .cFlex.-row-24-16 {
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-24-16 {
    row-gap: 16px;
  }
}
#suntory_contents .cFlex.-row-8-8 {
  row-gap: 8px;
}
#suntory_contents .cFlex.-row-8-12 {
  row-gap: 8px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-8-12 {
    row-gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-0-24 {
    row-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-0-18 {
    row-gap: 18px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-0-16 {
    row-gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-row-0-13 {
    row-gap: 13px;
  }
}
#suntory_contents .cFlex.-w-full {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-static {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex .cFlex__item img {
    max-width: 100%;
    height: auto;
  }
}
#suntory_contents .cFlex.-bg-light-blue {
  background-color: #d8f1f6;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-sp-bg-gld-blue {
    background: linear-gradient(180deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  }
}
#suntory_contents .cFlex.-word {
  flex-wrap: wrap;
}
#suntory_contents .cFlex.-word .cFlex__item {
  width: 48%;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cFlex.-word .cFlex__item {
    width: 100%;
  }
}
#suntory_contents .cFlex.-word .cFlex__item.-w-full {
  width: 100%;
}
#suntory_contents .cFlex.-share-x {
  background-color: #000;
  border-radius: 21px;
  padding-top: 6px;
  padding-left: 24px;
  padding-bottom: 6px;
  padding-right: 24px;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
  #suntory_contents .cFlex.-share-x:where(:any-link, :enabled, summary):hover {
    opacity: 0.8;
  }
}

#suntory_contents .cTags.-text-center {
  text-align: center;
}
#suntory_contents .cTags__label {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTags__label {
    margin-bottom: 24px;
  }
}
#suntory_contents .cTags__text {
  display: inline-block;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 24px;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.6;
  color: #ffffff;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
}
#suntory_contents .cTags__heading {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTags__heading {
    margin-bottom: 40px;
  }
}
#suntory_contents .cTags__sub {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.6;
  color: #03819d;
}
#suntory_contents .cTags__title {
  font-size: 48px;
  font-size: 3rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.5;
  color: #236371;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTags__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}

#suntory_contents .cTable__table {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#suntory_contents .cTable__table th {
  background-color: #f7f7f7;
}
#suntory_contents .cTable__table td,
#suntory_contents .cTable__table th {
  border: 1px solid #d2d3d3;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTable__table td,
  #suntory_contents .cTable__table th {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
  }
}

#suntory_contents .cIconSmallBlue {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_858%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20858%22%20transform%3D%22translate(-448.5%20-90.5)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_31%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2031%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2219%22%20transform%3D%22translate(449%2091)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l6%2C6-6%2C6%22%20transform%3D%22translate(-5203%20-1747.815)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0;
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cIconSmallBlue {
    position: absolute;
    right: 16px;
    bottom: 12px;
  }
}
#suntory_contents .cIconSmall {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.169%22%20height%3D%2218.169%22%20viewBox%3D%220%200%2018.169%2018.169%22%3E%20%3Cg%20id%3D%22arr%22%20transform%3D%22translate(-734%20-827)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20transform%3D%22translate(734%20827)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%229.085%22%20cy%3D%229.085%22%20r%3D%229.085%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%229.085%22%20cy%3D%229.085%22%20r%3D%228.585%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_188%22%20data-name%3D%22%E3%83%91%E3%82%B9%20188%22%20d%3D%22M1076.327%2C83.644l4.454%2C4.73%2C4.647-4.73%22%20transform%3D%22translate(-337.793%20750.985)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  flex-shrink: 0;
}
#suntory_contents .cIcon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0;
}
#suntory_contents .cIcon.-arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.998%22%20height%3D%2223.998%22%20viewBox%3D%220%200%2023.998%2023.998%22%3E%20%3Cg%20id%3D%22arr%22%20transform%3D%22translate(-734%20-827)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_44%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2044%22%20transform%3D%22translate(734%20827)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221.5%22%3E%20%3Ccircle%20cx%3D%2211.999%22%20cy%3D%2211.999%22%20r%3D%2211.999%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2211.999%22%20cy%3D%2211.999%22%20r%3D%2211.249%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_188%22%20data-name%3D%22%E3%83%91%E3%82%B9%20188%22%20d%3D%22M1076.327%2C83.644l5.883%2C6.247%2C6.138-6.247%22%20transform%3D%22translate(-336.338%20753.432)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
#suntory_contents .cIcon.-small {
  width: 24px;
  height: 24px;
}
#suntory_contents .cIcon.-rotate--90 {
  transform: rotate(-90deg);
}
#suntory_contents .cIcon.-blank {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22ico-external-link-16%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22base%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-width%3D%221%22%20opacity%3D%220%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2215%22%20height%3D%2215%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22Icon_feather-external-link%22%20data-name%3D%22Icon%20feather-external-link%22%20d%3D%22M13.858%2C10.739v3.743a1.248%2C1.248%2C0%2C0%2C1-1.248%2C1.248H5.748A1.248%2C1.248%2C0%2C0%2C1%2C4.5%2C14.482V7.619A1.248%2C1.248%2C0%2C0%2C1%2C5.748%2C6.372H9.491m2.5-1.872h3.743V8.243M8.867%2C11.362%2C15.729%2C4.5%22%20transform%3D%22translate(-2.115%20-2.115)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
#suntory_contents .card {
  position: relative;
}
#suntory_contents .card.-blr-blue {
  border: 3px solid #5bc2dc;
}
@media (hover: hover) {
  #suntory_contents .card:where(:any-link, :enabled, summary):hover .cIconSmallBlue {
    transform: translateX(5px);
  }
}

#suntory_contents .cBgBox {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-left: clamp(10px, 178px - (1920px - 100vw) * 0.145, 178px);
  padding-right: clamp(10px, 178px - (1920px - 100vw) * 0.145, 178px);
  padding-bottom: 50px;
  background: rgb(216, 241, 246);
  background: linear-gradient(90deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  border-radius: 72px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBgBox {
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 40px;
  }
}
#suntory_contents .cBgBox::before, #suntory_contents .cBgBox::after {
  position: absolute;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
}
#suntory_contents .cBgBox::before {
  left: 74px;
  top: -87px;
  background-image: url("/eco/teigen/circular/assets/img/icon_susrbo01.svg");
  width: 206px;
  height: 183px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBgBox::before {
    width: 103px;
    height: 92px;
    left: 21px;
    top: -61px;
    background-size: contain;
  }
}
#suntory_contents .cBgBox::after {
  right: 92px;
  top: -85px;
  background-image: url("/eco/teigen/circular/assets/img/icon_susrbo02.svg");
  width: 189px;
  height: 171px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBgBox::after {
    right: 17px;
    top: -63px;
    width: 103px;
    height: 93px;
    background-size: contain;
  }
}

#suntory_contents .cCard {
  position: relative;
  z-index: 2;
}
#suntory_contents .cCard .cCard__inner {
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
}
#suntory_contents .cCard .cCard__content {
  display: flex;
  align-items: center;
  column-gap: 70px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__content {
    flex-direction: column;
    column-gap: initial;
    row-gap: 40px;
  }
}
#suntory_contents .cCard .cCard__content.-row-reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__content.-row-reverse {
    flex-direction: column;
  }
}
#suntory_contents .cCard .cCard__content.-flex-start {
  align-items: flex-start;
}
#suntory_contents .cCard .cCard__content:not(:last-child) {
  margin-bottom: 145px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__content:not(:last-child) {
    margin-bottom: 40px;
  }
}
#suntory_contents .cCard .cCard__text {
  width: 47.4226804124%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__text {
    width: 100%;
  }
}
#suntory_contents .cCard .cCard__text.-full-width {
  width: 100%;
}
#suntory_contents .cCard .cCard__picture {
  width: 46.5635738832%;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__picture {
    width: 100%;
  }
}
#suntory_contents .cCard .cCard__picture::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
}
#suntory_contents .cCard .cCard__picture.-icon-susrp01::before, #suntory_contents .cCard .cCard__picture.-icon-susrp02::before {
  width: 110px;
  height: 144px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__picture.-icon-susrp01::before, #suntory_contents .cCard .cCard__picture.-icon-susrp02::before {
    width: 76px;
    height: 100px;
  }
}
#suntory_contents .cCard .cCard__picture.-icon-susrp01::before {
  background-image: url("/eco/teigen/earth/assets/img/icon_susrp01.svg");
  top: -32px;
  right: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__picture.-icon-susrp01::before {
    right: 16px;
  }
}
#suntory_contents .cCard .cCard__picture.-icon-susrp02::before {
  background-image: url("/eco/teigen/earth/assets/img/icon_susrp02.svg");
  top: -32px;
  left: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__picture.-icon-susrp02::before {
    left: 16px;
  }
}
#suntory_contents .cCard .cCard__figcaption {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__figcaption {
    text-align: left;
  }
}
#suntory_contents .cCard .cCard__image {
  max-width: 100%;
  height: auto;
  border-radius: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cCard .cCard__image {
    width: 100%;
    border-radius: 20px;
  }
}
#suntory_contents .cCard .cCard__sub {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.6;
  color: #236371;
}

#suntory_contents .cRelation__column {
  display: flex;
  align-items: center;
  column-gap: 28px;
  padding-top: 18px;
  padding-right: 28px;
  padding-bottom: 18px;
  padding-left: 28px;
  border-radius: 20px;
  background: linear-gradient(90deg, rgb(216, 241, 246) 0%, rgb(151, 215, 227) 100%);
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cRelation__column {
    padding-top: 40px;
    padding-right: 16px;
    padding-bottom: 28px;
    padding-left: 16px;
  }
}
#suntory_contents .cRelation__label {
  padding-top: 9px;
  padding-right: 16px;
  padding-bottom: 9px;
  padding-left: 16px;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
  border-radius: 24px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cRelation__label {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    min-width: 174px;
  }
}
#suntory_contents .cRelation__box:not(:first-child) {
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cRelation__box:not(:first-child) {
    margin-top: 24px;
  }
}
#suntory_contents .cRelation__text {
  display: inline-flex;
  column-gap: 8px;
  align-items: center;
  position: relative;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 700;
  color: #ffffff;
}
#suntory_contents .cRelation__text::before {
  content: "";
  width: 16px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.5%22%20height%3D%2226.679%22%20viewBox%3D%220%200%2017.5%2026.679%22%3E%20%3Cg%20id%3D%22icon_book%22%20transform%3D%22translate(-1.272%20-1.103)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1979%22%20data-name%3D%22%E7%B7%9A%201979%22%20x1%3D%2211.69%22%20y2%3D%223.171%22%20transform%3D%22translate(3.988%203.938)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_1980%22%20data-name%3D%22%E7%B7%9A%201980%22%20x1%3D%2211.473%22%20y2%3D%223.109%22%20transform%3D%22translate(4.738%205.177)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37188%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037188%22%20d%3D%22M18.281%2C5.386%2C6.6%2C8.516a1.793%2C1.793%2C0%2C0%2C0-1.212%2C1.663%22%20transform%3D%22translate(-3.364%20-3.364)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_37189%22%20data-name%3D%22%E3%83%91%E3%82%B9%2037189%22%20d%3D%22M20.288%2C39.178l-2.028.543L9.6%2C42.045a3.582%2C3.582%2C0%2C0%2C1-4.216-3.188v16.95A3.483%2C3.483%2C0%2C0%2C0%2C9.6%2C59l10.686-2.864a1.562%2C1.562%2C0%2C0%2C0%2C1.1-1.43V40.021A.83.83%2C0%2C0%2C0%2C20.288%2C39.178Z%22%20transform%3D%22translate(-3.364%20-32.043)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cRelation__text::before {
    width: 14px;
    height: 22px;
  }
}
#suntory_contents .cRelation__box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cRelation__box {
    row-gap: 8px;
  }
}
#suntory_contents .cRelation__link {
  position: relative;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 700;
  color: #236371;
  text-decoration: underline;
}
#suntory_contents .cRelation__link:not(:last-child) {
  padding-right: 24px;
}
#suntory_contents .cRelation__link:not(:last-child)::after {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22Icons_ico-arrow-16%22%20data-name%3D%22Icons%20%2F%20ico-arrow-16%22%20transform%3D%22translate(-506%20-210)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_77%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2077%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(506%20210)%22%20fill%3D%22none%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20id%3D%22arr%22%20d%3D%22M1076.327%2C83.644l4.833%2C5.467%2C5.042-5.467%22%20transform%3D%22translate(428.356%201299.265)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#suntory_contents .cButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  border: 1px solid #236371;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s ease-out;
  background: transparent;
  transition: background 1s, color 1s;
  min-width: 140px;
  box-sizing: border-box;
}
@media (hover: hover) {
  #suntory_contents .cButton:where(:any-link, :enabled, summary):hover {
    background: rgb(91, 194, 220);
    background: linear-gradient(90deg, rgb(91, 194, 220) 0%, rgb(16, 92, 111) 100%);
    border: 1px solid #ffffff;
  }
  #suntory_contents .cButton:where(:any-link, :enabled, summary):hover .cButton__text {
    color: #ffffff;
  }
  #suntory_contents .cButton:where(:any-link, :enabled, summary):hover .cButton__icon {
    border: 1.5px solid #ffffff;
  }
  #suntory_contents .cButton:where(:any-link, :enabled, summary):hover .cButton__icon::before, #suntory_contents .cButton:where(:any-link, :enabled, summary):hover .cButton__icon::after {
    background-color: #ffffff;
  }
}
#suntory_contents .cButton__icon {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: 1.5px solid #236371;
  position: relative;
}
#suntory_contents .cButton__icon::before,
#suntory_contents .cButton__icon::after {
  content: "";
  position: absolute;
  background-color: #236371;
  transition: all 0.3s ease;
}
#suntory_contents .cButton__icon::before {
  width: 12px;
  height: 2px;
}
#suntory_contents .cButton__icon::after {
  width: 2px;
  height: 12px;
}
#suntory_contents .cButton[aria-expanded=true] .cButton__icon::after {
  transform: rotate(90deg);
  opacity: 0;
}
#suntory_contents .cButton__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.0714285714;
  transition: all 0.3s ease;
  color: #236371;
  position: relative;
}

#suntory_contents .cBox.-w-half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cBox.-w-half {
    width: 100%;
  }
}

#suntory_contents .cTextLink {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  line-height: 1.5;
  font-weight: 500;
  color: #236371;
  text-decoration: none;
  padding-left: 16px;
  position: relative;
}
#suntory_contents .cTextLink::before {
  content: "";
  width: 8px;
  height: 12px;
  left: 0;
  top: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.812%22%20height%3D%2211.625%22%20viewBox%3D%220%200%206.812%2011.625%22%3E%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%26gt%3B%22%20d%3D%22M5669.471%2C1851.815l4.4%2C4.4-4.4%2C4.4%22%20transform%3D%22translate(-5668.057%20-1850.401)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#suntory_contents .cTextLink.-no-arrow {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-left: 0;
  border-bottom: 1px solid #236371;
}
@media screen and (max-width: 767px) {
  #suntory_contents .cTextLink.-no-arrow {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
#suntory_contents .cTextLink.-no-arrow::before {
  display: none;
}

#suntory_contents .cBullet__item {
  display: block;
  padding-left: 16px;
  position: relative;
}
#suntory_contents .cBullet__item::before {
  content: "・";
  left: 0;
  position: absolute;
  top: 0;
}
#suntory_contents .cBullet__item:not(:first-child) {
  margin-top: 8px;
}

#suntory_contents .susMorePanel__list {
  column-gap: clamp(24px, 24px + 18 * (100vw - 768px) / 1152, 42px);
  display: grid;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  max-width: 1164px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__list {
    flex-direction: column;
    row-gap: 40px;
    column-gap: initial;
  }
}
#suntory_contents .susMorePanel__item {
  border-radius: 40px;
  box-shadow: 0px 0px 16px 0px rgba(3, 129, 157, 0.24);
  background-color: #ffffff;
  padding-bottom: 32px;
  overflow: hidden;
  row-gap: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__item {
    width: 100%;
    margin-bottom: initial;
  }
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__item.-is-expanded {
    grid-row: initial;
    grid-template-rows: initial;
  }
}
#suntory_contents .susMorePanel__item.-is-expanded {
  height: 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__item.-is-expanded {
    height: auto;
  }
}
#suntory_contents .susMorePanel__title {
  padding-top: 15px;
  padding-bottom: 28px;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  text-align: center;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  position: relative;
  min-height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-bottom: 32px;
  }
}
#suntory_contents .susMorePanel__picture {
  display: block;
  position: relative;
  width: 101%;
  height: 228px;
  margin-top: -24px;
  margin-bottom: 16px;
  max-width: 101%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__picture {
    width: 100%;
    height: 220px;
    margin-top: -34px;
  }
}
#suntory_contents .susMorePanel__image {
  max-width: 101%;
  position: absolute;
  top: 0;
  left: -1px;
  width: 101%;
  height: 100% !important;
  object-fit: cover;
  mask-image: url(/eco/teigen/earth/assets/img/img_mask01.png);
  mask-position: center;
  mask-repeat: repeat-x;
  mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__image {
    height: 220px;
  }
}
#suntory_contents .susMorePanel__description {
  margin-bottom: 32px;
  padding-right: 32px;
  padding-left: 32px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__description {
    margin-bottom: 24px;
  }
}
#suntory_contents .susMorePanel__detail {
  overflow: hidden;
  padding-right: 32px;
  padding-left: 32px;
  opacity: 0;
  visibility: hidden;
  display: none;
}
#suntory_contents .susMorePanel__detail.-is-active {
  display: block !important;
  max-height: 375px !important;
  opacity: 1 !important;
  margin-bottom: 24px !important;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susMorePanel__detail.-is-active {
    max-height: 390px !important;
  }
}
#suntory_contents .susMorePanel__area {
  text-align: center;
}
#suntory_contents .susMorePanel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  border: 1px solid #236371;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s ease-out;
  background: transparent;
  transition: background 1s, color 1s;
  min-width: 140px;
  box-sizing: border-box;
}
@media (hover: hover) {
  #suntory_contents .susMorePanel__button:where(:any-link, :enabled, summary):hover {
    background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
    border: 1px solid #ffffff;
  }
  #suntory_contents .susMorePanel__button:where(:any-link, :enabled, summary):hover .susMorePanel__text {
    color: #ffffff;
  }
  #suntory_contents .susMorePanel__button:where(:any-link, :enabled, summary):hover .susMorePanel__icon {
    border: 1.5px solid #ffffff;
  }
  #suntory_contents .susMorePanel__button:where(:any-link, :enabled, summary):hover .susMorePanel__icon::before, #suntory_contents .susMorePanel__button:where(:any-link, :enabled, summary):hover .susMorePanel__icon::after {
    background-color: #ffffff;
  }
}
#suntory_contents .susMorePanel__icon {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: 1.5px solid #236371;
  position: relative;
}
#suntory_contents .susMorePanel__icon::before,
#suntory_contents .susMorePanel__icon::after {
  content: "";
  position: absolute;
  background-color: #236371;
  transition: all 0.3s ease;
}
#suntory_contents .susMorePanel__icon::before {
  width: 12px;
  height: 2px;
}
#suntory_contents .susMorePanel__icon::after {
  width: 2px;
  height: 12px;
}
#suntory_contents .susMorePanel__button[aria-expanded=true] .susMorePanel__icon::after {
  transform: rotate(90deg);
  opacity: 0;
}
#suntory_contents .susMorePanel__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  line-height: 1.0714285714;
  transition: all 0.3s ease;
  color: #236371;
  position: relative;
}