@charset "UTF-8";
/* mediaquery
==========================================================*/
/* fontsize
==========================================================*/
/* icon
==========================================================*/
/*　dotted ------------------------------------------------

破線の間隔を調整
$color：色、$stripe:線幅、$spacing：破線の間隔, $height:高さ

==========================================================*/
/*　transition ------------------------------------------------

破線の間隔を調整
$speed：速度、$delay：開始時間

==========================================================*/
/* IEhack
==========================================================*/
.normal_tlt {
  margin-bottom: 70px;
}
.normal_tlt.pink_bg {
  background: #fff5f4;
}
.normal_tlt .ttl_page_inner {
  width: 94%;
  max-width: 1466px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 50px 34px;
  box-sizing: border-box;
}
.normal_tlt .ttl_page_inner {
  padding: 90px 0;
}
.normal_tlt .txt_catch {
  font-size: 24px;
}
.normal_tlt .txt_main {
  font-size: 36px;
  color: #000;
}

/* liquid */
@media screen and (max-width: 1446px) {
  .mv_area {
    width: 95%;
  }
}
.mv_box {
  position: relative;
}
.mv_box .img_title {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bold;
  color: #fff;
}

.origin_links ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 55px;
  margin-bottom: 60px;
  width: calc(100% + 68px);
  margin-left: -68px;
}
.origin_links ul li {
  width: calc(33.333% - 68px);
  margin-left: 68px;
  max-width: 350px;
  margin-bottom: 35px;
}
.origin_links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fa6478;
  border-radius: 20px;
  padding: 15px;
  border: 1px solid #fa6478;
  font-size: 18px;
}

.bg_pink {
  background: #fff5f4;
}

.products_list_col4.flexC {
  justify-content: center;
}

.ttl_bdr_blue.bar_pink :before {
  background-color: #fa6478;
}

.ttl_left_line:before {
  background-color: #fa6478;
}

.wrap_bg_pink {
  position: relative;
  padding: 80px 0 40px;
}

.wrap_bg_pink::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff5f4;
  border-radius: 0 20px 20px 0;
  width: 97%;
  height: 100%;
  z-index: 0;
}

.wrap_bg_pink .content_inner {
  position: relative;
  z-index: 1;
}

.wrap_bg_pink .content_inner:last-child {
  margin-bottom: 50px;
}

.products_detail_wrap {
  padding: 0 0 100px;
}
.products_detail_wrap .product_copy {
  color: #fa6478;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 35px;
}

.ttl_page_cg .ttl_cg_inner {
  padding-bottom: 90px;
}
.ttl_page_cg .ttl_cg_inner h1, .ttl_page_cg .ttl_cg_inner .products_tit {
  font-size: 40px;
  line-height: 1;
  font-weight: 900;
}

#point, .point_area {
  margin-bottom: 100px;
}
#point .txt_main p, .point_area .txt_main p {
  display: inline-block;
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, #ffffff 55%);
  font-weight: 600;
}
#point .txt_main p._txt_lng2, .point_area .txt_main p._txt_lng2 {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffffff 25%);
}
#point .txt_main p span, .point_area .txt_main p span {
  display: inline-block;
  color: #fa6478;
  padding: 0 60px;
}

.img_br30 img {
  border-radius: 30px;
}

.btn_inblock {
  margin-bottom: 50px;
  text-align: center;
}
.btn_inblock p {
  display: inline-block;
  width: auto;
}

.icon_tokuho,
.icon_function {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
}

