/* ==========================================================================
PAGE
========================================================================== */
/* main-visual
========================================================================== */
.l-container .l-container__row.u-margin__top--60 {
  margin-top: 0;
}
.l-container .l-container__row.u-margin__bottom--100 {
  margin-bottom: 0;
}

#pages-contents {
  /* top-concept
  ========================================================================== */
  /* top-products
  ========================================================================== */
  /* top-sustainable
  ========================================================================== */
  /* top-news
  ========================================================================== */
  /* ==========================================================================
  SUSTAINABLE
  ========================================================================== */
  /* sustainable-lead
  ========================================================================== */
  /* sustainable-production
  ========================================================================== */
  /* sustainable-csr
  ========================================================================== */
  /* ==========================================================================
  CONCEPT
  ========================================================================== */
  /* concept-lead
  ========================================================================== */
  /* concept-catch
  ========================================================================== */
  /* ==========================================================================
  HOW TO DRINK
  ========================================================================== */
  /* how-to-drink-lead
  ========================================================================== */
  /* how-to-drink_subtitle
  ========================================================================== */
  /* how-to-drink-hot
  ========================================================================== */
  /* how-to-drink-ice
  ========================================================================== */
  /* how-to-drink-scene
  ========================================================================== */
  /* how-to-drink-faq
  ========================================================================== */
  /* ==========================================================================
  PRODUCTS
  ========================================================================== */
  /* products-lead
  ========================================================================== */
  /* products-subtitle
  ========================================================================== */
  /* products-content-box
  ========================================================================== */
  /* products-select
  ========================================================================== */
  /* products-plant
  ========================================================================== */
  /* products-flavor
  ========================================================================== */
  /* ==========================================================================
  CONTACT
  ========================================================================== */
  /* contact
  ========================================================================== */
  /* ==========================================================================
  TERMS
  ========================================================================== */
  /* terms
  ========================================================================== */
}
#pages-contents .main-visual {
  background-color: #a6cfc5;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 790px;
  overflow: hidden;
  padding-top: 110px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #pages-contents .main-visual {
    height: 812px;
    padding-top: 34px;
  }
}
#pages-contents .main-visual .main-visual_wrap {
  background: url(../img/main-visual_illust_bg-top-left.svg) no-repeat 245px 95px, url(../img/main-visual_illust_bg-top-right.svg) no-repeat right 224px top 63px, url(../img/main-visual_illust_bg-left.svg) no-repeat 60px 405px, url(../img/main-visual_bg-top.png) no-repeat 430px 0, url(../img/main-visual_bg-bottom01.png) no-repeat left 95px bottom 0, url(../img/main-visual_bg-bottom02.png) no-repeat left 290px bottom 20px;
  background-size: 149px 161px, 213px 180px, 125px 180px, 225px 225px, 237px 190px, 284px 249px;
  height: inherit;
  padding-top: 250px;
  position: relative;
}
#pages-contents .main-visual .main-visual_wrap::after, #pages-contents .main-visual .main-visual_wrap::before {
  content: "";
  position: absolute;
}
#pages-contents .main-visual .main-visual_wrap::before {
  background: url(../img/main-visual_bg-left.png) no-repeat 50% 50%;
  background-size: 100% 100%;
  height: 236px;
  width: 290px;
  left: -63px;
  top: 162px;
}
#pages-contents .main-visual .main-visual_wrap::after {
  background: url(../img/main-visual_bg-right.png) no-repeat right 40px top 0, url(../img/main-visual_bg-bottom-right.png) no-repeat right 0 bottom 0;
  background-size: 563px 527px, 100%;
  height: 742px;
  width: 879px;
  bottom: 0;
  right: -40px;
}
@media (max-width: 1200px) {
  #pages-contents .main-visual .main-visual_wrap {
    background: url(../img/main-visual_illust_bg-top-left.svg) no-repeat 20.4vw 7.9vw, url(../img/main-visual_illust_bg-top-right.svg) no-repeat right 18.66vw top 5.2vw, url(../img/main-visual_illust_bg-left.svg) no-repeat 5vw 33.75vw, url(../img/main-visual_bg-top.png) no-repeat 35.8vw 0, url(../img/main-visual_bg-bottom01.png) no-repeat left 7.9vw bottom 0, url(../img/main-visual_bg-bottom02.png) no-repeat left 24.1vw bottom 1.667vw;
    background-size: 12.4vw 13.4vw, 17.75vw 15vw, 10.4vw 15vw, 18.75vw 18.75vw, 19.75vw 15.8vw, 23.667vw 20.75vw;
    height: inherit;
    padding-top: 250px;
    position: relative;
  }
  #pages-contents .main-visual .main-visual_wrap::after, #pages-contents .main-visual .main-visual_wrap::before {
    content: "";
    position: absolute;
  }
  #pages-contents .main-visual .main-visual_wrap::before {
    height: 19.6vw;
    width: 24.1vw;
    left: -5.25vw;
    top: 13.5vw;
  }
  #pages-contents .main-visual .main-visual_wrap::after {
    background-position: right 3.33vw top 0, right 0 bottom 0;
    background-size: 46.9vw 43.9vw, 100%;
    height: 61.8vw;
    width: 73.25vw;
    bottom: 0;
    right: -3.33vw;
  }
}
@media screen and (max-width: 767px) {
  #pages-contents .main-visual .main-visual_wrap {
    background: url(../img/main-visual_illust_bg-top-left.svg) no-repeat 16px 224px, url(../img/main-visual_illust_bg-top-right.svg) no-repeat right 28px top 156px, url(../img/main-visual_illust_bg-left.svg) no-repeat left 20px bottom 145px, url(../img/main-visual_bg-top.png) no-repeat right 15px top 0, url(../img/main-visual_bg-bottom02.png) no-repeat left 77px bottom 132px;
    background-size: 65px 70px, 103px 88px, 58px 84px, 161px 161px, 204px 179px;
    padding-top: 278px;
  }
  #pages-contents .main-visual .main-visual_wrap::before {
    height: 178px;
    width: 220px;
    left: 12px;
    top: 77px;
  }
  #pages-contents .main-visual .main-visual_wrap::after {
    background: url(../img/main-visual_bg-bottom01.png) no-repeat left 6px bottom 48px, url(../img/main-visual_bg-right.png) no-repeat right 0 bottom 0, url(../img/main-visual_bg-bottom-right.png) no-repeat right 48px bottom 40px;
    background-size: 163px, 405px 379px, 500px;
    height: 379px;
    width: calc(100% + 80px);
    bottom: -48px;
    right: -80px;
  }
}
#pages-contents .main-visual .main-visual_title {
  color: #fff;
  font-size: 2.3em;
  font-weight: 500;
  text-align: center;
  position: relative;
  z-index: 2;
}
#pages-contents .main-visual .main-visual_title > img {
  width: 570px;
}
#pages-contents .main-visual .main-visual_title > span {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #pages-contents .main-visual .main-visual_title {
    font-size: 1.8em;
  }
  #pages-contents .main-visual .main-visual_title > img {
    width: 300px;
  }
  #pages-contents .main-visual .main-visual_title > span {
    margin-top: 18px;
  }
}
#pages-contents .top-concept {
  background-image: url(../img/top-concept_bg.jpg);
}
@media screen and (max-width: 767px) {
  #pages-contents .top-concept {
    background-image: url(../img/top-concept_bg-sp.jpg);
    background-position: 50% 100%;
  }
  #pages-contents .top-concept h3 img {
    width: 184px;
  }
}
#pages-contents .top-products {
  background-image: url(../img/top-products_bg.jpg);
}
@media screen and (max-width: 767px) {
  #pages-contents .top-products {
    background-image: url(../img/top-products_bg-sp.jpg);
    background-position: 50% 100%;
  }
  #pages-contents .top-products h3 img {
    width: 187px;
  }
}
#pages-contents .top-sustainable {
  background-image: url(../img/top-sustainable_bg.jpg);
}
@media screen and (max-width: 767px) {
  #pages-contents .top-sustainable {
    background-image: url(../img/top-sustainable_bg-sp.jpg);
    background-position: 50% 100%;
  }
  #pages-contents .top-sustainable h3 img {
    width: 221px;
  }
}
#pages-contents .top-news {
  margin-top: 140px;
  padding-top: 140px;
}
@media screen and (max-width: 767px) {
  #pages-contents .top-news {
    padding-top: 70px;
  }
}
#pages-contents .sustainable-lead {
  padding: 140px 0 150px;
  text-align: center;
}
#pages-contents .sustainable-lead p {
  margin-top: 70px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  #pages-contents .sustainable-lead {
    padding: 110px 0 70px;
  }
  #pages-contents .sustainable-lead h2 img {
    width: 246px;
  }
  #pages-contents .sustainable-lead p {
    margin-top: 40px;
  }
}
#pages-contents .sustainable-production {
  padding-bottom: 70px;
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  #pages-contents .sustainable-production .sustainable-production_subtitle01 img {
    width: 326px;
  }
  #pages-contents .sustainable-production .sustainable-production_subtitle02 img {
    width: 238px;
  }
  #pages-contents .sustainable-production .sustainable-production_subtitle03 img {
    width: 135px;
  }
}
#pages-contents .sustainable-csr {
  padding-bottom: 150px;
  padding-top: 70px;
}
#pages-contents .sustainable-csr .sustainable-csr_imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
#pages-contents .sustainable-csr .sustainable-csr_imgs li {
  margin-right: 20px;
}
#pages-contents .sustainable-csr .sustainable-csr_imgs li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .sustainable-csr .sustainable-csr_content {
    margin-top: 30px;
  }
  #pages-contents .sustainable-csr .sustainable-csr_title img {
    width: 227px;
  }
}
#pages-contents .concept {
  background: url(../img/concept_bg-top.png) no-repeat right 0 top 0;
  background-size: 236px;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept {
    background-position: right 0 top 150px;
    background-size: 150px;
  }
}
#pages-contents .concept-lead {
  text-align: center;
}
#pages-contents .concept-lead p {
  margin-top: 70px;
  line-height: 1.875;
}
#pages-contents .concept-lead .concept-lead_wrap {
  background: url(../img/concept_illust_bg-top.svg) no-repeat 110px 80px;
  background-size: 127px 143px;
  padding-top: 140px;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept-lead {
    position: relative;
  }
  #pages-contents .concept-lead .concept-lead_wrap {
    background-position: 15px 30px;
    background-size: 61px 69px;
    padding: 120px 16px 0;
  }
  #pages-contents .concept-lead h2 img {
    width: 213px;
  }
  #pages-contents .concept-lead p {
    letter-spacing: -0.02em;
  }
}
#pages-contents .concept-catch {
  background: url(../img/concept_bg-bottom.png) no-repeat left 5px bottom -105px, url(../img/concept_illust_bg-bottom.svg) no-repeat right 80px top 360px;
  background-size: 625px 420px, 114px 150px;
  padding-bottom: 300px;
  padding-top: 150px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept-catch {
    background: url(../img/concept_bg-bottom-sp.png) no-repeat left 8px bottom -60px;
    background-size: 270px 275px;
    padding-bottom: 224px;
    padding-top: 80px;
  }
}
#pages-contents .concept-catch::before {
  background: url(../img/concept_bg-middle.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  height: 238px;
  width: 283px;
  position: absolute;
  left: -93px;
  top: 140px;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept-catch::before {
    height: 157px;
    width: 186px;
    left: -80px;
    top: 0;
  }
}
#pages-contents .concept-catch h2 {
  font-size: 1.7em;
  font-weight: 500;
  margin-bottom: 150px;
}
#pages-contents .concept-catch h2 img {
  width: 410px;
}
#pages-contents .concept-catch h2 > span {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept-catch h2 {
    font-size: 1.3em;
    margin-bottom: 80px;
  }
  #pages-contents .concept-catch h2 img {
    width: 250px;
  }
  #pages-contents .concept-catch h2 > span {
    margin-top: 15px;
  }
}
#pages-contents .concept-catch p {
  line-height: 1.875;
}
#pages-contents .concept-catch p.concept-catch_large {
  font-size: 3.2em;
}
@media screen and (max-width: 767px) {
  #pages-contents .concept-catch p.concept-catch_large {
    font-size: 2.5em;
  }
}
#pages-contents .how-to-drink-lead .how-to-drink-lead_wrap {
  background: url(../img/how-to-drink_lead_illust_bg.svg) no-repeat right 70px bottom 28px;
  background-size: 112px 174px;
  padding-bottom: 140px;
  padding-top: 140px;
}
#pages-contents .how-to-drink-lead .how-to-drink-lead_wrap p {
  line-height: 1.875;
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-lead .how-to-drink-lead_wrap {
    background: none;
    padding-bottom: 70px;
    padding-top: 110px;
  }
  #pages-contents .how-to-drink-lead .how-to-drink-lead_wrap h2 img {
    width: 301px;
  }
  #pages-contents .how-to-drink-lead .how-to-drink-lead_wrap p {
    margin-top: 40px;
  }
}
#pages-contents .how-to-drink_subtitle img:nth-child(1) {
  display: block;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink_subtitle img:nth-child(1) {
    margin-left: auto;
    margin-right: auto;
    width: 90px;
  }
}
#pages-contents .how-to-drink_subtitle picture {
  display: block;
}
#pages-contents .how-to-drink-hot .how-to-drink-hot_wrap {
  background: url(../img/how-to-drink_hot_bg-left.png) no-repeat 108px 85px, url(../img/how-to-drink_hot_bg-center-left.png) no-repeat 407px 15px, url(../img/how-to-drink_hot_bg-right.png) no-repeat right 120px top 62px, url(../img/how-to-drink_hot_illust_bg.svg) no-repeat left 56px bottom 0;
  background-size: 196px 156px, 116px 172px, 160px 185px, 128px 110px;
  padding-bottom: 140px;
  padding-top: 250px;
  position: relative;
}
#pages-contents .how-to-drink-hot .how-to-drink-hot_wrap::before {
  background: url(../img/how-to-drink_hot_bg-center-right.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  height: 200px;
  width: 154px;
  position: absolute;
  right: 290px;
  top: -45px;
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-hot .how-to-drink-hot_wrap {
    background: url(../img/how-to-drink_hot_bg-left.png) no-repeat -48px 39px, url(../img/how-to-drink_hot_bg-center-left.png) no-repeat 71px 3px, url(../img/how-to-drink_hot_bg-right.png) no-repeat right -46px top 51px;
    background-size: 118px 94px, 70px 104px, 96px 111px;
    padding-bottom: 100px;
    padding-top: 200px;
  }
  #pages-contents .how-to-drink-hot .how-to-drink-hot_wrap::before {
    height: 120px;
    width: 92px;
    right: 73px;
    top: -27px;
  }
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-hot .how-to-drink-hot_subtitle01 img:nth-child(2) {
    width: 220px;
  }
  #pages-contents .how-to-drink-hot .how-to-drink-hot_subtitle02 img:nth-child(2) {
    width: 198px;
  }
  #pages-contents .how-to-drink-hot .how-to-drink-hot_subtitle03 picture img {
    width: 282px;
  }
}
#pages-contents .how-to-drink-ice .how-to-drink-ice_wrap {
  background: url(../img/how-to-drink_ice_bg-left.png) no-repeat 61px 102px, url(../img/how-to-drink_ice_bg-center.png) no-repeat 248px 15px, url(../img/how-to-drink_ice_bg-right.png) no-repeat right 104px top 85px;
  background-size: 160px 179px, 169px 138px, 115px 134px;
  padding-bottom: 140px;
  padding-top: 250px;
  position: relative;
}
#pages-contents .how-to-drink-ice .how-to-drink-ice_wrap::before {
  content: "";
  position: absolute;
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-ice .how-to-drink-ice_wrap {
    background: url(../img/how-to-drink_ice_bg-left.png) no-repeat -8px 60px, url(../img/how-to-drink_ice_bg-center.png) no-repeat 108px 24px, url(../img/how-to-drink_ice_bg-right.png) no-repeat right 17px top 63px;
    background-size: 96px 107px, 101px 83px, 70px 82px;
    padding-bottom: 100px;
    padding-top: 200px;
  }
}
#pages-contents .how-to-drink-ice .how-to-drink-ice_content03 {
  position: relative;
}
#pages-contents .how-to-drink-ice .how-to-drink-ice_content03::before {
  background: url(../img/how-to-drink-ice_illust_bg.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  height: 108px;
  width: 136px;
  position: absolute;
  right: 25px;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-ice .how-to-drink-ice_content03::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-ice .how-to-drink-ice_subtitle01 picture img {
    width: 256px;
  }
  #pages-contents .how-to-drink-ice .how-to-drink-ice_subtitle02 img:nth-child(2) {
    width: 258px;
  }
  #pages-contents .how-to-drink-ice .how-to-drink-ice_subtitle03 picture img {
    width: 282px;
  }
}
#pages-contents .how-to-drink-scene {
  padding-bottom: 70px;
  padding-top: 50px;
}
#pages-contents .how-to-drink-scene > ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#pages-contents .how-to-drink-scene > ol > li {
  text-align: left;
  width: 400px;
}
#pages-contents .how-to-drink-scene > ol > li > figure {
  margin-left: -30px;
  margin-bottom: 35px;
}
#pages-contents .how-to-drink-scene > ol > li p {
  line-height: 1.875;
  margin-top: 30px;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f8faf8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  padding: 20px 40px;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items figure {
  width: 100px;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 24px;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_title {
  font-weight: 500;
  margin-top: 0;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_text {
  font-size: 0.9rem;
  margin-top: 0;
}
#pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_btn {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #pages-contents .how-to-drink-scene > ol {
    display: block;
  }
  #pages-contents .how-to-drink-scene > ol > li {
    margin: 50px auto 0;
    width: 80%;
  }
  #pages-contents .how-to-drink-scene > ol > li:first-child {
    margin-top: 0;
  }
  #pages-contents .how-to-drink-scene > ol > li > figure {
    margin-left: -8%;
    margin-bottom: 20px;
  }
  #pages-contents .how-to-drink-scene > ol > li p {
    margin-top: 20px;
  }
  #pages-contents .how-to-drink-scene.theme-hot > ol > li:nth-child(1) h3 img {
    width: 160px;
  }
  #pages-contents .how-to-drink-scene.theme-hot > ol > li:nth-child(2) h3 img {
    width: 177px;
  }
  #pages-contents .how-to-drink-scene.theme-ice > ol > li:nth-child(1) h3 img {
    width: 146px;
  }
  #pages-contents .how-to-drink-scene.theme-ice > ol > li:nth-child(2) h3 img {
    width: 179px;
  }
  #pages-contents .how-to-drink-scene .how-to-drink-scene_items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-bottom: 75px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
  #pages-contents .how-to-drink-scene .how-to-drink-scene_items figure {
    width: 70px;
  }
  #pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_box {
    margin-left: 18px;
  }
  #pages-contents .how-to-drink-scene .how-to-drink-scene_items .how-to-drink-scene_items_btn {
    margin-top: 0;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
  }
}
#pages-contents .how-to-drink-faq {
  padding-bottom: 100px;
  padding-top: 140px;
}
#pages-contents .products-lead {
  padding: 140px 0 150px;
  text-align: center;
}
#pages-contents .products-lead p {
  margin-top: 70px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-lead {
    padding: 150px 0 80px;
  }
  #pages-contents .products-lead h2 img {
    width: 216px;
  }
  #pages-contents .products-lead p {
    margin-top: 40px;
  }
}
#pages-contents .products-subtitle {
  background: -webkit-gradient(linear, left top, right top, color-stop(33.3333%, #00508d), color-stop(33.3333%, #fff), color-stop(66.6666%, #fff), color-stop(66.6666%, #c93941)) no-repeat left 0 bottom 0;
  background: linear-gradient(90deg, #00508d 33.3333%, #fff 33.3333%, #fff 66.6666%, #c93941 66.6666%) no-repeat left 0 bottom 0;
  background-size: 207px 7px;
  margin-bottom: 30px;
  padding-bottom: 48px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-subtitle {
    background-position: left 50% bottom 0;
    background-size: 170px 5px;
    padding-bottom: 24px;
  }
}
#pages-contents .products-subtitle::before {
  background: no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#pages-contents .products-content-box .products-content-box_text {
  margin-left: 40px;
  width: 430px;
}
#pages-contents .products-content-box .products-content-box_text > figure,
#pages-contents .products-content-box .products-content-box_text > dl,
#pages-contents .products-content-box .products-content-box_text > ol,
#pages-contents .products-content-box .products-content-box_text > ul,
#pages-contents .products-content-box .products-content-box_text > p:not(.m-btn, .m-price) {
  margin-top: 30px;
}
#pages-contents .products-content-box .products-content-box_text > figure:first-child,
#pages-contents .products-content-box .products-content-box_text > dl:first-child,
#pages-contents .products-content-box .products-content-box_text > ol:first-child,
#pages-contents .products-content-box .products-content-box_text > ul:first-child,
#pages-contents .products-content-box .products-content-box_text > p:not(.m-btn, .m-price):first-child {
  margin-top: 0;
}
#pages-contents .products-content-box.opt-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#pages-contents .products-content-box.opt-reverse .products-content-box_text {
  margin-left: 0;
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 15px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #pages-contents .products-content-box .products-content-box_img {
    margin: 40px auto 0;
    width: 80%;
  }
  #pages-contents .products-content-box .products-content-box_text {
    margin-left: 0;
    margin-top: 0;
    width: auto;
  }
  #pages-contents .products-content-box.opt-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #pages-contents .products-content-box.opt-reverse .products-content-box_text {
    margin-right: 0;
  }
}
#pages-contents .products-select .products-select_wrap {
  background: url(../img/products_select_bg-left.png) no-repeat 73px 26px, url(../img/products_select_bg-center-right.png) no-repeat right 304px top 45px;
  background-size: 165px 208px, 178px 129px;
  padding-top: 250px;
  position: relative;
}
#pages-contents .products-select .products-select_wrap::after, #pages-contents .products-select .products-select_wrap::before {
  background: no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#pages-contents .products-select .products-select_wrap::before {
  background-image: url(../img/products_select_bg-center-left.png);
  content: "";
  height: 200px;
  width: 154px;
  left: 486px;
  top: -50px;
}
#pages-contents .products-select .products-select_wrap::after {
  background-image: url(../img/products_select_bg-right.png);
  height: 200px;
  width: 154px;
  right: -61px;
  top: 30px;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-select .products-select_wrap {
    background: url(../img/products_select_bg-left.png) no-repeat -33px 12px, url(../img/products_select_bg-center-right.png) no-repeat right 64px top 22px;
    background-size: 98px 124px, 108px 78px;
    padding-top: 160px;
  }
  #pages-contents .products-select .products-select_wrap::before {
    height: 127px;
    width: 111px;
    left: 78px;
    top: -30px;
  }
  #pages-contents .products-select .products-select_wrap::after {
    height: 128px;
    width: 117px;
    right: -86px;
    top: 39px;
  }
}
#pages-contents .products-select .products-select_title {
  margin-bottom: 40px;
}
#pages-contents .products-select .products-select_subtitle01 {
  padding-top: 150px;
}
#pages-contents .products-select .products-select_subtitle01::before {
  background-image: url(../img/products_select_illust_bg01.svg);
  height: 256px;
  width: 190px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-select .products-select_subtitle01 {
    padding-top: 25px;
  }
  #pages-contents .products-select .products-select_subtitle01 img {
    width: 248px;
  }
  #pages-contents .products-select .products-select_subtitle01::before {
    height: 128px;
    width: 95px;
    right: 0;
    top: 0;
  }
}
#pages-contents .products-select .products-select_subtitle02 {
  padding-top: 150px;
}
#pages-contents .products-select .products-select_subtitle02::before {
  background-image: url(../img/products_select_illust_bg02.svg);
  height: 246px;
  width: 230px;
  right: -80px;
  top: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-select .products-select_subtitle02 {
    padding-top: 55px;
  }
  #pages-contents .products-select .products-select_subtitle02 img {
    width: 215px;
  }
  #pages-contents .products-select .products-select_subtitle02::before {
    height: 123px;
    width: 115px;
    right: 0;
    top: 0;
  }
}
#pages-contents .products-plant .products-plant_wrap {
  background: url(../img/products_plant_bg-left.png) no-repeat 26px 0, url(../img/products_plant_bg-left02.png) no-repeat 182px 83px, url(../img/products_plant_bg-right.png) no-repeat right 53px top 22px;
  background-size: 130px 191px, 152px 205px, 147px 220px;
  padding-bottom: 140px;
  padding-top: 250px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-plant .products-plant_wrap {
    background: url(../img/products_plant_bg-left.png) no-repeat -12px 45px, url(../img/products_plant_bg-left02.png) no-repeat 75px 78px, url(../img/products_plant_bg-right.png) no-repeat right -31px top 63px;
    background-size: 78px 115px, 94px 126px, 87px 131px;
    padding-bottom: 100px;
    padding-top: 240px;
  }
}
#pages-contents .products-plant .products-plant_title {
  margin-bottom: 40px;
}
#pages-contents .products-plant .products-plant_subtitle01 {
  padding-top: 90px;
}
#pages-contents .products-plant .products-plant_subtitle01::before {
  background-image: url(../img/products_plant_illust_bg01.svg);
  height: 225px;
  width: 145px;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-plant .products-plant_subtitle01 {
    padding-top: 15px;
  }
  #pages-contents .products-plant .products-plant_subtitle01 img {
    width: 225px;
  }
  #pages-contents .products-plant .products-plant_subtitle01::before {
    height: 112px;
    width: 72px;
    right: 40px;
    top: 0;
  }
}
#pages-contents .products-plant .products-plant_subtitle02 {
  padding-top: 140px;
}
#pages-contents .products-plant .products-plant_subtitle02::before {
  background-image: url(../img/products_plant_illust_bg02.svg);
  height: 266px;
  width: 167px;
  right: -50px;
  top: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-plant .products-plant_subtitle02 {
    padding-top: 50px;
  }
  #pages-contents .products-plant .products-plant_subtitle02 img {
    width: 219px;
  }
  #pages-contents .products-plant .products-plant_subtitle02::before {
    height: 133px;
    width: 83px;
    right: 0;
    top: 0;
  }
}
#pages-contents .products-flavor {
  padding-bottom: 250px;
  padding-top: 140px;
}
#pages-contents .products-flavor .products-flavor_lead {
  margin-top: 70px;
}
#pages-contents .products-flavor .products-flavor_lead p {
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-flavor {
    padding-bottom: 200px;
    padding-top: 70px;
  }
  #pages-contents .products-flavor .products-flavor_title img {
    width: 259px;
  }
  #pages-contents .products-flavor .products-flavor_lead {
    margin-top: 40px;
  }
}
#pages-contents .products-flavor .products-flavor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 140px;
  position: relative;
}
#pages-contents .products-flavor .products-flavor_list::before {
  background: url(../img/products_flavor_illust_bg.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  height: 443px;
  width: 345px;
  position: absolute;
  bottom: 0;
  right: -98px;
}
#pages-contents .products-flavor .products-flavor_list > li {
  letter-spacing: -0.06em;
  margin-right: 52px;
  padding-bottom: 70px;
  width: 312px;
  position: relative;
}
#pages-contents .products-flavor .products-flavor_list > li:nth-child(3n) {
  margin-right: 0;
}
#pages-contents .products-flavor .products-flavor_list > li:nth-child(n+4) {
  margin-top: 70px;
}
#pages-contents .products-flavor .products-flavor_list > li figure {
  margin-bottom: 20px;
}
#pages-contents .products-flavor .products-flavor_list > li h3 {
  font-size: 1.625em;
  font-weight: 500;
  margin-bottom: 24px;
}
#pages-contents .products-flavor .products-flavor_list > li .products-flavor_list_text {
  line-height: 1.875;
  margin-top: 10px;
  text-align: left;
}
#pages-contents .products-flavor .products-flavor_list > li .products-flavor_list_btn {
  margin-top: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-flavor .products-flavor_list {
    display: block;
    margin: 70px auto 0;
    padding-bottom: 260px;
    width: 83.2%;
  }
  #pages-contents .products-flavor .products-flavor_list::before {
    background-position: 50% 0;
    background-size: 172px 220px;
    height: 220px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: auto;
  }
  #pages-contents .products-flavor .products-flavor_list > li {
    margin-right: 0;
    margin-top: 70px;
    width: auto;
  }
  #pages-contents .products-flavor .products-flavor_list > li:first-child {
    margin-top: 0;
  }
}
#pages-contents .products-flavor .products-flavor_banner {
  margin-top: 140px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #pages-contents .products-flavor .products-flavor_banner {
    margin-top: 40px;
  }
}
#pages-contents .contact-lead {
  line-height: 1.86;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #pages-contents .contact-lead {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#pages-contents .contact-complete p {
  line-height: 1.86;
  margin-bottom: 70px;
}
#pages-contents .contact-complete p a {
  color: #767676;
  text-decoration: underline;
}
@media screen and (min-width: 1025px) {
  #pages-contents .contact-complete p a:hover {
    text-decoration: none;
  }
}
#pages-contents .contact-complete .contact-complete_title {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #pages-contents .contact-complete p {
    margin-bottom: 50px;
  }
  #pages-contents .contact-complete .contact-complete_title {
    font-size: 1.8em;
    margin-bottom: 30px;
  }
}
#pages-contents .terms > dl {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 3em;
  padding-bottom: 3em;
  line-height: 1.8;
  text-align: left;
}
#pages-contents .terms > dl:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#pages-contents .terms > dl > dt {
  font-size: 2em;
  font-weight: 500;
  margin-bottom: 0.3em;
}
#pages-contents .terms > dl > dd {
  margin-bottom: 2em;
}
#pages-contents .terms > dl > dd:last-child {
  margin-bottom: 0;
}
#pages-contents .terms > dl > dd ul,
#pages-contents .terms > dl > dd ol,
#pages-contents .terms > dl > dd p {
  margin-bottom: 1.4em;
}
#pages-contents .terms > dl > dd ul:last-child,
#pages-contents .terms > dl > dd ol:last-child,
#pages-contents .terms > dl > dd p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #pages-contents .terms {
    margin-left: 15px;
    margin-right: 15px;
  }
  #pages-contents .terms > dl > dt {
    font-size: 1.8em;
  }
}