/* 基本 */
.body_wrapper {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  background-color: #fffde7;
}
html,
body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #666666;
  line-height: 1.5;
  font-weight: 400;
  background-color: #fadce2;
}
img {
  width: 100%;
}
div {
  box-sizing: border-box;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  color: #666666;
  margin-bottom: 1em;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* ヘッダーバナー */
#head_banner {
  position: absolute;
  top: 0;
  left: 0;
}

/* メインビジュアル */
#mv {
}

/* カートに入れる */
#cart_fixed {
  position: absolute;
  width: 100%;
  top: 980px;
  background-color: #fff;
  padding: 13px 0;
}
#cart_fixed.is-fixed {
  position: fixed;
  top: auto !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100; /* 例：他の要素より手前に表示 */
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 例：境界を分かりやすくする影 */
}
.cart-placeholder {
  display: none; /* 通常は非表示 */
}
#cart_fixed.is-fixed + .cart-placeholder {
  display: none; /* is-fixedが付与されたら表示 */
}
.cart-placeholder + #cont_offer {
  margin-top: 10px;
}
#cart_fixed a {
  width: 580px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(180deg, #f87a96 0%, #ed597b 100%);
  box-shadow: 0 6px 0 #e24065;
  margin: 0 auto;
  border-radius: 45px;
  transition-property: transform, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  position: relative;
}
#cart_fixed a:hover {
  box-shadow: 0 4px 0 #e24065;
  transform: translateY(2px);
}
#cart_fixed a:before {
  content: "";
  width: 41px;
  height: 40px;
  background: url(../img/icon_cart_fixed.png) no-repeat;
  position: absolute;
  top: 24px;
  left: 38px;
  background-size: contain;
}
#cart_fixed a:after {
  content: "";
  width: 35px;
  height: 35px;
  background: url(../img/icon_cart_fixed_arrow.png) no-repeat;
  position: absolute;
  top: 30px;
  right: 34px;
  background-size: contain;
}

#cart_fixed a img {
  width: 367px;
}

/* オファー */
#cont_offer {
  width: 600px;
  margin: 68px auto 0;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 0 2px #f36a88, 0 6px 18px rgba(0, 0, 0, 0.08);
  padding: 40px 40px;
}

#cont_offer .wrapper h2 {
  position: relative;
}

#cont_offer .wrapper > .img {
  width: 406px;
  margin: 34px auto 0;
}

#cont_offer .wrapper .box_add {
  background-color: #fffde7;
  padding: 20px 30px;
}

#cont_offer .wrapper .box_add ul.box_flex {
  display: flex;
}
#cont_offer .wrapper .box_add ul.box_flex .title {
  text-align: center;
  color: #f26987;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  width: 204px;
}
#cont_offer .wrapper .box_add ul.box_flex .title span {
  font-size: 24px;
}
#cont_offer .wrapper .box_add ul.box_flex .notice {
  font-size: 14px;
  margin-top: 4px;
  display: block;
}

#cont_offer .wrapper .box_add ul.box_flex .img {
  width: 270px;
}

#cont_offer .wrapper .box_add > p.notice {
  text-align: center;
  font-size: 17px;
  margin: 10px 0 0;
}
/* オファー 商品価格部分 */
#cont_offer .wrapper .box_price {
  margin: 20px 0;
}
#cont_offer .wrapper .box_price .title {
  position: relative;
}

#cont_offer .wrapper .box_price .title span.icon1 {
  font-size: 16px;
  border: 1px solid #666;
  padding: 5px 10px;
  display: inline-block;
}

#cont_offer .wrapper .box_price .title h2 {
  font-size: 32px;
  margin: 10px 0 20px;
  font-weight: bold;
}

#cont_offer .wrapper .box_price .title span.icon2 {
  position: absolute;
  width: 105px;
  right: 0;
  top: 12px;
}
#cont_offer .wrapper .box_price .price {
  width: 510px;
  margin: 0 auto;
}
#cont_offer .wrapper .box_price .cart_btn {
  margin: 30px 0;
}
#cont_offer .wrapper .box_price .cart_btn a {
  width: 520px;
  height: 110px;
  display: block;
  text-align: center;
  background: linear-gradient(180deg, #f87a96 0%, #ed597b 100%);
  margin: 0 auto;
  border-radius: 55px;
  box-shadow: 0 6px 0 #e24065;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  transition-property: transform, background-color, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  position: relative;
}
#cont_offer .wrapper .box_price .cart_btn a:hover {
  box-shadow: 0 4px 0 #e24065;
  transform: translateY(2px);
}
#cont_offer .wrapper .box_price .cart_btn a span {
  display: block;
  width: 188px;
  padding-top: 20px;
  margin: 0 auto;
}
#cont_offer .wrapper .box_price .cart_btn a:before {
  content: "";
  width: 41px;
  height: 40px;
  background: url(../img/icon_cart_fixed.png) no-repeat;
  position: absolute;
  top: 34px;
  left: 52px;
  background-size: contain;
}
#cont_offer .wrapper .box_price .cart_btn a:after {
  content: "";
  width: 35px;
  height: 35px;
  background: url(../img/icon_cart_fixed_arrow.png) no-repeat;
  position: absolute;
  top: 40px;
  right: 40px;
  background-size: contain;
}

#cont_offer .wrapper .box_price .set {
}

#cont_offer .wrapper .box_price .set p.title {
  font-size: 22px;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
#cont_offer .wrapper .box_price .set p.subtitle {
  font-size: 20px;
  text-align: center;
  margin: 0;
  font-weight: bold;
  margin-bottom: 15px;
}
#cont_offer .wrapper .box_price .set p.notice {
  font-size: 17px;
}

/* こだわりのポイント */
#cont_point .box_item {
  background: url(../img/bg_cont_item.png) no-repeat;
  background-size: contain;
  margin-top: 60px;
}

#cont_point .box_item .logo {
  width: 230px;
  margin: 0 auto;
  padding-top: 105px;
}

#cont_point .box_item p.title {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

#cont_point .box_item p.txt {
  font-size: 23px;
  text-align: center;
  margin-top: 640px;
  line-height: 1.8;
}

#cont_point .box_point {
  width: 600px;
  margin: 68px auto 0;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  padding: 40px 40px 100px;
}

#cont_point .box_point .logo {
  width: 230px;
  margin: 0 auto;
  padding-top: 50px;
  margin-bottom: 50px;
}
#cont_point .box_point h2.title {
  width: 400px;
  margin: 0 auto 55px;
}

#cont_point .box_point .icon_point {
  width: 262px;
  height: 84px;
  margin: 100px auto 0;
  background: url(../img/bg_point.png) no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cont_point .box_point .box_point_1 .icon_point {
  margin-top: 55px;
}

#cont_point .box_point .icon_point img {
  width: 115px;
}

#cont_point .box_point h3 {
  font-size: 38px;
  color: #418fde;
  font-weight: bold;
  margin-bottom: 28px;
  margin-top: 0;
  text-align: center;
}

#cont_point .box_point p.main_txt {
  font-size: 26px;
  margin-bottom: 10px;
}

#cont_point .box_point p.attention {
  font-size: 18px;
  color: #f26987;
  border-bottom: 4px solid #fff573;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto;
}

#cont_point .box_point .box_point_1 .img {
  position: relative;
}

