@charset "UTF-8";

.contents {
  letter-spacing: 0;
}
.contents picture {
  width: 100%;
}
.contents img {
  width: 100%;
  height: auto;
}

.pc-view {
	display: block;
}
.sp-view {
	display: none;
}

@media screen and (max-width: 640px) {
  .pc-view {
    display: none;
  }
  .sp-view {
    display: block;
  }
}

/* ボタン */
.c-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  color: #fff;
  background-color: #353535;
  border: solid 1px #353535;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
@media screen and (max-width: 640px) {
  .c-button {
    height: 3.8em;
    font-size: calc(10 / 380 * 100vw);
    line-height: 1;
  }
}
.c-button .txt-btn {
  position: relative;
  display: inline-block;
}
.c-button .txt-btn img {
  display: block;
}
.c-button .txt-btn .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
@media screen and (min-width: 641px) {
  .c-button:hover {
    background-color: #fff;
  }
  .c-button:hover .txt-btn .nomal {
    opacity: 0;
  }
  .c-button:hover .txt-btn .hover {
    opacity: 1;
  }
}
.c-button--arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 641px) {
  .c-button--arrow:hover:after {
    border-top: solid 1px #353535;
    border-right: solid 1px #353535;
  }
}
@media screen and (max-width: 640px) {
  .c-button--arrow:after {
    right: 1.8em;
    width: .8em;
    height: .8em;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
}

/* フェードイン */
.js-scroll-fadein {
  opacity: 0;
  transform: translateY(40px);
  transition: transform .5s ease-out, opacity 1.5s;
}
.js-scroll-fadein.is-fadein {
  opacity: 1;
  transform: translateY(0);
}


/*---------------------------------
トップバナー
-----------------------------------*/
.section-top-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 90px;
  overflow: hidden;
}
.section-top-banner__bg picture {
  display: block !important;
}
.section-top-banner__bg img {
  display: block;
  width: 100%;
}
.section-top-banner__inner {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  max-width: 1318px;
}
.section-top-banner__txt {
  width: calc(1069 / 1318 * 100%);
}
.section-top-banner__image {
  width: calc(205 / 1318 * 100%);
}
@media screen and (max-width: 640px) {
  .section-top-banner {
    height: calc(61 / 380 * 100%);
    max-height: none;
  }
  .section-top-banner__inner {
    justify-content: center;
    gap: 0 calc(16 / 380 * 100%);
    width: 100%;
  }
  .section-top-banner__txt {
    width: calc(233 / 380 * 100%);
  }
  .section-top-banner__image {
    width: calc(105 / 380 * 100%);
  }
}


/*---------------------------------
メインビジュアル セクション
-----------------------------------*/
.section-mv {
  background: #eee;
}
.section-mv__inner {
  position: relative;
  width: 100%;
  height: calc(100vh - (110px + 90px));
  min-height: calc(732px - 64px);
  padding: 22px;
  background: #fff;
}
.section-mv__bg {
  width: 100%;
  height: 100%;
  background-image: url('../img/mv/bg.jpg');
  background-position: center;
  background-size: cover;
}

.section-mv__txt-01,
.section-mv__txt-02,
.section-mv__txt-03,
.section-mv__txt-04 {
  position: absolute;
  left: 0;
  overflow: hidden;
}
.section-mv__txt-01:before,
.section-mv__txt-02:before,
.section-mv__txt-03:before,
.section-mv__txt-04:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  transform: translateX(-100%);
}
.is-loaded .section-mv__txt-01:before,
.is-loaded .section-mv__txt-02:before,
.is-loaded .section-mv__txt-03:before,
.is-loaded .section-mv__txt-04:before {
  transform: translateX(0);
}
.section-mv__txt-01 img,
.section-mv__txt-02 img,
.section-mv__txt-03 img,
.section-mv__txt-04 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.is-loaded .section-mv__txt-01 img,
.is-loaded .section-mv__txt-02 img,
.is-loaded .section-mv__txt-03 img,
.is-loaded .section-mv__txt-04 img {
  opacity: 1;
}

.section-mv__txt-01 {
  top: min(calc(61 / 733 * 100%), 61px);
  width: min(calc(364 / 1310 * 100%), 364px);
  height: min(calc(64 / 733 * 100%), 64px);
}
.section-mv__txt-01:before {
  transition: transform .3s ease-in-out;
}
.section-mv__txt-01 img {
  width: min(calc(329 / 364 * 100%), 329px) !important;
  transition: opacity .7s .3s ease-in-out;
}
.section-mv__txt-02 {
  top: min(calc(143 / 733 * 100%), 143px);
  width: min(calc(268 / 1310 * 100%), 268px);
  height: min(calc(64 / 733 * 100%), 64px);
}
.section-mv__txt-02:before {
  transition: transform .3s .1s ease-in-out;
}
.section-mv__txt-02 img {
  width: min(calc(239 / 268 * 100%), 239px) !important;
  transition: opacity .7s .4s ease-in-out;
}
.section-mv__txt-03 {
  top: min(calc(225 / 733 * 100%), 225px);
  width: min(calc(470 / 1310 * 100%), 470px);
  height: min(calc(64 / 733 * 100%), 64px);
}
.section-mv__txt-03:before {
  transition: transform .3s .2s ease-in-out;
}
.section-mv__txt-03 img {
  width: min(calc(437 / 470 * 100%), 437px) !important;
  transition: opacity .7s .5s ease-in-out;
}
.section-mv__txt-04 {
  top: min(calc(307 / 733 * 100%), 307px);
  width: min(calc(313 / 1310 * 100%), 313px);
  height: min(calc(64 / 733 * 100%), 64px);
}
.section-mv__txt-04:before {
  transition: transform .3s .3s ease-in-out;
}
.section-mv__txt-04 img {
  width: min(calc(276 / 313 * 100%), 276px) !important;
  transition: opacity .7s .6s ease-in-out;
}
.section-mv__no1 {
  position: absolute;
  bottom: min(calc(21 / 733 * 100%), 21px);
  left: min(calc(15 / 1310 * 100%), 15px);
  width: min(calc(323 / 1310 * 100%), 323px);
  opacity: 0;
  transition: opacity .4s .8s ease-in-out;
}
.is-loaded .section-mv__no1 {
  opacity: 1;
}
.section-mv__txt-05 {
  position: absolute;
  bottom: max(calc(-10 / 733 * 100%), -10px);
  left: 0;
  width: min(calc(933 / 1310 * 100%), 933px);
  opacity: 0;
  transition: opacity .7s 1s ease-in-out;
}
.is-loaded .section-mv__txt-05 {
  opacity: 1;
}
.section-mv__txt-06 {
  position: absolute;
  bottom: max(calc(-23 / 733 * 100%), -23px);
  left: 0;
  width: min(calc(816 / 1310 * 100%), 816px);
  opacity: 0;
  transition: opacity .7s .9s ease-in-out;
}
.section-mv__txt-06 picture {
  font-size: 0;
}
.is-loaded .section-mv__txt-06 {
  opacity: 1;
}
.section-mv__logo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(calc(332 / 1310 * 100%), 332px);
  opacity: 0;
  transition: opacity .4s 1.2s ease-in-out;
}
.is-loaded .section-mv__logo {
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .section-mv {
    margin-top: -1px;
    background: #fff;
  }
  .section-mv__inner {
    height: calc(585 / 360 * 100vw);
    min-height: auto;
    padding: calc(10 / 380 * 100%) calc(10 / 380 * 100%) calc(75 / 380 * 100%);
  }
  .section-mv__bg {
    background-image: url('../img/mv/bg-sp.jpg');
  }
  .section-mv__txt-01 {
    top: calc(18 / 585 * 100%);
    width: calc(171 / 380 * 100%);
    height: calc(30 / 585 * 100%);
  }
  .section-mv__txt-01 img {
    width: calc(156 / 171 * 100%) !important;
  }
  .section-mv__txt-02 {
    top: calc(56 / 585 * 100%);
    width: calc(129 / 380 * 100%);
    height: calc(30 / 585 * 100%);
  }
  .section-mv__txt-02 img {
    width: calc(115 / 129 * 100%) !important;
  }
  .section-mv__txt-03 {
    top: calc(94 / 585 * 100%);
    width: calc(224 / 380 * 100%);
    height: calc(30 / 585 * 100%);
  }
  .section-mv__txt-03 img {
    width: calc(208 / 224 * 100%) !important;
  }
  .section-mv__txt-04 {
    top: calc(132 / 585 * 100%);
    width: calc(148 / 380 * 100%);
    height: calc(30 / 585 * 100%);
  }
  .section-mv__txt-04 img {
    width: calc(131 / 148 * 100%) !important;
  }
  .section-mv__no1 {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: calc(190 / 380 * 100%);
    height: calc(158 / 585 * 100%);
    overflow: hidden;
  }
  .section-mv__no1 img {
    position: absolute;
    top: calc(-23 / 181 * 100%);
    right: calc(-21 / 211 * 100%);
    bottom: auto;
    left: auto;
    width: calc(211 / 190 * 100%) !important;
  }
  .section-mv__txt-05 {
    bottom: calc(83 / 585 * 100%);
    left: calc(7 / 380 * 100%);
    width: calc(299 / 380 * 100%);
  }
  .section-mv__txt-06 {
    bottom: calc(-25 / 585 * 100%);
    left: calc(21 / 380 * 100%);
    width: calc(337 / 380 * 100%);
    opacity: 1;
  }
  .section-mv__logo {
    width: 100%;
    opacity: 1;
  }
}


