@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap");
:root {
  --base: #000000;
  --gray1: #9F9FA0;
  --beige1: #F7F6F2;
  --yellow1: #FFE666;
  --yellow2: #FFF7D1;
  --yellow3: #726006;
  --yellow4: #9C8F56;
  --red1: #C02939;
  --purple1: #B50981;
  --purple2: #6A1785;
  --blue1: #0068B7;
  --gradation1: linear-gradient(to left, #541B86, #E2007F);
}

.l-main {
  background: var(--yellow1) url(bg-top.png) 50% 0 no-repeat;
  background-size: 100%;
}
.l-main sup {
  font-size: 60%;
}

.l-wrapper {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 0.5cqw 3cqw rgba(0, 0, 0, 0.07);
  container-type: inline-size;
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
}

.l-section--bg-wh {
  background: #FFF;
}
.l-section--bg-yellow2 {
  background: var(--yellow2);
}

.l-container {
  padding: 0 6.6666666667cqw;
  box-sizing: border-box;
}
@container (min-width: 600px) {
  .l-container {
    padding: 0 4rem;
  }
}

.c-title--ptn1 {
  margin: 0 auto 2.5cqw;
}
.c-title--ptn2 {
  margin: 0 auto 7cqw;
  line-height: 1.9230769231;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
  font-feature-settings: "palt";
}
.c-title--ptn2 .c-title__inner {
  display: inline-block;
  padding: 0 0 0.5cqw;
  position: relative;
}
.c-title--ptn2 .c-title__inner::after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--purple1);
  position: absolute;
  left: 0;
  bottom: 0;
}