#cont_point .box_point .box_point_1 .img span {
  position: absolute;
  font-size: 18px;
  color: #888888;
  width: 340px;
  bottom: 0;
  left: 50%;
  margin-left: -170px;
}

#cont_point .box_point .box_point_1 .component {
}

#cont_point .box_point .box_point_1 .component .btn {
  width: 400px;
  height: 60px;
  border-radius: 30px;
  background-color: #ebebeb;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px auto 30px;
  position: relative;
  cursor: pointer; /* クリックできることを示すカーソルに変更 */
  user-select: none; /* テキスト選択を無効化 */
}
#cont_point .box_point .box_point_1 .component .btn:before {
  content: "";
  width: 18px;
  height: 12px;
  background: url(../img/icon_grayarrow.png) no-repeat;
  position: absolute;
  top: 24px;
  right: 30px;
  background-size: contain;
  transition: transform 0.3s ease; /* 回転を滑らかにするアニメーション */
}
#cont_point .box_point .box_point_1 .component .btn.active:before {
  transform: rotate(180deg); /* 180度回転させる */
}

/* コンテンツの初期状態とアニメーション設定 */
#cont_point .box_point .box_point_1 .component .content {
  max-height: 0; /* 初期状態では高さを0にして隠す */
  overflow: hidden; /* はみ出したコンテンツを隠す */
  transition: max-height 0.5s ease-out; /* 高さが変わる時に滑らかなアニメーション */
}

#cont_point .box_point .box_point_1 .component .content p {
  font-size: 18px;
}

#cont_point .box_point .box_point_2 .img {
  margin: 20px 0;
}

#cont_point .box_point .box_point_3 p.main_txt {
  text-align: center;
}

#cont_point .box_point .box_point_3 .img {
  width: 510px;
  margin: 0 auto;
}

#cont_point .box_point .box_point_3 .test {
}

#cont_point .box_point .box_point_3 .test p.title {
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#cont_point .box_point .box_point_3 .test p.title span {
  font-size: 14px;
}

#cont_point .box_point .box_point_3 .test p.notice {
  font-size: 18px;
  width: 370px;
  margin: 0 auto;
  white-space: nowrap;
}

#cont_point .box_point .box_point_4 p.main_txt {
  text-align: center;
}
#cont_point .box_point .box_point_4 .img {
  width: 510px;
  margin: 20px auto;
}

/* トラブル */
#cont_trouble .box_lead {
  padding: 50px 50px;
}

#cont_trouble .box_lead h2.title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
#cont_trouble .box_lead ul.list {
}

#cont_trouble .box_lead ul.list li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

#cont_trouble .box_lead ul.list li .icon {
  width: 150px;
}

#cont_trouble .box_lead ul.list li .fukidasi p.txt {
  font-size: 23px;
  margin: 0 auto;
}
#cont_trouble .box_lead ul.list li .fukidasi p.name {
  font-size: 20px;
  color: #888888;
  margin: 5px auto 0;
}

#cont_trouble .box_lead ul.list li:nth-child(1) .fukidasi {
  background: url(../img/bg_fukidasi_01.png) no-repeat;
  width: 385px;
  background-size: contain;
  padding: 32px 0 32px 80px;
}
#cont_trouble .box_lead ul.list li:nth-child(2) .fukidasi {
  background: url(../img/bg_fukidasi_02.png) no-repeat;
  width: 390px;
  background-size: contain;
  padding: 23px 0 36px 80px;
}
#cont_trouble .box_lead ul.list li:nth-child(3) .fukidasi {
  background: url(../img/bg_fukidasi_03.png) no-repeat;
  width: 392px;
  background-size: contain;
  padding: 29px 0 37px 38px;
}

/* トラブル スイッチボタン */
#cont_trouble .box_switch {
  padding: 0 20px;
}

#cont_trouble .box_switch ul {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

#cont_trouble .box_switch ul li {
  width: 297px;
  height: 100px;
  background-color: #000;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 10px;
}

#cont_trouble .box_switch ul li.active {
  padding-top: 20px;
  height: 110px;
}

#cont_trouble .box_switch ul li.id_0 {
  background-image: linear-gradient(180deg, #f26b88 0%, #f87a96 100%);
}

#cont_trouble .box_switch ul li.id_1 {
  background-image: linear-gradient(180deg, #418fde 0%, #17b3cb 100%);
}

#cont_trouble .box_switch ul li.id_0.active {
  background-image: linear-gradient(180deg, #f87a96 0%, #f26b88 100%);
}

#cont_trouble .box_switch ul li.id_1.active {
  background-image: linear-gradient(180deg, #17b3cb 0%, #418fde 100%);
}

/* コンテンツを重ねるためのラッパー */
#contents-wrapper {
  position: relative; /* 子要素を重ねるための基準点 */
  /* 高さが変わる際のアニメーション */
  transition: height 0.4s ease-in-out;
}

/* 切り替わる各コンテンツの基本スタイル */
[id^="cont_id_"] {
  /* ラッパーを基準に絶対配置で重ねる */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* 親要素の幅いっぱいに広がる */

  /* 初期状態は透明で非表示 */
  opacity: 0;
  z-index: 5; /* 重なりの順番を低く設定 */
  visibility: hidden; /* 操作もできなくする */

  /* 透明度が変わる際のアニメーション */
  transition: opacity 0.4s ease-in-out, visibility 0.4s;
}

/* 表示状態のコンテンツに適用するクラス */
[id^="cont_id_"].is-visible {
  opacity: 1;
  z-index: 10; /* 重なりの順番を高くして最前面に */
  visibility: visible; /* 表示して操作可能に */
}

/* 0歳 */
#cont_id_0 .cont_id_0_wrapper {
  width: 600px;
  margin: 0 auto;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.2); /* 変更後 */
  background-color: #fff;
  box-sizing: border-box;
  border-top: 15px solid #f26b88;
  border-radius: 0 0 15px 15px;
  padding-bottom: 60px;
}

#cont_id_0 .cont_id_0_wrapper_2 {
  width: 600px;
  margin: 0 auto;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
  padding: 40px 0 0;
  margin-top: 30px;
}

#cont_id_0 .title {
  width: 560px;
  margin: 32px auto 0;
}

#cont_id_0 h3.subtitle {
  font-size: 38px;
  color: #418fde;
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
}

#cont_id_0 > .img {
  width: 560px;
  margin: 0 auto;
}

#cont_id_0 .box_arergy_01 {
  background-color: #c7e8fa;
  width: 560px;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
  padding-bottom: 40px;
  position: relative;
}
#cont_id_0 .box_arergy_01:after {
  content: ""; /* ::after要素を表示するために必須 */
  position: absolute;

  /* 三角形の位置調整 */
  bottom: -62px;
  left: 50%; /* 親要素の右側に配置 */
  transform: translateY(-50%);
  margin-left: -34px;

  /* 三角形を作るためのコア部分 */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 34px 0 34px;
  border-color: #c7e8fa transparent transparent transparent; /* 上だけ色をつける */
}