/*---------------------------------
商品 セクション
-----------------------------------*/
.section-products {
  padding: 82px 0 42px;
  background-image: url('../img/products/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.section-products__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 106px;
  max-width: 854px;
  margin: 0 auto;
  padding: 0 15px;
}
.section-products__item {
  width: 356px;
}
.section-products__image {
  display: flex;
  justify-content: center;
  gap: 0 16px;
  margin-bottom: 20px;
  text-align: center;
}
.section-products__image .product {
  width: 108px;
  margin-bottom: 10px;
}
.section-products__image .icon {
  width: 61px;
  margin: 0 auto;
}
.section-products__name {
  height: 74px;
  text-align: center;
}
.section-products__price {
  height: 57px;
  text-align: center;
}
.section-products__item.item-02 .section-products__name {
  width: 355px;
}
.section-products__item.item-02 .section-products__price {
  width: 355px;
}
.section-products__btn {
  margin-bottom: 32px;
}
.section-products__btn .c-button .txt-btn {
  width: 65px;
}
.section-products__anchor {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0 28px;
}
.section-products__anchor .anchor-type {
  width: 193px;
}
.section-products__anchor .anchor-subscription {
  width: 135px;
}
.section-products__anchor .anchor {
  position: relative;
  display: block;
  padding: 9px 0 10px;
  border-bottom: solid 2px #000;
}
.section-products__anchor .anchor:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 13px;
  height: 10px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateY(-50%);
}
.section-products__anchor .anchor .txt picture {
  display: block !important;
  font-size: 0;
}
.section-products__anchor .anchor-type .anchor .txt {
  display: block;
  width: 169px;
}
.section-products__anchor .anchor-subscription .anchor .txt {
  display: block;
  width: 115px;
}
.section-products__notice {
  width: 822px;
}
@media screen and (max-width: 640px) {
  .section-products {
    padding: calc(62 / 380 * 100%) 0 calc(12 / 380 * 100%);
    background-image: url('../img/products/bg-sp.jpg');
  }
  .section-products__inner {
    gap: 0 0;
    padding: 0 calc(21 / 380 * 100%);
  }
  .section-products__item {
    width: 100%;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-products__item.item-01 {
    margin-bottom: 2.6em;
  }
  .section-products__item.item-02 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 calc(12 / 338 * 100%);
    margin-bottom: 1.6em;
  }
  .section-products__image {
    gap: 0 calc(16 / 338 * 100%);
    margin-bottom: 2em;
  }
  .section-products__item.item-02 .section-products__image {
    width: calc(103 / 338 * 100%);
    margin-bottom: 1.7em;
  }
  .section-products__image .product {
    width: 100%;
    margin-bottom: 1em;
  }
  .section-products__image .icon {
    width: calc(54 / 102 * 100%);
  }
  .section-products__item.item-01 .section-products__name {
    width: calc(332 / 338 * 100%);
    height: 7.2em;
  }
  .section-products__item.item-01 .section-products__price {
    width: calc(337 / 338 * 100%);
    height: 5.4em;
  }
  .section-products__item.item-02 .section-products__text-wrap {
    width: calc(223 / 338 * 100%);
    margin-bottom: 1.7em;
  }
  .section-products__item.item-02 .section-products__name {
    width: calc(223 / 223 * 100%);
    height: 10.3em;
  }
  .section-products__item.item-02 .section-products__price {
    width: calc(158 / 223 * 100%);
    height: auto;
  }
  .section-products__btn {
    width: 100%;
    margin-bottom: 1.6em;
  }
  .section-products__btn .c-button .txt-btn {
    width: calc(73 / 338 * 100%);
  }
  .section-products__anchor {
    gap: 0 calc(24 / 338 * 100%);
    width: 100%;
  }
  .section-products__anchor .anchor-type {
    width: calc(185 / 338 * 100%);
  }
  .section-products__anchor .anchor-subscription {
    width: calc(129 / 338 * 100%);
  }
  .section-products__anchor .anchor {
    padding: .8em 0 .9em;
  }
  .section-products__anchor .anchor:after {
    width: 1.2em;
    height: .9em;
  }
  .section-products__anchor .anchor-type .anchor .txt {
    width: calc(156 / 185 * 100%);
  }
  .section-products__anchor .anchor-subscription .anchor .txt {
    width: calc(106 / 129 * 100%);
  }
  .section-products__notice {
    width: calc(299 / 338 * 100%);
  }
}


/*---------------------------------
エイジングケア セクション
-----------------------------------*/
.section-aging-care {
  padding: 46px 0 34px;
  background-image: url('../img/aging-care/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.section-aging-care__inner {
  max-width: 864px;
  margin: 0 auto;
}
.section-aging-care__heading {
  width: 824px;
  margin: 0 auto 35px;
}
.section-aging-care__lead {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 650px;
  height: 45px;
  margin: 0 auto 30px;
  background-color: #353535;
}
.section-aging-care__lead .text {
  width: 491px;
}
.section-aging-care__list {
  display: flex;
  gap: 0 48px;
}
.section-aging-care__item {
  width: 180px;
  text-align: center;
}
.section-aging-care__item .image {
  position: relative;
  width: 100%;
  height: 225px;
  margin-bottom: 22px;
}
.section-aging-care__item .image img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.section-aging-care__item.item-01 .image img {
  width: 202px;
}
.section-aging-care__item.item-02 .image img {
  width: 181px;
}
.section-aging-care__item.item-03 .image img {
  width: 183px;
}
.section-aging-care__item.item-04 .image img {
  width: 218px;
}
.section-aging-care__item .text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}
.section-aging-care__item.item-01 .text img {
  width: 151px;
}
.section-aging-care__item.item-02 .text img {
  width: 146px;
}
.section-aging-care__item.item-03 .text img {
  width: 127px;
}
.section-aging-care__item.item-04 .text img {
  width: 108px;
}
@media screen and (max-width: 640px) {
  .section-aging-care {
    padding: calc(22 / 380 * 100%) 0;
    background-image: url('../img/aging-care/bg-sp.jpg');
  }
  .section-aging-care__inner {
    padding: 0 calc(21 / 380 * 100%);
    font-size: calc(10 / 380 * 100vw);
  }
  .section-aging-care__heading {
    width: 100%;
    margin-bottom: 2.3em;
  }
  .section-aging-care__lead {
    width: calc(321 / 338 * 100%);
    height: 2.7em;
    margin-bottom: 1em;
  }
  .section-aging-care__lead .text {
    width: calc(298 / 321 * 100%);
  }
  .section-aging-care__list {
    flex-wrap: wrap;
    gap: 0 calc(20 / 338 * 100%);
  }
  .section-aging-care__item {
    width: calc(159 / 338 * 100%);
  }
  .section-aging-care__item .image {
    height: 17.5em;
    margin-bottom: .8em;
  }
  .section-aging-care__item.item-01 .image img {
    width: calc(150 / 159 * 100%);
  }
  .section-aging-care__item.item-02 .image img {
    width: calc(141 / 159 * 100%);
  }
  .section-aging-care__item.item-03 .image img {
    width: calc(143 / 159 * 100%);
  }
  .section-aging-care__item.item-04 .image img {
    width: calc(170 / 159 * 100%);
  }
  .section-aging-care__item .text {
    width: 100%;
    height: 5.2em;
  }
  .section-aging-care__item.item-01 .text img {
    width: calc(116 / 159 * 100%);
  }
  .section-aging-care__item.item-02 .text img {
    width: calc(112 / 159 * 100%);
  }
  .section-aging-care__item.item-03 .text img {
    width: calc(97 / 159 * 100%);
  }
  .section-aging-care__item.item-04 .text img {
    width: calc(83 / 159 * 100%);
  }
}


/*---------------------------------
年齢とともに身体に起きる変化とは？ セクション
-----------------------------------*/
.section-change {
  position: relative;
  padding: 100px 0 120px;
  background-image: url('../img/change/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.section-change:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 30px #fff;
}
.section-change__inner {
  max-width: 900px;
  margin: 0 auto;
}
.section-change__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92px;
  background-color: #353535;
}
.section-change__heading.arrow {
  margin-bottom: 50px;
}
.section-change__heading.arrow:after {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 50%;
  width: 55px;
  height: 38px;
  background-color: #353535;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .section-change {
    padding: calc(40 / 380 * 100%) 0 calc(20 / 380 * 100%);
    background-image: url('../img/change/bg-sp.jpg');
  }
  .section-change:before {
    display: none;
  }
  .section-change__inner {
    padding: 0 calc(21 / 380 * 100%);
    font-size: calc(10 / 380 * 100vw);
  }
  .section-change__heading {
    height: 3.3em;
  }
  .section-change__heading.arrow {
    margin-bottom: 3em;
  }
  .section-change__heading.arrow:after {
    bottom: -1.7em;
    width: 3.6em;
    height: 2.5em;
  }
}

/* sec01 */
.section-change__sec01 {
  display: flex;
  gap: 0 26px;
  margin-bottom: 28px;
}
.section-change__sec01-img {
  position: relative;
  width: 401px;
  height: 425px;
}
.section-change__sec01-img img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 437px !important;
}
.section-change__sec01-content {
  width: 473px;
}
.section-change__heading.sec01 {
  height: 140px;
}
.section-change__heading.sec01 .text {
  width: 357px;
}
.section-change__sec01-txt-01 {
  margin-bottom: 26px;
}
@media screen and (max-width: 640px) {
  .section-change__sec01 {
    flex-wrap: wrap;
    margin-bottom: 1.2em;
    text-align: center;
  }
  .section-change__sec01-img {
    order: 2;
    width: 100%;
    height: auto;
  }
  .section-change__sec01-img picture {
    width: 100%;
  }
  .section-change__sec01-img img {
    position: static;
    width: calc(263 / 338 * 100%) !important;
  }
  .section-change__sec01-content {
    order: 1;
    width: 100%;
  }
  .section-change__heading.sec01 {
    width: calc(310 / 338 * 100%);
    height: 9.1em;
    margin-right: auto;
    margin-left: auto;
  }
  .section-change__heading.sec01 .text {
    width: calc(243 / 310 * 100%);
  }
  .section-change__sec01-txt-01 {
    width: calc(313 / 338 * 100%);
    margin: 0 auto 1.3em;
  }
  .section-change__sec01-txt-02 {
    width: calc(291 / 338 * 100%);
    margin: 0 auto 1.6em;
  }
}

/* sec02 */
.section-change__sec02 {
  position: relative;
  margin-bottom: 87px;
}
.section-change__heading.sec02 {
  height: 140px;
  margin-bottom: 118px;
}
.section-change__heading.sec02 .text {
  width: 554px;
}
.section-change__sec02-img-01 {
  position: absolute;
  top: -46px;
  left: -16px;
  width: 293px;
}
.section-change__sec02-img-02 {
  position: absolute;
  bottom: -28px;
  left: 37px;
  width: 259px;
}
.section-change__sec02-txt-01 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 157px;
  padding-left: 331px;
  text-align: center;
}
.section-change__sec02-txt-02 {
  padding-left: 331px;
  text-align: center;
}
.section-change__sec02-img-03 {
  position: absolute;
  bottom: 0;
  right: 221px;
  width: 127px;
}
@media screen and (max-width: 640px) {
  .section-change__sec02 {
    margin-bottom: 3em;
  }
  .section-change__heading.sec02 {
    height: 10.6em;
    width: calc(310 / 338 * 100%);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.3em;
  }
  .section-change__heading.sec02 .text {
    width: calc(209 / 310 * 100%);
  }
  .section-change__sec02-img-01 {
    top: -2.1em;
    left: calc(-21 / 338 * 100%);
    width: calc(140 / 338 * 100%);
  }
  .section-change__sec02-img-02 {
    bottom: -2.2em;
    left: calc(-25 / 338 * 100%);
    width: calc(140 / 338 * 100%);
  }
  .section-change__sec02-txt-01 {
    margin-bottom: 1.8em;
    padding-bottom: 7em;
    padding-left: calc(113 / 338 * 100%);
  }
  .section-change__sec02-txt-01 img {
    width: calc(211 / 225 * 100%) !important;
  }
  .section-change__sec02-txt-02 {
    padding-left: calc(113 / 338 * 100%);
  }
  .section-change__sec02-txt-02 img {
    width: calc(211 / 225 * 100%) !important;
  }
  .section-change__sec02-img-03 {
    right: calc(93 / 338 * 100%);
    width: calc(58 / 338 * 100%);
  }
}

