@charset "UTF-8";
/**
 * 数値計算
 * ---------------------------------------- */
/**
 * ブレイクポイント
 * ---------------------------------------- */
/**
 * フォント
 * ---------------------------------------- */
/**
 * カラー
 * ---------------------------------------- */
/**
 * カラー以外の変数を定義
 * ---------------------------------------- */
/**
 * 改行
 * ---------------------------------------- */
/**
 * ホバー
 * ---------------------------------------- */
#suntory_contents .susForest {
  position: relative;
}
#suntory_contents .susForestActivity {
  position: relative;
  z-index: 2;
}
#suntory_contents .susForestActivity__content {
  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;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__content {
    max-width: 100%;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    border-radius: 40px;
  }
}
#suntory_contents .susForestActivity__text {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__text {
    margin-bottom: 40px;
  }
}
#suntory_contents .susForestActivity__lead {
  text-align: center;
}
#suntory_contents .susForestActivity__bg01 {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__bg01 {
    display: none;
  }
}
#suntory_contents .susForestActivity__picture {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__picture {
    margin-bottom: 40px;
  }
}
#suntory_contents .susForestActivity__download {
  display: flex;
  align-items: center;
  column-gap: clamp(32px, 32px + 27 * (100vw - 768px) / 1152, 59px);
  max-width: 1084px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 24px;
  padding-right: 40px;
  padding-bottom: 24px;
  padding-left: 40px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 48px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__download {
    flex-direction: column;
    column-gap: initial;
    row-gap: 32px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    border-radius: 40px;
  }
}
#suntory_contents .susForestActivity__box {
  width: 66.8819188192%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__box {
    width: 100%;
  }
}
#suntory_contents .susForestActivity__reportPicure {
  width: 27.6752767528%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestActivity__reportPicure {
    width: 100%;
  }
}
#suntory_contents .susForestEducation {
  position: relative;
  z-index: 2;
}
#suntory_contents .susForestEducation__bg01,
#suntory_contents .susForestEducation__bg02 {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__bg01,
  #suntory_contents .susForestEducation__bg02 {
    display: none;
  }
}
#suntory_contents .susForestEducation__bg01 {
  bottom: 0;
  right: 0;
}
#suntory_contents .susForestEducation__bg02 {
  bottom: -12%;
  left: 0;
}
#suntory_contents .susForestEducation__inner {
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__inner {
    max-width: 100%;
  }
}
#suntory_contents .susForestEducation__conetnt {
  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;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__conetnt {
    max-width: 100%;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    border-radius: 40px;
  }
}
#suntory_contents .susForestEducation__group {
  display: flex;
  column-gap: clamp(40px, 40px + 40 * (100vw - 768px) / 1152, 80px);
  padding-top: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__group {
    flex-direction: column;
    column-gap: initial;
    row-gap: 40px;
    padding-top: 32px;
  }
}
#suntory_contents .susForestEducation__group::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 625px;
  height: 60px;
  background-repeat: no-repeat;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22625.459%22%20height%3D%2263%22%20viewBox%3D%220%200%20625.459%2063%22%3E%20%3Cg%20id%3D%22line%22%20transform%3D%22translate(1%201.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_303%22%20data-name%3D%22%E3%83%91%E3%82%B9%20303%22%20d%3D%22M192.137%2C701.607v-29.89H814.6v30%22%20transform%3D%22translate(-191.637%20-641.717)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_45%22%20data-name%3D%22%E7%B7%9A%2045%22%20y2%3D%2230%22%20transform%3D%22translate(309.959)%22%20fill%3D%22none%22%20stroke%3D%22%23236371%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__group::before {
    display: none;
  }
}
#suntory_contents .susForestEducation__lead {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__lead {
    margin-bottom: 40px;
  }
}
#suntory_contents .susForestEducation__box {
  width: 46.5635738832vw;
  padding-top: 24px;
  padding-right: clamp(16px, 16px + 32 * (100vw - 768px) / 1152, 48px);
  padding-bottom: 40px;
  padding-left: clamp(16px, 16px + 32 * (100vw - 768px) / 1152, 48px);
  background-color: #ffffff;
  border-radius: 40px;
  filter: drop-shadow(0 0 40px rgba(3, 129, 157, 0.2));
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__box {
    width: initial;
    padding-right: 24px;
    padding-left: 24px;
  }
}
#suntory_contents .susForestEducation__main {
  text-align: center;
}
#suntory_contents .susForestEducation__head {
  display: inline-block;
  padding-top: 4px;
  padding-right: 110px;
  padding-bottom: 9px;
  padding-left: 110px;
  background: linear-gradient(90deg, rgb(3, 129, 157) 0%, rgb(35, 99, 113) 100%);
  border-radius: 48px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__head {
    padding-top: 12px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 32px;
    border-radius: 40px;
  }
}
#suntory_contents .susForestEducation__button {
  text-align: center;
}
#suntory_contents .susForestEducation__label {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
  font-weight: 700;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4285714286;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestEducation__label {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
#suntory_contents .susForestEducation__sub {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #ffffff;
}
#suntory_contents .susForestFsc {
  position: relative;
  top: -25px;
}
#suntory_contents .susForestPower {
  position: relative;
  z-index: 2;
}
#suntory_contents .susForestFscFarm {
  position: relative;
}
#suntory_contents .susForestFscFarm__bgPicture01 {
  position: absolute;
  left: 0;
  bottom: -16%;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestFscFarm__bgPicture01 {
    display: none;
  }
}
#suntory_contents .susForestFscFarm__bgImage01 {
  width: 443px;
  height: 676px;
}
#suntory_contents .susForestWater {
  position: relative;
  top: -25px;
}
#suntory_contents .susForestWater__lead {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #suntory_contents .susForestWater__lead {
    margin-bottom: 8px;
  }
}