.icon_tokuho img,
.icon_function img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  #point .tit_box, .point_area .tit_box {
    font-size: 35px;
    text-align: center;
  }
  #point .tit_box .txt_main, .point_area .tit_box .txt_main {
    padding: 10px 90px;
  }
  #point .tit_box .txt_main p, .point_area .tit_box .txt_main p {
    padding-bottom: 5px;
  }
  #point .tit_box .txt_main p::before, #point .tit_box .txt_main p::after, .point_area .tit_box .txt_main p::before, .point_area .tit_box .txt_main p::after {
    content: "";
    display: block;
    width: 30px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    margin: auto 0;
  }
  #point .tit_box .txt_main p::before, .point_area .tit_box .txt_main p::before {
    left: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_left.png) left top no-repeat;
  }
  #point .tit_box .txt_main p::after, .point_area .tit_box .txt_main p::after {
    right: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_right.png) left top no-repeat;
  }
  #point .imgtxt_hor_2_1 .col_inner .point_tit_box, .point_area .imgtxt_hor_2_1 .col_inner .point_tit_box {
    margin: 30px 0 30px;
  }
  #point .point_tit, .point_area .point_tit {
    margin-top: 5px;
  }
  #point .point_num, .point_area .point_num {
    color: #fa6478;
  }
  #point .recommend, .point_area .recommend {
    margin-top: 30px;
    background-color: #fff;
    border-radius: 20px;
    padding: 50px;
  }
  #point .recommend h3, .point_area .recommend h3 {
    text-align: center;
  }
  #point .recommend h3 span, .point_area .recommend h3 span {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding: 3px 45px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    background-color: #fcb1bb;
  }
  #point .recommend div, .point_area .recommend div {
    margin-top: 30px;
  }
  #point .recommend ul li, .point_area .recommend ul li {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-top: 3px;
  }
  #point .recommend ul li::before, .point_area .recommend ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #fcb1bb;
    margin-right: 8px;
  }
  #point .recommend ul.col2, .point_area .recommend ul.col2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  #point .recommend ul.col2 li, .point_area .recommend ul.col2 li {
    width: 50%;
  }

  .icon_tokuho {
    width: 30%;
  }

  .icon_function {
    width: 40%;
  }
}
.sec_box_wrap, .allergy_wrap {
  padding-bottom: 100px;
  padding-top: 0;
}
.sec_box_wrap div:last-child, .allergy_wrap div:last-child {
  margin-bottom: 0;
}
.sec_box_wrap .bar_type01, .allergy_wrap .bar_type01 {
  border-bottom: 1px solid #bebec8;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.sec_box_wrap h3, .allergy_wrap h3 {
  text-align: center;
  margin-top: 50px;
  font-weight: 700;
  font-size: 24px;
}
.sec_box_wrap ul, .allergy_wrap ul {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #bebec8;
  /*border-bottom: 1px solid #bebec8;*/
  border-top: 1px solid #bebec8;
  margin-top: 20px;
}
.sec_box_wrap ul li, .allergy_wrap ul li {
  width: 14.2857%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  /*border-top: 1px solid #bebec8;*/
  border-right: 1px solid #bebec8;
  border-bottom: 1px solid #bebec8;
  padding: 18px 5px;
  font-size: 16px;
}
.sec_box_wrap ul li.on, .allergy_wrap ul li.on {
  background-color: #fcb1bb;
  color: #fff;
}
.sec_box_wrap .imgtxt_hor_2_1 .table_style01, .allergy_wrap .imgtxt_hor_2_1 .table_style01 {
  border-top: none;
  width: 100%;
}
.sec_box_wrap .allergy, .allergy_wrap .allergy {
  display: inline-block;
  width: 2em;
  height: 1em;
  background-color: #fcb1bb;
  margin: 0 5px;
  transform: translateY(0.1em);
}

.btn_center.btn_block {
  margin-top: 120px;
}
.btn_center.btn_block .link_blank_w a {
  max-width: 480px;
  display: block;
  position: relative;
  margin: 0 auto 0;
}

/*==============================
個別CSS
=============================*/
#turtle_top .products_list_inbox .main_tit {
  font-size: 18px;
}