#cont_id_0 .box_arergy_01 .title {
  display: flex;
  padding: 15px 15px;
  justify-content: center;
  align-items: center;
}
#cont_id_0 .box_arergy_01 .title img {
  width: 145px;
}
#cont_id_0 .box_arergy_01 .title p {
  font-size: 23px;
  font-weight: bold;
  padding-left: 15px;
}
#cont_id_0 .box_arergy_01 .link {
}
#cont_id_0 .box_arergy_01 .link p {
  width: 400px;
  height: 60px;
  border-radius: 30px;
  background-color: #ffffff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0;
  position: relative;
  cursor: pointer;
}
#cont_id_0 .box_arergy_01 .link p:before {
  content: "";
  width: 12px;
  height: 18px;
  background: url(../img/icon_grayarrow_left.png) no-repeat;
  position: absolute;
  top: 21px;
  right: 30px;
  background-size: contain;
}
#cont_id_0 .box_arergy_02 {
  background: url(../img/img_0_04.png) no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 560px;
  margin: 0 auto;
  padding-bottom: 408px;
  padding-top: 60px;
}
#cont_id_0 .box_arergy_02 .title {
  text-align: center;
  margin-top: 0;
}

#cont_id_0 .box_arergy_02 .title img {
  width: 297px;
}
#cont_id_0 .box_arergy_02 .title p {
  font-size: 29px;
  font-weight: bold;
  margin: 15px auto 0;
}

/* アレルギーマーチとは */
#cont_id_0 .box_arergy_popup_back {
  /* display: none; を削除 */
  visibility: hidden; /* 見えなくする */
  opacity: 0; /* 透明にする */
  transition: opacity 0.3s, visibility 0.3s; /* アニメーション */
  /* ...その他のスタイルは同じ... */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
#cont_id_0 .box_arergy_popup {
  /* display: none; を削除 */
  visibility: hidden; /* 見えなくする */
  opacity: 0; /* 透明にする */
  transform: translate(-50%, -45%); /* 少し上にずらしておく */
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s; /* アニメーション */
  /* ...その他のスタイルは同じ... */
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  background-color: #fff;
  padding: 20px 40px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  z-index: 101;
  /* --- ここから追加 --- */
  max-height: 80vh; /* ポップアップの高さを画面の高さの80%までに制限 */
  overflow-y: auto; /* 縦方向にはみ出た場合はスクロールさせる */
  /* --- ここまで追加 --- */
}
/* 表示用のクラス */
#cont_id_0 .box_arergy_popup_back.is-show,
#cont_id_0 .box_arergy_popup.is-show {
  visibility: visible; /* 見えるようにする */
  opacity: 1; /* 透明度を戻す */
}
#cont_id_0 .box_arergy_popup h3.title {
  text-align: center;
  font-size: 32px;
  color: #418fde;
  font-weight: bold;
  margin-bottom: 30px;
  width: auto;
}
#cont_id_0 .box_arergy_popup p.txt {
  font-size: 23px;
}
#cont_id_0 .box_arergy_popup .img {
  margin-top: 30px;
  margin-bottom: 30px;
}
#cont_id_0 .box_arergy_popup .close p {
  width: 300px;
  height: 60px;
  border-radius: 30px;
  background-color: #ebebeb;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0;
  position: relative;
  cursor: pointer;
}
#cont_id_0 .box_arergy_popup .close p:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/icon_close.png) no-repeat;
  position: absolute;
  top: 21px;
  right: 30px;
  background-size: contain;
}

#cont_id_0 .box_arergy_popup.is-show {
  transform: translate(-50%, -50%); /* 本来の位置に戻す */
}

#cont_id_0 .care {
}
#cont_id_0 .care p.title {
  width: 530px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  background: #fadce2;
  border-radius: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #f26987;
  position: relative;
}

#cont_id_0 .care p.title:before {
  content: "";
  position: absolute;
  background: url(../img/bg_fukidasi_pink.png) no-repeat;
  width: 46px;
  height: 43px;
  bottom: -43px;
  right: 56px;
  background-size: contain;
}

#cont_id_0 .care .img {
  width: 500px;
  margin: 0 auto;
  margin-top: 25px;
}
#cont_id_0 .care .img p {
  text-align: center;
  font-size: 20px;
}

#cont_id_0 .care .voice {
  width: 500px;
  margin: 0 auto;
  padding-bottom: 40px;
}

#cont_id_0 .care .voice h4.title {
  font-size: 25px;
  font-weight: bold;
  color: #f26987;
  text-align: center;
  width: auto;
}

#cont_id_0 .care .voice p {
  font-size: 23px;
}

/* 1歳 */
#cont_id_1 .cont_id_1_wrapper {
  width: 600px;
  margin: 0 auto;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.2); /* 変更後 */
  background-color: #fff;
  box-sizing: border-box;
  border-top: 15px solid #4090de;
  border-radius: 0 0 15px 15px;
  padding-bottom: 60px;
}

#cont_id_1 .cont_id_1_wrapper_2 {
  width: 600px;
  margin: 0 auto;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 15px;
  padding: 40px 0 0;
  margin-top: 30px;
}

#cont_id_1 .title {
  width: 406px;
  margin: 32px auto 40px;
}

#cont_id_1 .cont_id_1_wrapper > .img {
  width: 518px;
  margin: 32px auto 40px;
}

#cont_id_1 p.txt {
  font-size: 26px;
  width: 518px;
  margin: 32px auto 40px;
}

#cont_id_1 .fukidasi {
  background-color: #c7e8fa;
  width: 560px;
  height: 160px;
  margin: 0 auto;
  border-radius: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cont_id_1 .fukidasi:after {
  content: ""; /* ::after要素を表示するために必須 */
  position: absolute;

  /* 三角形の位置調整 */
  bottom: -62px;
  left: 50%; /* 親要素の右側に配置 */
  transform: translateY(-50%);
  margin-left: -34px;

  /* 三角形を作るためのコア部分 */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 34px 0 34px;
  border-color: #c7e8fa transparent transparent transparent; /* 上だけ色をつける */
}

#cont_id_1 .fukidasi p {
  font-size: 23px;
  font-weight: bold;
  text-align: center;
}
#cont_id_1 .title2 {
  width: 560px;
  margin: 0 auto;
  padding-top: 60px;
  text-align: center;
}

#cont_id_1 .title2 img {
  width: 297px;
}
#cont_id_1 .title2 p {
  font-size: 29px;
  font-weight: bold;
  margin: 15px auto 0;
}
#cont_id_1 .box_idea {
  width: 560px;
  margin: 0 auto;
  border-radius: 20px;
  margin-bottom: 90px;
}

#cont_id_1 .box_idea .box_idea_01 {
  background: url(../img/img_1_03.png) no-repeat;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 370px;
  height: 700px;
  box-sizing: border-box;
}

#cont_id_1 .box_idea .box_idea_02 {
  background: url(../img/img_1_04.png) no-repeat;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 370px;
  height: 650px;
  box-sizing: border-box;
}

#cont_id_1 .box_idea .title {
  width: 360px;
  margin-top: 0;
  margin-bottom: 10px;
}

#cont_id_1 .box_idea .title p {
  font-size: 28px;
  font-weight: bold;
  color: #f26987;
  text-align: center;
  margin: 5px auto 0;
}

#cont_id_1 .box_idea .box_idea_01 ul.icon {
  display: flex;
  justify-content: space-between;
  width: 518px;
  margin: 0 auto;
}

#cont_id_1 .box_idea .box_idea_02 ul.icon {
  display: flex;
  justify-content: space-between;
  width: 398px;
  margin: 0 auto;
}

#cont_id_1 .box_idea ul.icon li {
  background: url(../img/icon_1_en.png) no-repeat;
  background-size: contain;
  width: 175px;
  height: 175px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 10px;
  padding-right: 8px;
}