/* sec03 */
.section-change__sec03 {
  background-color: #fff;
}
.section-change__heading.sec03 .text {
  width: 641px;
}
.section-change__sec03-content {
  padding: 40px 40px 25px;
}
.section-change__sec03-clinic {
  position: relative;
  display: flex;
  margin-bottom: 38px;
  background-color: #efefef;
}
.section-change__sec03-heading-02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 138px;
  height: 28px;
  background-color: #353535;
}
.section-change__sec03-heading-02 img {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 116px !important;
  transform: translate(-50%, -50%);
}
.section-change__sec03-clinic .image {
  width: 400px;
}
.section-change__sec03-clinic .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 420px;
  padding: 22px 20px;
}
.section-change__sec03-txt-02 {
  width: 247px;
}
.section-change__sec03-heading-03 {
  width: 188px;
  margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
  .section-change__heading.sec03 .text {
    width: calc(244 / 338 * 100%);
  }
  .section-change__sec03-content {
    padding: 1.5em;
  }
  .section-change__sec03-clinic {
    flex-wrap: wrap;
    margin-bottom: 3em;
  }
  .section-change__sec03-heading-02 {
    width: calc(103 / 308 * 100%);
    height: 2em;
  }
  .section-change__sec03-heading-02 img {
    width: calc(85 / 103 * 100%) !important;
  }
  .section-change__sec03-clinic .image {
    width: 100%;
  }
  .section-change__sec03-clinic .content {
    position: relative;
    width: 100%;
    padding: 1.2em 1.2em 2.7em;
  }
  .section-change__sec03-txt-01 {
    width: calc(283 / 284 * 100%);
    margin: 0 auto 1.9em;
  }
  .section-change__sec03-txt-01-2 {
    position: absolute;
    bottom: 1em;
    left: 1.2em;
    width: calc(128 / 284 * 100%);
  }
  .section-change__sec03-txt-01-2 picture {
    font-size: 0;
  }
  .section-change__sec03-txt-02 {
    width: calc(150 / 284 * 100%);
    margin-bottom: .9em;
  }
  .section-change__sec03-heading-03 {
    width: calc(160 / 308 * 100%);
    margin-bottom: 1.7em;
  }
  .section-change__sec03-txt-03 {
    width: calc(307 / 308 * 100%);
    margin: 0 auto;
  }
}


/*---------------------------------
変化する皮脂量と水分量には年齢にあった”洗浄”と”保湿”を セクション
-----------------------------------*/
.section-new-standard-01 {
  background-image: url('../img/new-standard-01/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 535px;
  margin-bottom: -60px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(50% + 42px) calc(100% - 60px), 50% 100%, calc(50% - 42px) calc(100% - 60px), 0 calc(100% - 60px));
}
.section-new-standard-01__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}
.section-new-standard-01__txt {
  position: relative;
  top: -1px;
  margin: 0 auto 110px;
}
.section-new-standard-01__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 702px;
  height: 159px;
  margin: 0 auto;
  background-color: #000;
}
.section-new-standard-01__heading .text {
  width: 617px;
}
@media screen and (max-width: 640px) {
  .section-new-standard-01 {
    background-image: url('../img/new-standard-01/bg-sp.jpg');
    height: 19.1em;
    margin-bottom: -1.7em;
    font-size: calc(10 / 380 * 100vw);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.7em), calc(50% + 1.2em) calc(100% - 1.7em), 50% 100%, calc(50% - 1.2em) calc(100% - 1.7em), 0 calc(100% - 1.7em));
  }
  .section-new-standard-01__inner {
    padding: 0;
  }
  .section-new-standard-01__txt {
    width: calc(373 / 380 * 100%);
    margin-bottom: 2.3em;
  }
  .section-new-standard-01__heading {
    width: calc(336 / 380 * 100%);
    height: 10.3em;
  }
  .section-new-standard-01__heading .text {
    width: calc(301 / 336 * 100%);
  }
}


/*---------------------------------
洗う 潤す セクション
-----------------------------------*/
.section-features {
  padding: 128px 0 98px;
  background-image: url('../img/features/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.section-features__inner {
  max-width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}
@media screen and (max-width: 640px) {
  .section-features {
    padding: 3em 0 5em;
    font-size: calc(10 / 380 * 100vw);
    background-image: url('../img/features/bg-sp.jpg');
  }
  .section-features__inner {
    padding: 0;
  }
}

/* tab */
.section-features__tabs {
  margin-bottom: 85px;
  background-color: #fff;
  box-shadow: 0 0 10px #b5b5b6;
}
.section-features__tab-list {
  display: flex;
}
.section-features__tab-list.is-disable {
  pointer-events: none;
}
.section-features__tab-item {
  position: relative;
  width: 50%;
  cursor: pointer;
}
.section-features__tab-item.is-current {
  cursor: default;
}
.section-features__tab-list.is-disable .section-features__tab-item {
  cursor: default;
}
.section-features__tab-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  opacity: 1;
  transition: opacity .4s ease-in-out;
}
.section-features__tab-item.is-current:after {
  opacity: 0;
}
.section-features__tab-list.is-disable .section-features__tab-item:not(.is-current):after {
  opacity: 0.6;
}
.section-features__tab-list.is-disable.is-show .section-features__tab-item:not(.is-current):after {
  animation-duration: 1.2s;
  animation-name: features-tab-blink;
}
@keyframes features-tab-blink {
  0% {
    opacity: 0.6;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section-features__tab-item .txt-01 {
  position: absolute;
  top: 25px;
  left: 21px;
}
.section-features__tab-item .txt-02 {
  position: absolute;
  top: 26px;
  right: 14px;
}
.section-features__tab-item.item-01 .txt-01 {
  width: 207px;
}
.section-features__tab-item.item-01 .txt-02 {
  width: 128px;
}
.section-features__tab-item.item-02 .txt-01 {
  width: 231px;
}
.section-features__tab-item.item-02 .txt-02 {
  width: 158px;
}
.section-features__tab-item .deco {
  position: absolute;
  background-color: #000;
  opacity: 0;
}
.section-features__tab-item.is-current .deco {
  opacity: 1;
}
.section-features__tab-list.is-disable .section-features__tab-item .deco {
  opacity: 1;
}
.section-features__tab-item.item-01 .deco-01 {
  top: -6px;
  left: 32px;
  width: 104px;
  height: 6px;
}
.section-features__tab-item.item-02 .deco-01 {
  top: -6px;
  right: 32px;
  width: 104px;
  height: 6px;
}
.section-features__tab-item.item-01 .deco-02 {
  bottom: 64px;
  left: -6px;
  width: 6px;
  height: 95px;
}
.section-features__tab-item.item-02 .deco-02 {
  bottom: 64px;
  right: -6px;
  width: 6px;
  height: 95px;
}
.section-features__tab-item .deco-03 {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
}
.section-features__tab-item .deco-04 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
}
.section-features__tab-item .arrow {
  position: absolute;
  bottom: -21px;
  left: 50%;
  width: 28px;
  height: 21px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
  opacity: 0;
}
.section-features__tab-item.is-current .arrow {
  opacity: 1;
}
@media screen and (min-width: 641px) {
  .section-features__tab-item:not(.is-current) {
    transition: opacity .3s ease-in-out;
  }
  .section-features__tab-item:not(.is-current):hover {
    opacity: .8;
  }
}
@media screen and (max-width: 640px) {
  .section-features__tabs {
    margin-bottom: 6.6em;
    box-shadow: 0 0 4em #b5b5b6;
  }
  .section-features__tab-item .txt-01 {
    top: 1em;
    left: .4em;
  }
  .section-features__tab-item .txt-02 {
    top: 1.1em;
    right: .6em;
  }
  .section-features__tab-item.item-01 .txt-01 {
    width: calc(75 / 190 * 100%);
  }
  .section-features__tab-item.item-01 .txt-02 {
    width: calc(85 / 190 * 100%);
  }
  .section-features__tab-item.item-02 .txt-01 {
    width: calc(81 / 190 * 100%);
  }
  .section-features__tab-item.item-02 .txt-02 {
    width: calc(85 / 190 * 100%);
  }
  .section-features__tab-item.item-01 .deco-01 {
    top: -.4em;
    left: 1.3em;
    width: 4.5em;
    height: .4em;
  }
  .section-features__tab-item.item-02 .deco-01 {
    top: -.4em;
    right: 1.3em;
    width: 4.5em;
    height: .4em;
  }
  .section-features__tab-item.item-01 .deco-02,
  .section-features__tab-item.item-02 .deco-02 {
    display: none;
  }
  .section-features__tab-item .deco-03,
  .section-features__tab-item .deco-04 {
    height: .5em;
  }
  .section-features__tab-item .arrow {
    bottom: -1.5em;
    width: 2.7em;
    height: 1.5em;
  }
}

/* tab content */
.section-features__tab-content {
  display: none;
}
.section-features__tab-content.is-current {
  display: block;
}
.section-features__tab-anchor {
  display: flex;
  justify-content: center;
  gap: 0 27px;
  padding: 56px 0 50px;
}
.section-features__tab-anchor-item {
  position: relative;
  width: 242px;
  height: 242px;
}
.section-features__tab-anchor-item .bg {
  position: absolute;
  display: block;
  top: 53%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, -50%);
  transition: opacity .2s ease-in-out;
}
.section-features__tab-anchor-item .anchor {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: opacity .2s ease-in-out;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 641px) {
  .section-features__tab-anchor-item .anchor:hover,
  .section-features__tab-anchor-item .anchor:hover + .bg {
    opacity: .8;
  }
}
.section-features__tab-anchor-item .anchor:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 30px;
  left: 50%;
  width: 20px;
  height: 20px;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateX(-50%) rotate(45deg) skew(5deg, 5deg);
}
.section-features__tab-content.item-02 .section-features__tab-anchor-item .anchor:after {
  border-bottom: solid 2px #353535;
  border-right: solid 2px #353535;
}
.section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-01 .anchor .txt {
  width: 183px;
}
.section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-02 .anchor .txt {
  width: 156px;
}
.section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-03 .anchor .txt {
  width: 118px;
}
.section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-01 .anchor .txt {
  width: 138px;
}
.section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-02 .anchor .txt {
  width: 156px;
}
.section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-03 .anchor .txt {
  width: 118px;
}
.section-features__tab-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 82px;
  margin-bottom: 25px;
  background-color: #353535;
}
.section-features__tab-content.item-01 .section-features__tab-heading.heading-01 .text {
  width: 441px;
}
.section-features__tab-content.item-01 .section-features__tab-heading.heading-02 .text {
  width: 467px;
}
.section-features__tab-content.item-02 .section-features__tab-heading.heading-01 .text {
  width: 441px;
}
.section-features__tab-content.item-02 .section-features__tab-heading.heading-02 .text {
  width: 467px;
}
.section-features__tab-section {
  padding: 50px 40px 0;
}
.section-features__tab-sec-heading {
  position: relative;
  margin-bottom: 36px;
}
.section-features__tab-sec-heading .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -40px;
  right: -16px;
  width: 143px;
  height: 143px;
}
.section-features__tab-sec-heading .bg {
  position: absolute;
  display: block;
  top: 52%;
  left: 53%;
  width: 182px;
  transform: translate(-50%, -50%);
}
.section-features__tab-sec-heading .text {
  position: relative;
}
.section-features__tab-sec-content {
  display: flex;
}
@media screen and (max-width: 640px) {
  .section-features__tab-anchor {
    gap: 0 .6em;
    padding: 3.3em 0 3.6em;
  }
  .section-features__tab-anchor-item {
    width: 11.6em;
    height: 11.6em;
  }
  .section-features__tab-anchor-item .bg {
    top: 55%;
    left: 53%;
    width: 13em;
  }
  .section-features__tab-anchor-item .anchor:after {
    bottom: 1.2em;
    width: 1em;
    height: 1em;
  }
  .section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-01 .anchor .txt {
    width: calc(78 / 116 * 100%);
  }
  .section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-02 .anchor .txt {
    width: calc(77 / 116 * 100%);
  }
  .section-features__tab-content.item-01 .section-features__tab-anchor-item.anchor-item-03 .anchor .txt {
    width: calc(62 / 116 * 100%);
  }
  .section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-01 .anchor .txt {
    width: calc(72 / 116 * 100%);
  }
  .section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-02 .anchor .txt {
    width: calc(79 / 116 * 100%);
  }
  .section-features__tab-content.item-02 .section-features__tab-anchor-item.anchor-item-03 .anchor .txt {
    width: calc(58 / 116 * 100%);
  }
  .section-features__tab-heading {
    height: 4.4em;
    margin-bottom: 0;
  }
  .section-features__tab-content.item-01 .section-features__tab-heading.heading-01 .text {
    width: calc(215 / 380 * 100%);
  }
  .section-features__tab-content.item-01 .section-features__tab-heading.heading-02 .text {
    width: calc(228 / 380 * 100%);
  }
  .section-features__tab-content.item-02 .section-features__tab-heading.heading-01 .text {
    width: calc(215 / 380 * 100%);
  }
  .section-features__tab-content.item-02 .section-features__tab-heading.heading-02 .text {
    width: calc(228 / 380 * 100%);
  }
  .section-features__tab-section {
    padding: 3.8em 2.1em 0;
  }
  .section-features__tab-sec-heading {
    margin-bottom: 1.7em;
  }
  .section-features__tab-sec-heading .icon {
    top: -2.8em;
    right: -.6em;
    width: 9.2em;
    height: 9.2em;
    font-size: inherit;
  }
  .section-features__tab-sec-heading .bg {
    top: 52%;
    left: 53%;
    width: 10.6em;
  }
}