#education .imgtxt_hor_2_1_1 .col_inner.reserve {
  flex-direction: row-reverse;
}
#education .tit_box {
  font-size: 35px;
  text-align: center;
}
#education .tit_box .txt_main {
  padding: 10px 90px;
  position: relative;
  display: inline-block;
}
#education .tit_box .txt_main::before, #education .tit_box .txt_main::after {
  content: "";
  display: block;
  width: 39px;
  height: 138px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#education .tit_box .txt_main::before {
  left: 0;
  background: url(/jpn/consumer/products/health/recipe/images/icon_tit_left_pc.png) left top no-repeat;
}
#education .tit_box .txt_main::after {
  right: 0;
  background: url(/jpn/consumer/products/health/recipe/images/icon_tit_right_pc.png) left top no-repeat;
}
#education .tit_box .txt_main p {
  display: inline-block;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #fff5f4 70%);
  font-weight: 600;
}
#education .tit_box .txt_main p span {
  color: #fa6478;
}
#education .links_wrap {
  font-size: 22px;
  text-align: center;
  margin-top: 90px;
}
#education .links_wrap h3 {
  padding: 10px 45px;
  display: inline-block;
  position: relative;
  color: #fa6478;
  font-weight: bold;
  margin-bottom: 50px;
}
#education .links_wrap h3::before, #education .links_wrap h3::after {
  content: "";
  display: block;
  width: 25px;
  height: 40px;
  position: absolute;
  bottom: 10px;
  margin: auto 0;
}
#education .links_wrap h3::before {
  left: 0;
  background: url(/jpn/consumer/products/health/drink/images/icon_tit_left.png) left top no-repeat;
  background-size: 25px;
}
#education .links_wrap h3::after {
  right: 0;
  background: url(/jpn/consumer/products/health/drink/images/icon_tit_right.png) left top no-repeat;
  background-size: 25px;
}
#education .anchor_links ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin-top: 65px;
}
#education .anchor_links ul li {
  width: 30%;
  max-width: 350px;
}
#education .anchor_links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  border-radius: 20px;
  padding: 15px;
  background-color: #fa6478;
}
#education .education_wrap {
  margin-top: 85px;
}
#education .bg_gray_dark {
  background-color: #eef2f4;
  padding: 85px 0;
}
#education .bg_gray {
  background-color: #f7f9fa;
  padding: 85px 0;
}
#education .bnr_wrap {
  margin-top: 120px;
}

#faq .ttl_bdr_blue:before {
  background-color: #fa6478;
}
#faq .ttl_left_line:before {
  background-color: #fa6478;
}
#faq .ttl_balloon {
  text-align: center;
}
#faq .ttl_balloon .txt {
  display: inline-block;
  padding: 10px 80px 10px;
  border-radius: 20px;
  border: 1px solid #ddd;
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
#faq .faq_area {
  margin-top: 55px;
}
#faq .faq_area dl {
  margin-top: 25px;
}
#faq .bg_pink {
  background: #fff5f4;
  margin-top: 70px;
  padding: 70px 0 50px;
}
#faq .links {
  margin-top: 40px;
}
#faq .bnr_wrap {
  margin: 90px auto 0;
}

.faq_area dl {
  text-align: left;
}
.faq_area dl dt {
  background-color: #f7f9fa;
  padding: 25px 25px 25px 65px;
  position: relative;
}
.faq_area dl dt::before {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 25px;
  height: 25px;
  background: url(/jpn/consumer/products/health/faq/images/Q.png) left top no-repeat;
  background-size: 23px;
  margin-right: 15px;
  flex-shrink: 0;
}
.faq_area dl dd {
  padding: 25px 25px 25px 65px;
  position: relative;
}
.faq_area dl dd::before {
  position: absolute;
  left: 25px;
  top: 28px;
  margin: auto;
  content: "";
  width: 25px;
  height: 25px;
  background: url(/jpn/consumer/products/health/faq/images/A.png) left top no-repeat;
  background-size: 23px;
  margin-right: 15px;
  flex-shrink: 0;
}