#cont_id_1 .box_idea .box_idea_02 ul.icon li {
  font-size: 22px;
}

#cont_id_1 .box_skincare {
}
#cont_id_1 .box_skincare .title {
  text-align: center;
  width: 100%;
}

#cont_id_1 .box_skincare .title h4 {
  color: #418fde;
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: bold;
}
#cont_id_1 .box_skincare .title p.subtitle {
  font-size: 23px;
}
#cont_id_1 .box_skincare .img {
  width: 490px;
  margin: 0 auto 20px;
}
#cont_id_1 .box_skincare .img ul {
  display: flex;
  justify-content: space-between;
}

#cont_id_1 .box_skincare .img ul li {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#cont_id_1 .box_skincare .img ul li:nth-child(1) {
  padding-left: 36px;
  color: #418fde;
}
#cont_id_1 .box_skincare .img ul li:nth-child(2) {
  padding-right: 36px;
  color: #f26987;
}
#cont_id_1 .box_skincare .img p.notice {
  font-size: 14px;
  text-align: center;
}
#cont_id_1 .box_skincare .txt {
  font-size: 23px;
  width: 500px;
  margin: 0 auto;
}
#cont_id_1 .box_hoiku {
  margin-top: 90px;
  padding-bottom: 30px;
}
#cont_id_1 .box_hoiku .title {
  width: 530px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  background: #fadce2;
  border-radius: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #f26987;
  position: relative;
  margin-bottom: 25px;
}
#cont_id_1 .box_hoiku .title h4 {
  font-size: 26px;
  font-weight: bold;
  color: #f26987;
  margin-bottom: 0;
}

#cont_id_1 .box_hoiku .title:before {
  content: "";
  position: absolute;
  background: url(../img/bg_fukidasi_pink.png) no-repeat;
  width: 46px;
  height: 43px;
  bottom: -43px;
  right: 56px;
  background-size: contain;
}

#cont_id_1 .box_hoiku .img {
  width: 500px;
  margin: 0 auto;
}

#cont_id_1 .box_hoiku .img p {
  font-size: 20px;
  text-align: center;
}

/* お客様の声 */
#cont_voice {
  margin-top: 60px;
}
#cont_voice h2.title {
  text-align: center;
}
#cont_voice h2.title img {
  width: 120px;
}
#cont_voice h2.title span {
  display: block;
  font-size: 32px;
  margin: 10px 0;
  font-weight: bold;
}
#cont_voice ul.list {
  width: 600px;
  margin: 0 auto;
}
#cont_voice ul.list li {
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 24px;
  margin-bottom: 20px;
}
#cont_voice ul.list li .title {
  display: flex;
  align-items: center;
}
#cont_voice ul.list li .title img {
  width: 80px;
}
#cont_voice ul.list li .title p {
  font-size: 25px;
  font-weight: bold;
  padding-left: 18px;
}
#cont_voice ul.list li p.txt {
  font-size: 23px;
  margin-bottom: 0;
}
#cont_voice p.notice {
  text-align: center;
  font-size: 23px;
}

/* トライアルMV */
#mv_trial {
  position: relative;
  width: 640px; /* 例：画像の幅 */
  height: 1100px; /* 例：画像の高さ */
}
#mv_trial img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 透明度をアニメーションさせる */
  opacity: 0;
  transition: opacity 1s ease-in-out; /* 1秒かけて透明度が変化する */
}
/* このクラスが付いた画像を表示する */
#mv_trial img.is-visible {
  opacity: 1;
}

#mv_trial_banner {
  width: 608px;
  position: absolute;
  top: 650px;
  left: 50%;
  margin-left: -304px;
}

#cart_fixed.trial_offer {
  top: 950px;
}
#cart_fixed.trial_offer a {
  display: block;
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
  box-sizing: border-box;
}
#cart_fixed.trial_offer a::before {
  display: none;
}
#cart_fixed.trial_offer a span.size_mini {
  font-size: 20px;
}
#cart_fixed.trial_offer a span.color_yellow {
  color: #fff573;
}
#cart_fixed.trial_offer p.txt {
  color: #848484;
  font-size: 16px;
  text-align: center;
}

#cont_offer.trial_cp .wrapper h2 {
  margin-bottom: 0;
}

#cont_offer.trial_cp .wrapper .box_price {
  margin-top: 0;
}

#cont_offer.trial_cp .wrapper .box_price .title {
  text-align: center;
}

#cont_offer.trial_cp .wrapper .box_price .title h2 {
  margin-bottom: 0;
  font-size: 40px;
}

#cont_offer.trial_cp .wrapper .box_price .title p.txt_cp {
  color: #418fde;
  font-size: 40px;
  font-weight: bold;
  margin: 0 auto 10px;
}
#cont_offer.trial_cp .wrapper .box_price .title p.txt_cp span {
  font-size: 54px;
}
#cont_offer.trial_cp .wrapper .box_price .title span.icon2 {
  top: 85px;
}
#cont_offer.trial_cp .wrapper .img {
  position: relative;
}
#cont_offer.trial_cp .wrapper .img .icon {
  width: 226px;
  height: 46px;
  border: 2px solid #ed7a94;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 240px;
  left: 50%;
  margin-left: -113px;
  background-color: #fff;
}
#cont_offer.trial_cp .wrapper .img .icon p {
  font-size: 24px;
  font-weight: bold;
  color: #ed7a94;
  margin: 0;
}
#cont_offer.trial_cp .wrapper .img p.notice {
  font-size: 18px;
  text-align: center;
  margin: 0;
}

#cont_offer.trial_cp .wrapper .price {
  width: 463px;
  margin: 20px auto 30px;
}
#cont_offer.trial_cp .wrapper .cart_btn {
}
#cont_offer.trial_cp .wrapper .cart_btn a {
  padding-top: 32px;
  box-sizing: border-box;
}
#cont_offer.trial_cp .wrapper .cart_btn a::before {
  content: "無料";
  color: #ed7a94;
  background: url(../img/icon_trial_free.png) no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 14px;
  left: 19px;
}
#cont_offer.trial_cp .wrapper .attention p {
  font-size: 22px;
  padding: 0 12px;
  text-indent: -1.5em;
  margin-left: 1.5em;
}

.l-footer__area {
  margin-top: 30px;
}