.c-btn {
  text-decoration: none;
}
.c-btn--ptn1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 86.6666666667cqw;
  height: 16.6666666667cqw;
  border-radius: 100px;
  box-sizing: border-box;
  background: var(--red1);
  position: relative;
  line-height: 1.5833333333;
  font-size: 4cqw;
  font-weight: 700;
  color: #FFF;
}
.c-btn--ptn1:link, .c-btn--ptn1:hover, .c-btn--ptn1:focus, .c-btn--ptn1:visited {
  color: #FFF;
}
.c-btn--ptn1::after {
  content: "";
  width: 1.5cqw;
  height: 2.5cqw;
  background: url(icon-arrow-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 6.3333333333cqw;
  transform: translateY(-50%);
}
.c-btn--ptn2 {
  display: block;
  line-height: 1.0454545455;
  text-align: center;
  font-size: 3.6666666667cqw;
  font-weight: 700;
  color: var(--base);
}
.c-btn--ptn2:link, .c-btn--ptn2:focus, .c-btn--ptn2:hover, .c-btn--ptn2:visited {
  color: var(--base);
}
.c-btn--ptn2 .c-btn__arrow {
  display: inline-block;
  padding-right: 6.1833333333cqw;
  position: relative;
}
.c-btn--ptn2 .c-btn__arrow::after {
  content: "";
  width: 4.6666666667cqw;
  aspect-ratio: 1/1;
  background: url(icon-arrow-01.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.c-btn--ptn3 {
  border: 0;
  background: transparent;
  line-height: 1.7272727273;
  font-size: 3.6666666667cqw;
  font-weight: 700;
  color: var(--purple2);
  cursor: pointer;
}
.c-btn--ptn3:link, .c-btn--ptn3:focus, .c-btn--ptn3:hover, .c-btn--ptn3:visited {
  color: var(--purple2);
}
.c-btn--ptn3 .c-btn__icon {
  display: inline-block;
  padding-right: 6.9666666667cqw;
  position: relative;
}
.c-btn--ptn3 .c-btn__icon::after {
  content: "";
  width: 5cqw;
  aspect-ratio: 1/1;
  background: url(icon-plus.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.c-btn--ptn3.js-open .c-btn__icon::after {
  background-image: url(icon-minus.svg);
}
.js-open .c-btn--ptn3 .c-btn__icon::after {
  background-image: url(icon-minus.svg);
}
.c-btn--ptn4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 73.3333333333cqw;
  height: 16.6666666667cqw;
  border-radius: 100px;
  box-sizing: border-box;
  background: var(--red1);
  position: relative;
  line-height: 1.5833333333;
  font-size: 4cqw;
  font-weight: 700;
  color: #FFF;
}
.c-btn--ptn4:link, .c-btn--ptn4:hover, .c-btn--ptn4:focus, .c-btn--ptn4:visited {
  color: #FFF;
}
.c-btn--ptn4::after {
  content: "";
  width: 1.5cqw;
  height: 2.5cqw;
  background: url(icon-arrow-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 6.3333333333cqw;
  transform: translateY(-50%);
}

.c-text--default {
  line-height: 1.7272727273;
  font-size: 3.6666666667cqw;
  font-weight: 400;
}
.c-text--marker-purple1 {
  display: inline;
  background: linear-gradient(to top, var(--purple1) 2px, transparent 2px);
}

.p-mv {
  position: relative;
}
.p-mv__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 11.833333cqw;
  padding: 0 3cqw;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0.25cqw;
  line-height: 1.5333333333;
  text-align: left;
  font-size: 2.5cqw;
  font-weight: 400;
  color: #FFF;
}
@container (min-width: 600px) {
  .p-mv__content {
    padding: 0 2rem;
    bottom: 0rem;
    font-size: 1.5rem;
    height: 7.3rem;
  }
}

.p-about {
  padding: 0 0 6.6666666667cqw;
  position: relative;
}
.p-about::before {
  content: "";
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background: url(corner-03.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.p-about__title {
  padding: 4.6333333333cqw 0 9.9333333333cqw;
  background: var(--yellow2);
  line-height: 1.0454545455;
  text-align: center;
  font-size: 3.6666666667cqw;
  font-weight: 700;
  color: var(--yellow3);
}
.p-about__title_inner {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.p-about__title_inner::before, .p-about__title_inner::after {
  content: "";
  width: 2px;
  height: 110%;
  background: var(--yellow4);
  position: absolute;
  top: 50%;
}
.p-about__title_inner::before {
  right: calc(100% + 1.0833333333cqw);
  transform: translateY(-50%) rotate(-25deg);
}
.p-about__title_inner::after {
  left: calc(100% + 1.0833333333cqw);
  transform: translateY(-50%) rotate(25deg);
}
.p-about__image {
  margin-top: -6.5cqw;
}
.p-about__att {
  margin: 4.8166666667cqw auto 0;
  line-height: 1.4444444444;
  font-size: 3cqw;
}
.p-about__btn {
  margin-top: 5.8333333333cqw;
  padding-top: 5cqw;
  border-top: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-about__btn .c-btn {
  margin: 0 auto;
}

.p-cta {
  padding: 10.1666666667cqw 0;
  box-sizing: border-box;
  position: relative;
}
.p-cta::before, .p-cta::after {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-cta::before {
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background-image: url(corner-04.png);
  top: 0;
  right: 0;
}
.p-cta::after {
  width: 13.8283333333cqw;
  height: 13.835cqw;
  background-image: url(corner-01.png);
  left: 0;
  bottom: 0;
}

.p-emergency {
  padding: 11.1666666667cqw 0 0;
  position: relative;
}
.p-emergency::before {
  content: "";
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background: url(corner-02.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.p-emergency__image {
  margin: 0 auto 6.0666666667cqw;
}
.p-emergency__att {
  line-height: 1.4444444444;
  font-size: 3cqw;
  font-weight: 400;
}

.p-symptoms {
  padding: 12.0166666667cqw 0 17cqw;
  position: relative;
}
.p-symptoms::before {
  content: "";
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background: url(corner-03.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.p-symptoms__flex {
  display: flex;
  justify-content: center;
}
.p-symptoms__flex_item {
  width: 41.6666666667cqw;
  text-align: center;
}
.p-symptoms__flex_image {
  width: 35.7866666667cqw;
  margin: 0 auto;
}
.p-symptoms__lead {
  margin: 3.8cqw auto 0;
  line-height: 1.6;
  font-size: 3.3333333333cqw;
  font-weight: 700;
  text-align: center;
}
.p-symptoms__flex_content {
  padding: 2.95cqw;
}
.p-symptoms__flex_title {
  margin: 0 auto 1.6666666667cqw;
  line-height: 1.4;
  font-size: 4.3333333333cqw;
  font-weight: 700;
  color: var(--blue1);
}
.p-symptoms__flex_caption {
  line-height: 1.4;
  white-space: nowrap;
  font-size: 3.3333333333cqw;
  font-weight: 500;
}
.p-symptoms-sty {
  margin: 12.35cqw auto 0;
  border-radius: 2.5cqw;
  box-sizing: border-box;
  background: var(--beige1);
}
.p-symptoms-sty__content {
  display: none;
  padding: 7.8166666667cqw 5cqw 6.8333333333cqw;
  border-bottom: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-symptoms-sty__content_block + .p-symptoms-sty__content_block {
  margin-top: 6.6666666667cqw;
  padding-top: 6.6666666667cqw;
  border-top: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-symptoms-sty__image {
  margin: 0 auto 5.2166666667cqw;
}
.p-symptoms-sty__banner {
  display: block;
  margin: 5cqw auto 0;
}
.p-symptoms-sty__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16.5cqw;
  cursor: pointer;
}

.p-cause {
  padding: 0 0 6.35cqw;
  position: relative;
}
.p-cause::before, .p-cause::after {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-cause::before {
  width: 13.8283333333cqw;
  height: 13.835cqw;
  background-image: url(corner-02.png);
  top: 0;
  right: 0;
}
.p-cause::after {
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background-image: url(corner-03.png);
  left: 0;
  bottom: 0;
}
.p-cause__head {
  padding: 13.5cqw 0 6.6666666667cqw;
  background: url(bg-02.png) 50% 0 no-repeat;
  background-size: 100%;
  text-align: center;
}
.p-cause__head_image {
  width: 87.0383333333cqw;
  margin: 10cqw auto 0;
}
.p-cause__head_copy {
  display: inline-block;
  margin: 5.5666666667cqw auto 0;
  padding: 0 0 0.2rem;
  background: var(--purple1);
  line-height: 1.1;
  text-align: center;
  font-size: 5.3333333333cqw;
  font-weight: 700;
  color: #FFF;
}
.p-cause-handle {
  padding: 8.5cqw 0 0;
}
.p-cause-handle__product {
  width: 62cqw;
  margin: 0 auto 6.3166666667cqw;
}
.p-cause-handle__honey {
  position: relative;
}
.p-cause-handle__honey::before, .p-cause-handle__honey::after {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-cause-handle__honey::before {
  width: 39.07cqw;
  height: 39.6766666667cqw;
  background-image: url(decoration-01.png);
  top: -33.3666666667cqw;
  right: -30.5cqw;
}
.p-cause-handle__honey::after {
  width: 33.1583333333cqw;
  height: 33.6733333333cqw;
  background-image: url(decoration-02.png);
  top: -8cqw;
  left: -28.6666666667cqw;
}
.p-cause-handle__honey_title {
  margin: 0 auto 4.6833333333cqw;
  line-height: 1.2;
  font-size: 4.3333333333cqw;
  font-weight: 700;
  text-align: center;
}
.p-cause-handle__honey_title .c-title__inner {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.p-cause-handle__honey_title .c-title__inner::before, .p-cause-handle__honey_title .c-title__inner::after {
  content: "";
  width: 2px;
  height: 110%;
  background: var(--base);
  position: absolute;
  top: 50%;
}
.p-cause-handle__honey_title .c-title__inner::before {
  right: calc(100% + 2.6666666667cqw);
  transform: translateY(-50%) rotate(-25deg);
}
.p-cause-handle__honey_title .c-title__inner::after {
  left: calc(100% + 2.6666666667cqw);
  transform: translateY(-50%) rotate(25deg);
}
.p-cause-handle__honey_copy {
  margin: 0 auto 3.4833333333cqw;
}
.p-cause-handle__att + .p-cause-handle__att {
  margin-top: 2.1666666667cqw;
}
.p-cause-obsession {
  margin: 6.0166666667cqw auto 0;
}
.p-cause-obsession__title {
  margin: 0 auto 5.5166666667cqw;
  text-align: center;
}
.p-cause-obsession__title_inner {
  display: inline-block;
  position: relative;
  line-height: 1.9230769231;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-cause-obsession__title_inner::before, .p-cause-obsession__title_inner::after {
  content: "";
  width: 12.6733333333cqw;
  height: 0.6666666667cqw;
  background: url(title_decoration.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-cause-obsession__title_inner::before {
  right: calc(100% + 2.6666666667cqw);
}
.p-cause-obsession__title_inner::after {
  left: calc(100% + 2.6666666667cqw);
}
.p-cause-obsession__list {
  line-height: 1.7272727273;
  font-size: 3.6666666667cqw;
  font-weight: 500;
}
.p-cause-obsession__list_item {
  padding-left: 7.2233333333cqw;
  position: relative;
}
.p-cause-obsession__list_item + .p-cause-obsession__list_item {
  margin-top: 0.4em;
}
.p-cause-obsession__list_item::before {
  content: "";
  width: 4.2233333333cqw;
  height: 3.2283333333cqw;
  background: url(icon-check-01.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2.1333333333cqw;
  left: 0;
}
.p-cause-obsession__att {
  margin: 1.2cqw 0 0 auto;
  line-height: 2.1111111111;
  text-align: right;
  font-size: 3cqw;
  font-weight: 500;
}

.p-cm {
  padding: 16.3333333333cqw 0 15.75cqw;
  position: relative;
}
.p-cm::before, .p-cm::after {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-cm::before {
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background-image: url(corner-04.png);
  top: 0;
  right: 0;
}
.p-cm::after {
  width: 13.8283333333cqw;
  height: 13.835cqw;
  background-image: url(corner-01.png);
  left: 0;
  bottom: 0;
}
.p-cm__movie {
  width: 100%;
}
.p-cm__movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.p-cm__movie_caption {
  display: block;
  margin: 5.25cqw auto 0;
  line-height: 1.3;
  text-align: center;
  font-size: 3.3333333333cqw;
  font-weight: 400;
}
.p-cm-movie-youtube-ttl {
  display: block;
  margin: 5.25cqw auto 0;
  line-height: 1.3;
  text-align: center;
  font-size: 3.3333333333cqw;
  font-weight: 400;
}

.p-clinical {
  padding: 15.5cqw 0 15.9166666667cqw;
  position: relative;
}
.p-clinical::before, .p-clinical::after {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-clinical::before {
  width: 13.8283333333cqw;
  height: 13.835cqw;
  background-image: url(corner-02.png);
  top: 0;
  right: 0;
}
.p-clinical::after {
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background-image: url(corner-03.png);
  left: 0;
  bottom: 0;
}
.p-clinical__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3.8166666667cqw;
}
.p-clinical__title_sub {
  display: block;
  line-height: 1.5;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-clinical__title_main {
  display: block;
  width: 58.8683333333cqw;
  margin: 0 auto;
}
.p-clinical__content {
  margin: 5.5cqw auto 0;
  padding: 7.3333333333cqw 0 0;
  border-top: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-clinical__image {
  width: 64.5cqw;
  margin: 0 auto;
}
.p-clinical__image_caption {
  display: block;
  margin: 4.9166666667cqw auto 0;
  line-height: 1.3;
  text-align: center;
  font-size: 3.3333333333cqw;
  font-weight: 400;
}
.p-clinical__btn {
  margin: 4.5833333333cqw auto 0;
}
.p-clinical__btn .c-btn {
  margin: 0 auto;
}
.p-clinical__att {
  margin: 4.9166666667cqw 0 0 auto;
  line-height: 1.4444444444;
  text-align: right;
  font-size: 3cqw;
  font-weight: 400;
}

.p-products {
  padding: 17.8333333333cqw 0 14.6666666667cqw;
  position: relative;
}
.p-products::before {
  content: "";
  background: 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
}
.p-products::before {
  width: 13.8283333333cqw;
  height: 13.8333333333cqw;
  background-image: url(corner-04.png);
  top: 0;
  right: 0;
}
.p-products-block {
  border-radius: 2.5cqw;
  box-shadow: 0 0 4cqw rgba(190, 182, 142, 0.1);
  overflow: hidden;
  background: #FFF;
}
.p-products-block + .p-products-block {
  margin-top: 6.6666666667cqw;
}
.p-products-block__copy {
  padding: 2.8333333333cqw 0 3cqw;
  box-sizing: border-box;
  background: var(--yellow1);
  line-height: 1;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 500;
}
.p-products-block__content {
  padding: 5.4333333333cqw 5cqw 11.8333333333cqw;
  box-sizing: border-box;
}
.p-products-block__logo {
  margin: 0 auto;
}
.p-products-block__logo-2 {
  width: 58.8483333333cqw;
}
.p-products-block__logo-3 {
  width: 61.2266666667cqw;
}
.p-products-block__image {
  margin: 5.5cqw auto 0;
  padding: 7.1666666667cqw 0 0;
  border-top: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-products-block__image-2 img {
  width: 71cqw;
  margin: 0 auto;
}
.p-products-block__image-3 img {
  width: 39.8333333333cqw;
  margin: 0 auto;
}
.p-products-block__image_caption {
  display: block;
  margin: 3.25cqw auto 0;
  line-height: 1.3;
  text-align: center;
  font-size: 3.3333333333cqw;
  font-weight: 400;
}
.p-products-block__att {
  margin: 0.6666666667cqw 0 0 auto;
  line-height: 1.4444444444;
  text-align: right;
  font-size: 3cqw;
  font-weight: 400;
}
.p-products-block__btn {
  margin: 4.4333333333cqw auto 0;
}
.p-products-block__btn .c-btn {
  margin: 0 auto;
}
.p-products-block__overview {
  margin: 8.75cqw auto 0;
}
.p-products-block__overview_title {
  margin: 0 auto 3.6666666667cqw;
  line-height: 1.4615384615;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-block__overview_title_inner {
  display: inline-block;
  position: relative;
}
.p-products-block__overview_title_inner::before, .p-products-block__overview_title_inner::after {
  content: "";
  width: 26.3333333333cqw;
  height: 0.6666666667cqw;
  background: url(title_decoration-02.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-products-block__overview_title_inner::before {
  right: calc(100% + 3.3666666667cqw);
}
.p-products-block__overview_title_inner::after {
  left: calc(100% + 3.3666666667cqw);
}
.p-products-block__overview_content {
  line-height: 1.7272727273;
  font-size: 3.6666666667cqw;
  font-weight: 400;
}
.p-products-i {
  margin: 11.1666666667cqw auto 0;
}
.p-products-i__title {
  margin: 0 auto 5.45cqw;
  line-height: 1.4615384615;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-i__image {
  margin: 0 auto 2.4666666667cqw;
}
.p-products-i__image img {
  margin: auto;
}
.p-products-i__image_caption {
  display: block;
  margin: 4cqw auto 0;
  line-height: 1.7272727273;
  text-align: center;
  font-size: 3.6666666667cqw;
  font-weight: 400;
}
.p-products-i__copy {
  text-align: center;
}
.p-products-i__copy_inner {
  display: inline-block;
  padding-left: 6.6966666667cqw;
  position: relative;
  line-height: 1.4615384615;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-i__copy_inner::before {
  content: "";
  width: 5.83cqw;
  height: 5.325cqw;
  background: url(icon-check-02.png) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-products-dx {
  margin: 6.5833333333cqw auto 0;
}
.p-products-dx__title {
  margin: 0 auto 7.8333333333cqw;
  line-height: 1.4615384615;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-dx__title_inner {
  position: relative;
}
.p-products-dx__title_inner::before, .p-products-dx__title_inner::after {
  content: "";
  width: 12.6733333333cqw;
  height: 0.6666666667cqw;
  background: url(title_decoration-03.svg) 50% 50% no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p-products-dx__title_inner::before {
  right: calc(100% + 2.3666666667cqw);
}
.p-products-dx__title_inner::after {
  left: calc(100% + 2.3666666667cqw);
}
.p-products-dx__image {
  margin: 0 auto 5.5cqw;
}
.p-products-dx__caption {
  line-height: 1.7272727273;
  font-size: 3.6666666667cqw;
  font-weight: 400;
}
.p-products-obsession__content {
  display: none;
  padding: 10.3333333333cqw 4.5cqw 9.1666666667cqw;
  border-bottom: 1px solid var(--gray1);
  box-sizing: border-box;
}
.p-products-obsession__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16.6666666667cqw;
  cursor: pointer;
}
.p-products-obsession__treatment_title {
  margin: 0 auto 6.1666666667cqw;
  line-height: 1.4615384615;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-obsession__treatment_image {
  width: 40cqw;
  margin: 0 auto 6.5cqw;
}
.p-products-obsession__development {
  margin: 8.9333333333cqw auto 0;
}
.p-products-obsession__development_title {
  margin: 0 auto 10.6666666667cqw;
  line-height: 1.9230769231;
  text-align: center;
  font-size: 4.3333333333cqw;
  font-weight: 700;
}
.p-products-obsession__development_title_inner {
  display: inline-block;
  padding: 0 0 1.1833333333cqw;
  position: relative;
}
.p-products-obsession__development_title_inner::after {
  content: "";
  width: 100%;
  height: 2px solid var(--pink1);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.p-products-obsession__development_image {
  width: 53.3333333333cqw;
  margin: 0 auto 7.8333333333cqw;
}
.p-products-obsession__development_caption + .p-products-obsession__development_caption {
  margin-top: 1.5em;
}
.p-products-obsession__development_item {
  width: 53.3333333333cqw;
  margin: 4.85cqw auto 0;
}

body.state-modal .modal {
  left: 0;
  padding: 0 0 0; }

body.state-modal .modal::after {
  opacity: 0.5; }

body.state-modal .modal-bg {
  left: 0; }

.modal {
  position: relative;
  position: absolute;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10000;
  left: -200%; }

.modal::after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.modal-bg {
  position: fixed;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  z-index: 2;
  left: -100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.modal-box {
  width: 864px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5; }

.modal-box-movie {
  position: relative;
  padding-bottom: 56.25%;
  background: #000; }

.modal-box-movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.modal-close {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -60px;
  right: 0px;
  z-index: 5; }

.modal-close a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(icon_modal_close.png) 0 0 no-repeat;
  background-size: 100% auto;
  -webkit-transition: opacity 0.3s 0s ease;
  -moz-transition: opacity 0.3s 0s ease;
  -ms-transition: opacity 0.3s 0s ease;
  -o-transition: opacity 0.3s 0s ease;
  transition: opacity 0.3s 0s ease; }

@media screen and (min-width: 1024px) {
  .modal-close a:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s 0s ease;
    -moz-transition: opacity 0.2s 0s ease;
    -ms-transition: opacity 0.2s 0s ease;
    -o-transition: opacity 0.2s 0s ease;
    transition: opacity 0.2s 0s ease; } }
@media screen and (max-width: 768px) {
  .modal-box {
    width: 90%; }

  .modal-close {
    width: 40px;
    height: 40px;
    top: -54px; } }
.toolBox01 {
  background-color: #00794e; }