/* arrange_recipe ------------------------------*/
.arrange_recipe {
  margin-top: 60px;
}
.arrange_recipe .box {
  position: relative;
  margin-bottom: 55px;
  padding: 35px 28px 30px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 8px 8px 0px 0px #fee7e9;
}
.arrange_recipe .box:nth-child(3n) {
  margin-right: 0;
}
.arrange_recipe .box.nml {
  padding: 25px 28px 30px;
}
.arrange_recipe .box .tit {
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  text-align: center;
}
.arrange_recipe .box .tit span {
  display: inline-block;
  padding: 0 15px;
  background-color: #f08600;
  color: #fff;
  border-radius: 50px;
  font-weight: bold;
}
.arrange_recipe .box .tit_g {
  margin-bottom: 15px;
  color: #006432;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.arrange_recipe .box .balloon {
  position: absolute;
}
.arrange_recipe .box .comb {
  margin-bottom: 15px;
}
.arrange_recipe .box .comb img {
  width: 100%;
}
.arrange_recipe .box .flex_wrap {
  display: flex;
  justify-content: space-between;
}
.arrange_recipe .box .flex_wrap .img {
  width: 127px;
}
.arrange_recipe .box .img img {
  width: 100%;
  border-radius: 15px;
}
.arrange_recipe .box .txt {
  width: calc(100% - 140px);
  letter-spacing: 0;
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .arrange_recipe {
    display: flex;
    flex-wrap: wrap;
  }
  .arrange_recipe .box {
    width: calc((100% - 108px) / 3);
    margin-right: 54px;
  }
  .arrange_recipe .box .balloon {
    left: -17px;
    top: -22px;
  }
}
/* arrange_recipe end ------------------------------*/
/* element_box ------------------------------*/
.element_box {
  margin-top: 40px;
}
.element_box .tit {
  color: #f58200;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.element_box .img_list {
  margin: 30px 0 0;
}
.element_box .img_list img {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .element_box .img_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .element_box .img_list li {
    width: calc((100% - 80px) / 3);
    max-width: 320px;
    margin-bottom: 30px;
  }
}
/* element_box end ------------------------------*/
@media screen and (max-width: 767px) {
  .normal_tlt {
    margin-bottom: 35px;
  }
  .normal_tlt .ttl_page_inner {
    padding: 20px 20px;
  }
  .normal_tlt .txt_main {
    font-size: 26px;
    color: #000;
  }

  .mv_area {
    width: 100%;
  }

  .mv_box {
    position: relative;
  }
  .mv_box .img_title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: bold;
    color: #fff;
  }

  .products_detail dt,
  .products_detail dd {
    font-size: 16px;
  }

  .origin_links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    margin: auto;
  }
  .origin_links ul li {
    width: 100%;
    max-width: 500px;
    margin-bottom: 15px;
    margin-left: 0;
  }
  .origin_links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fa6478;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #fa6478;
  }

  .wrap_bg_pink {
    padding: 40px 0 15px;
  }

  .wrap_bg_pink .content_inner {
    padding-right: 10%;
  }

  .wrap_bg_pink .content_inner:last-child {
    margin-bottom: 0;
  }

  .products_detail_wrap {
    padding: 0 20px 50px;
  }
  .products_detail_wrap .product_copy {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .ttl_page_cg .ttl_cg_inner {
    padding: 20px 20px 50px;
  }
  .ttl_page_cg .ttl_cg_inner h1, .ttl_page_cg .ttl_cg_inner .products_tit {
    font-size: 26px;
  }

  hr.line_gray {
    display: block;
    margin: 1em 20px;
    border-top: 1px solid #e6e7e8;
  }

  #point .txt_main p {
    display: inline-block;
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, #ffffff 55%);
    font-weight: 600;
    font-size: 5vw;
  }
  #point .txt_main p span {
    color: #fa6478;
    padding: 0 27px;
  }

  #point, .point_area {
    margin-bottom: 50px;
  }
  #point .tit_box, .point_area .tit_box {
    font-size: 17px;
    text-align: center;
    margin-bottom: 50px;
  }
  #point .tit_box .txt_main, .point_area .tit_box .txt_main {
    padding: 10px 10px;
  }
  #point .tit_box .txt_main p, .point_area .tit_box .txt_main p {
    padding-bottom: 5px;
  }
  #point .tit_box .txt_main p::before, #point .tit_box .txt_main p::after, .point_area .tit_box .txt_main p::before, .point_area .tit_box .txt_main p::after {
    content: "";
    display: block;
    width: 15px;
    height: 25px;
    position: absolute;
    bottom: 5px;
    margin: auto 0;
  }
  #point .tit_box .txt_main p::before, .point_area .tit_box .txt_main p::before {
    left: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_left.png) left top no-repeat;
    background-size: 15px;
  }
  #point .tit_box .txt_main p::after, .point_area .tit_box .txt_main p::after {
    right: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_right.png) left top no-repeat;
    background-size: 15px;
  }
  #point .imgtxt_hor_2_1 .col_inner .point_tit_box, .point_area .imgtxt_hor_2_1 .col_inner .point_tit_box {
    margin: 0;
  }
  #point .point_tit_box .point_tit, .point_area .point_tit_box .point_tit {
    margin-top: 5px;
  }
  #point .point_tit_box .point_num, .point_area .point_tit_box .point_num {
    color: #fa6478;
  }
  #point .point_tit_box .point_num .num, .point_area .point_tit_box .point_num .num {
    font-size: 50px;
    line-height: 0;
  }
  #point .point_tit_box + p, #point .point_tit_box + p + p, .point_area .point_tit_box + p, .point_area .point_tit_box + p + p {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #point .recommend, .point_area .recommend {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
  }
  #point .recommend h3, .point_area .recommend h3 {
    text-align: center;
  }
  #point .recommend h3 span, .point_area .recommend h3 span {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding: 3px 20px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    background-color: #fcb1bb;
  }
  #point .recommend div, .point_area .recommend div {
    margin-top: 20px;
  }
  #point .recommend ul, .point_area .recommend ul {
    margin-top: 20px;
  }
  #point .recommend ul li, .point_area .recommend ul li {
    width: 100%;
    font-size: 16px;
    position: relative;
    align-items: center;
    margin-top: 6px;
    padding-left: 15px;
  }
  #point .recommend ul li::before, .point_area .recommend ul li::before {
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #fcb1bb;
    margin-right: 8px;
  }

  .sec_box_wrap, .allergy_wrap {
    padding-bottom: 50px;
    padding-top: 0;
  }
  .sec_box_wrap div:last-child, .allergy_wrap div:last-child {
    margin-bottom: 0;
  }
  .sec_box_wrap .bar_type01, .allergy_wrap .bar_type01 {
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .sec_box_wrap h3, .allergy_wrap h3 {
    margin-top: 30px;
    font-size: 17px;
  }
  .sec_box_wrap ul, .allergy_wrap ul {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #bebec8;
    border-top: 1px solid #bebec8;
    border-bottom: none;
    margin-top: 15px;
  }
  .sec_box_wrap ul li, .allergy_wrap ul li {
    width: 25%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-top: none;
    border-bottom: 1px solid #bebec8;
    border-right: 1px solid #bebec8;
    padding: 8px 2px;
    font-size: 10px;
    letter-spacing: 0;
  }
  .sec_box_wrap ul li.on, .allergy_wrap ul li.on {
    background-color: #fcb1bb;
    color: #fff;
  }
  .sec_box_wrap .imgtxt_hor_2_1 .txt + .txt, .allergy_wrap .imgtxt_hor_2_1 .txt + .txt {
    margin-top: 50px;
  }
  .sec_box_wrap .imgtxt_hor_2_1 .table_style01, .allergy_wrap .imgtxt_hor_2_1 .table_style01 {
    border-top: none;
    width: 100%;
  }
  .sec_box_wrap .allergy, .allergy_wrap .allergy {
    display: inline-block;
    width: 2em;
    height: 1em;
    background-color: #fcb1bb;
    margin: 0 5px;
    transform: translateY(0.1em);
  }

  .icon_tokuho {
    width: 24%;
  }

  .icon_function {
    width: 42%;
  }

  .btn_inblock p {
    width: 80%;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_inblock p a {
    padding: 10px 0;
  }

  /*==============================
  個別CSS
  =============================*/
  #education .ttl_bdr_blue {
    padding: 20px 0 0;
  }
  #education .ttl_bdr_blue:before {
    background-color: #fa6478;
  }
  #education .tit_box {
    font-size: 7vw;
    text-align: center;
  }
  #education .tit_box .txt_main {
    line-height: 1.6;
    padding: 10px 30px;
  }
  #education .tit_box .txt_main::before, #education .tit_box .txt_main::after {
    display: none;
  }
  #education .links_wrap {
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
  }
  #education .links_wrap h3 {
    padding: 10px 35px;
    display: inline-block;
    position: relative;
    color: #fa6478;
    font-weight: bold;
    margin-bottom: 25px;
  }
  #education .links_wrap h3::before, #education .links_wrap h3::after {
    content: "";
    display: block;
    width: 25px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    margin: auto 0;
  }
  #education .links_wrap h3::before {
    left: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_left.png) left top no-repeat;
    background-size: 25px;
  }
  #education .links_wrap h3::after {
    right: 0;
    background: url(/jpn/consumer/products/health/drink/images/icon_tit_right.png) left top no-repeat;
    background-size: 25px;
  }
  #education .anchor_links ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin-top: 25px;
  }
  #education .anchor_links ul li {
    width: 32%;
    max-width: 350px;
  }
  #education .anchor_links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px;
    background-color: #fa6478;
    letter-spacing: 0;
    text-align: center;
    height: 100%;
  }
  #education .education_wrap {
    margin-top: 40px;
  }
  #education .bg_gray {
    background-color: #f7f9fa;
    padding: 40px 0;
  }
  #education .bnr_wrap {
    margin-top: 50px;
  }

  #faq .ttl_balloon {
    text-align: center;
  }
  #faq .ttl_balloon .txt {
    padding: 10px 40px 10px;
    font-size: 16px;
  }
  #faq .faq_area {
    margin-top: 25px;
  }
  #faq .faq_area dl {
    margin-top: 15px;
  }
  #faq .bg_pink {
    background: #fff5f4;
    margin-top: 30px;
    padding: 30px 0 15px;
  }
  #faq .links {
    margin-top: 20px;
  }
  #faq .links .btn_type01 {
    margin-top: 10px;
  }
  #faq .bnr_wrap {
    margin: 45px auto 0;
  }
  #faq #sec02 .btn_block {
    width: 100%;
  }
  #faq #sec02 .btn_block .btn_type01 a {
    font-size: 17px;
  }

  .faq_area dl {
    text-align: left;
  }
  .faq_area dl dt {
    background-color: #f7f9fa;
    padding: 12px 12px 12px 40px;
    position: relative;
    font-size: 15px;
  }
  .faq_area dl dt::before {
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 12.5px;
    height: 15px;
    background: url(/jpn/consumer/products/health/faq/images/Q.png) left top no-repeat;
    background-size: 12.5px;
    margin-right: 8px;
    flex-shrink: 0;
  }
  .faq_area dl dd {
    padding: 12px 12px 12px 40px;
    position: relative;
    font-size: 15px;
  }
  .faq_area dl dd::before {
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 12.5px;
    height: 15px;
    background: url(/jpn/consumer/products/health/faq/images/A.png) left top no-repeat;
    background-size: 12.5px;
    margin-right: 8px;
    flex-shrink: 0;
  }

  .arrange_recipe._col_sp2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .arrange_recipe._col_sp2 .box {
    width: 48%;
    padding: 30px 15px 20px;
  }
  .arrange_recipe._col_sp2 .box .tit span {
    padding: 3px 5px;
    font-size: 14px;
    letter-spacing: 0;
  }
  .arrange_recipe .box {
    margin-bottom: 40px;
  }
  .arrange_recipe .box .tit span {
    padding: 3px 20px;
  }
  .arrange_recipe .box .balloon {
    left: -8px;
    top: -14px;
  }
}