@media screen and (max-width: 640px) {
  /* 基本 */
  .body_wrapper {
    max-width: 100vw; /* 640px -> 100vw */
  }
  .cart-placeholder + #cont_offer {
    margin-top: 1.5625vw;
  }
  /* カートに入れる */
  #cart_fixed {
    top: 153.125vw; /* 980px -> 153.125vw */
    padding: 2.03125vw 0; /* 13px -> 2.03125vw */
  }
  #cart_fixed.is-fixed {
    box-shadow: 0 -0.3125vw 0.78125vw rgba(0, 0, 0, 0.1); /* -2px -> -0.3125vw, 5px -> 0.78125vw */
  }
  #cart_fixed a {
    width: 90.625vw; /* 580px -> 90.625vw */
    height: 14.0625vw; /* 90px -> 14.0625vw */
    box-shadow: 0 0.9375vw 0 #e24065; /* 6px -> 0.9375vw */
    border-radius: 7.03125vw; /* 45px -> 7.03125vw */
  }
  #cart_fixed a:hover {
    box-shadow: 0 0.625vw 0 #e24065; /* 4px -> 0.625vw */
    transform: translateY(0.3125vw); /* 2px -> 0.3125vw */
  }
  #cart_fixed a:before {
    width: 6.40625vw; /* 41px -> 6.40625vw */
    height: 6.25vw; /* 40px -> 6.25vw */
    top: 3.75vw; /* 24px -> 3.75vw */
    left: 5.9375vw; /* 38px -> 5.9375vw */
  }
  #cart_fixed a:after {
    width: 5.46875vw; /* 35px -> 5.46875vw */
    height: 5.46875vw; /* 35px -> 5.46875vw */
    top: 4.6875vw; /* 30px -> 4.6875vw */
    right: 5.3125vw; /* 34px -> 5.3125vw */
  }
  #cart_fixed a img {
    width: 57.34375vw; /* 367px -> 57.34375vw */
  }

  /* オファー */
  #cont_offer {
    width: 93.75vw; /* 600px -> 93.75vw */
    margin: 10.625vw auto 0; /* 68px -> 10.625vw */
    border-radius: 2.34375vw; /* 15px -> 2.34375vw */
    box-shadow: 0 0 0 0.3125vw #f36a88, 0 0.9375vw 2.8125vw rgba(0, 0, 0, 0.08); /* 2px, 6px, 18px */
    padding: 6.25vw 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_offer .wrapper > .img {
    width: 63.4375vw; /* 406px -> 63.4375vw */
    margin: 5.3125vw auto 0; /* 34px -> 5.3125vw */
  }
  #cont_offer .wrapper .box_add {
    padding: 3.125vw 4.6875vw; /* 20px -> 3.125vw, 30px -> 4.6875vw */
  }
  #cont_offer .wrapper .box_add ul.box_flex .title {
    font-size: 3.125vw; /* 20px -> 3.125vw */
    width: 31.875vw; /* 204px -> 31.875vw */
  }
  #cont_offer .wrapper .box_add ul.box_flex .title span {
    font-size: 3.75vw; /* 24px -> 3.75vw */
  }
  #cont_offer .wrapper .box_add ul.box_flex .notice {
    font-size: 2.1875vw; /* 14px -> 2.1875vw */
    margin-top: 0.625vw; /* 4px -> 0.625vw */
  }
  #cont_offer .wrapper .box_add ul.box_flex .img {
    width: 42.1875vw; /* 270px -> 42.1875vw */
  }
  #cont_offer .wrapper .box_add > p.notice {
    font-size: 2.65625vw; /* 17px -> 2.65625vw */
    margin: 1.5625vw 0 0; /* 10px -> 1.5625vw */
  }
  #cont_offer .wrapper .box_price {
    margin: 3.125vw 0; /* 20px -> 3.125vw */
  }
  #cont_offer .wrapper .box_price .title span.icon1 {
    font-size: 2.5vw; /* 16px -> 2.5vw */
    border-width: 0.15625vw; /* 1px -> 0.15625vw */
    padding: 0.78125vw 1.5625vw; /* 5px -> 0.78125vw, 10px -> 1.5625vw */
  }
  #cont_offer .wrapper .box_price .title h2 {
    font-size: 5vw; /* 32px -> 5vw */
    margin: 1.5625vw 0 3.125vw; /* 10px -> 1.5625vw, 20px -> 3.125vw */
  }
  #cont_offer .wrapper .box_price .title span.icon2 {
    width: 16.40625vw; /* 105px -> 16.40625vw */
    top: 1.875vw; /* 12px -> 1.875vw */
  }
  #cont_offer .wrapper .box_price .price {
    width: 79.6875vw; /* 510px -> 79.6875vw */
  }
  #cont_offer .wrapper .box_price .cart_btn {
    margin: 4.6875vw 0; /* 30px -> 4.6875vw */
  }
  #cont_offer .wrapper .box_price .cart_btn a {
    width: 81.25vw; /* 520px -> 81.25vw */
    height: 17.1875vw; /* 110px -> 17.1875vw */
    border-radius: 8.59375vw; /* 55px -> 8.59375vw */
    box-shadow: 0 0.9375vw 0 #e24065; /* 6px -> 0.9375vw */
    font-size: 5vw; /* 32px -> 5vw */
  }
  #cont_offer .wrapper .box_price .cart_btn a:hover {
    box-shadow: 0 0.625vw 0 #e24065; /* 4px -> 0.625vw */
    transform: translateY(0.3125vw); /* 2px -> 0.3125vw */
  }
  #cont_offer .wrapper .box_price .cart_btn a span {
    width: 29.375vw; /* 188px -> 29.375vw */
    padding-top: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_offer .wrapper .box_price .cart_btn a:before {
    width: 6.40625vw; /* 41px -> 6.40625vw */
    height: 6.25vw; /* 40px -> 6.25vw */
    top: 5.3125vw; /* 34px -> 5.3125vw */
    left: 8.125vw; /* 52px -> 8.125vw */
  }
  #cont_offer .wrapper .box_price .cart_btn a:after {
    width: 5.46875vw; /* 35px -> 5.46875vw */
    height: 5.46875vw; /* 35px -> 5.46875vw */
    top: 6.25vw; /* 40px -> 6.25vw */
    right: 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_offer .wrapper .box_price .set p.title {
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
  }
  #cont_offer .wrapper .box_price .set p.subtitle {
    font-size: 3.125vw; /* 20px -> 3.125vw */
    margin-bottom: 2.34375vw; /* 15px -> 2.34375vw */
  }
  #cont_offer .wrapper .box_price .set p.notice {
    font-size: 2.65625vw; /* 17px -> 2.65625vw */
  }

  /* こだわりのポイント */
  #cont_point .box_item {
    margin-top: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_point .box_item .logo {
    width: 35.9375vw; /* 230px -> 35.9375vw */
    padding-top: 16.40625vw; /* 105px -> 16.40625vw */
  }
  #cont_point .box_item p.title {
    font-size: 5.9375vw; /* 38px -> 5.9375vw */
    margin-top: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_point .box_item p.txt {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
    margin-top: 100vw; /* 640px -> 100vw */
  }
  #cont_point .box_point {
    width: 93.75vw; /* 600px -> 93.75vw */
    margin: 10.625vw auto 0; /* 68px -> 10.625vw */
    border-radius: 2.34375vw; /* 15px -> 2.34375vw */
    box-shadow: 0vw 0vw 0.9375vw rgba(0, 0, 0, 0.2); /* 6px -> 0.9375vw */
    padding: 6.25vw 6.25vw 15.625vw; /* 40px, 100px */
  }
  #cont_point .box_point .logo {
    width: 35.9375vw; /* 230px -> 35.9375vw */
    padding-top: 7.8125vw; /* 50px -> 7.8125vw */
    margin-bottom: 7.8125vw; /* 50px -> 7.8125vw */
  }
  #cont_point .box_point h2.title {
    width: 62.5vw; /* 400px -> 62.5vw */
    margin: 0 auto 8.59375vw; /* 55px -> 8.59375vw */
  }
  #cont_point .box_point .icon_point {
    width: 40.9375vw; /* 262px -> 40.9375vw */
    height: 13.125vw; /* 84px -> 13.125vw */
    margin: 15.625vw auto 0; /* 100px -> 15.625vw */
  }
  #cont_point .box_point .box_point_1 .icon_point {
    margin-top: 8.59375vw; /* 55px -> 8.59375vw */
  }
  #cont_point .box_point .icon_point img {
    width: 17.96875vw; /* 115px -> 17.96875vw */
  }
  #cont_point .box_point h3 {
    font-size: 5.9375vw; /* 38px -> 5.9375vw */
    margin-bottom: 4.375vw; /* 28px -> 4.375vw */
  }
  #cont_point .box_point p.main_txt {
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
    margin-bottom: 1.5625vw; /* 10px -> 1.5625vw */
  }
  #cont_point .box_point p.attention {
    font-size: 2.8125vw; /* 18px -> 2.8125vw */
    border-bottom-width: 0.625vw; /* 4px -> 0.625vw */
  }
  #cont_point .box_point .box_point_1 .img span {
    font-size: 2.8125vw; /* 18px -> 2.8125vw */
    width: 53.125vw; /* 340px -> 53.125vw */
    margin-left: -26.5625vw; /* -170px -> -26.5625vw */
  }
  #cont_point .box_point .box_point_1 .component .btn {
    width: 62.5vw; /* 400px -> 62.5vw */
    height: 9.375vw; /* 60px -> 9.375vw */
    border-radius: 4.6875vw; /* 30px -> 4.6875vw */
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
    margin: 9.375vw auto 4.6875vw; /* 60px, 30px */
  }
  #cont_point .box_point .box_point_1 .component .btn:before {
    width: 2.8125vw; /* 18px -> 2.8125vw */
    height: 1.875vw; /* 12px -> 1.875vw */
    top: 3.75vw; /* 24px -> 3.75vw */
    right: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_point .box_point .box_point_1 .component .content p {
    font-size: 2.8125vw; /* 18px -> 2.8125vw */
  }
  #cont_point .box_point .box_point_2 .img {
    margin: 3.125vw 0; /* 20px -> 3.125vw */
  }
  #cont_point .box_point .box_point_3 .img {
    width: 79.6875vw; /* 510px -> 79.6875vw */
  }
  #cont_point .box_point .box_point_3 .test p.title {
    font-size: 3.75vw; /* 24px -> 3.75vw */
    margin-top: 1.5625vw; /* 10px -> 1.5625vw */
    margin-bottom: 1.5625vw; /* 10px -> 1.5625vw */
  }
  #cont_point .box_point .box_point_3 .test p.title span {
    font-size: 2.1875vw; /* 14px -> 2.1875vw */
  }
  #cont_point .box_point .box_point_3 .test p.notice {
    font-size: 2.8125vw; /* 18px -> 2.8125vw */
    width: 57.8125vw; /* 370px -> 57.8125vw */
  }
  #cont_point .box_point .box_point_4 .img {
    width: 79.6875vw; /* 510px -> 79.6875vw */
    margin: 3.125vw auto; /* 20px -> 3.125vw */
  }

  /* トラブル */
  #cont_trouble .box_lead {
    padding: 7.8125vw 7.8125vw; /* 50px -> 7.8125vw */
  }
  #cont_trouble .box_lead h2.title {
    font-size: 5vw; /* 32px -> 5vw */
    margin-bottom: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_trouble .box_lead ul.list li {
    margin-bottom: 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_trouble .box_lead ul.list li .icon {
    width: 23.4375vw; /* 150px -> 23.4375vw */
  }
  #cont_trouble .box_lead ul.list li .fukidasi p.txt {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }
  #cont_trouble .box_lead ul.list li .fukidasi p.name {
    font-size: 3.125vw; /* 20px -> 3.125vw */
    margin: 0.78125vw auto 0; /* 5px -> 0.78125vw */
  }
  #cont_trouble .box_lead ul.list li:nth-child(1) .fukidasi {
    width: 60.15625vw; /* 385px -> 60.15625vw */
    padding: 5vw 0 5vw 12.5vw; /* 32px, 80px */
  }
  #cont_trouble .box_lead ul.list li:nth-child(2) .fukidasi {
    width: 60.9375vw; /* 390px -> 60.9375vw */
    padding: 3.59375vw 0 5.625vw 12.5vw; /* 23px, 36px, 80px */
  }
  #cont_trouble .box_lead ul.list li:nth-child(3) .fukidasi {
    width: 61.25vw; /* 392px -> 61.25vw */
    padding: 4.53125vw 0 5.78125vw 5.9375vw; /* 29px, 37px, 38px */
  }
  #cont_trouble .box_switch {
    padding: 0 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_trouble .box_switch ul li {
    width: 46.40625vw; /* 297px -> 46.40625vw */
    height: 15.625vw; /* 100px -> 15.625vw */
    border-radius: 1.5625vw 1.5625vw 0 0; /* 10px -> 1.5625vw */
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
    padding-top: 1.5625vw; /* 10px -> 1.5625vw */
  }
  #cont_trouble .box_switch ul li.active {
    padding-top: 3.125vw; /* 20px -> 3.125vw */
    height: 17.1875vw; /* 110px -> 17.1875vw */
  }

  /* 0歳 */
  #cont_id_0 .cont_id_0_wrapper {
    width: 93.75vw; /* 600px -> 93.75vw */
    box-shadow: 0vw 0.625vw 0.9375vw -0.3125vw rgba(0, 0, 0, 0.2); /* 4px, 6px, -2px */
    border-top-width: 2.34375vw; /* 15px -> 2.34375vw */
    border-radius: 0 0 2.34375vw 2.34375vw; /* 15px -> 2.34375vw */
    padding-bottom: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_id_0 .cont_id_0_wrapper_2 {
    width: 93.75vw; /* 600px -> 93.75vw */
    box-shadow: 0vw 0vw 0.9375vw rgba(0, 0, 0, 0.2); /* 6px -> 0.9375vw */
    border-radius: 2.34375vw; /* 15px -> 2.34375vw */
    padding: 6.25vw 0 0; /* 40px -> 6.25vw */
    margin-top: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_0 .title {
    width: 87.5vw; /* 560px -> 87.5vw */
    margin: 5vw auto 0; /* 32px -> 5vw */
  }
  #cont_id_0 h3.subtitle {
    font-size: 5.9375vw; /* 38px -> 5.9375vw */
    margin-top: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_id_0 > .img {
    width: 87.5vw; /* 560px -> 87.5vw */
  }
  #cont_id_0 .box_arergy_01 {
    width: 87.5vw; /* 560px -> 87.5vw */
    border-radius: 3.125vw 3.125vw 0 0; /* 20px -> 3.125vw */
    padding-bottom: 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_id_0 .box_arergy_01:after {
    bottom: -9.6875vw; /* -62px -> -9.6875vw */
    margin-left: -5.3125vw; /* -34px -> -5.3125vw */
    border-width: 6.5625vw 5.3125vw 0 5.3125vw; /* 42px, 34px */
  }
  #cont_id_0 .box_arergy_01 .title {
    padding: 2.34375vw 2.34375vw; /* 15px -> 2.34375vw */
  }
  #cont_id_0 .box_arergy_01 .title img {
    width: 22.65625vw; /* 145px -> 22.65625vw */
  }
  #cont_id_0 .box_arergy_01 .title p {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
    padding-left: 2.34375vw; /* 15px -> 2.34375vw */
  }
  #cont_id_0 .box_arergy_01 .link p {
    width: 62.5vw; /* 400px -> 62.5vw */
    height: 9.375vw; /* 60px -> 9.375vw */
    border-radius: 4.6875vw; /* 30px -> 4.6875vw */
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
  }
  #cont_id_0 .box_arergy_01 .link p:before {
    width: 1.875vw; /* 12px -> 1.875vw */
    height: 2.8125vw; /* 18px -> 2.8125vw */
    top: 3.28125vw; /* 21px -> 3.28125vw */
    right: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_0 .box_arergy_02 {
    width: 87.5vw; /* 560px -> 87.5vw */
    padding-bottom: 63.75vw; /* 408px -> 63.75vw */
    padding-top: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_id_0 .box_arergy_02 .title img {
    width: 46.40625vw; /* 297px -> 46.40625vw */
  }
  #cont_id_0 .box_arergy_02 .title p {
    font-size: 4.53125vw; /* 29px -> 4.53125vw */
    margin: 2.34375vw auto 0; /* 15px -> 2.34375vw */
  }
  #cont_id_0 .box_arergy_popup {
    width: 93.75vw; /* 600px -> 93.75vw */
    padding: 3.125vw 6.25vw; /* 20px, 40px */
    box-shadow: 0 0.625vw 2.34375vw rgba(0, 0, 0, 0.2); /* 4px, 15px */
  }
  #cont_id_0 .box_arergy_popup h3.title {
    font-size: 5vw; /* 32px -> 5vw */
    margin-bottom: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_0 .box_arergy_popup p.txt {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }
  #cont_id_0 .box_arergy_popup .img {
    margin-top: 4.6875vw; /* 30px -> 4.6875vw */
    margin-bottom: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_0 .box_arergy_popup .close p {
    width: 46.875vw; /* 300px -> 46.875vw */
    height: 9.375vw; /* 60px -> 9.375vw */
    border-radius: 4.6875vw; /* 30px -> 4.6875vw */
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
  }
  #cont_id_0 .box_arergy_popup .close p:before {
    width: 2.5vw; /* 16px -> 2.5vw */
    height: 2.5vw; /* 16px -> 2.5vw */
    top: 3.28125vw; /* 21px -> 3.28125vw */
    right: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_0 .care p.title {
    width: 82.8125vw; /* 530px -> 82.8125vw */
    height: 17.1875vw; /* 110px -> 17.1875vw */
    border-radius: 1.5625vw; /* 10px -> 1.5625vw */
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
  }
  #cont_id_0 .care p.title:before {
    width: 7.1875vw; /* 46px -> 7.1875vw */
    height: 6.71875vw; /* 43px -> 6.71875vw */
    bottom: -6.71875vw; /* -43px -> -6.71875vw */
    right: 8.75vw; /* 56px -> 8.75vw */
  }
  #cont_id_0 .care .img {
    width: 78.125vw; /* 500px -> 78.125vw */
    margin-top: 3.90625vw; /* 25px -> 3.90625vw */
  }
  #cont_id_0 .care .img p {
    font-size: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_id_0 .care .voice {
    width: 78.125vw; /* 500px -> 78.125vw */
    padding-bottom: 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_id_0 .care .voice h4.title {
    font-size: 3.90625vw; /* 25px -> 3.90625vw */
  }
  #cont_id_0 .care .voice p {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }

  /* 1歳 */
  #cont_id_1 .cont_id_1_wrapper {
    width: 93.75vw; /* 600px -> 93.75vw */
    box-shadow: 0vw 0.625vw 0.9375vw -0.3125vw rgba(0, 0, 0, 0.2); /* 4px, 6px, -2px */
    border-top-width: 2.34375vw; /* 15px -> 2.34375vw */
    border-radius: 0 0 2.34375vw 2.34375vw; /* 15px -> 2.34375vw */
    padding-bottom: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_id_1 .cont_id_1_wrapper_2 {
    width: 93.75vw; /* 600px -> 93.75vw */
    box-shadow: 0vw 0vw 0.9375vw rgba(0, 0, 0, 0.2); /* 6px -> 0.9375vw */
    border-radius: 2.34375vw; /* 15px -> 2.34375vw */
    padding: 6.25vw 0 0; /* 40px -> 6.25vw */
    margin-top: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_1 .title {
    width: 63.4375vw; /* 406px -> 63.4375vw */
    margin: 5vw auto 6.25vw; /* 32px, 40px */
  }
  #cont_id_1 .cont_id_1_wrapper > .img {
    width: 80.9375vw; /* 518px -> 80.9375vw */
    margin: 5vw auto 6.25vw; /* 32px, 40px */
  }
  #cont_id_1 p.txt {
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
    width: 80.9375vw; /* 518px -> 80.9375vw */
    margin: 5vw auto 6.25vw; /* 32px, 40px */
  }
  #cont_id_1 .fukidasi {
    width: 87.5vw; /* 560px -> 87.5vw */
    height: 25vw; /* 160px -> 25vw */
    border-radius: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_id_1 .fukidasi:after {
    bottom: -9.6875vw; /* -62px -> -9.6875vw */
    margin-left: -5.3125vw; /* -34px -> -5.3125vw */
    border-width: 6.5625vw 5.3125vw 0 5.3125vw; /* 42px, 34px */
  }
  #cont_id_1 .fukidasi p {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }
  #cont_id_1 .title2 {
    width: 87.5vw; /* 560px -> 87.5vw */
    padding-top: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_id_1 .title2 img {
    width: 46.40625vw; /* 297px -> 46.40625vw */
  }
  #cont_id_1 .title2 p {
    font-size: 4.53125vw; /* 29px -> 4.53125vw */
    margin: 2.34375vw auto 0; /* 15px -> 2.34375vw */
  }
  #cont_id_1 .box_idea {
    width: 87.5vw; /* 560px -> 87.5vw */
    border-radius: 3.125vw; /* 20px -> 3.125vw */
    margin-bottom: 14.0625vw; /* 90px -> 14.0625vw */
  }
  #cont_id_1 .box_idea .box_idea_01 {
    padding-top: 7.8125vw; /* 50px -> 7.8125vw */
    padding-bottom: 57.8125vw; /* 370px -> 57.8125vw */
    height: 109.375vw; /* 700px -> 109.375vw */
  }
  #cont_id_1 .box_idea .box_idea_02 {
    padding-top: 7.8125vw; /* 50px -> 7.8125vw */
    padding-bottom: 57.8125vw; /* 370px -> 57.8125vw */
    height: 101.5625vw; /* 650px -> 101.5625vw */
  }
  #cont_id_1 .box_idea .title {
    width: 56.25vw; /* 360px -> 56.25vw */
    margin-bottom: 1.5625vw; /* 10px -> 1.5625vw */
  }
  #cont_id_1 .box_idea .title p {
    font-size: 4.375vw; /* 28px -> 4.375vw */
    margin: 0.78125vw auto 0; /* 5px -> 0.78125vw */
  }
  #cont_id_1 .box_idea .box_idea_01 ul.icon {
    width: 80.9375vw; /* 518px -> 80.9375vw */
  }
  #cont_id_1 .box_idea .box_idea_02 ul.icon {
    width: 62.1875vw; /* 398px -> 62.1875vw */
  }
  #cont_id_1 .box_idea ul.icon li {
    width: 27.34375vw; /* 175px -> 27.34375vw */
    height: 27.34375vw; /* 175px -> 27.34375vw */
    font-size: 2.5vw; /* 16px -> 2.5vw */
    padding-bottom: 1.5625vw; /* 10px -> 1.5625vw */
    padding-right: 1.25vw; /* 8px -> 1.25vw */
  }
  #cont_id_1 .box_idea .box_idea_02 ul.icon li {
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
  }
  #cont_id_1 .box_skincare .title h4 {
    font-size: 5vw; /* 32px -> 5vw */
    margin-bottom: 2.34375vw; /* 15px -> 2.34375vw */
  }
  #cont_id_1 .box_skincare .title p.subtitle {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }
  #cont_id_1 .box_skincare .img {
    width: 76.5625vw; /* 490px -> 76.5625vw */
    margin: 0 auto 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_id_1 .box_skincare .img ul li {
    font-size: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_id_1 .box_skincare .img ul li:nth-child(1) {
    padding-left: 5.625vw; /* 36px -> 5.625vw */
  }
  #cont_id_1 .box_skincare .img ul li:nth-child(2) {
    padding-right: 5.625vw; /* 36px -> 5.625vw */
  }
  #cont_id_1 .box_skincare .img p.notice {
    font-size: 2.1875vw; /* 14px -> 2.1875vw */
  }
  #cont_id_1 .box_skincare .txt {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
    width: 78.125vw; /* 500px -> 78.125vw */
  }
  #cont_id_1 .box_hoiku {
    margin-top: 14.0625vw; /* 90px -> 14.0625vw */
    padding-bottom: 4.6875vw; /* 30px -> 4.6875vw */
  }
  #cont_id_1 .box_hoiku .title {
    width: 82.8125vw; /* 530px -> 82.8125vw */
    height: 21.875vw; /* 140px -> 21.875vw */
    border-radius: 1.5625vw; /* 10px -> 1.5625vw */
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
    margin-bottom: 3.90625vw; /* 25px -> 3.90625vw */
  }
  #cont_id_1 .box_hoiku .title h4 {
    font-size: 4.0625vw; /* 26px -> 4.0625vw */
  }
  #cont_id_1 .box_hoiku .title:before {
    width: 7.1875vw; /* 46px -> 7.1875vw */
    height: 6.71875vw; /* 43px -> 6.71875vw */
    bottom: -6.71875vw; /* -43px -> -6.71875vw */
    right: 8.75vw; /* 56px -> 8.75vw */
  }
  #cont_id_1 .box_hoiku .img {
    width: 78.125vw; /* 500px -> 78.125vw */
  }
  #cont_id_1 .box_hoiku .img p {
    font-size: 3.125vw; /* 20px -> 3.125vw */
  }

  /* お客様の声 */
  #cont_voice {
    margin-top: 9.375vw; /* 60px -> 9.375vw */
  }
  #cont_voice h2.title img {
    width: 18.75vw; /* 120px -> 18.75vw */
  }
  #cont_voice h2.title span {
    font-size: 5vw; /* 32px -> 5vw */
    margin: 1.5625vw 0; /* 10px -> 1.5625vw */
  }
  #cont_voice ul.list {
    width: 93.75vw; /* 600px -> 93.75vw */
  }
  #cont_voice ul.list li {
    border-radius: 2.34375vw; /* 15px -> 2.34375vw */
    padding: 4.6875vw 3.75vw; /* 30px, 24px */
    margin-bottom: 3.125vw; /* 20px -> 3.125vw */
  }
  #cont_voice ul.list li .title img {
    width: 12.5vw; /* 80px -> 12.5vw */
  }
  #cont_voice ul.list li .title p {
    font-size: 3.90625vw; /* 25px -> 3.90625vw */
    padding-left: 2.8125vw; /* 18px -> 2.8125vw */
  }
  #cont_voice ul.list li p.txt {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }
  #cont_voice p.notice {
    font-size: 3.59375vw; /* 23px -> 3.59375vw */
  }

  /* トライアルMV */
  #mv_trial {
    width: 100vw; /* 640px -> 100vw */
    height: 171.875vw; /* 1100px -> 171.875vw */
  }
  #mv_trial_banner {
    width: 95vw; /* 608px -> 95vw */
    top: 101.5625vw; /* 650px -> 101.5625vw */
    margin-left: -47.5vw; /* -304px -> -47.5vw */
  }
  #cart_fixed.trial_offer {
    top: 148.4375vw; /* 950px -> 148.4375vw */
  }
  #cart_fixed.trial_offer a {
    font-size: 5vw; /* 32px -> 5vw */
    padding-top: 1.25vw; /* 8px -> 1.25vw */
  }
  #cart_fixed.trial_offer a span.size_mini {
    font-size: 3.125vw; /* 20px -> 3.125vw */
  }
  #cart_fixed.trial_offer p.txt {
    font-size: 2.5vw; /* 16px -> 2.5vw */
  }
  #cont_offer.trial_cp .wrapper .box_price .title h2 {
    font-size: 6.25vw; /* 40px -> 6.25vw */
  }
  #cont_offer.trial_cp .wrapper .box_price .title p.txt_cp {
    font-size: 6.25vw; /* 40px -> 6.25vw */
    margin: 0 auto 1.5625vw; /* 10px -> 1.5625vw */
  }
  #cont_offer.trial_cp .wrapper .box_price .title p.txt_cp span {
    font-size: 8.4375vw; /* 54px -> 8.4375vw */
  }
  #cont_offer.trial_cp .wrapper .box_price .title span.icon2 {
    top: 13.28125vw; /* 85px -> 13.28125vw */
  }
  #cont_offer.trial_cp .wrapper .img .icon {
    width: 35.3125vw; /* 226px -> 35.3125vw */
    height: 7.1875vw; /* 46px -> 7.1875vw */
    border-width: 0.3125vw; /* 2px -> 0.3125vw */
    border-radius: 3.59375vw; /* 23px -> 3.59375vw */
    top: 37.5vw; /* 240px -> 37.5vw */
    margin-left: -17.65625vw; /* -113px -> -17.65625vw */
  }
  #cont_offer.trial_cp .wrapper .img .icon p {
    font-size: 3.75vw; /* 24px -> 3.75vw */
  }
  #cont_offer.trial_cp .wrapper .img p.notice {
    font-size: 2.8125vw; /* 18px -> 2.8125vw */
  }
  #cont_offer.trial_cp .wrapper .price {
    width: 72.34375vw; /* 463px -> 72.34375vw */
    margin: 3.125vw auto 4.6875vw; /* 20px, 30px */
  }
  #cont_offer.trial_cp .wrapper .cart_btn a {
    padding-top: 5vw; /* 32px -> 5vw */
  }
  #cont_offer.trial_cp .wrapper .cart_btn a::before {
    width: 12.5vw; /* 80px -> 12.5vw */
    height: 12.5vw; /* 80px -> 12.5vw */
    font-size: 3.75vw; /* 24px -> 3.75vw */
    top: 2.1875vw; /* 14px -> 2.1875vw */
    left: 2.96875vw; /* 19px -> 2.96875vw */
  }
  #cont_offer.trial_cp .wrapper .attention p {
    font-size: 3.4375vw; /* 22px -> 3.4375vw */
    padding: 0 1.875vw; /* 12px -> 1.875vw */
  }
  .l-footer__area {
    margin-top: 4.6875vw; /* 30px -> 4.6875vw */
  }
}