/* tab01-sec01 */
.section-features__tab-sec-heading.tab01-sec01 .heading {
  display: block;
  width: 798px;
}
.section-features__tab-sec-heading.tab01-sec01 .text {
  width: 105px;
}
.section-features__tab-sec-content.tab01-sec01 {
  gap: 0 34px;
}
.section-features__tab-sec-content.tab01-sec01 .image {
  width: 282px;
}
.section-features__tab-sec-content.tab01-sec01 .text {
  width: 504px;
}
.section-features__tab-sec-content.tab01-sec01 .txt-02 {
  margin-bottom: 32px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-sec-heading.tab01-sec01 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-sec-heading.tab01-sec01 .text {
    width: calc(67 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab01-sec01 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section-features__tab-sec-content.tab01-sec01 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab01-sec01 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab01-sec01 .txt-02 {
    width: calc(337 / 338 * 100%);
    margin-bottom: 1.5em;
  }
  .section-features__tab-sec-content.tab01-sec01 .txt-03 {
    width: calc(337 / 338 * 100%);
  }
}

/* tab01-sec02 */
.section-features__tab-sec-content.tab01-sec02 {
  gap: 0 37px;
  padding-bottom: 75px;
}
.section-features__tab-sec-heading.tab01-sec02 .heading {
  display: block;
  width: 820px;
}
.section-features__tab-sec-content.tab01-sec02 .image {
  width: 456px;
}
.section-features__tab-sec-content.tab01-sec02 .text {
  width: 325px;
}
.section-features__tab-sec-content.tab01-sec02 .txt-01 {
  width: 324px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-section.tab01-sec02 {
    padding-top: 4.5em;
  }
  .section-features__tab-sec-content.tab01-sec02 {
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 5.1em;
  }
  .section-features__tab-sec-heading.tab01-sec02 .heading {
    width: calc(338 / 338 * 100%);
  }
  .section-features__tab-sec-content.tab01-sec02 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab01-sec02 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab01-sec02 .txt-01 {
    width: calc(335 / 338 * 100%);
    margin-bottom: 1.3em;
  }
  .section-features__tab-sec-content.tab01-sec02 .txt-02 {
    width: calc(337 / 338 * 100%);
  }
}

/* tab01-sec03 */
.section-features__tab-sec-heading.tab01-sec03 .heading {
  display: block;
  width: 799px;
}
.section-features__tab-sec-heading.tab01-sec03 .text {
  width: 90px;
}
.section-features__tab-sec-content.tab01-sec03 {
  gap: 0 27px;
}
.section-features__tab-sec-content.tab01-sec03 .image {
  width: 280px;
}
.section-features__tab-sec-content.tab01-sec03 .text {
  width: 513px;
}
.section-features__tab-sec-content.tab01-sec03 .txt-02 {
  width: 496px;
  margin-bottom: 22px;
  text-align: right;
}
.section-features__tab-sec-content.tab01-sec03 .txt-03 {
  width: 502px;
  margin-bottom: 9px;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .section-features__tab-sec-heading.tab01-sec03 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-sec-heading.tab01-sec03 .text {
    width: calc(56 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab01-sec03 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section-features__tab-sec-content.tab01-sec03 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab01-sec03 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab01-sec03 .txt-02 {
    width: calc(337 / 338 * 100%);
    margin-bottom: 1.3em;
    text-align: left;
  }
  .section-features__tab-sec-content.tab01-sec03 .txt-03 {
    width: calc(337 / 338 * 100%);
    margin-bottom: 1em;
    text-align: left;
  }
}

/* tab01-sec04 */
.section-features__tab-section.tab01-sec04 {
  padding-top: 60px;
}
.section-features__tab-sec-heading.tab01-sec04 .heading {
  display: block;
  width: 798px;
}
.section-features__tab-sec-heading.tab01-sec04 .text {
  width: 71px;
}
.section-features__tab-sec-content.tab01-sec04 {
  gap: 0 28px;
  padding-bottom: 60px;
}
.section-features__tab-sec-content.tab01-sec04 .image {
  width: 410px;
}
.section-features__tab-sec-content.tab01-sec04 .text {
  width: 382px;
}
.section-features__tab-sec-content.tab01-sec04 .txt-02 {
  width: 377px;
  margin-bottom: 21px;
}
.section-features__tab-sec-content.tab01-sec04 .txt-03 {
  width: 381px;
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-section.tab01-sec04 {
    padding-top: 5em;
  }
  .section-features__tab-sec-heading.tab01-sec04 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-sec-heading.tab01-sec04 .text {
    width: calc(41 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab01-sec04 {
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 5em;
  }
  .section-features__tab-sec-content.tab01-sec04 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab01-sec04 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab01-sec04 .txt-02 {
    width: calc(335 / 338 * 100%);
    margin-bottom: 1.5em;
  }
  .section-features__tab-sec-content.tab01-sec04 .txt-03 {
    width: calc(336 / 338 * 100%);
    margin-bottom: .9em;
  }
}

/* tab02-sec01 */
.section-features__tab-sec-heading.tab02-sec01 .text {
  width: 74px;
}
.section-features__tab-sec-content.tab02-sec01 {
  gap: 0 30px;
}
.section-features__tab-sec-heading.tab02-sec01 .heading {
  display: block;
  width: 799px;
}
.section-features__tab-sec-content.tab02-sec01 .image {
  width: 368px;
}
.section-features__tab-sec-content.tab02-sec01 .text {
  width: 421px;
}
.section-features__tab-sec-content.tab02-sec01 .txt-02 {
  width: 420px;
  margin-bottom: 32px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-sec-heading.tab02-sec01 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-sec-heading.tab02-sec01 .text {
    width: calc(49 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab02-sec01 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section-features__tab-sec-content.tab02-sec01 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab02-sec01 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab02-sec01 .txt-02 {
    width: calc(334 / 338 * 100%);
    margin-bottom: 1.3em;
  }
  .section-features__tab-sec-content.tab02-sec01 .txt-03 {
    width: calc(337 / 338 * 100%);
  }
}

/* tab02-sec02 */
.section-features__tab-sec-content.tab02-sec02 {
  gap: 0 30px;
  padding-bottom: 75px;
}
.section-features__tab-sec-heading.tab02-sec02 .heading {
  display: block;
  width: 820px;
}
.section-features__tab-sec-content.tab02-sec02 .image {
  width: 368px;
}
.section-features__tab-sec-content.tab02-sec02 .text {
  width: 421px;
}
.section-features__tab-sec-content.tab02-sec02 .txt-01 {
  margin-bottom: 36px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-section.tab02-sec02 {
    padding-top: 4.5em;
  }
  .section-features__tab-sec-content.tab02-sec02 {
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 5.6em;
  }
  .section-features__tab-sec-heading.tab02-sec02 .heading {
    width: calc(338 / 338 * 100%);
  }
  .section-features__tab-sec-content.tab02-sec02 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab02-sec02 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab02-sec02 .txt-01 {
    margin-bottom: 1.5em;
  }
}

/* tab02-sec03 */
.section-features__tab-sec-heading.tab02-sec03 .text {
  width: 90px;
}
.section-features__tab-sec-content.tab02-sec03 {
  gap: 0 30px;
}
.section-features__tab-sec-heading.tab02-sec03 .heading {
  display: block;
  width: 798px;
}
.section-features__tab-sec-content.tab02-sec03 .image {
  width: 368px;
}
.section-features__tab-sec-content.tab02-sec03 .text {
  width: 421px;
}
.section-features__tab-sec-content.tab02-sec03 .txt-02 {
  margin-bottom: 29px;
}
.section-features__tab-sec-content.tab02-sec03 .txt-03 {
  width: 181px;
}
.section-features__tab-sec-content.tab02-sec03 .image-02 {
  margin-top: -114px;
  padding-left: 117px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-sec-heading.tab02-sec03 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-sec-heading.tab02-sec03 .text {
    width: calc(54 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab02-sec03 {
    flex-wrap: wrap;
    gap: 0;
  }
  .section-features__tab-sec-content.tab02-sec03 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab02-sec03 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab02-sec03 .txt-02 {
    margin-bottom: 1.3em;
  }
  .section-features__tab-sec-content.tab02-sec03 .txt-03 {
    width: calc(337 / 338 * 100%);
  }
  .section-features__tab-sec-content.tab02-sec03 .image-02 {
    width: calc(215 / 338 * 100%);
    margin: 0 auto;
    padding-left: 0;
  }
}

/* tab02-sec04 */
.section-features__tab-section.tab02-sec04 {
  padding-top: 68px;
}
.section-features__tab-sec-heading.tab02-sec04 .icon {
  top: -24px;
}
.section-features__tab-sec-heading.tab02-sec04 .text {
  width: 69px;
}
.section-features__tab-sec-content.tab02-sec04 {
  gap: 0 30px;
  padding-bottom: 46px;
}
.section-features__tab-sec-heading.tab02-sec04 .heading {
  display: block;
  width: 804px;
}
.section-features__tab-sec-content.tab02-sec04 .image {
  width: 368px;
}
.section-features__tab-sec-content.tab02-sec04 .text {
  width: 422px;
}
.section-features__tab-sec-content.tab02-sec04 .txt-02 {
  margin-bottom: 24px;
}
.section-features__tab-sec-content.tab02-sec04 .txt-03 {
  margin-bottom: 21px;
}
@media screen and (max-width: 640px) {
  .section-features__tab-sec-heading.tab02-sec04 .heading {
    width: calc(318 / 338 * 100%);
  }
  .section-features__tab-section.tab02-sec04 {
    padding-top: 3.7em;
  }
  .section-features__tab-sec-heading.tab02-sec04 .icon {
    top: -2.8em;
  }
  .section-features__tab-sec-heading.tab02-sec04 .text {
    width: calc(40 / 92 * 100%);
  }
  .section-features__tab-sec-content.tab02-sec04 {
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 5.2em;
  }
  .section-features__tab-sec-content.tab02-sec04 .image {
    width: 100%;
    margin-bottom: 1.8em;
  }
  .section-features__tab-sec-content.tab02-sec04 .text {
    width: 100%;
  }
  .section-features__tab-sec-content.tab02-sec04 .txt-02 {
    margin-bottom: 1.5em;
  }
  .section-features__tab-sec-content.tab02-sec04 .txt-03 {
    margin-bottom: .9em;
  }
}

/* type */
.section-features__type {
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px #b5b5b6;
}
.section-features__type-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 69px;
  background-color: #353535;
}
.section-features__type-heading .text {
  width: 679px;
}
.section-features__type-content {
  padding: 25px 24px 27px;
}
.section-features__type-button {
  width: 356px;
  margin: 0 auto 65px;
}
.section-features__type-button .c-button .txt-btn {
  width: 163px;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .section-features__type {
    margin-bottom: 2.8em;
    box-shadow: 0 0 4em #b5b5b6;
  }
  .section-features__type-heading {
    height: 4.4em;
  }
  .section-features__type-heading .text {
    width: calc(339 / 380 * 100%);
  }
  .section-features__type-content {
    padding: 1.7em 1.4em 2em;
  }
  .section-features__type-button {
    width: calc(338 / 380 * 100%);
    margin: 0 auto 4em;
  }
  .section-features__type-button .c-button .txt-btn {
    width: calc(186 / 338 * 100%);
  }
}

/* commitment */
.section-features__commitment {
  padding: 28px 50px 50px;
  background-color: #fff;
  box-shadow: 0 0 10px #b5b5b6;
}
.section-features__commitment-heading {
  width: 463px;
  margin: 0 auto 34px;
  text-align: center;
}
.section-features__commitment-item {
  position: relative;
}
.section-features__commitment-item:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .section-features__commitment {
    padding: 2em 1.4em;
    box-shadow: 0 0 4em #b5b5b6;
  }
  .section-features__commitment-heading {
    width: calc(245 / 352 * 100%);
    margin-bottom: 1.8em;
  }
  .section-features__commitment-item:not(:last-child) {
    margin-bottom: 1.4em;
  }
}

/* item-01 */
.section-features__commitment-item.item-01 {
  overflow: hidden;
}
.section-features__commitment-item.item-01 .heading {
  position: absolute;
  top: 24px;
  left: 50%;
  width: 348px;
  transform: translateX(-50%);
}
.section-features__commitment-item.item-01 .image {
  position: absolute;
  top: 57px;
  left: -10px;
  width: 827px;
}
.section-features__commitment-item.item-01 .notice {
  position: absolute;
  bottom: 7px;
  left: 6px;
  width: 260px;
}
.section-features__commitment-item.item-01 .notice picture {
  font-size: 0;
}
@media screen and (max-width: 640px) {
  .section-features__commitment-item.item-01 .heading {
    top: 1em;
    width: calc(164 / 352 * 100%);
  }
  .section-features__commitment-item.item-01 .image {
    top: .5em;
    left: 50%;
    width: calc(411 / 352 * 100%);
    transform: translateX(-50%);
  }
  .section-features__commitment-item.item-01 .notice {
    bottom: .5em;
    left: .5em;
    width: calc(177 / 352 * 100%);
  }
}

/* item-02 */
.section-features__commitment-item.item-02 .heading {
  position: absolute;
  top: -15px;
  left: 30px;
  width: 495px;
}
.section-features__commitment-item.item-02 .notice {
  position: absolute;
  bottom: 10px;
  left: 11px;
  width: 265px;
}
@media screen and (max-width: 640px) {
  .section-features__commitment-item.item-02 .heading {
    top: -1.5em;
    left: 1em;
    width: calc(246 / 352 * 100%);
  }
  .section-features__commitment-item.item-02 .notice {
    bottom: .5em;
    left: .5em;
    width: calc(182 / 352 * 100%);
  }
}


/*---------------------------------
”新しい”をスタンダードに セクション
-----------------------------------*/
.section-new-standard-02 {
  padding: 42px 0 75px;
  background-color:#fff;
}
.section-new-standard-02__inner {
  max-width: 1390px;
  margin: 0 auto;
}
.section-new-standard-02__heading {
  width: calc(1240 / 1390 * 100%);
  margin: 0 auto 13px;
}
.section-new-standard-02__image {
  position: relative;
  width: calc(1200 / 1390 * 100%);
  margin: 0 auto;
}
.section-new-standard-02__txt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: calc(-75 / 345 * 100%);
  right: calc(-62 / 1200 * 100%);
  width: calc(743 / 1200 * 100%);
  height: calc(79 / 345 * 100%);
  background-color: #000;
}
.section-new-standard-02__txt .txt-01 {
  width: calc(707 / 743 * 100%);
}
.section-new-standard-02__decoration span {
  position: absolute;
  display: block;
  background-color: #000;
}
.section-new-standard-02__decoration .deco-01 {
  bottom: calc(-28 / 345 * 100%);
  left: calc(-31 / 1200 * 100%);
  width: calc(19 / 1200 * 100%);
  height: calc(127 / 345 * 100%);
}
.section-new-standard-02__decoration .deco-02 {
  bottom: calc(-28 / 345 * 100%);
  left: calc(-31 / 1200 * 100%);
  width: calc(184 / 1200 * 100%);
  height: calc(16 / 345 * 100%);
}
.section-new-standard-02__decoration .deco-03 {
  top: calc(-12 / 345 * 100%);
  right: calc(-11 / 1200 * 100%);
  width: calc(6 / 1200 * 100%);
  height: calc(61 / 345 * 100%);
}
.section-new-standard-02__decoration .deco-04 {
  top: calc(-12 / 345 * 100%);
  right: calc(-5 / 1200 * 100%);
  width: calc(13 / 1200 * 100%);
  height: calc(97 / 345 * 100%);
}
.section-new-standard-02__decoration .deco-05 {
  bottom: calc(-84 / 345 * 100%);
  right: calc(-95 / 1200 * 100%);
  width: calc(128 / 1200 * 100%);
  height: calc(9 / 345 * 100%);
}
@media screen and (max-width: 640px) {
  .section-new-standard-02 {
    position: relative;
    padding: 2.55em 0 5.6em;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-new-standard-02 .header-deco-01,
  .section-new-standard-02 .header-deco-02 {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: calc(174 / 380 * 100%);
    height: 1.1em;
    background-color: #000;
  }
  .section-new-standard-02 .header-deco-02 {
    top: 1.1em;
    width: calc(32 / 380 * 100%);
    height: .5em;
  }
  .section-new-standard-02__heading {
    width: calc(352 / 380 * 100%);
    margin-bottom: 1.25em;
  }
  .section-new-standard-02__image {
    width: 100%;
  }
  .section-new-standard-02__txt {
    bottom: -4.9em;
    right: auto;
    left: calc(6 / 380 * 100%);
    width: calc(352 / 380 * 100%);
    height: 3.7em;
  }
  .section-new-standard-02__txt .txt-01 {
    width: calc(330 / 352 * 100%);
  }
  .section-new-standard-02__decoration .deco-01 {
    bottom: -5.6em;
    left: 0;
    width: 1em;
    height: 12.9em;
  }
  .section-new-standard-02__decoration .deco-02 {
    bottom: -.7em;
    left: 0;
    width: calc(88 / 380 * 100%);
    height: .7em;
  }
  .section-new-standard-02__decoration .deco-03 {
    top: 0;
    right: 0;
    width: 1.2em;
    height: 7.3em;
  }
  .section-new-standard-02__decoration .deco-04 {
    top: 7em;
    right: auto;
    left: 0;
    width: .5em;
    height: 6.3em;
  }
  .section-new-standard-02__decoration .deco-05 {
    bottom: -5.6em;
    right: 0;
    width: calc(117 / 380 * 100%);
    height: .8em;
  }
}


/*---------------------------------
ノンストレス、付け替えシステムを搭載 セクション
-----------------------------------*/
.section-package {
  background-image: url('../img/package/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.section-package__inner {
  padding: 112px 0 123px;
  overflow: hidden;
}
.section-package__section {
  max-width: 900px;
  margin: 0 auto;
}
.section-package__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-bottom: 16px;
  background-color: #353535;
}
.section-package__section.sec-system .section-package__heading {
  width: 597px;
}
.section-package__section.sec-airless-pump .section-package__heading {
  width: 597px;
}
.section-package__heading .text {
  display: block;
}
.section-package__section.sec-system .section-package__heading .text {
  width: 562px;
}
.section-package__section.sec-airless-pump .section-package__heading .text {
  width: 555px;
}
@media screen and (max-width: 640px) {
  .section-package__inner {
    padding: 6.6em 2.1em 4.2em;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-package__heading {
    height: 3.3em;
    margin-bottom: .7em;
  }
  .section-package__heading-02 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.3em;
    margin-bottom: 1.5em;
    background-color: #353535;
  }
  .section-package__section.sec-system .section-package__heading {
    width: calc(226 / 338 * 100%);
  }
  .section-package__section.sec-system .section-package__heading-02 {
    width: calc(164 / 338 * 100%);
  }
  .section-package__section.sec-airless-pump .section-package__heading {
    width: calc(162 / 338 * 100%);
  }
  .section-package__section.sec-airless-pump .section-package__heading-02 {
    width: calc(220 / 338 * 100%);
  }
  .section-package__heading-02 .text {
    display: block;
  }
  .section-package__section.sec-system .section-package__heading .text {
    width: calc(206 / 226 * 100%);
  }
  .section-package__section.sec-system .section-package__heading-02 .text {
    width: calc(143 / 164 * 100%);
  }
  .section-package__section.sec-airless-pump .section-package__heading .text {
    width: calc(146 / 162 * 100%);
  }
  .section-package__section.sec-airless-pump .section-package__heading-02 .text {
    width: calc(202 / 220 * 100%);
  }
}

/* system */
.section-package__system {
  position: relative;
  min-height: 403px;
  margin-bottom: 50px;
  background-color: #fff;
}
.section-package__system .image {
  position: absolute;
  top: -128px;
  left: 32px;
  width: 1053px;
  opacity: 0;
  transform: translate(-10%, 14%);
  transition: opacity 1s .4s ease-in-out, transform 1s .4s ease-in-out;
}
.section-package__system.is-fadein .image {
  opacity: 1;
  transform: translate(0, 0);
}
.section-package__system .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 43px;
}
.section-package__system .content > * {
  padding-left: 40px;
  box-sizing: content-box;
}
.section-package__system .txt-01 {
  width: 362px;
  margin-bottom: 22px;
}
.section-package__system .txt-02 {
  width: 277px;
  margin-bottom: 24px;
}
.section-package__system .txt-03 {
  width: 334px;
}
@media screen and (max-width: 640px) {
  .section-package__system {
    min-height: 26.3em;
    margin-bottom: 2.5em;
  }
  .section-package__system .image {
    top: -7.5em;
    left: -2.1em;
    width: calc(380 / 338 * 100%);
  }
  .section-package__system .content {
    padding-top: 2em;
  }
  .section-package__system .content > * {
    padding-left: 1.1em;
  }
  .section-package__system .txt-01 {
    width: calc(153 / 338 * 100%);
    margin-bottom: 1.3em;
  }
  .section-package__system .txt-02 {
    width: calc(126 / 338 * 100%);
    margin-bottom: 1.7em;
  }
  .section-package__system .txt-03 {
    width: calc(313 / 338 * 100%);
  }
}

/* products */
.section-package__products {
  margin-bottom: 82px;
}
.section-package__products-list {
  display: flex;
  gap: 0 82px;
  margin-bottom: 12px;
}
.section-package__products-item {
  width: 409px;
}
.section-package__products-image {
  display: flex;
  gap: 0 23px;
  margin-bottom: 34px;
  text-align: center;
}
.section-package__products-image .shampoo {
  width: 276px;
}
.section-package__products-image .conditioner {
  width: 110px;
}
.section-package__products-image .image {
  position: relative;
  height: 154px;
  margin-bottom: 12px;
}
.section-package__products-image .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-package__products-item.item-01 .section-package__products-image .shampoo .image img {
  width: 278px;
}
.section-package__products-item.item-01 .section-package__products-image .conditioner .image img {
  width: 85px;
}
.section-package__products-item.item-02 .section-package__products-image .shampoo .image img {
  top: 55%;
  width: 320px;
}
.section-package__products-item.item-02 .section-package__products-image .conditioner .image img {
  top: 55%;
  width: 130px;
}
.section-package__products-image .arrow {
  position: relative;
  padding-bottom: 21px;
  border-top: solid 3px #595757;
}
.section-package__products-image .arrow:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  width: 20px;
  height: 13px;
  background-color: #595757;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}
.section-package__products-image .text {
  margin: 0 auto
}
.section-package__products-image .shampoo .text {
  width: 70px;
}
.section-package__products-image .conditioner .text {
  width: 109px;
}
.section-package__products-name {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 79px;
  background-color: #fff;
}
.section-package__products-item.item-01 .section-package__products-name .text {
  width: 233px;
}
.section-package__products-item.item-02 .section-package__products-name .text {
  width: 173px;
}
.section-package__products-notice {
  width: 603px;
}
.section-package__products-notice img {
  display: block;
}
@media screen and (max-width: 640px) {
  .section-package__products {
    margin-bottom: 6.3em;
  }
  .section-package__products-list {
    display: block;
    margin-bottom: .9em;
  }
  .section-package__products-item {
    width: 100%;
  }
  .section-package__products-item.item-01 {
    margin-bottom: 2.3em;
  }
  .section-package__products-image {
    gap: 0 1.4em;
    margin-bottom: 2.4em;
  }
  .section-package__products-image .shampoo {
    width: calc(233 / 338 * 100%);
  }
  .section-package__products-image .conditioner {
    width: calc(92 / 338 * 100%);
  }
  .section-package__products-image .image {
    height: 13em;
    margin-bottom: .9em;
  }
  .section-package__products-item.item-01 .section-package__products-image .shampoo .image img {
    width: calc(227 / 233 * 100%);
  }
  .section-package__products-item.item-01 .section-package__products-image .conditioner .image img {
    width: calc(71 / 92 * 100%);
  }
  .section-package__products-item.item-02 .section-package__products-image .shampoo .image img {
    width: calc(267 / 233 * 100%);
  }
  .section-package__products-item.item-02 .section-package__products-image .conditioner .image img {
    width: calc(108 / 92 * 100%);
  }
  .section-package__products-image .arrow {
    padding-bottom: 1.5em;
  }
  .section-package__products-image .arrow:after {
    width: 1.6em;
    height: 1.1em;
  }
  .section-package__products-image .shampoo .text {
    width: calc(57 / 233 * 100%);
  }
  .section-package__products-image .conditioner .text {
    width: calc(88 / 92 * 100%);
  }
  .section-package__products-name {
    height: 6em;
  }
  .section-package__products-item.item-01 .section-package__products-name .text {
    width: calc(199 / 338 * 100%);
  }
  .section-package__products-item.item-02 .section-package__products-name .text {
    width: calc(148 / 338 * 100%);
  }
  .section-package__products-notice {
    width: calc(336 / 338 * 100%);
  }
}

/* airless-pump */
.section-package__airless-pump {
  display: flex;
}
.section-package__airless-pump .content {
  width: 50%;
  padding-top: 39px;
  background-color: #898989;
}
.section-package__airless-pump .txt-01 {
  width: 289px;
  margin-bottom: 16px;
  padding-left: 37px;
  box-sizing: content-box;
}
.section-package__airless-pump .txt-02 {
  width: 329px;
  padding-left: 37px;
  box-sizing: content-box;
}
.section-package__airless-pump .movie {
  position: relative;
  width: 50%;
  background-color: #000;
}
.section-package__airless-pump .movie video {
  display: block;
  width: 100%;
}
.section-package__airless-pump .movie .icon-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 34px;
  cursor: pointer;
}
.section-package__airless-pump .movie .icon-btn.play {
  display: none;
}
@media screen and (max-width: 640px) {
  .section-package__airless-pump {
    flex-wrap: wrap;
  }
  .section-package__airless-pump .content {
    order: 2;
    width: 100%;
    padding-top: 1.6em;
    padding-bottom: 2.6em;
  }
  .section-package__airless-pump .txt-01 {
    width: calc(204 / 338 * 100%);
    margin-bottom: 1.2em;
    padding-left: 1.5em;
  }
  .section-package__airless-pump .txt-02 {
    width: calc(222 / 338 * 100%);
    padding-left: 1.5em;
  }
  .section-package__airless-pump .movie {
    order: 1;
    width: 100%;
  }
  .section-package__airless-pump .movie .icon-btn {
    bottom: 1em;
    right: 1em;
    width: 2.5em;
  }
}


/*---------------------------------
スカルプDシリーズ AWARD セクション
-----------------------------------*/
.section-award {
  padding: 55px 0 70px;
  background-color: #eee;
}
.section-award__inner {
  max-width: 900px;
  margin: 0 auto;
}
.section-award__heading {
  width: 260px;
  margin: 0 auto 65px;
}
.section-award__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0 55px;
  margin-bottom: 50px;
}
.section-award__item {
  width: 224px;
}
.section-award__content {
  display: flex;
  margin-bottom: 6px;
}
.section-award__content-text {
  order: 2;
  width: 603px;
  background-color: #fff;
}
.section-award__content-text .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 78px;
}
.section-award__content-text .heading .txt-01 {
  display: block;
  width: 471px;
}
.section-award__content-text .text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 204px;
  background-color: #595959;
}
.section-award__content-text .text .txt-02 {
  display: block;
  width: 535px;
}
.section-award__content-image {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 297px;
  height: 282px;
  background-color: #000;
}
.section-award__content-image .img-04 {
  display: block;
  width: 226px;
}
.section-award__notice {
  width: 711px;
}
@media screen and (max-width: 640px) {
  .section-award {
    padding: 5.2em 2.1em 3.3em;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-award__heading {
    width: calc(171 / 338 * 100%);
    margin-bottom: 4em;
  }
  .section-award__list {
    flex-wrap: wrap;
    gap: 4.7em 0;
    margin-bottom: 4.1em;
  }
  .section-award__item {
    width: calc(272 / 338 * 100%);
  }
  .section-award__content {
    flex-wrap: wrap;
    margin-bottom: 1.2em;
  }
  .section-award__content-text {
    order: 1;
    width: 100%;
  }
  .section-award__content-text .heading {
    height: 4em;
  }
  .section-award__content-text .heading .txt-01 {
    display: block;
    width: calc(316 / 338 * 100%);
  }
  .section-award__content-text .text {
    height: 10.6em;
  }
  .section-award__content-text .text .txt-02 {
    display: block;
    width: calc(289 / 338 * 100%);
  }
  .section-award__content-image {
    order: 2;
    width: 100%;
    height: 15.2em;
  }
  .section-award__content-image .img-04 {
    display: block;
    width: calc(312 / 338 * 100%);
  }
  .section-award__notice {
    width: calc(307 / 338 * 100%);
  }
}


/*---------------------------------
SCALP D は定期がおすすめ セクション
-----------------------------------*/
.contents .section-purchase {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.contents .section-purchase .section-container {
  padding: 50px 0 30px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container {
    padding: 10vw 0 10vw;
  }
}
.contents .section-purchase .section-container .slider-content-list {
  position: relative;
  text-align: center;
}
.contents .section-purchase .section-container .slider-content-list .slider-content-item.oily {
  --base-color: #9b1a35;
}
.contents .section-purchase .section-container .slider-content-list .slider-content-item.dry {
  --base-color: #243984;
}
.contents .section-purchase .section-container .slider-content-list .slider-content-item.strong-oily {
  --base-color: #5d3573;
}
.section-purchase__heading {
  width: 706px;
  margin: 0 auto 19px;
}
.section-purchase__lead {
  margin-bottom: 24px;
}
.section-purchase__lead .txt-heading {
  position: relative;
  width: 553px;
  margin: 0 auto 20px;
}
.section-purchase__lead .txt-heading > li:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.section-purchase__lead .txt-heading > li {
  opacity: 0;
  transition: opacity .5s;
}
.section-purchase__lead .txt-heading > li.is-current {
  opacity: 1;
}
.section-purchase__lead .txt-01 {
  width: 280px;
   margin: 0 auto 10px;
}
.section-purchase__lead .txt-02 {
  width: 476px;
   margin: 0 auto;
}
@media (max-width: 640px) {
  .section-purchase__heading {
    width: calc(269 / 380 * 100%);
    margin-bottom: 2.4em;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-purchase__lead {
    margin-bottom: 2em;
    font-size: calc(10 / 380 * 100vw);
  }
  .section-purchase__lead .txt-heading {
    width: calc(263 / 380 * 100%);
    margin-bottom: 1.6em;
  }
  .section-purchase__lead .txt-01 {
    width: calc(254 / 380 * 100%);
    margin-bottom: 1.1em;
  }
  .section-purchase__lead .txt-02 {
    width: calc(337 / 380 * 100%);
  }
}

.contents .section-purchase .section-container .product-arrow .icon-arrow {
  cursor: pointer;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 46%;
  transform: translate(0, -50%);
  transition: opacity 0.3s;
  width: 35px;
  z-index: 1;
}
@media (min-width: 641px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow:hover {
    opacity: 0.7;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow {
    top: -15vw;
    transform: none;
    width: 5.25vw;
  }
}
.contents .section-purchase .section-container .product-arrow .icon-arrow img {
  vertical-align: top;
  width: 100%;
}
.contents .section-purchase .section-container .product-arrow .icon-arrow.left {
  right: 1000px;
}
@media (max-width: 1299px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow.left {
    right: 940px;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow.left {
    left: 7vw;
    right: auto;
    top: 52vw;
  }
}
.contents .section-purchase .section-container .product-arrow .icon-arrow.right {
  left: 1000px;
}
@media (max-width: 1299px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow.right {
    left: 940px;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .product-arrow .icon-arrow.right {
    left: auto;
    right: 7vw;
    top: 52vw;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .product-scroll {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 85vw;
    left: 50%;
    width: 31.5vw;
    height: 31.5vw;
    background-color: rgba(53, 53, 53, 0.75);
    border-radius: 4%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
  }
  .contents .section-purchase .section-container .product-scroll .icon-scroll {
    width: 13.1vw;
    margin-right: 2vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap {
  position: relative;
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list {
  display: flex;
  justify-content: center;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list {
    display: block;
    padding: 3.75vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li {
  margin: 0 29px;
  position: relative;
  width: 260px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li {
    margin: 0;
    width: 100%;
  }
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li::after {
    clear: both;
    content: "";
    display: block;
  }
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li:nth-of-type(n+2) {
    margin-top: 8vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .list-balloon {
  background: #353535;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  height: 31px;
  line-height: 31px;
  margin: 0 auto 25px;
  position: relative;
  text-align: center;
  width: 209px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .list-balloon {
    float: right;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.875vw;
    height: 6.25vw;
    line-height: 6.25vw;
    width: 41.5vw;
    margin: 0;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .list-balloon::after {
  border-top: 17px solid #353535;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -15px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .list-balloon::after {
    border-left: none;
    border-right: 2.75vw solid #353535;
    border-bottom: 1.25vw solid transparent;
    border-top: 1.25vw solid transparent;
    margin: auto 0;
    top: 0;
    bottom: -8.75vw;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-90deg);
            transform: translateX(-50%) rotate(-90deg);
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .img-box {
  height: 182px;
  text-align: center;
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li:nth-child(3) .img-box {
  height: 187px;
  margin-top: -5px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .img-box {
    height: 33vw;
    float: left;
    width: 45.5vw;
    margin-top: 10.75vw;
  }
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li:nth-child(3) .img-box {
    height: 34.5vw;
    margin-top: 9.75vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .img-box picture {
  width: auto;
  height: 100%;
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .img-box img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .img-box img {
    margin-right: 4vw;
  }
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li:last-of-type .img-box img {
    margin-right: 0;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .icon-budge {
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 77px;
  left: 27px;
  width: 40px;
  height: 40px;
  background: var(--base-color);
  border-radius: 50%;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .icon-budge {
    left: -0.75vw;
    top: 11.75vw;
    width: 10.5vw;
    height: 10.5vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .icon-budge img {
  vertical-align: top;
  width: 80%;
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .price {
  margin-top: 4px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .price {
    float: right;
    font-size: 4.125vw;
    text-align: center;
    width: 38.75vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .price img {
  display: inline-block;
  height: 14px;
  vertical-align: -4px;
  width: auto;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .price img {
    height: 3.75vw;
    vertical-align: -1vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase {
  background: #353535;
  border: 1px solid #353535;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 900;
  height: 38px;
  line-height: 36px;
  margin: 22px auto 0;
  text-align: center;
  transition: all 0.3s;
  width: 211px;
}
@media (min-width: 641px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase:hover {
    background: #fff;
    color: #353535;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase {
    height: 11vw;
    float: right;
    font-size: 3.8vw;
    line-height: 10.5vw;
    margin: 4vw auto 0;
    width: 38.75vw;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service {
  position: relative;
  margin-top: 32px;
  background: var(--base-color);
  color: #fff;
  border: 1px solid var(--base-color);
}
@media (min-width: 641px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service:hover {
    opacity: 0.7;
  }
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service .icon-15off {
  display: block;
  width: 63px;
  height: auto;
  position: absolute;
  top: 50%;
  left: -49px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service .icon-15off img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 640px) {
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service {
    height: auto !important;
    line-height: 1.2 !important;
    margin-top: 0;
    padding: 1.75vw 0 2.5vw 3.5vw;
  }
  .contents .section-purchase .section-container .slider-content-list .product-wrap .product-list li .btn-purchase.c-btn-regular-service .icon-15off {
    width: 16vw;
    left: -10vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap {
  margin: 40px auto 33px;
  position: relative;
  width: 328px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap {
    margin: 7vw auto 6vw;
    width: 55.5vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .icon-arrow {
  cursor: pointer;
  position: absolute;
  top: 12px;
  transition: opacity 0.3s;
  width: 14px;
}
@media (min-width: 641px) {
  .contents .section-purchase .section-container .type-slide-wrap .icon-arrow:hover {
    opacity: 0.7;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .icon-arrow {
    top: 0.75vw;
    width: 5vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .icon-arrow.left {
  left: 0;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .icon-arrow.left {
    left: -9.75vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .icon-arrow.right {
  right: 0;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .icon-arrow.right {
    right: -9.75vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .icon-arrow img {
  vertical-align: top;
  width: 100%;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list {
  display: flex;
  justify-content: center;
  width: 256px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .type-list {
    width: 55.75vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li {
  cursor: pointer;
  margin: 0 4px;
  text-align: center;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .type-list li {
    margin: 0 1vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li.slick-current {
  cursor: inherit;
  pointer-events: none;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li .list-color {
  opacity: 0.5;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li.slick-current .list-color {
  opacity: 1;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li.oily .list-color {
  background: #9b1a35;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li.dry .list-color {
  background: #2443a6;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li.strong-oily .list-color {
  background: #60359d;
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li .list-head img {
  display: inline-block;
  height: 12px;
  width: auto;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .type-list li .list-head {
    margin-bottom: .75vw;
  }
  .contents .section-purchase .section-container .type-slide-wrap .type-list li .list-head img {
    height: 2.5vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .type-list li .list-color {
  height: 6px;
  width: 80px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .type-list li .list-color {
    height: 1.5vw;
    width: 17.25vw;
  }
}
.contents .section-purchase .section-container .type-slide-wrap .wrap-head {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin: 17px auto 0;
  width: 163px;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .type-slide-wrap .wrap-head {
    font-size: 4.25vw;
    margin-top: 4.75vw;
    width: 45vw;
  }
  .contents .section-purchase .section-container .type-slide-wrap .wrap-head picture {
    width: 100%;
  }
}
.contents .section-purchase .section-container .caution-area {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}
.contents .section-purchase .section-container .caution-area > li:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.contents .section-purchase .section-container .caution-area > li {
  padding-left: 20px;
  opacity: 0;
  transition: opacity .5s;
}
.contents .section-purchase .section-container .caution-area > li.is-current {
  opacity: 1;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .caution-area > li {
    padding-left: 5vw;
  }
}
.contents .section-purchase .section-container .caution-area img {
  height: 44px;
  width: auto;
}
@media (max-width: 640px) {
  .contents .section-purchase .section-container .caution-area img {
    height: 21.25vw;
   }
}

/* spare */
.contents .section-purchase-spare .section-container .icon-profit {
  left: calc(50% - 600px);
  position: absolute;
  top: 50px;
  width: 180px;
  z-index: 2;
}
@media (max-width: 1299px) {
  .contents .section-purchase-spare .section-container .icon-profit {
    left: 20px;
    width: 13vw;
  }
}
@media (max-width: 1024px) {
  .contents .section-purchase-spare .section-container .icon-profit {
    width: 133px;
  }
}
@media (max-width: 640px) {
  .contents .section-purchase-spare .section-container .icon-profit {
    left: auto;
    margin: 0 auto 9.5vw;
    position: relative;
    top: auto;
    width: 89vw;
  }
}
.contents .section-purchase-spare .section-container .icon-profit img {
  vertical-align: top;
  width: 100%;
}
.contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li .img-box {
  height: 192px;
}
.contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li:nth-child(3) .img-box {
  height: 192px;
  margin-top: 0;
  margin-left: -15px;
}
.contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li .icon-budge {
  top: 74px;
  left: 9px;
}
@media (max-width: 640px) {
  .contents .section-purchase-spare .section-container {
    padding-top: 7vw;
  }
  .contents .section-purchase-spare .section-container .product-arrow .icon-arrow.right,
  .contents .section-purchase-spare .section-container .product-arrow .icon-arrow.left {
    top: 89vw;
  }
  .contents .section-purchase-spare .section-container .product-scroll {
    top: 122vw;
  }
  .contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li .img-box {
    margin-top: 8.5vw;
  }
  .contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li:nth-child(3) .img-box {
    height: 33vw;
    margin-top: 8.5vw;
    margin-left: -5vw;
  }
  .contents .section-purchase-spare .section-container .slider-content-list .product-wrap .product-list li .icon-budge {
    left: -1.5vw;
    top: 7.25vw;
  }
}


/*---------------------------------
定期購入特典 セクション
-----------------------------------*/
.section-subscription {
  padding: 45px 0 100px;
  background-image: url('../img/subscription/bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden; 
}
.section-subscription__inner {
  max-width: 900px;
  margin: 0 auto;
}
.section-subscription__heading-01 {
  width: 679px;
  margin: 0 auto 14px;
}
.section-subscription__notice-01 {
  width: 227px;
  margin: 0 auto 32px;
}
.section-subscription__voice-list {
  display: flex;
  justify-content: center;
  gap: 0 23px;
  margin-bottom: 85px;
}
.section-subscription__voice-item {
  width: 238px;
}
.section-subscription__voice-item .image {
  width: 212px;
  margin: 0 auto 13px;
}
.section-subscription__voice-item .text {
  margin: 0 auto;
}
.section-subscription__voice-item.item-02 .text,
.section-subscription__voice-item.item-03 .text {
  width: 214px;
}
.section-subscription__heading-02 {
  width: 782px;
  margin: 0 auto 18px;
}
.section-subscription__notice-02 {
  width: 447px;
  margin: 0 auto;
}
.section-subscription__img-benefits .image {
  position: relative;
  left: -50px;
  width: 1007px;
}
.section-subscription__heading-03 {
  width: 518px;
  margin: 0 auto 15px;
}
.section-subscription__notice-03 {
  width: 609px;
  margin: 0 auto 32px;
}
@media screen and (max-width: 640px) {
  .section-subscription {
    padding: calc(35 / 380 * 100%) 0 calc(25 / 380 * 100%);
    background-image: url('../img/subscription/bg-sp.jpg');
  }
  .section-subscription__inner {
    padding: 0 calc(21 / 380 * 100%);
    font-size: calc(10 / 380 * 100vw);
  }
  .section-subscription__heading-01 {
    width: calc(259 / 338 * 100%);
    margin-bottom: 1.4em;
  }
  .section-subscription__notice-01 {
    width: calc(226 / 338 * 100%);
    margin-bottom: 1.5em;
  }
  .section-subscription__voice-list {
    flex-wrap: wrap;
    gap: 0 0;
    margin-bottom: 7.2em;
  }
  .section-subscription__voice-item {
    width: 100%;
  }
  .section-subscription__voice-item .image {
    width: calc(212 / 338 * 100%);
    margin-bottom: 1.4em;
  }
  .section-subscription__voice-item.item-01 .text {
    width: calc(322 / 338 * 100%);
    margin-bottom: 3em;
  }
  .section-subscription__voice-item.item-02 .text {
    width: calc(311 / 338 * 100%);
    margin-bottom: 4.1em;
  }
  .section-subscription__voice-item.item-03 .text {
    width: calc(312 / 338 * 100%);
  }
  .section-subscription__heading-02 {
    width: calc(344 / 338 * 100%);
    margin-bottom: 1.2em;
  }
  .section-subscription__notice-02 {
    width: calc(285 / 338 * 100%);
  }
  .section-subscription__img-benefits {
    margin-top: -2.5em;
  }
  .section-subscription__img-benefits .image {
    left: calc(-43 / 338 * 100%);
    width: calc(424 / 338 * 100%);
  }
  .section-subscription__heading-03 {
    width: calc(222 / 338 * 100%);
    margin-bottom: 1em;
  }
  .section-subscription__notice-03 {
    width: calc(326 / 338 * 100%);
    margin-bottom: 2.3em;
  }
}
.contents .section-subscription .section-container .description-box {
  border: 2px solid #000;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 30px 0 46px;
  position: relative;
  width: 900px;
}
@media screen and (max-width: 640px) {
  .contents .section-subscription .section-container .description-box {
    padding: 3.2em 1.2em 2.8em 1.8em;
    width: 100%;
  }
}
.contents .section-subscription .section-container .description-box .corner {
  position: absolute;
}
.contents .section-subscription .section-container .description-box .corner:before,
.contents .section-subscription .section-container .description-box .corner:after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: 50px;
  height: 50px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  border-left-color: #fff;
}
.contents .section-subscription .section-container .description-box .corner:after {
  width: 46px;
  height: 46px;
  border-top-color: #000;
  border-left-color: #000;
}
@media screen and (max-width: 640px) {
  .contents .section-subscription .section-container .description-box .corner:before,
  .contents .section-subscription .section-container .description-box .corner:after {
    width: 10vw;
    height: 10vw;
    border-width: 1.25vw;
  }
  .contents .section-subscription .section-container .description-box .corner:after {
    width: 9vw;
    height: 9vw;
  }
}
.contents .section-subscription .section-container .description-box .corner-above {
  top: 0;
}
.contents .section-subscription .section-container .description-box .corner-left {
  left: 0;
}
.contents .section-subscription .section-container .description-box .corner-right {
  right: 0;
}
.contents .section-subscription .section-container .description-box .corner-bottom {
  bottom: 0;
}
.contents .section-subscription .section-container .description-box .corner-above.corner-right {
  transform: rotate(90deg);
}
.contents .section-subscription .section-container .description-box .corner-bottom.corner-right {
  transform: rotate(180deg);
}
.contents .section-subscription .section-container .description-box .corner-bottom.corner-left {
  transform: rotate(270deg);
}

.section-subscription__txt-holder-01 {
  width: 529px;
  margin: 0 auto 24px;
}
.section-subscription__img-holder-01 {
  width: 783px;
  margin: 0 auto 7px;
}
.section-subscription__txt-holder-02 {
  position: relative;
  left: -2px;
  width: 900px;
  margin: 0 auto 42px;
}
.section-subscription__txt-holder-03 {
  width: 676px;
  margin-bottom: 22px;
  padding-left: 64px;
}
@media screen and (max-width: 640px) {
  .section-subscription__txt-holder-01 {
    width: calc(262 / 305 * 100%);
    margin-bottom: 3em;
  }
  .section-subscription__img-holder-01 {
    width: calc(295 / 305 * 100%);
    margin-bottom: 2.5em;
  }
  .section-subscription__txt-holder-02 {
    left: 0;
    width: calc(302 / 305 * 100%);
    margin-bottom: 2.9em;
  }
  .section-subscription__txt-holder-03 {
    width: calc(305 / 305 * 100%);
    margin-bottom: 1.5em;
    padding-left: 0;
  }
}

.contents .section-subscription .section-container .description-box .caution-text {
  padding-left: 64px;
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.contents .section-subscription .section-container .description-box .caution-text-em {
  font-weight: 900;
}
@media screen and (max-width: 640px) {
  .contents .section-subscription .section-container .description-box .caution-text {
    padding-left: 0;
    font-size: 2.1vw;
  }
  .contents .section-subscription .section-container .description-box .caution-text-em {
    font-size: 2.5vw;
    text-indent: -2.5vw;
    padding-left: 2.5vw;
    display: block;
    margin-bottom: -2vw;
  }
}


/*---------------------------------
全額返金保証サービス セクション
-----------------------------------*/
.cont-service {
  background-color: #eee;
  padding: 100px 0 90px;
  color: #fff;
}
.cont-service__inner {
  max-width: 900px;
  margin: 0 auto;
  background-color: #000;
}
.cont-service__btn-accordion {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 98px;
  margin-bottom: 30px;
  background-color: #eee;
  cursor: pointer;
}
.cont-service__btn-accordion .text {
  position: relative;
  display: block;
  width: 525px;
}
.cont-service__btn-accordion .text picture {
  display: block;
  font-size: 0;
}
.cont-service__btn-accordion .text .arrow {
  position: absolute;
  display: block;
  top: 22%;
  right: -65px;
  width: 30px;
  height: 30px;
  border-bottom: solid 3px #000;
  border-right: solid 3px #000;
  transform: translateY(-50%) rotate(45deg) skew(5deg, 5deg);
}
.cont-service__btn-accordion.is-open .text .arrow {
  top: 78%;
  transform: translateY(-50%) rotate(225deg) skew(5deg, 5deg);
}
.cont-service__accordion {
  display: none;
  margin-top: 72px;
}
.cont-service .container {
  margin: 0 auto;
  width: 856px;
  padding-top: 50px;
  padding-bottom: 15px;
}
.cont-service .container h2 {
  padding: 0 0 60px;
}
.cont-service .container .period {
  text-align: center;
  font-size: 28px;
  padding: 25px 0 60px;
}
.cont-service .container .check {
  text-align: center;
  font-size: 28px;
  padding-bottom: 15px;
}
.cont-service .container .line {
  border-bottom: 1px solid #fff;
}
.cont-service .container .confirmation h3 {
  background-color: #d9ca85;
  padding: 5px 0;
  color: #000;
  font-size: 20px;
  text-align: center;
}
.cont-service .container .confirmation p {
  font-size: 16px;
  padding: 25px 0;
}
.cont-service .container .confirmation .btn-service {
  max-width: 50%;
  margin: 0 auto 30px;
  padding: 0;
}
.cont-service .container .confirmation .confirmation-list {
  padding: 25px 0;
}
.cont-service .container .confirmation .confirmation-list li {
  font-size: 16px;
  list-style: none;
  text-indent: -1.25em;
  padding-left: 1.25em;
}
.cont-service .container .confirmation .confirmation-list li:first-child {
  padding-bottom: 20px;
}
.cont-service .container .confirmation .confirmation-list li::before {
  content: "●";
}
.cont-service .container .confirmation .confirmation-list li .border-box {
  border: 3px solid #c80505;
  padding: 10px;
  position: relative;
  margin: 10px 0;
}
.cont-service .container .confirmation .confirmation-list li .border-box::before {
  color: #fff;
  content: "〈対象商品〉";
  background-color: #000;
  left: 10px;
  text-indent: 0;
  position: absolute;
  top: -13px;
  font-size: 14px;
}
.cont-service .container .confirmation .confirmation-list li .border-box p {
  text-indent: 0;
  padding: 0;
  font-weight: normal;
}
.cont-service .container .confirmation .confirmation-list li .line {
  font-weight: 600;
}

@media screen and (max-width: 640px) {
  .cont-service {
    background-color: #eee;
    padding: 7vw 5.5vw;
  }
  .cont-service__btn-accordion {
    height: 10vw;
    margin-bottom: 3vw;
  }
  .cont-service__btn-accordion .text {
    width: 51vw;
  }
  .cont-service__btn-accordion .text .arrow {
    right: -6vw;
    width: 3vw;
    height: 3vw;
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
  }
  .cont-service__accordion {
    margin-top: 7vw;
  }
  .cont-service .container {
    width: 91%;
    padding-top: 3.5vw;
    padding-bottom: 3vw;
  }
  .cont-service .container h2 {
    padding: 0 0 5vw;
  }
  .cont-service .container .period {
    text-align: center;
    font-size: 3.4vw;
    padding: 2vw 0 8vw;
  }
  .cont-service .container .check {
    text-align: center;
    font-size: 3.8vw;
    padding-bottom: 2vw;
  }
  .cont-service .container .confirmation h3 {
    background-color: #d9ca85;
    padding: 0.25vw 0;
    color: #000;
    font-size: 3.4vw;
    text-align: center;
  }
  .cont-service .container .confirmation p {
    font-size: 2.1vw;
    padding: 4vw 0;
  }
  .cont-service .container .confirmation .btn-service {
    max-width: 60%;
    margin: 0 auto 6vw;
    padding: 0;
  }
  .cont-service .container .confirmation .confirmation-list {
    padding: 4vw 0;
  }
  .cont-service .container .confirmation .confirmation-list li {
    font-size: 2.1vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    list-style: none;
    text-indent: -1.25em;
    padding-left: 1.25em;
  }
  .cont-service .container .confirmation .confirmation-list li:first-child {
    padding-bottom: 4vw;
  }
  .cont-service .container .confirmation .confirmation-list li::before {
    content: "●";
  }
  .cont-service .container .confirmation .confirmation-list li .border-box {
    border: 6px solid #c80505;
    padding: 0;
    position: relative;
    margin: 4vw 0 1vw;
  }
  .cont-service .container .confirmation .confirmation-list li .border-box::before {
    color: #fff;
    content: "〈対象商品〉";
    background-color: #000;
    left: 10px;
    text-indent: 0;
    position: absolute;
    top: -2.4vw;
    font-size: 2.4vw;
  }
  .cont-service .container .confirmation .confirmation-list li .border-box p {
    text-indent: 0;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-size: 2.1vw;
    padding: 2vw;
  }
}


/*---------------------------------
スクロール追従ボタン
-----------------------------------*/
.floating-button {
  position: fixed;
  display: block;
  right: 0;
  bottom: 140px;
  width: 63px;
  opacity: 1;
  z-index: 9999;
}
.floating-button ul li {
  width: 100%;
  margin: 0 0 10px 0;
}
.floating-button ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  text-align: center;
  background-color: #231815;
  box-shadow: 0 0 20px 3px rgba(137, 137, 137, 0.5);
}
.floating-button ul li a .btn-overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/floating-btn/btn-overlay.png');
  background-size: cover;
  z-index: 9999;
  animation-duration: 6s;
  animation-name: floatbtn-blink;
  animation-iteration-count: infinite;
}
.floating-button ul li a .btn-icon {
  position: relative;
  display: block;
  z-index: 10000;
}
.floating-button ul li .float_angfastore .btn-icon {
  width: 48px;
}
.floating-button ul li .float_amazon .btn-icon {
  width: 41px;
}
.floating-button ul li .float_rakuten .btn-icon {
  width: 44px;
}
.floating-button__to-top {
  position: absolute;
  bottom: -100px;
  width: 100%;
  height: 75px;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.floating-button__to-top.is-show {
  transform: translateX(0);
}
.floating-button__to-top a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 20px 3px rgba(137, 137, 137, 0.5);
}
.floating-button__to-top .arrow {
  position: absolute;
  display: block;
  top: 56%;
  left: 50%;
  width: 13px;
  height: 13px;
  border-top: solid 2px #000;
  border-left: solid 2px #000;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 640px) {
  .floating-button {
    bottom: 7.5em;
    width: calc(50 / 380 * 100%);
    font-size: calc(10 / 380 * 100vw);
  }
  .floating-button ul li {
    margin-bottom: .8em;
  }
  .floating-button ul li a {
    height: 5em;
  }
  .floating-button ul li a.float_rakuten {
    padding-left: .5em;
  }
  .floating-button ul li a .btn-overlay {
    background-image: url('../img/floating-btn/btn-overlay-sp.png');
  }
  .floating-button ul li .float_angfastore .btn-icon {
    width: calc(27 / 50 * 100%);
  }
  .floating-button ul li .float_amazon .btn-icon {
    width: calc(23 / 50 * 100%);
  }
  .floating-button ul li .float_rakuten .btn-icon {
    width: calc(23 / 50 * 100%);
  }
  .floating-button__to-top {
    bottom: -6em;
    height: 5em;
  }
  .floating-button__to-top .arrow {
    width: 1em;
    height: 1em;
  }
}

@keyframes floatbtn-blink {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}