/*==============================
 イワタニと健康食品の歩み
 =============================*/

@media print, screen and (min-width: 768px) {
  #education .ayumi .img {
    margin-top: 7px;
  }
  #education .ayumi .txt .img {
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  #education .ayumi .img {
    margin-top: calc(60 / 767 * 100vw);
  }
  #education .ayumi .txt .img {
    margin-top: calc(70 / 767 * 100vw);
  }
}

/*==============================
 イワタニの健康食品の歴史
 =============================*/

@media print, screen and (min-width: 768px) {
  #education .history .img {
    margin-top: 40px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #education .bg_gray_dark {
    background-color: #eef2f4;
    padding: 40px 0 0;
  }
  #education .history .img {
    margin-top: calc(40 / 767 * 100vw);
    height: calc(9080 / 767 * 100vw);
    transition: 0.4s;
  }
  #education .history .hide {
    height: calc(2400 / 767 * 100vw);
    overflow: hidden;
  }
  #education .history_toggle {
    position: relative;
    padding: calc(39 / 767 * 100vw) 0;
    font-size: calc(32 / 767 * 100vw);
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #fa6478;
  }
  #education .history_toggle span::after {
    content: "";
    display: block;
    width: calc(28 / 767 * 100vw);
    height: calc(28 / 767 * 100vw);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: calc(45 / 767 * 100vw);
  }
  #education .history_toggle span.open_btn::after {
    top: calc(40 / 767 * 100vw);
    transform: rotate(135deg);
  }
  #education .history_toggle span.close_btn::after {
    top: calc(60 / 767 * 100vw);
    transform: rotate(-45deg);
  }
  #education .history_toggle .hide_label {
    display: none;
  }
}


/* 運用｜カートリッジ（健康美容）｜新商品追加｜10/14　10時公開希望 */
.soup_note {
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	color: #ff0000;
	margin-left: 30px;
}

@media screen and (max-width: 767px) {
.soup_note {
	font-size: 20px;
}
}