@charset "UTF-8";
/************************************************************************
* reset
************************************************************************/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  -webkit-print-color-adjust: exact;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-underline-offset: 0.2em;
  background: #fff;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  color: var(--color-txt-base);
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0;
  line-break: strict;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-break: normal;
  overflow-wrap: anywhere;
}

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
em,
small,
strong,
sub,
sup,
mark,
del,
ins,
strike,
abbr,
dfn,
blockquote,
q,
cite,
code,
pre,
ol,
ul,
li,
dl,
dt,
dd,
div,
section,
article,
main,
aside,
nav,
header,
hgroup,
footer,
img,
figure,
figcaption,
address,
time,
audio,
video,
canvas,
iframe,
details,
summary,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  vertical-align: baseline;
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
}

a {
  display: inline-block;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  color: inherit;
  text-decoration: none;
}

a[href="*"] {
  cursor: pointer;
}

a[href="*"]:hover,
a[href="*"]:focus-visible {
  opacity: 0.7;
}

img,
svg {
  display: inline-block;
  vertical-align: top;
  border: none;
  width: 100%;
  max-width: 100%;
  height: auto;
}

video {
  width: 100%;
  height: auto;
}

code,
kbd,
pre,
samp {
  font-size: inherit;
}

ul,
ol {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: "";
  content: none;
}

address {
  font-style: italic;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  border: none;
  background: transparent;
  padding: 0;
  font: inherit;
}

abbr,
acronym {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

cite {
  font-style: italic;
}

code,
kbd {
  background-color: #f8f8f8;
  padding: 0.25em 0.5em;
}

em {
  font-style: italic;
  font-weight: 700;
}

pre {
  display: block;
  background-color: #f8f8f8;
  padding: 1em 2em;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

var {
  background-color: #f8f8f8;
  padding: 0.25em 0.5em;
  font-style: italic;
}

/************************************************************************
* end reset
************************************************************************/
:root {
  --px-to-rem: 1rem / 16;
}

/************************************************************************
* u-txt - テキスト装飾
************************************************************************/
.u-txt--pink {
  color: #fd679b;
}

.u-txt-highlight--pink {
  font-weight: 600;
  color: #fd679b;
}

.u-txt--bold {
  font-style: normal;
  font-weight: 600;
}

.u-txtClamp-01 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-txtClamp-02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.u-txtClamp-03 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.p-about__body {
  margin-top: calc(35.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-about__body {
    margin-top: calc(50.5 * var(--px-to-rem));
  }
}
.p-about__headTxt {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(32.4 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-about__headTxt {
    font-size: calc(26 * var(--px-to-rem));
    line-height: calc(48 * var(--px-to-rem));
  }
}
.p-about__headTxt::before {
  content: "";
  -webkit-transform: translateY(calc(2 * var(--px-to-rem)));
          transform: translateY(calc(2 * var(--px-to-rem)));
  display: inline-block;
  aspect-ratio: 1/1;
  width: calc(20 * var(--px-to-rem));
  height: auto;
  margin-right: calc(5 * var(--px-to-rem));
  margin-left: calc(-25 * var(--px-to-rem));
  background: url(../../assets/img/common/logo_fixed.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-about__headTxt::before {
    width: calc(34 * var(--px-to-rem));
    -webkit-transform: translateY(calc(5 * var(--px-to-rem)));
            transform: translateY(calc(5 * var(--px-to-rem)));
  }
}
.p-about__content {
  margin-top: calc(21.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-about__content {
    margin-top: calc(40 * var(--px-to-rem));
  }
}
.p-about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-about__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(15 * var(--px-to-rem));
  }
}
.p-about__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(10 * var(--px-to-rem)) calc(22 * var(--px-to-rem));
  border-radius: calc(50 * var(--px-to-rem)) calc(50 * var(--px-to-rem)) calc(50 * var(--px-to-rem)) 0;
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(19 * var(--px-to-rem));
  background-color: #fff3f8;
}
@media (min-width: 768px) {
  .p-about__item {
    padding: calc(18 * var(--px-to-rem)) calc(28 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-about__dtl {
  display: grid;
  gap: calc(7.5 * var(--px-to-rem));
  max-width: calc(335 * var(--px-to-rem));
  margin: calc(21.25 * var(--px-to-rem)) auto 0;
}
@media (min-width: 768px) {
  .p-about__dtl {
    gap: calc(20 * var(--px-to-rem));
    max-width: 100%;
    margin-top: calc(35 * var(--px-to-rem));
  }
}
.p-about__dtlTxt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(25.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-about__dtlTxt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(28.8 * var(--px-to-rem));
  }
}

.p-aboutSupport {
  margin-top: calc(26.25 * var(--px-to-rem));
  padding: calc(16.75 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(15.75 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #99e6dd;
  border-radius: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-aboutSupport {
    max-width: calc(760 * var(--px-to-rem));
    margin: calc(50 * var(--px-to-rem)) auto 0;
    padding: calc(36 * var(--px-to-rem)) calc(80 * var(--px-to-rem)) calc(33 * var(--px-to-rem));
  }
}
.p-aboutSupport__headTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(27.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-aboutSupport__headTxt {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(40.8 * var(--px-to-rem));
  }
}
.p-aboutSupport__content {
  display: grid;
  justify-items: center;
  margin-top: calc(11.75 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-aboutSupport__content {
    margin-top: calc(21 * var(--px-to-rem));
  }
}
.p-aboutSupport__img {
  overflow: hidden;
  width: calc(224 * var(--px-to-rem));
  height: auto;
  outline: calc(3 * var(--px-to-rem)) solid #fff;
  border-radius: calc(20 * var(--px-to-rem));
  -webkit-box-shadow: calc(5 * var(--px-to-rem)) calc(5 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) rgba(0, 141, 122, 0.0509803922);
          box-shadow: calc(5 * var(--px-to-rem)) calc(5 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) rgba(0, 141, 122, 0.0509803922);
}
@media (min-width: 768px) {
  .p-aboutSupport__img {
    width: calc(320 * var(--px-to-rem));
  }
}
.p-aboutSupport__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-aboutSupport__txt {
  margin-top: calc(14.4 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(25.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-aboutSupport__txt {
    margin-top: calc(19 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(32 * var(--px-to-rem));
  }
}

.p-aboutClinic__inner {
  background-color: #fff;
}
.p-aboutClinic__card {
  margin-top: calc(25 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  padding: calc(20 * var(--px-to-rem));
  background: #edfcfa;
}
@media (min-width: 768px) {
  .p-aboutClinic__card {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-aboutClinic__cardItem:not(:first-of-type) {
  padding-top: calc(20 * var(--px-to-rem));
  border-top: calc(1 * var(--px-to-rem)) solid #e6e6e6;
}
@media (min-width: 768px) {
  .p-aboutClinic__cardItem:not(:first-of-type) {
    padding-top: calc(25 * var(--px-to-rem));
  }
}
.p-aboutClinic__cardItem:not(:last-of-type) {
  padding-bottom: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-aboutClinic__cardItem:not(:last-of-type) {
    padding-bottom: calc(25 * var(--px-to-rem));
  }
}
.p-aboutClinic__head {
  position: relative;
  padding-left: calc(11 * var(--px-to-rem));
}
.p-aboutClinic__head::before {
  content: "";
  position: absolute;
  top: calc(1 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(5 * var(--px-to-rem));
  height: calc(18 * var(--px-to-rem));
  border-radius: calc(3 * var(--px-to-rem));
  background-color: #5dd1c4;
}
.p-aboutClinic__headTxt {
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-aboutClinic__headTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-aboutClinic__content {
  margin-top: calc(11 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-aboutClinic__content {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(23.8 * var(--px-to-rem));
  }
}
.p-aboutClinic__contentLink {
  color: #0099ff;
}

.p-usage__inner {
  padding: 0 0 calc(90 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usage__inner {
    padding: 0 0 calc(180 * var(--px-to-rem));
  }
}
.p-usage__body {
  margin-top: calc(35 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usage__body {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-usage__accordion:not(:first-of-type) {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media (min-width: 768px) {
  .p-usage__accordion:not(:first-of-type) {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
}
@media (min-width: 768px) {
  .p-usage__accordion .c-toggleIcon {
    right: calc(25 * var(--px-to-rem));
  }
}

/************************************************************************
* p-usageStep - ご利用ガイド ステップカード
************************************************************************/
.p-usageStep {
  position: relative;
  padding-top: calc(11.5 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-usageStep {
    padding-top: calc(19 * var(--px-to-rem));
  }
}
.p-usageStep__inner {
  border-radius: calc(15 * var(--px-to-rem));
  background: #edfcfa;
  padding: calc(23.5 * var(--px-to-rem)) calc(8 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__inner {
    padding-bottom: calc(25 * var(--px-to-rem));
  }
}
@media (max-width: 767px) {
  .p-usageStep__inner:has(.p-usageStep__card) {
    padding-bottom: calc(10 * var(--px-to-rem));
  }
}
.p-usageStep__contentList {
  display: grid;
  gap: calc(32 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__contentList {
    gap: calc(52 * var(--px-to-rem));
  }
}
.p-usageStep__contentItem:not(:first-of-type) {
  position: relative;
}
.p-usageStep__contentItem:not(:first-of-type)::before {
  content: "";
  aspect-ratio: 32/15;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% - 7.5 * var(--px-to-rem)));
          transform: translate(-50%, calc(-100% - 7.5 * var(--px-to-rem)));
  height: 15px;
  height: 0.9375rem;
  background: url(../../assets/img/usage/arrow.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-usageStep__contentItem:not(:first-of-type)::before {
    -webkit-transform: translate(-50%, calc(-100% - 15 * var(--px-to-rem)));
            transform: translate(-50%, calc(-100% - 15 * var(--px-to-rem)));
  }
}
.p-usageStep__contentItem:not(:first-of-type) .p-usageStep__title + .p-usageStep__image--hasLabel,
.p-usageStep__contentItem:not(:first-of-type) .p-usageStep__description + .p-usageStep__image--hasLabel {
  margin-top: calc(6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__contentItem:not(:first-of-type) .p-usageStep__title + .p-usageStep__image--hasLabel,
  .p-usageStep__contentItem:not(:first-of-type) .p-usageStep__description + .p-usageStep__image--hasLabel {
    margin-top: calc(13.5 * var(--px-to-rem));
  }
}
.p-usageStep__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
.p-usageStep__title--pc {
  display: none;
}
@media (min-width: 768px) {
  .p-usageStep__title--pc {
    display: block;
  }
}
@media (min-width: 768px) {
  .p-usageStep__title--sp {
    display: none;
  }
}
.p-usageStep__description {
  margin-top: calc(5 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__description {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(17 * var(--px-to-rem));
  }
}
.p-usageStep__image {
  max-width: calc(180 * var(--px-to-rem));
  margin: 0 auto;
}
@media (min-width: 768px) {
  .p-usageStep__image {
    max-width: calc(250 * var(--px-to-rem));
  }
}
.p-usageStep__title + .p-usageStep__image {
  margin-top: calc(13.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__description + .p-usageStep__image {
    margin-top: calc(8 * var(--px-to-rem));
  }
}
.p-usageStep__title + .p-usageStep__image--hasLabel, .p-usageStep__description + .p-usageStep__image--hasLabel {
  margin-top: calc(13.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__image--widePc {
    max-width: calc(490 * var(--px-to-rem));
  }
}
.p-usageStep__image img {
  width: 100%;
  height: auto;
}
.p-usageStep__card {
  margin-top: calc(10.5 * var(--px-to-rem));
  padding: calc(12.5 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(12.5 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(10 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-usageStep__card {
    max-width: calc(380 * var(--px-to-rem));
    margin: calc(15 * var(--px-to-rem)) auto 0;
    padding: calc(19 * var(--px-to-rem)) calc(40 * var(--px-to-rem));
  }
}
.p-usageStep__cardHead {
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-usageStep__cardHead {
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(22.5 * var(--px-to-rem));
  }
}
.p-usageStep__cardContent {
  margin-top: calc(10.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__cardContent {
    margin-top: calc(14 * var(--px-to-rem));
  }
}
.p-usageStep__cardContent:not(:has(.p-usageStep__cardTxt)) {
  margin-top: calc(8 * var(--px-to-rem));
}
.p-usageStep__cardTxt {
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(16 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__cardTxt {
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-usageStep__cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(3 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  margin-top: calc(7.5 * var(--px-to-rem));
  padding-inline: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-usageStep__cardList {
    gap: calc(6 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
    margin-top: calc(14 * var(--px-to-rem));
    padding-inline: calc(37 * var(--px-to-rem));
  }
}
.p-usageStep__cardList--noPadding {
  padding-inline: 0;
}
.p-usageStep__cardItem {
  position: relative;
  padding-left: calc(16 * var(--px-to-rem));
  min-width: calc(95 * var(--px-to-rem) + 16 * var(--px-to-rem));
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(21 * var(--px-to-rem));
  text-align: left;
}
@media (min-width: 768px) {
  .p-usageStep__cardItem {
    min-width: calc(75 * var(--px-to-rem) + 18 * var(--px-to-rem));
    font-size: calc(15 * var(--px-to-rem));
  }
}
.p-usageStep__cardItem::before {
  content: "";
  position: absolute;
  top: calc(2.5 * var(--px-to-rem));
  left: 0;
  aspect-ratio: 1/1;
  width: calc(16 * var(--px-to-rem));
  height: auto;
  -webkit-mask: url(../img/lp/medical-diet/icon_list_disc.svg) no-repeat center/contain;
          mask: url(../img/lp/medical-diet/icon_list_disc.svg) no-repeat center/contain;
  background-color: #7be2d3;
}
@media (min-width: 768px) {
  .p-usageStep__cardItem::before {
    top: calc(1.5 * var(--px-to-rem));
    width: calc(18 * var(--px-to-rem));
  }
}
.p-usageStep__anno {
  margin-top: calc(18 * var(--px-to-rem));
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-usageStep__anno {
    margin-top: calc(25 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}

.p-usageStep__icon {
  aspect-ratio: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  width: 2.25rem;
}

.p-usageStep__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-usageStep__label {
  margin-inline: auto;
  margin-top: 15px;
  margin-top: 0.9375rem;
  max-width: 180px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}

.p-usageStep__image--hasLabel + .p-usageStep__label {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-usageStep__qr {
  display: none;
}

.p-usageStep__qrText {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  text-align: left;
}

.p-usageStep__qrSection {
  display: none;
}

.p-usageStep__qrImage {
  margin-inline: auto;
  margin-top: 5px;
  margin-top: 0.3125rem;
  max-width: 240px;
}

.p-usageStep__qrImage + .p-usageStep__label {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-usageStep__arrow {
  aspect-ratio: 32/15;
  position: absolute;
  top: calc(100% + 0.875rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 15px;
  height: 0.9375rem;
}

.p-usageStep__arrow img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 768px) {
  .p-usage__lead {
    margin-top: 50px;
    margin-top: 3.125rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6875;
  }
  .p-usageStep__icon {
    -webkit-transform: translateY(calc(5 * var(--px-to-rem)));
            transform: translateY(calc(5 * var(--px-to-rem)));
    width: 50px;
    width: 3.125rem;
  }
  .p-usageStep__label {
    max-width: 240px;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-usageStep__qr {
    gap: 20px;
    gap: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    margin-top: 1.25rem;
    border-radius: 0.5rem;
    background-color: #f5f5f5;
    padding: 20px;
    padding: 1.25rem;
  }
  .p-usageStep__qrSection {
    display: block;
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-usageStep__qrSection + .p-usageStep__image {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-usageStep__arrow {
    aspect-ratio: 40/22;
    top: calc(100% + 1.25rem);
    height: 22px;
    height: 1.375rem;
  }
}
@media (max-width: 767px) {
  .p-usage + .p-lpFaq .p-lpFaq__inner {
    padding-bottom: calc(146 * var(--px-to-rem));
  }
}

.p-pillAbout__body {
  margin-top: calc(25 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  padding: calc(26.5 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(28.5 * var(--px-to-rem));
  background-color: #fff7fa;
}
@media (min-width: 768px) {
  .p-pillAbout__body {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(36.25 * var(--px-to-rem)) calc(75 * var(--px-to-rem)) calc(38.5 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-pillAbout__txt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-pillAbout__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-pillAbout__anno {
  margin-top: calc(18.5 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-pillAbout__anno {
    margin-top: calc(18.5 * var(--px-to-rem));
  }
}
.p-pillAbout__txt + .p-pillAbout__anno {
  margin-top: calc(5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-pillAbout__txt + .p-pillAbout__anno {
    margin-top: calc(10 * var(--px-to-rem));
  }
}

.p-lowPillAbout__list {
  gap: calc(8 * var(--px-to-rem));
  display: grid;
  width: 100%;
  margin-top: calc(11.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lowPillAbout__list {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(15 * var(--px-to-rem));
    margin-top: calc(31.25 * var(--px-to-rem));
  }
}
.p-lowPillAbout__item {
  position: relative;
  display: grid;
  place-content: center;
  min-height: calc(47 * var(--px-to-rem));
  padding: calc(14 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(19 * var(--px-to-rem));
  text-align: center;
  color: #00366b;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-lowPillAbout__item {
    min-height: calc(70 * var(--px-to-rem));
    padding: calc(9 * var(--px-to-rem)) calc(26 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-lowPillAbout__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  aspect-ratio: 1/1;
  width: calc(10 * var(--px-to-rem));
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ffb8d5), color-stop(50%, #fff));
  background: linear-gradient(to bottom right, #ffb8d5 50%, #fff 50%);
}
@media (min-width: 768px) {
  .p-lowPillAbout__item::before {
    width: calc(14 * var(--px-to-rem));
  }
}

.p-middleAbout__container:not(:first-of-type) {
  margin-top: calc(35.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-middleAbout__container:not(:first-of-type) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: calc(25 * var(--px-to-rem));
    margin-top: calc(66.5 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-middleAbout__container:not(:first-of-type) + .p-mediumAbout__container {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-middleAbout__container:last-of-type {
  margin-top: calc(48.5 * var(--px-to-rem));
}
.p-middleAbout__container .p-pillAbout__txt:not(:first-of-type) {
  margin-top: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-middleAbout__container .p-pillAbout__txt:not(:first-of-type) {
    margin-top: calc(27.2 * var(--px-to-rem));
  }
}
.p-middleAbout__heading {
  margin-bottom: calc(9.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-middleAbout__heading {
    margin-bottom: calc(10 * var(--px-to-rem));
  }
}
.p-middleAbout__image {
  margin-top: calc(8.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-middleAbout__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 260px;
    width: calc(260 * var(--px-to-rem));
    margin: 0 calc(10 * var(--px-to-rem)) 0 0;
  }
}
@media (min-width: 768px) {
  .p-middleAbout__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 768px) {
  .p-afterPillAbout .p-afterPillAbout__body.p-lpContent__body {
    padding: 40px 75px;
    padding: calc(40 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
  }
}
.p-afterPillAbout__content {
  margin-top: 20px;
  margin-top: calc(20 * var(--px-to-rem));
  padding: 24px 15px 20px;
  padding: calc(24 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  border-radius: 15px;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-afterPillAbout__content {
    padding: 30px 35px 23px;
    padding: calc(30 * var(--px-to-rem)) calc(35 * var(--px-to-rem)) calc(23 * var(--px-to-rem));
  }
}
.p-afterPillAbout__content:first-of-type {
  margin-top: calc(25.1 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__content:first-of-type {
    margin-top: calc(24.4 * var(--px-to-rem));
  }
}
.p-afterPillAbout__list {
  display: grid;
}
@media (min-width: 768px) {
  .p-afterPillAbout__list {
    margin-top: 25px;
    margin-top: calc(25 * var(--px-to-rem));
  }
}
.p-afterPillAbout__list--type {
  gap: 20px;
  gap: calc(20 * var(--px-to-rem));
  margin-top: 26px;
  margin-top: calc(26 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__list--type {
    gap: 26.4px;
    gap: calc(26.4 * var(--px-to-rem));
    margin-top: calc(20 * var(--px-to-rem));
  }
}
.p-afterPillAbout__list--type .p-lpContent__heading {
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__list--type .p-lpContent__heading {
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-afterPillAbout__list--type .p-afterPillAbout__itemTxt {
  margin-top: 9.5px;
  margin-top: calc(9.5 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 23.8px;
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__list--type .p-afterPillAbout__itemTxt {
    margin-top: 4.4px;
    margin-top: calc(4.4 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-afterPillAbout__delivery {
  margin-top: calc(38.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__delivery {
    margin-top: calc(39 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryHead {
  position: relative;
}
.p-afterPillAbout__deliveryHeadTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryHeadTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(26 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryHeadAnno {
  margin-top: calc(5 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryHeadAnno {
    margin-top: calc(5.5 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(20 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryList {
  display: grid;
  gap: calc(10 * var(--px-to-rem));
  margin-top: calc(6.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryList {
    margin-top: calc(13.5 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryItem .p-accordion__item {
  border-color: #ffbfda;
}
.p-afterPillAbout__deliveryItem .p-accordion__trigger {
  padding: calc(13.5 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryItem .p-accordion__trigger {
    padding: calc(18 * var(--px-to-rem)) calc(34 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryItem .p-accordion__text {
  font-size: calc(16 * var(--px-to-rem));
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryItem .p-accordion__text {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-afterPillAbout__deliveryItem .c-toggleIcon {
  background-color: #fda6cb;
}
.p-afterPillAbout__deliveryItem .p-accordion__inner {
  padding: calc(6.5 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(11 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__deliveryItem .p-accordion__inner {
    padding: calc(5 * var(--px-to-rem)) calc(34 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
  }
}
.p-afterPillAbout__dtl {
  display: grid;
  gap: calc(21.75 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__dtl {
    gap: calc(25.75 * var(--px-to-rem));
  }
}
.p-afterPillAbout__dtlHead {
  position: relative;
  padding-left: calc(11 * var(--px-to-rem));
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__dtlHead {
    padding-left: calc(16 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-afterPillAbout__dtlHead::before {
  content: "";
  position: absolute;
  top: calc(1.5 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(5 * var(--px-to-rem));
  height: calc(18 * var(--px-to-rem));
  border-radius: calc(3 * var(--px-to-rem));
  background-color: #fda6cb;
}
@media (min-width: 768px) {
  .p-afterPillAbout__dtlHead::before {
    top: calc(2 * var(--px-to-rem));
    width: calc(6 * var(--px-to-rem));
    height: calc(20 * var(--px-to-rem));
  }
}
.p-afterPillAbout__dtlContent {
  margin-top: calc(7 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-afterPillAbout__dtlContent {
    margin-top: calc(6 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}

.l-borderRadius--stiKit {
  padding-bottom: calc(90 * var(--px-to-rem));
}

.p-stiKitCta {
  margin-top: calc(40 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKitCta {
    margin-top: calc(60 * var(--px-to-rem));
  }
}
.p-stiKit__list + .p-stiKitCta {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__list + .p-stiKitCta {
    margin-top: calc(30 * var(--px-to-rem));
  }
}
.p-stiKitCta__head {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-stiKitCta__head {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-stiKitCta__link.c-btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(300 * var(--px-to-rem));
  min-height: calc(66 * var(--px-to-rem));
  margin: calc(10 * var(--px-to-rem)) auto 0;
  padding: calc(5 * var(--px-to-rem)) calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKitCta__link.c-btn {
    width: calc(460 * var(--px-to-rem));
    min-height: calc(90 * var(--px-to-rem));
    margin-top: calc(17 * var(--px-to-rem));
    padding: calc(5 * var(--px-to-rem)) calc(48 * var(--px-to-rem));
  }
}
.p-stiKitCta__link .c-btn__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .p-stiKitCta__link .c-btn__text {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(32 * var(--px-to-rem));
  }
}
.p-stiKitCta__link .c-btn__text::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: calc(24 * var(--px-to-rem));
  height: calc(24 * var(--px-to-rem));
  margin-right: calc(8 * var(--px-to-rem));
  background: url(../img/common/icon_logo_mark.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-stiKitCta__link .c-btn__text::before {
    width: calc(34 * var(--px-to-rem));
    height: calc(34 * var(--px-to-rem));
    margin-right: calc(15 * var(--px-to-rem));
  }
}
.p-stiKitCta__link .c-btn__text--sm {
  display: inline-block;
  margin-left: calc(4 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKitCta__link .c-btn__text--sm {
    margin-left: calc(3 * var(--px-to-rem));
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(26 * var(--px-to-rem));
  }
}
.p-stiKitCta__txt {
  margin-top: calc(9 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-stiKitCta__txt {
    margin-top: calc(13 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}

.p-stiList {
  display: grid;
  gap: calc(19 * var(--px-to-rem));
}
.p-stiList__item {
  overflow: hidden;
  border: calc(1 * var(--px-to-rem)) solid var(--lp-theme-border);
  border-radius: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiList__item {
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-stiList__head {
  display: grid;
  place-content: center;
  padding: calc(10 * var(--px-to-rem)) 0;
  font-weight: 600;
  color: #fff;
  background-color: var(--lp-theme-accent);
}
@media (min-width: 768px) {
  .p-stiList__head {
    padding: calc(12 * var(--px-to-rem));
  }
}
.p-stiList__headTxt {
  text-align: center;
}
.p-stiList__headTxt--bg {
  padding: calc(2 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  border-radius: 100vmax;
  color: var(--lp-theme-accent);
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-stiList__headTxt--bg {
    min-width: calc(202 * var(--px-to-rem));
  }
}

/************
* p-stiKit : 性感染症検査キットの種類
************/
.p-stiKit__inner {
  background-color: #fff;
}
.p-stiKit__headTxt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__headTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiKit__content {
  margin-top: calc(28 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__content {
    margin-top: calc(48 * var(--px-to-rem));
  }
}
.p-stiKit__contentHead {
  font-size: calc(20 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(30 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-stiKit__contentHead {
    font-size: calc(28 * var(--px-to-rem));
    line-height: calc(42 * var(--px-to-rem));
  }
}
.p-stiKit__list {
  margin-top: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__list {
    margin-top: calc(23 * var(--px-to-rem));
  }
}
.p-stiKit__listContent {
  padding: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__listContent {
    display: grid;
    grid-template-columns: 1fr calc(244 * var(--px-to-rem));
    padding: 0;
  }
}
@media (min-width: 768px) {
  .p-stiKit__info {
    padding: calc(30 * var(--px-to-rem)) calc(35 * var(--px-to-rem)) calc(24.4 * var(--px-to-rem));
  }
}
.p-stiKit__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(8 * var(--px-to-rem));
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  color: #fd679b;
}
@media (min-width: 768px) {
  .p-stiKit__cat {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-stiKit__cat--noMail::before {
  content: "郵送不要";
  display: grid;
  place-content: center;
  padding: calc(2 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(1 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
  color: #fff;
  background-color: #fd679b;
}
@media (min-width: 768px) {
  .p-stiKit__cat--noMail::before {
    padding: calc(3 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-stiKit__name {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(27 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__name {
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(30.4 * var(--px-to-rem));
  }
}
.p-stiKit__cat + .p-stiKit__name {
  margin-top: calc(2.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__cat + .p-stiKit__name {
    margin-top: calc(2.8 * var(--px-to-rem));
  }
}
.p-stiKit__cat.p-stiKit__cat--noMail + .p-stiKit__name {
  margin-top: calc(6.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__cat.p-stiKit__cat--noMail + .p-stiKit__name {
    margin-top: calc(5.8 * var(--px-to-rem));
  }
}
.p-stiKit__target {
  margin-top: calc(13.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__target {
    margin-top: calc(17.8 * var(--px-to-rem));
  }
}
.p-stiKit__targetHead.c-heading {
  padding-left: calc(11 * var(--px-to-rem));
  font-size: calc(16 * var(--px-to-rem));
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__targetHead.c-heading {
    padding-left: calc(16 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiKit__targetItem {
  margin-top: calc(4.6 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__targetItem {
    margin-top: calc(2.4 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-stiKit__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(8 * var(--px-to-rem));
  background-image: radial-gradient(circle, #e6e6e6 calc(1 * var(--px-to-rem)), transparent calc(1 * var(--px-to-rem)));
  background-position: left top;
  background-repeat: repeat-x;
  background-size: calc(5 * var(--px-to-rem)) calc(2 * var(--px-to-rem));
}
@media (max-width: 767px) {
  .p-stiKit__price {
    margin-top: calc(10.6 * var(--px-to-rem));
    padding-top: calc(16 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiKit__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(6 * var(--px-to-rem));
    border-left: calc(1 * var(--px-to-rem)) solid #e6e6e6;
    background: none;
  }
}
.p-stiKit__priceUnit {
  min-width: calc(75 * var(--px-to-rem));
  padding: calc(2 * var(--px-to-rem)) calc(11 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(16 * var(--px-to-rem));
  border-radius: 100vmax;
  text-align: center;
  background-color: #e3f8f6;
}
@media (min-width: 768px) {
  .p-stiKit__priceUnit {
    padding: calc(2 * var(--px-to-rem)) calc(24 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-stiKit__priceValue {
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
}
@media (min-width: 768px) {
  .p-stiKit__priceValue {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiKit__priceNum {
  margin-right: calc(1 * var(--px-to-rem));
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiKit__priceNum {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}

/************
* p-stiAbout : バニラメディカルで治療できる性感染症
************/
@media (min-width: 768px) {
  .p-stiAbout .c-sectionTitle__title {
    padding-bottom: calc(22.25 * var(--px-to-rem));
    line-height: calc(51.2 * var(--px-to-rem));
  }
}
.p-stiAbout__head {
  padding: calc(7 * var(--px-to-rem)) 0 calc(8 * var(--px-to-rem));
}
.p-stiAbout__headTxt {
  font-size: calc(16 * var(--px-to-rem));
  line-height: calc(22 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__headTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiAbout__contentHeadAnnoTxt {
  text-align: center;
}
.p-stiAbout__content {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__content {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-stiAbout__list {
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__list {
    margin-top: calc(40 * var(--px-to-rem));
  }
}
.p-stiAbout__symptomsHead {
  display: grid;
  place-content: center;
  padding: calc(6 * var(--px-to-rem));
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(20 * var(--px-to-rem));
  background-color: #edfcfa;
}
@media (min-width: 768px) {
  .p-stiAbout__symptomsHead {
    padding: calc(5 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiAbout__symptomsContent {
  display: grid;
  gap: calc(13.5 * var(--px-to-rem));
  padding: calc(8 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(17 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-stiAbout__symptomsContent {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 * var(--px-to-rem));
    padding: calc(12 * var(--px-to-rem)) calc(39 * var(--px-to-rem)) calc(22.5 * var(--px-to-rem));
  }
}
.p-stiAbout__caseHead {
  display: grid;
  place-content: center;
  padding: calc(3 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__caseHead {
    padding: calc(2 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiAbout__case--male .p-stiAbout__caseHead {
  background-color: #e1f7ff;
}
.p-stiAbout__case--female .p-stiAbout__caseHead {
  background-color: #fff0f7;
}
.p-stiAbout__caseContent {
  margin-top: calc(10 * var(--px-to-rem));
  padding: 0 calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__caseContent {
    margin-top: calc(12 * var(--px-to-rem));
    padding: 0 calc(15 * var(--px-to-rem));
  }
}
.p-stiAbout__caseList {
  display: grid;
}
.p-stiAbout__caseItem:not(:first-of-type) {
  margin-top: calc(8.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__caseItem:not(:first-of-type) {
    margin-top: calc(11 * var(--px-to-rem));
  }
}
.p-stiAbout__term {
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__term {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-stiAbout__detailList {
  display: grid;
  margin-top: calc(1.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__detailList {
    margin-top: calc(4 * var(--px-to-rem));
  }
}
.p-stiAbout__detailItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: calc(16 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
.p-stiAbout__detailItem:not(:first-of-type) {
  margin-top: calc(-1.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__detailItem:not(:first-of-type) {
    margin-top: calc(3 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiAbout__detailItem {
    padding-left: calc(18 * var(--px-to-rem));
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-stiAbout__detailItem::before {
  content: "";
  position: absolute;
  top: calc(2.9 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(16 * var(--px-to-rem));
  height: calc(16 * var(--px-to-rem));
  -webkit-mask: url(../img/common/icon_list_dot.svg) no-repeat center/contain;
          mask: url(../img/common/icon_list_dot.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-stiAbout__detailItem::before {
    top: calc(1.5 * var(--px-to-rem));
    width: calc(18 * var(--px-to-rem));
    height: calc(18 * var(--px-to-rem));
  }
}
.p-stiAbout__case--male .p-stiAbout__detailItem::before {
  background-color: #86c8e7;
}
.p-stiAbout__case--female .p-stiAbout__detailItem::before {
  background-color: #ffacd0;
}
.p-stiAbout__detailAnno {
  margin-top: calc(5.1 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiAbout__detailAnno {
    margin-top: calc(12.5 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}

.p-agaAbout__inner {
  background-color: #fff;
}
.p-agaAbout__content {
  margin-top: calc(25 * var(--px-to-rem));
  padding: calc(26.5 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
  background-color: #f2fbff;
}
@media (min-width: 768px) {
  .p-agaAbout__content {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(36.4 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.4 * var(--px-to-rem));
  }
}
.p-agaAbout__list {
  margin: calc(16.5 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-agaAbout__list {
    margin: calc(12.8 * var(--px-to-rem)) 0;
  }
}
.p-agaAbout__item {
  position: relative;
  padding-left: calc(18 * var(--px-to-rem));
}
.p-agaAbout__item:not(:first-of-type) {
  margin-top: calc(-0.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaAbout__item:not(:first-of-type) {
    margin-top: calc(4.8 * var(--px-to-rem));
  }
}
.p-agaAbout__item::before {
  content: "";
  position: absolute;
  top: calc(2.65 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(15 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  background-image: radial-gradient(circle, #86c7e9 calc(3.5 * var(--px-to-rem)), transparent calc(3.5 * var(--px-to-rem)));
  background-position: center;
}
@media (min-width: 768px) {
  .p-agaAbout__item::before {
    top: calc(4.1 * var(--px-to-rem));
    width: calc(17 * var(--px-to-rem));
    height: calc(17 * var(--px-to-rem));
    background-image: radial-gradient(circle, #86c7e9 calc(4 * var(--px-to-rem)), transparent calc(4 * var(--px-to-rem)));
  }
}

.p-agaPrice__content {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPrice__content {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-agaPriceSearch {
  padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-agaPriceSearch {
    margin-inline: calc(30 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(82 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-agaPriceSearch .c-heading {
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch .c-heading {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(32 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__list {
  display: grid;
  gap: calc(26.6 * var(--px-to-rem));
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30 * var(--px-to-rem)) calc(55 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termItem {
  position: relative;
  padding-left: calc(18 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termItem {
    padding-left: calc(18 * var(--px-to-rem));
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termItem:not(:first-of-type) {
  margin-top: calc(-0.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termItem:not(:first-of-type) {
    margin-top: calc(1.5 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termItem::before {
  content: "";
  position: absolute;
  top: calc(2.65 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(15 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  -webkit-mask: url(../img/common/icon-check.svg) no-repeat center/contain;
          mask: url(../img/common/icon-check.svg) no-repeat center/contain;
  background-color: #ff94c0;
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termItem::before {
    top: calc(3.75 * var(--px-to-rem));
    width: calc(18 * var(--px-to-rem));
    height: calc(18 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termLink {
  margin-top: calc(11.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termLink {
    margin-top: calc(11.2 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termLink--basic {
  position: relative;
  margin-top: calc(13.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termLink--basic {
    margin-top: calc(11.2 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termLink--basic::before {
  content: "ベーシック";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 10;
  padding: calc(2 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
  color: #fff;
  background-color: #6fc1ec;
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termLink--basic::before {
    padding: calc(2 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termLink .c-btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: calc(56 * var(--px-to-rem));
  padding: calc(16 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termLink .c-btn {
    height: calc(74 * var(--px-to-rem));
    padding: calc(20 * var(--px-to-rem)) calc(33 * var(--px-to-rem));
  }
}
.p-agaPriceSearch__termLink .c-btn__text {
  font-size: calc(15 * var(--px-to-rem));
  line-height: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPriceSearch__termLink .c-btn__text {
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(23 * var(--px-to-rem));
  }
}
.p-agaPrice .p-price__dtlContent {
  background: none;
}
.p-agaPrice .p-priceCompare {
  padding: 0 calc(5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-agaPrice .p-priceCompare {
    padding: 0;
  }
}
.p-agaPrice .p-accordionVisible__content::after {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(223, 245, 255, 0)), to(#dff5ff)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(223, 245, 255, 0) 0%, #dff5ff 100%) 0% 0% no-repeat padding-box;
}

.p-edAbout__inner {
  background-color: #fff;
}
.p-edAbout__content {
  margin-top: calc(25 * var(--px-to-rem));
  padding: calc(26.5 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
  background-color: #f2fbff;
}
@media (min-width: 768px) {
  .p-edAbout__content {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(36.4 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.4 * var(--px-to-rem));
  }
}
.p-edAbout__list {
  margin: calc(16.5 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-edAbout__list {
    margin: calc(12.8 * var(--px-to-rem)) 0;
  }
}
.p-edAbout__item {
  position: relative;
  padding-left: calc(18 * var(--px-to-rem));
}
.p-edAbout__item:not(:first-of-type) {
  margin-top: calc(-0.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edAbout__item:not(:first-of-type) {
    margin-top: calc(4.8 * var(--px-to-rem));
  }
}
.p-edAbout__item::before {
  content: "";
  position: absolute;
  top: calc(2.65 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(15 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  background-image: radial-gradient(circle, #86c7e9 calc(3.5 * var(--px-to-rem)), transparent calc(3.5 * var(--px-to-rem)));
  background-position: center;
}
@media (min-width: 768px) {
  .p-edAbout__item::before {
    top: calc(4.1 * var(--px-to-rem));
    width: calc(17 * var(--px-to-rem));
    height: calc(17 * var(--px-to-rem));
    background-image: radial-gradient(circle, #86c7e9 calc(4 * var(--px-to-rem)), transparent calc(4 * var(--px-to-rem)));
  }
}

.p-edMed__content {
  margin-top: calc(21.7 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__content {
    margin-top: calc(46.2 * var(--px-to-rem));
  }
}
.p-edMed__desc {
  padding-inline: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__desc {
    padding-inline: calc(30 * var(--px-to-rem));
  }
}
.p-edMed__descTxt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__descTxt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-edMed__descAnno {
  margin-top: calc(20.2 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__descAnno {
    margin-top: calc(14.7 * var(--px-to-rem));
  }
}
.p-edMed__list {
  overflow: hidden;
  display: grid;
  margin-top: calc(24.5 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #a3d6f2;
  border-radius: calc(9 * var(--px-to-rem)) calc(9 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__list {
    margin-top: calc(18.5 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-edMed__item:first-of-type .p-edMed__itemHead {
  padding: calc(15 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(15.5 * var(--px-to-rem));
}
.p-edMed__itemHead {
  display: grid;
  place-content: center;
  padding: calc(7.4 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(8.4 * var(--px-to-rem));
  background-color: #6fc1ec;
}
@media (min-width: 768px) {
  .p-edMed__itemHead {
    padding: calc(16 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(15.5 * var(--px-to-rem));
  }
}
.p-edMed__itemHeadTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(22.4 * var(--px-to-rem));
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .p-edMed__itemHeadTxt {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-edMed__dtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(1 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__dtl {
    margin-top: 0;
  }
}
.p-edMed__dtlItem {
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-edMed__dtlItem {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.p-edMed__dtlItem:not(:first-of-type) .p-edMed__dtlHead {
  position: relative;
}
.p-edMed__dtlItem:not(:first-of-type) .p-edMed__dtlHead::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: calc(1 * var(--px-to-rem));
  height: 100%;
  background-color: #6fc1ec;
}
.p-edMed__dtlItem:not(:first-of-type) .p-edMed__dtlContent {
  position: relative;
}
.p-edMed__dtlItem:not(:first-of-type) .p-edMed__dtlContent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: calc(1 * var(--px-to-rem));
  height: calc(100% - 6 * var(--px-to-rem));
  background-color: #e6e6e6;
}
@media (min-width: 768px) {
  .p-edMed__dtlItem:not(:first-of-type) .p-edMed__dtlContent::before {
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
  }
}
.p-edMed__dtlItem:nth-of-type(-n + 3) {
  width: 33.3333333333%;
}
@media (min-width: 768px) {
  .p-edMed__dtlItem:nth-of-type(-n + 3) {
    width: inherit;
  }
}
.p-edMed__dtlItem:nth-of-type(4), .p-edMed__dtlItem:nth-of-type(5) {
  width: 50%;
  margin-top: calc(1 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__dtlItem:nth-of-type(4), .p-edMed__dtlItem:nth-of-type(5) {
    width: inherit;
    margin-top: 0;
  }
}
.p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlContent, .p-edMed__dtlItem:nth-of-type(5) .p-edMed__dtlContent {
  margin: calc(1.45 * var(--px-to-rem)) 0 calc(2 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlContent, .p-edMed__dtlItem:nth-of-type(5) .p-edMed__dtlContent {
    margin: 0;
  }
}
.p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlHead::before,
.p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlContent::before {
  content: none;
}
@media (min-width: 768px) {
  .p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlHead::before,
  .p-edMed__dtlItem:nth-of-type(4) .p-edMed__dtlContent::before {
    content: "";
  }
}
.p-edMed__dtlHead {
  display: grid;
  place-content: center;
  min-height: calc(40 * var(--px-to-rem));
  background-color: #dff5ff;
}
@media (min-width: 768px) {
  .p-edMed__dtlHead {
    min-height: calc(52 * var(--px-to-rem));
    border-bottom: calc(1 * var(--px-to-rem)) solid #6fc1ec;
  }
}
.p-edMed__dtlHeadTxt {
  font-size: calc(12 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(16.8 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-edMed__dtlHeadTxt {
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}
.p-edMed__dtlContent {
  display: grid;
  place-content: center;
  min-height: calc(40 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-edMed__dtlContent {
    min-height: calc(52 * var(--px-to-rem));
  }
}
.p-edMed__dtlContentTxt {
  font-size: calc(12 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(17 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-edMed__dtlContentTxt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(19.2 * var(--px-to-rem));
  }
}
.p-edMed__dtlContentTxt--sm {
  font-size: calc(11 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-edMed__dtlContentTxt--sm {
    font-size: calc(16 * var(--px-to-rem));
  }
}

.p-skinAbout__inner {
  background-color: #fff;
}
.p-skinAbout__content {
  margin-top: calc(25 * var(--px-to-rem));
  padding: calc(26.5 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
  background-color: #edfcfa;
}
@media (min-width: 768px) {
  .p-skinAbout__content {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(36.4 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.4 * var(--px-to-rem));
  }
}
.p-skinAbout__list {
  margin: calc(16.5 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-skinAbout__list {
    margin: calc(12.8 * var(--px-to-rem)) 0;
  }
}
.p-skinAbout__item {
  position: relative;
  padding-left: calc(18 * var(--px-to-rem));
}
.p-skinAbout__item:not(:first-of-type) {
  margin-top: calc(-0.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinAbout__item:not(:first-of-type) {
    margin-top: calc(4.8 * var(--px-to-rem));
  }
}
.p-skinAbout__item::before {
  content: "";
  position: absolute;
  top: calc(2.65 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(15 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  background-image: radial-gradient(circle, #86c7e9 calc(3.5 * var(--px-to-rem)), transparent calc(3.5 * var(--px-to-rem)));
  background-position: center;
}
@media (min-width: 768px) {
  .p-skinAbout__item::before {
    top: calc(4.1 * var(--px-to-rem));
    width: calc(17 * var(--px-to-rem));
    height: calc(17 * var(--px-to-rem));
    background-image: radial-gradient(circle, #86c7e9 calc(4 * var(--px-to-rem)), transparent calc(4 * var(--px-to-rem)));
  }
}

.p-skinList {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
}
.p-skinList__item {
  overflow: hidden;
  border: calc(1 * var(--px-to-rem)) solid var(--lp-theme-border);
  border-radius: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinList__item {
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-skinList__head {
  display: grid;
  place-content: center;
  padding: calc(10 * var(--px-to-rem)) 0;
  font-weight: 600;
  color: #fff;
  background-color: var(--lp-theme-accent);
}
@media (min-width: 768px) {
  .p-skinList__head {
    padding: calc(12 * var(--px-to-rem));
  }
}
.p-skinList__headTxt--bg {
  padding: calc(2 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  border-radius: 100vmax;
  color: var(--lp-theme-accent);
  background-color: #fff;
}

.p-skinPlan {
  padding: calc(30 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-skinPlan {
    max-width: calc(841 * var(--px-to-rem));
    margin-inline: auto;
    padding: calc(40 * var(--px-to-rem)) calc(83 * var(--px-to-rem));
  }
}
.p-skinPlan .c-heading {
  font-size: calc(16 * var(--px-to-rem));
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan .c-heading {
    padding-left: calc(16 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-skinPlan__head {
  font-size: calc(20 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(30 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-skinPlan__head {
    font-size: calc(28 * var(--px-to-rem));
    line-height: calc(42 * var(--px-to-rem));
  }
}
.p-skinPlan__list {
  margin-top: calc(20 * var(--px-to-rem));
}
.p-skinPlan__listHeadTxt {
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(22 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__listHeadTxt {
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-skinPlan__listContent {
  padding: calc(25 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(29 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-skinPlan__listContent {
    padding: calc(35 * var(--px-to-rem)) calc(29 * var(--px-to-rem)) calc(24 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-skinPlan__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(20 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-skinPlan__info:not(:has(.p-skinPlan__dtl)) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .p-skinPlan__info:not(:has(.p-skinPlan__dtl)) + .p-skinPlan__link {
    margin-top: calc(32 * var(--px-to-rem));
  }
}
.p-skinPlan__txt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-skinPlan__dtl {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__dtl {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: calc(265 * var(--px-to-rem));
    margin-top: 0;
  }
}
.p-skinPlan__dtlInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(15 * var(--px-to-rem));
  margin-top: calc(16 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__dtlInner {
    gap: calc(10 * var(--px-to-rem));
    margin-top: calc(10 * var(--px-to-rem));
  }
}
.p-skinPlan__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(127 * var(--px-to-rem));
  height: auto;
}
.p-skinPlan__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-skinPlan__targetItem {
  position: relative;
  padding-left: calc(18 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__targetItem {
    padding-left: calc(18 * var(--px-to-rem));
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
  }
}
.p-skinPlan__targetItem:not(:first-of-type) {
  margin-top: calc(-0.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__targetItem:not(:first-of-type) {
    margin-top: calc(1.5 * var(--px-to-rem));
  }
}
.p-skinPlan__targetItem::before {
  content: "";
  position: absolute;
  top: calc(2.65 * var(--px-to-rem));
  left: 0;
  display: inline-block;
  width: calc(15 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  -webkit-mask: url(../img/common/icon-check.svg) no-repeat center/contain;
          mask: url(../img/common/icon-check.svg) no-repeat center/contain;
  background-color: #ff94c0;
}
@media (min-width: 768px) {
  .p-skinPlan__targetItem::before {
    top: calc(3.75 * var(--px-to-rem));
    width: calc(18 * var(--px-to-rem));
    height: calc(18 * var(--px-to-rem));
  }
}
.p-skinPlan__link {
  margin-top: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__link {
    margin-top: calc(15 * var(--px-to-rem));
  }
}
.p-skinPlan__link .c-btn {
  width: calc(275 * var(--px-to-rem));
  height: calc(49 * var(--px-to-rem));
  margin: 0 auto;
  padding: calc(13 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPlan__link .c-btn {
    border-width: calc(2 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-skinPlan__link .c-btn__text {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}

.p-skinMethod__content {
  margin-top: calc(25 * var(--px-to-rem));
  padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #edfcfa;
}
@media (min-width: 768px) {
  .p-skinMethod__content {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(110 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-skinMethod__list {
  display: grid;
  gap: calc(40 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinMethod__list {
    gap: calc(60 * var(--px-to-rem));
  }
}
.p-skinMethod__item {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinMethod__item {
    gap: calc(30 * var(--px-to-rem));
    justify-items: center;
  }
}
.p-skinMethod__img {
  width: calc(305 * var(--px-to-rem));
  height: auto;
}
@media (min-width: 768px) {
  .p-skinMethod__img {
    width: calc(360 * var(--px-to-rem));
  }
}
.p-skinMethod__txt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinMethod__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}

.c-heading--diet.c-heading {
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(27 * var(--px-to-rem));
}
.c-heading--diet.c-heading::before {
  height: calc(20 * var(--px-to-rem));
}

.p-dietList li {
  position: relative;
}
.p-dietList li::before {
  content: "";
  position: absolute;
  left: 0;
  aspect-ratio: 1/1;
  height: auto;
  -webkit-mask: no-repeat center/contain;
          mask: no-repeat center/contain;
}
.p-dietList--disc li {
  padding-left: calc(16 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietList--disc li {
    padding-left: calc(18 * var(--px-to-rem));
  }
}
.p-dietList--disc li::before {
  top: calc(2 * var(--px-to-rem));
  width: calc(16 * var(--px-to-rem));
  -webkit-mask-image: url(../img/lp/medical-diet/icon_list_disc.svg);
          mask-image: url(../img/lp/medical-diet/icon_list_disc.svg);
  background-color: #ff8fbd;
}
@media (min-width: 768px) {
  .p-dietList--disc li::before {
    top: calc(5 * var(--px-to-rem));
    width: calc(17 * var(--px-to-rem));
  }
}
.p-dietList--check li {
  padding-left: calc(18 * var(--px-to-rem));
}
.p-dietList--check li::before {
  top: calc(2.5 * var(--px-to-rem));
  width: calc(15 * var(--px-to-rem));
  background-image: url(../img/lp/medical-diet/icon_list_check.svg);
}
@media (min-width: 768px) {
  .p-dietList--check li::before {
    top: calc(6 * var(--px-to-rem));
  }
}

.p-dietFv .p-lpFv .l-container {
  padding-inline: calc(4 * var(--px-to-rem)) calc(5 * var(--px-to-rem));
}

.p-dietAbout__body {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__body {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-dietAbout__head {
  padding-inline: calc(15 * var(--px-to-rem));
}
.p-dietAbout__headTxt {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(27 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietAbout__headTxt {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(32 * var(--px-to-rem));
  }
}
.p-dietAbout__content {
  margin-top: calc(13 * var(--px-to-rem));
  padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #edfcfa;
}
@media (min-width: 768px) {
  .p-dietAbout__content {
    margin-top: calc(30 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-dietAbout__list {
  display: grid;
  gap: calc(30 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__list {
    gap: calc(40 * var(--px-to-rem));
  }
}
.p-dietAbout__listContent {
  margin-top: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__listContent {
    margin-top: calc(16 * var(--px-to-rem));
  }
}
.p-dietAbout__txt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-dietAbout__txt + .p-dietAbout__txt:not(:first-of-type), .p-dietAbout__pointHead + .p-dietAbout__txt {
  margin-top: calc(10 * var(--px-to-rem));
}
.p-dietAbout__point {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
  margin-top: calc(20 * var(--px-to-rem));
  padding-left: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__point {
    gap: calc(21 * var(--px-to-rem));
    margin-top: calc(20.5 * var(--px-to-rem));
  }
}
.p-dietAbout__pointItem:nth-of-type(1) .p-dietAbout__pointHead::before {
  background-image: url(../img/lp/medical-diet/icon_num_01.svg);
}
.p-dietAbout__pointItem:nth-of-type(2) .p-dietAbout__pointHead::before {
  background-image: url(../img/lp/medical-diet/icon_num_02.svg);
}
.p-dietAbout__pointHead {
  position: relative;
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__pointHead {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietAbout__pointHead::before {
  content: "";
  position: absolute;
  top: calc(1.9 * var(--px-to-rem));
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  display: inline-block;
  width: calc(20 * var(--px-to-rem));
  height: calc(20 * var(--px-to-rem));
  background: no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-dietAbout__pointHead::before {
    top: 0;
    width: calc(27 * var(--px-to-rem));
    height: calc(27 * var(--px-to-rem));
  }
}
.p-dietAbout__copy {
  margin-top: calc(30 * var(--px-to-rem));
  padding-inline: calc(17 * var(--px-to-rem)) calc(16 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietAbout__copy {
    margin-top: calc(50 * var(--px-to-rem));
    padding-inline: 0;
  }
}
.p-dietAbout__copyTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(34.5 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietAbout__copyTxt {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(38.4 * var(--px-to-rem));
  }
}

.p-dietEffect__body {
  margin-top: calc(25 * var(--px-to-rem));
  padding: calc(20 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-dietEffect__body {
    margin-top: calc(50 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(83 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-dietEffect__head {
  position: relative;
  padding-bottom: calc(13 * var(--px-to-rem));
}
.p-dietEffect__head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(2 * var(--px-to-rem));
  background-color: #99e6dd;
}
.p-dietEffect__headTxt {
  font-size: calc(20 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(30 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietEffect__headTxt {
    font-size: calc(28 * var(--px-to-rem));
    line-height: calc(38 * var(--px-to-rem));
  }
}
.p-dietEffect__content {
  margin-top: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietEffect__content {
    margin-top: calc(20 * var(--px-to-rem));
  }
}
.p-dietEffect__contentHeadTxt {
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietEffect__contentHeadTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietEffect__contentHeadTxt--lg {
  display: inline-block;
  font-size: calc(20 * var(--px-to-rem));
  line-height: calc(30 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietEffect__contentHeadTxt--lg {
    margin-top: calc(7 * var(--px-to-rem));
    font-size: calc(28 * var(--px-to-rem));
    line-height: calc(38 * var(--px-to-rem));
  }
}
.p-dietEffect__list {
  display: grid;
  gap: calc(22 * var(--px-to-rem));
  margin-top: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietEffect__list {
    margin-top: calc(20 * var(--px-to-rem));
    gap: calc(20 * var(--px-to-rem));
  }
}
.p-dietEffect__item {
  display: grid;
  justify-items: center;
  padding: calc(15 * var(--px-to-rem)) calc(12 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  border-radius: calc(10 * var(--px-to-rem));
  background-color: #f2fcfb;
}
@media (min-width: 768px) {
  .p-dietEffect__item {
    padding: calc(30 * var(--px-to-rem)) calc(58 * var(--px-to-rem));
  }
}
.p-dietEffect__itemHead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(3 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: 100vmax;
  background-color: #ff8fbd;
}
@media (min-width: 768px) {
  .p-dietEffect__itemHead {
    padding: calc(3 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  }
}
.p-dietEffect__itemHeadTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  color: #fff;
}
@media (min-width: 768px) {
  .p-dietEffect__itemHeadTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietEffect__itemContent {
  display: grid;
  justify-items: center;
  margin-top: calc(5 * var(--px-to-rem));
}
.p-dietEffect__itemContent::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: calc(48 * var(--px-to-rem));
  height: auto;
  background: no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-dietEffect__itemContent::before {
    width: calc(67 * var(--px-to-rem));
  }
}
.p-dietEffect__itemContent--appetite::before {
  background-image: url(../img/lp/medical-diet/icon_dietEffect_appetite.svg);
}
.p-dietEffect__itemContent--satisfy::before {
  background-image: url(../img/lp/medical-diet/icon_dietEffect_satisfy.svg);
}
.p-dietEffect__itemContent--support::before {
  background-image: url(../img/lp/medical-diet/icon_dietEffect_support.svg);
}
.p-dietEffect__dsc {
  margin-top: calc(9 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietEffect__dsc {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietEffect__txt {
  margin-top: calc(10 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietEffect__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-dietEffect__result {
  display: grid;
  justify-items: center;
  gap: calc(7 * var(--px-to-rem));
  margin-top: calc(9 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
  color: #fd679b;
}
@media (min-width: 768px) {
  .p-dietEffect__result {
    gap: calc(10 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietEffect__result::before {
  content: "";
  display: inline-block;
  width: calc(32 * var(--px-to-rem));
  height: calc(15 * var(--px-to-rem));
  background: url(../img/lp/medical-diet/icon_arrowDown_pink.svg) no-repeat center/contain;
}

.p-dietPrice .c-heading {
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(27 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPrice .c-heading {
    font-size: calc(24 * var(--px-to-rem));
    line-height: calc(32 * var(--px-to-rem));
  }
}
.p-dietPrice .c-heading::before {
  height: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPrice .c-heading::before {
    height: calc(24 * var(--px-to-rem));
  }
}
.p-dietPrice .p-accordionVisible__content::after {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}
.p-dietPrice .c-btn--line {
  margin: calc(30 * var(--px-to-rem)) auto 0;
}
@media (min-width: 768px) {
  .p-dietPrice .c-btn--line {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-dietPrice .p-priceTab__aboutDtl .p-dietList--disc li::before {
  background-color: #7be2d3;
}

.p-dietPricePlan {
  padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #f2fcfb;
}
@media (min-width: 768px) {
  .p-dietPricePlan {
    margin-inline: calc(30 * var(--px-to-rem));
    padding: calc(40 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
  }
}
.p-dietPricePlan__head {
  padding-inline: calc(5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__head {
    padding-inline: 0;
  }
}
.p-dietPricePlan__headTxt {
  margin-top: calc(15.5 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__headTxt {
    margin-top: calc(12.25 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-dietPricePlan__headAnno {
  margin-top: calc(5.5 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__headAnno {
    margin-top: calc(12.25 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(17 * var(--px-to-rem));
  }
}
.p-dietPricePlan__content {
  margin-top: calc(28.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__content {
    margin-top: calc(40 * var(--px-to-rem));
  }
}
.p-dietPricePlan__card {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__card {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30 * var(--px-to-rem));
  }
}
.p-dietPricePlan__cardItem {
  overflow: hidden;
  border-radius: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__cardItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    border: calc(1 * var(--px-to-rem)) solid #73ddd0;
  }
}
@media (min-width: 768px) {
  .p-dietPricePlan__cardItem--full {
    grid-column: 1/3;
  }
}
.p-dietPricePlan__cardItem--pale {
  border: calc(1 * var(--px-to-rem)) solid #def9f6;
}
.p-dietPricePlan__cardHead {
  display: grid;
  place-content: center;
  padding: calc(10 * var(--px-to-rem));
  background-color: #5dd1c4;
}
@media (min-width: 768px) {
  .p-dietPricePlan__cardHead {
    padding: calc(8 * var(--px-to-rem)) calc(9 * var(--px-to-rem)) calc(6 * var(--px-to-rem));
  }
}
.p-dietPricePlan__cardHead--pale {
  background-color: #def9f6;
}
.p-dietPricePlan__cardHeadTxt {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(24 * var(--px-to-rem));
  color: #fff;
}
.p-dietPricePlan__cardHead--pale .p-dietPricePlan__cardHeadTxt {
  font-size: calc(17 * var(--px-to-rem));
  color: #00366b;
}
.p-dietPricePlan__cardContent {
  padding: calc(14 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-dietPricePlan__cardContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: calc(19.5 * var(--px-to-rem)) calc(19 * var(--px-to-rem)) calc(19 * var(--px-to-rem));
  }
}
.p-dietPricePlan__dsc {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(25.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__dsc {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(25.6 * var(--px-to-rem));
  }
}
.p-dietPricePlan .c-heading--diet.c-heading {
  margin-top: calc(5 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan .c-heading--diet.c-heading {
    margin-top: calc(13 * var(--px-to-rem));
    padding-left: calc(16 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(22.1 * var(--px-to-rem));
  }
}
.p-dietPricePlan .c-heading--diet.c-heading::before {
  top: calc(2.2 * var(--px-to-rem));
  height: calc(18 * var(--px-to-rem));
  background-color: #ff8fbd;
}
@media (min-width: 768px) {
  .p-dietPricePlan .c-heading--diet.c-heading::before {
    top: calc(1 * var(--px-to-rem));
    height: calc(20 * var(--px-to-rem));
  }
}
.p-dietPricePlan__list {
  display: grid;
  gap: calc(5 * var(--px-to-rem));
  margin-top: calc(6.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(4 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
    margin-top: calc(9.5 * var(--px-to-rem));
  }
}
.p-dietPricePlan__item {
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(16 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__item {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(20 * var(--px-to-rem));
  }
}
.p-dietList--disc .p-dietPricePlan__item::before {
  top: 0;
  -webkit-transform: translateY(calc(-0.5 * var(--px-to-rem)));
          transform: translateY(calc(-0.5 * var(--px-to-rem)));
}
@media (min-width: 768px) {
  .p-dietList--disc .p-dietPricePlan__item::before {
    top: calc(1 * var(--px-to-rem));
    -webkit-transform: unset;
            transform: unset;
    width: calc(17 * var(--px-to-rem));
    -webkit-mask-size: calc(25.6 * var(--px-to-rem)) auto;
            mask-size: calc(25.6 * var(--px-to-rem)) auto;
  }
}
.p-dietPricePlan__link {
  margin-top: auto;
}
.p-dietPricePlan__link .c-btn {
  width: calc(275 * var(--px-to-rem));
  min-height: calc(49 * var(--px-to-rem));
  margin-top: calc(14 * var(--px-to-rem));
  margin-inline: auto;
  padding: calc(13 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__link .c-btn {
    margin-top: calc(17 * var(--px-to-rem));
    border-width: calc(2 * var(--px-to-rem));
  }
}
.p-dietPricePlan__link .c-btn__text {
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPricePlan__link .c-btn__text {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}

.p-dietPriceCardList {
  display: grid;
  gap: calc(40 * var(--px-to-rem));
  margin: calc(60 * var(--px-to-rem)) calc(5 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-dietPriceCardList {
    margin-inline: 0;
  }
}

.p-dietPriceCard {
  overflow: hidden;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #def9f6;
}
.p-dietPriceCard .c-btn--line {
  margin: calc(30 * var(--px-to-rem)) auto 0;
}
.p-dietPriceCard__head {
  display: grid;
  place-content: center;
  justify-items: center;
  padding: calc(10 * var(--px-to-rem));
  color: #fff;
  background-color: #5dd1c4;
}
@media (min-width: 768px) {
  .p-dietPriceCard__head {
    padding: calc(18 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  }
}
.p-dietPriceCard__headTxt {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard__headTxt {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-dietPriceCard__headAnno {
  margin-top: calc(2 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard__headAnno {
    margin-top: calc(8 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-dietPriceCard__content {
  padding: calc(20 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(40 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard__content {
    padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(40 * var(--px-to-rem));
  }
}
.p-dietPriceCard__anno {
  margin-top: calc(10 * var(--px-to-rem));
  padding-inline: calc(10 * var(--px-to-rem)) calc(11 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard__anno {
    margin-top: calc(20 * var(--px-to-rem));
    padding-inline: calc(30 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19.6 * var(--px-to-rem));
  }
}
.p-dietPriceCard .p-priceComp__type {
  place-content: unset;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  height: auto;
  border-radius: calc(11 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard .p-priceComp__type {
    border-radius: 0;
  }
}
.p-dietPriceCard .p-priceComp__typeTxt {
  padding: calc(3 * var(--px-to-rem));
  text-align: center;
  line-height: calc(11.9 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard .p-priceComp__typeTxt {
    padding: calc(6 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}
.p-dietPriceCard .p-priceComp__typeTxt--sm {
  font-size: calc(8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceCard .p-priceComp__typeTxt--sm {
    margin-top: calc(-3 * var(--px-to-rem));
    font-size: calc(12 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
@media (max-width: 767px) {
  .p-dietPriceCard .p-priceComp__price:not(:has(.p-priceComp__priceTxt--onceTxt)) {
    padding-top: 0;
  }
}

.p-dietPriceType {
  overflow: hidden;
  border: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
  border-radius: calc(10 * var(--px-to-rem));
}
.p-dietPriceType:not(:first-of-type) {
  margin-top: calc(30 * var(--px-to-rem));
}
.p-dietPriceType--others {
  display: grid;
  gap: calc(9 * var(--px-to-rem));
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .p-dietPriceType--others {
    gap: calc(30 * var(--px-to-rem));
  }
}
.p-dietPriceType--others .p-dietPriceType__item {
  overflow: hidden;
  border: calc(1 * var(--px-to-rem)) solid #48d2d2;
  border-radius: calc(10 * var(--px-to-rem));
}
.p-dietPriceType__head {
  display: grid;
  place-content: center;
  padding: calc(11.4 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(9.4 * var(--px-to-rem));
  color: #fff;
  background-color: #48d2d2;
}
@media (min-width: 768px) {
  .p-dietPriceType__head {
    padding: calc(11 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
  }
}
.p-dietPriceType__headTxt {
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(25.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-dietPriceType__headTxt {
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(28 * var(--px-to-rem));
  }
}
.p-dietPriceType__content {
  padding: 0 0 calc(20 * var(--px-to-rem));
  background-color: #fff;
}
.p-dietPriceType__content:not(:has(.p-dietInfo)) {
  padding-bottom: 0;
}
.p-dietPriceType__content:not(:has(.p-dietInfo)) .p-priceTab__item:last-of-type {
  border-bottom: none;
}
.p-dietPriceType__dsc {
  padding: calc(19 * var(--px-to-rem)) calc(10.5 * var(--px-to-rem)) calc(14.4 * var(--px-to-rem)) calc(11 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dsc {
    padding: calc(19.25 * var(--px-to-rem)) calc(30 * var(--px-to-rem)) calc(18.8 * var(--px-to-rem));
  }
}
.p-dietPriceType__dsc .c-heading--diet.c-heading {
  font-size: calc(16 * var(--px-to-rem));
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dsc .c-heading--diet.c-heading {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(25.6 * var(--px-to-rem));
  }
}
.p-dietPriceType__dsc .c-heading--diet.c-heading::before {
  top: calc(2.2 * var(--px-to-rem));
  height: calc(18 * var(--px-to-rem));
  background-color: #5dd1c4;
}
@media (min-width: 768px) {
  .p-dietPriceType__dsc .c-heading--diet.c-heading::before {
    top: calc(1 * var(--px-to-rem));
    height: calc(24 * var(--px-to-rem));
  }
}
.p-dietPriceType__dscTxt {
  margin-top: calc(7 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dscTxt {
    margin-top: calc(6 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-dietPriceType__dscTarget {
  margin-top: calc(22 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dscTarget {
    margin-top: calc(20.75 * var(--px-to-rem));
  }
}
.p-dietPriceType__dscTargetHead {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dscTargetHead {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-dietPriceType__dscTargetList {
  display: grid;
  gap: calc(3.2 * var(--px-to-rem));
  margin-top: calc(2.6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dscTargetList {
    margin-top: calc(2.8 * var(--px-to-rem));
  }
}
.p-dietPriceType__dscTargetItem {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietPriceType__dscTargetItem {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-dietPriceType .p-medicalDietPrice__box {
    display: grid;
    grid-template-areas: "about tabBox" "about tabContent";
    grid-template-columns: calc(360 * var(--px-to-rem)) 1fr;
    row-gap: calc(13 * var(--px-to-rem));
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-dietPriceType .p-medicalDietPrice__box:has(.p-medicalDietPrice__tabs) {
    grid-template-rows: auto 1fr;
  }
}
@media (min-width: 768px) {
  .p-dietPriceType .p-medicalDietPrice__box:not(:has(.p-medicalDietPrice__tabs)) {
    grid-template-areas: "about tabContent";
  }
  .p-dietPriceType .p-medicalDietPrice__box:not(:has(.p-medicalDietPrice__tabs)) .p-priceComp__typeList {
    border-top: none;
  }
  .p-dietPriceType .p-priceTab__about {
    grid-area: about;
  }
  .p-dietPriceType .p-medicalDietPrice__tabContent {
    grid-area: tabContent;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-dietPriceType .p-medicalDietPrice__tabContent {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}

.p-dietInfo {
  margin-top: calc(28.5 * var(--px-to-rem));
  padding-inline: calc(8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfo {
    margin-top: calc(20 * var(--px-to-rem));
    padding-inline: calc(29 * var(--px-to-rem));
  }
}
.p-dietInfo__bodyList {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
}
.p-dietInfo__list {
  display: grid;
  gap: calc(24.85 * var(--px-to-rem));
}
.p-dietInfo__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: calc(5 * var(--px-to-rem)) calc(7 * var(--px-to-rem)) calc(5 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #73ddd0;
  border-radius: 100vmax;
  background-color: #e3f8f6;
}
@media (min-width: 768px) {
  .p-dietInfo__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(10 * var(--px-to-rem));
    padding: 0 calc(30 * var(--px-to-rem));
  }
}
.p-dietInfo__btnTxt {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  text-align: left;
}
@media (min-width: 768px) {
  .p-dietInfo__btnTxt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(16 * var(--px-to-rem));
  }
}
.p-dietInfo__btn .c-toggleIcon {
  position: static;
  background-color: #5dd1c4;
}
.p-dietInfo__btnClose {
  position: relative;
  display: grid;
  place-content: center;
  width: calc(159 * var(--px-to-rem));
  height: calc(34 * var(--px-to-rem));
  margin: calc(20 * var(--px-to-rem)) auto 0;
  border: calc(1 * var(--px-to-rem)) solid var(--lp-theme-accent);
  border-radius: 100vmax;
  background-color: #fff;
}
.p-dietInfo__btnClose .c-btn__text {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(19 * var(--px-to-rem));
}
.p-dietInfo__btnClose .c-toggleIcon {
  top: 50%;
  background-color: #5dd1c4;
}
.p-dietInfo__btnClose[aria-expanded=true] .c-toggleIcon {
  -webkit-transform: translate(0, calc(-50% + 1 * var(--px-to-rem))) rotate(180deg);
          transform: translate(0, calc(-50% + 1 * var(--px-to-rem))) rotate(180deg);
}
.p-dietInfo__content {
  padding: calc(10.25 * var(--px-to-rem)) calc(3 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-dietInfo__content {
    padding: calc(11.25 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) 0;
  }
}
.p-dietInfo .c-heading--diet.c-heading {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfo .c-heading--diet.c-heading {
    padding-left: calc(11 * var(--px-to-rem));
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(25.6 * var(--px-to-rem));
  }
}
.p-dietInfo .c-heading--diet.c-heading::before {
  top: calc(2.2 * var(--px-to-rem));
  height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfo .c-heading--diet.c-heading::before {
    top: calc(0.8 * var(--px-to-rem));
    height: calc(24 * var(--px-to-rem));
  }
}
.p-dietInfo__txt {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfo__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
@media (max-width: 767px) {
  .p-dietInfo__txt:not(:first-of-type) {
    margin-top: calc(8.25 * var(--px-to-rem));
  }
}
.p-dietInfoList {
  display: grid;
  gap: calc(8.5 * var(--px-to-rem));
  margin-top: calc(8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfoList {
    margin-top: calc(8.5 * var(--px-to-rem));
  }
}
.p-dietInfoList li::before {
  background-color: #73ddd0;
}
.p-dietInfoList__head {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfoList__head {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-dietInfoList__txt {
  margin-top: calc(3.5 * var(--px-to-rem));
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(23.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfoList__txt {
    margin-top: calc(2.25 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-dietInfoList__anno {
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(15.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-dietInfoList__anno {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19.6 * var(--px-to-rem));
  }
}

.p-medicalDietPrice--3tabs {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-medicalDietPrice--3tabs .p-medicalDietPrice__box {
  margin-top: 0 !important;
}

.p-medicalDietPrice--3tabs-nested .p-medicalDietPrice__tabs {
  pointer-events: none;
}

.p-medicalDietPrice--3tabs-nested .p-medicalDietPrice__tabContent {
  border: 1px solid #99e6dd;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
}

.p-medicalDietPrice__tabs {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: calc(2 * var(--px-to-rem)) solid #73ddd0;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}
@media (min-width: 768px) {
  .p-medicalDietPrice__tabs {
    grid-area: tabBox;
    margin-top: calc(9 * var(--px-to-rem));
    border-width: calc(3 * var(--px-to-rem));
  }
}

.p-medicalDietPrice__tab {
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(9 * var(--px-to-rem)) calc(5 * var(--px-to-rem));
  border: none;
  color: #00366b;
  font-size: calc(12 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(16 * var(--px-to-rem));
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-medicalDietPrice__tab:not(:first-of-type):not(.is-active)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: calc(1 * var(--px-to-rem));
  height: calc(20 * var(--px-to-rem));
  background-color: #d6d6d6;
}
@media (min-width: 768px) {
  .p-medicalDietPrice__tab:not(:first-of-type):not(.is-active)::after {
    height: calc(24 * var(--px-to-rem));
  }
}
.p-medicalDietPrice__tab.is-active + .p-medicalDietPrice__tab::after {
  content: none;
}

.p-medicalDietPrice__tab:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-medicalDietPrice__tab:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-medicalDietPrice__tab::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  content: "";
}

.p-medicalDietPrice__tab.is-active {
  z-index: 1;
  color: #fff;
}

.p-medicalDietPrice__tab.is-active::before {
  right: 0;
  left: 0;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #73ddd0;
}

.p-medicalDietPrice__tab:first-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-medicalDietPrice__tab:last-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-medicalDietPrice__tab:not(.is-active)::before {
  background-color: #f8f8f8;
}

.is-active + .p-medicalDietPrice__tab:not(.is-active)::before {
  right: 0;
  left: -15px;
  left: -0.9375rem;
  border-radius: 0.625rem 0 0 0;
}

.p-medicalDietPrice__tabContent {
  display: none;
}

.p-medicalDietPrice__tabContent.is-active {
  display: block;
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__tab.is-active::after {
  display: none;
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__tab.is-active + .p-medicalDietPrice__tab::after {
  display: none;
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__tab.is-active::before {
  background-color: #73ddd0;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__tabs {
  margin-top: 0;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__tab + .p-medicalDietPrice__tab::after {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d6d6d6;
  width: 1px;
  height: 60%;
  content: "";
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__tab.is-active::after {
  display: none;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__tab.is-active + .p-medicalDietPrice__tab::after {
  display: none;
}

.p-medicalDietPrice__tab--recommend {
  position: relative;
  padding-top: 18px;
  padding-top: 1.125rem;
}

.p-medicalDietPrice__tabRecommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -10px;
  top: -0.625rem;
  left: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../img/lp/after/bubble.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 3px 5px;
  padding: 0.1875rem 0.3125rem;
  min-width: 65px;
  min-width: 4.0625rem;
  min-height: 21px;
  min-height: 1.3125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-medicalDietPrice__tabRecommend span {
  display: block;
  -webkit-transform: translateY(-0.125rem);
  transform: translateY(-0.125rem);
}

@media (min-width: 768px) {
  .p-medicalDietPrice__tab {
    padding: calc(7 * var(--px-to-rem));
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(20 * var(--px-to-rem));
  }
  .p-medicalDietPrice__tab:hover:not(.is-active) {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-medicalDietPrice__tab:hover:not(.is-active)::before {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-medicalDietPrice__tab--recommend {
    padding-top: 20px;
    padding-top: 1.25rem;
  }
  .p-medicalDietPrice__tabRecommend {
    top: -15px;
    top: -0.9375rem;
    padding: 5px 12px;
    padding: 0.3125rem 0.75rem;
    min-width: 95px;
    min-width: 5.9375rem;
    min-height: 26px;
    min-height: 1.625rem;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
/************************************************************************
* p-header - ヘッダー
************************************************************************/
.l-header {
  position: sticky;
  top: -110%;
  left: 0;
  z-index: 41;
  -webkit-transition: top 0.3s ease 0s;
  transition: top 0.3s ease 0s;
  width: 100%;
}

.l-header.is-fixed {
  top: 5px;
  top: 0.3125rem;
}

.p-header {
  --top: 2px;
  --top: 0.125rem;
  border-bottom: 1px solid rgba(126, 154, 183, 0.1);
  background-color: #fff;
}

.p-header.is-fixed {
  --top: 14px;
  --top: 0.875rem;
  margin-inline: auto;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  border-bottom: none;
  border-radius: 3.125rem;
  background-color: rgba(255, 255, 255, 0.9);
  width: 97%;
}

.p-header__top {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  background-color: #8fe3d9;
  padding: 4px 0;
  padding: 0.25rem 0;
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.is-fixed .p-header__top {
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
}

.p-header__inner.l-container {
  padding-right: 0;
  padding-left: 0;
}

.p-header__contents {
  --navLink-height: 44px;
  --navLink-height: 2.75rem;
  gap: 0 7px;
  gap: 0 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 9px;
  padding-bottom: 0.5625rem;
}

.p-header__logo {
  z-index: 41;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  width: 195px;
  width: 12.1875rem;
  width: 52vw;
  min-width: 0;
  max-width: 220px;
  line-height: 1;
}

.is-fixed .p-header__logo {
  width: 49.0666666667vw;
  max-width: 200px;
}

.p-header__logo a {
  display: block;
  text-decoration: none;
}

.p-header__logo img {
  display: block;
}

.p-header__cta {
  display: block;
  z-index: 41;
  margin-left: auto;
  padding-top: 10px;
  padding-top: 0.625rem;
  min-width: 0;
}

.p-header__navItem--hasMenu:hover .p-header__megaMenu {
  visibility: visible;
  opacity: 1;
}

.p-header__navItem--hasMenu:hover .p-header__navLink::after {
  opacity: 1;
  width: 85%;
}

.p-header__navItem--hasMenu:hover .p-header__navText::before {
  visibility: visible;
  opacity: 1;
}

.p-header__navItem--hasMenu.p-header__navItem--column {
  position: relative;
}

.p-header__navLink {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 12px;
  padding: 0 0.75rem;
  height: 44px;
  height: 2.75rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

.p-header__navLink::after {
  display: block;
  position: absolute;
  bottom: 8px;
  bottom: 0.5rem;
  left: 7.5%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, width 0.3s ease;
  transition: opacity 0.3s ease, width 0.3s ease;
  border-radius: 0.625rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
  width: 0%;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-header__navLink:hover::after {
  opacity: 1;
  width: 85%;
}

.p-header__navText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.p-header__navItem--hasMenu .p-header__navText::before {
  aspect-ratio: 50/24;
  display: block;
  position: absolute;
  top: calc(100% - 0.14rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
  background: url(../img/common/hukidashi.png) no-repeat center/contain;
  width: 50px;
  max-height: 24px;
  max-height: 1.5rem;
  content: "";
}

.p-header__navItem--hasMenu.p-header__navItem--column .p-header__navText::before {
  top: calc(100% - 0.09rem);
}

@media (min-width: 768px) {
  .l-header {
    -webkit-transition: top 0.6s ease 0s;
    transition: top 0.6s ease 0s;
  }
  .p-header {
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .p-header::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background-color: #8ae2d7;
    width: 100%;
    height: 4px;
    height: 0.25rem;
    content: "";
  }
  .is-fixed .p-header::after {
    opacity: 0;
  }
  .p-header.is-fixed {
    width: 100%;
    max-width: 1200px;
  }
  .p-header__top {
    -ms-flex-preferred-size: calc(100% - 15rem);
    flex-basis: calc(100% - 15rem);
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    background-color: transparent;
    color: #00366b;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 300;
    text-align: left;
  }
  .is-fixed .p-header__top {
    display: none;
  }
  .p-header__inner.l-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .p-header__contents {
    --pb: 0;
    --contents-height: 128px;
    --contents-height: 8rem;
    --offset: calc((var(--contents-height) - var(--navLink-height)) / 2);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: padding 0.3s ease, gap 0.3s ease;
    transition: padding 0.3s ease, gap 0.3s ease;
    padding-top: 10px;
    padding-top: 0.625rem;
    padding-bottom: var(--pb);
  }
  .is-fixed .p-header__contents {
    --pb: 10px;
    --pb: 0.625rem;
    --contents-height: 68px;
    --contents-height: 4.25rem;
    gap: 0 16px;
    gap: 0 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 10px;
    padding-top: 0.625rem;
  }
  .p-header__logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: -26px;
    margin-top: -1.625rem;
    padding-top: 0;
    padding-left: 0;
    width: 290px;
    width: calc(290 * var(--px-to-rem));
    max-width: 100%;
  }
  .is-fixed .p-header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
    padding-top: 0;
    width: 42px;
    width: 2.625rem;
  }
  .p-header__cta {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 0;
  }
  .is-fixed .p-header__cta {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: auto;
  }
}
/************************************************************************
* ハンバーガーメニュー（SP版のみ）
************************************************************************/
.p-header__drawer {
  min-width: 0;
}

.p-drawer {
  z-index: 40;
}

.p-drawer__icon {
  display: inline-block;
  position: relative;
  z-index: 41;
  cursor: pointer;
  padding: 16px 11px 6px 6px;
  padding: 1rem 0.6875rem 0.375rem 0.375rem;
  line-height: 1;
  text-align: center;
}

.p-drawer__bars {
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  width: 1.5rem;
}

.p-drawer__bar {
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  margin-top: 5px;
  border-radius: 0.125rem;
  background: #73ddd0;
  height: 2px;
}

.p-drawer__bar:first-child {
  margin-top: 0;
  width: 100%;
}

.p-drawer__bar:nth-child(2) {
  width: 66.6666666667%;
}

.p-drawer__bar:last-child {
  width: 50%;
}

.is-opened .p-drawer__bar:nth-child(2) {
  background: transparent;
}

.is-opened .p-drawer__bar:first-child {
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
  width: 100%;
}

.is-opened .p-drawer__bar:last-child {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
  width: 100%;
}

.p-drawer__bg {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.p-drawer__bg.is-opened {
  position: fixed;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#def9f5), color-stop(10%, #def9f5), color-stop(10%, transparent), to(transparent));
  background: linear-gradient(to bottom, #def9f5 0%, #def9f5 10%, transparent 10%, transparent 100%);
  width: 100vw;
  min-height: 100vh;
}

.p-drawer__content {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  z-index: 40;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
  background: #def9f5;
  padding-top: 77px;
  padding-top: 4.8125rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: auto;
  color: #00366b;
  text-align: center;
}

.p-drawer__content.is-opened {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.p-drawer__content--left {
  right: auto;
  left: 0;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.p-drawer__content--top {
  top: 0;
  bottom: auto;
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);
  width: 100%;
  max-width: 100%;
}

.p-drawer__content--cover {
  width: 100%;
  max-width: 100%;
}

.p-drawer__inner {
  gap: 32px;
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.p-drawer__nav {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-drawer__sectionTitle img {
  display: block;
  width: auto;
  height: 18px;
  height: 1.125rem;
}

.p-drawer__navItem {
  position: relative;
  margin-top: 4px;
  margin-top: 0.25rem;
  -webkit-box-shadow: 0 4px 2px rgba(0, 122, 111, 0.1);
  box-shadow: 0 4px 2px rgba(0, 122, 111, 0.1);
  border: 2px solid #73ddd0;
  border-radius: 1.875rem;
  background: #fff;
  overflow: clip;
}

.p-drawer__navItem--accordion {
  border-radius: 1.875rem;
  overflow: visible;
}

.p-drawer__navItem::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #ffffd9;
  border: 0.1875rem solid #ffffd9;
  border-radius: 1.875rem;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.p-drawer__navLink {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
  border: none;
  background: none;
  padding: 13px 18px;
  padding: 0.8125rem 1.125rem;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}

.p-drawer__navLinkInner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(100% - 3.625rem);
  height: 100%;
  pointer-events: none;
}

.p-drawer__navLink--accordion.is-active .p-drawer__navLinkInner {
  pointer-events: auto;
}

.p-drawer__navIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: no-repeat center/contain;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
}

.p-drawer__navIcon--top {
  background-image: url("../img/common/icon_drawer_top.svg");
}

.p-drawer__navIcon--medical {
  background-image: url("../img/common/icon_drawer_medical.svg");
}

.p-drawer__navIcon--about {
  background-image: url("../img/common/icon_drawer_about.svg");
}

.p-drawer__navIcon--guide {
  background-image: url("../img/common/icon_drawer_guide.svg");
}

.p-drawer__navIcon--column {
  background-image: url("../img/common/icon_drawer_column.svg");
}

.p-drawer__navIcon--inquiry {
  background-image: url("../img/common/icon_drawer_inquiry.svg");
}

.p-drawer__navIcon--faq {
  background-image: url("../img/common/icon_drawer_faq.svg");
}

.p-drawer__navPlus {
  aspect-ratio: 1;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
  border: none;
  border-radius: 50%;
  background: #73ddd0;
  padding: 0;
  width: 18px;
  width: 1.125rem;
}

.p-drawer__navPlusLine {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  border-radius: 0.125rem;
  background: #fff;
}

.p-drawer__navPlusLine--horizontal {
  width: 10px;
  width: 0.625rem;
  height: 2px;
  height: 0.125rem;
}

.p-drawer__navPlusLine--vertical {
  width: 2px;
  width: 0.125rem;
  height: 10px;
  height: 0.625rem;
}

.p-drawer__navLink--accordion.is-active .p-drawer__navPlusLine--vertical {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

.p-drawer__navChevron {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  background: url("../img/common/icon_chevron.svg") no-repeat center/contain;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-drawer__subMenu {
  display: none;
  padding: 0 20px 10px;
  padding: 0 calc(20 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  list-style: none;
}

.p-drawer__subMenuItem:not(:last-child) {
  border-bottom: 1px solid #d1f4f0;
}

.p-drawer__subMenuLink {
  /* gap: 8px;
   gap: .5rem; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0;
  padding: 0.375rem 0;
  min-height: 42px;
  min-height: 2.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-drawer__subMenuLink--column {
  padding-left: 5px;
  padding-left: calc(5 * var(--px-to-rem));
}

.p-drawer__subMenuIcon {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: no-repeat center/contain;
  width: 30px;
  width: 1.875rem;
  margin-right: 8px;
  margin-right: calc(8 * var(--px-to-rem));
}

.p-drawer__subMenuIcon--pill-low {
  background-image: url("../img/common/icon_medical_pill-low.svg");
}

.p-drawer__subMenuIcon--pill-middle {
  background-image: url("../img/common/icon_medical_pill-middle.svg");
}

.p-drawer__subMenuIcon--pill-after {
  background-image: url("../img/common/icon_medical_pill-after.svg");
}

.p-drawer__subMenuIcon--diet {
  background-image: url("../img/common/icon_medical_diet.svg");
}

.p-drawer__subMenuIcon--std {
  background-image: url("../img/common/icon_medical_aga.svg");
}

.p-drawer__subMenuIcon--beauty {
  background-image: url("../img/common/icon_medical_allergy.svg");
}

.p-drawer__subMenuIcon--ed {
  background-image: url("../img/common/icon_medical_beauty.svg");
}

.p-drawer__subMenuIcon--aga {
  background-image: url("../img/common/icon_medical_std.svg");
}

.p-drawer__subMenuIcon--aga-female {
  background-image: url("../img/common/icon_medical_ed.svg");
}

.p-drawer__subMenuIcon--allergy {
  background-image: url("../img/common/icon_medical_pill.svg");
}

.p-drawer__subMenuChevron {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  background: url("../img/common/icon_chevron.svg") no-repeat center/contain;
  width: 18px;
  width: 1.125rem;
}

.p-drawer__subMenuText {
  text-align: left;
}

.c-btn--drawer {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 100vh;
  background-color: #fff;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  color: #fd679b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.c-btn--drawer:hover,
.c-btn--drawer:focus-visible {
  border-color: #fd679b;
  background-color: #fd679b;
  color: #fff;
}

.c-btn--drawer .c-btn__bg::before {
  background-color: #fd679b;
}

@media (min-width: 768px) {
  .p-header__drawer {
    display: none;
  }
  .p-drawer__icon {
    padding: 16px 15px 6px 6px;
    padding: 1rem 0.9375rem 0.375rem 0.375rem;
  }
}
/************************************************************************
* メガメニュー
************************************************************************/
.p-header__megaMenu {
  position: absolute;
  top: calc(100% - var(--top));
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

.p-header__megaMenu--column .p-header__megaMenuInner::after {
  border-radius: 1.6875rem;
}

.p-header__megaMenuInner {
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  -webkit-box-shadow: 0 8px 6px rgba(0, 122, 111, 0.1);
  box-shadow: 0 8px 6px rgba(0, 122, 111, 0.1);
  border: 3px solid #73ddd0;
  border-radius: 2.5rem;
  background: #fff;
  padding: 17px 43px;
  padding: 1.0625rem 2.6875rem;
}

.p-header__megaMenuInner::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #ffffd9;
  border-radius: 2.5rem;
  width: 100%;
  height: 100%;
  content: "";
}

.p-header__megaMenuList {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 45px;
  gap: 0 2.8125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  z-index: 1;
}

.p-header__megaMenuList--column {
  gap: 0;
  grid-template-columns: 1fr;
}

.p-header__megaMenuLink {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  padding: 15px 0;
  padding: 0.9375rem 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-header__megaMenuLink::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: no-repeat center/contain;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  content: "";
}

.p-header__megaMenuList--column .p-header__megaMenuLink::before {
  display: none;
}

.p-header__megaMenuLink::after {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-mask-image: url("../img/common/icon_chevron.svg");
  mask-image: url("../img/common/icon_chevron.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  margin-left: auto;
  background-color: #73ddd0;
  width: 18px;
  width: 1.125rem;
  content: "";
}

.p-header__megaMenuLink:hover {
  opacity: 0.7;
}

.p-header__megaMenuLink:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.p-header__megaMenuLink--pill-low::before {
  background-image: url("../img/common/icon_medical_pill-low.svg");
}

.p-header__megaMenuLink--pill-middle::before {
  background-image: url("../img/common/icon_medical_pill-middle.svg");
}

.p-header__megaMenuLink--pill-after::before {
  background-image: url("../img/common/icon_medical_pill-after.svg");
}

.p-header__megaMenuLink--diet::before {
  background-image: url("../img/common/icon_medical_diet.svg");
}

.p-header__megaMenuLink--std::before {
  background-image: url("../img/common/icon_medical_aga.svg");
}

.p-header__megaMenuLink--beauty::before {
  background-image: url("../img/common/icon_medical_allergy.svg");
}

.p-header__megaMenuLink--ed::before {
  background-image: url("../img/common/icon_medical_beauty.svg");
}

.p-header__megaMenuLink--aga::before {
  background-image: url("../img/common/icon_medical_std.svg");
}

.p-header__megaMenuLink--aga-female::before {
  background-image: url("../img/common/icon_medical_ed.svg");
}

.p-header__megaMenuLink--allergy::before {
  background-image: url("../img/common/icon_medical_pill.svg");
}

.p-header__megaMenuText {
  white-space: nowrap;
}

@media screen and (min-width: 1024px) {
  .p-header__megaMenu {
    left: calc(50px + 1.5rem);
    width: 87.5%;
    max-width: 833px;
    max-width: calc(833 * var(--px-to-rem));
  }
  .p-header__megaMenu--column {
    left: 50%;
    width: auto;
  }
}
@media (min-width: 768px) {
  .p-header__megaMenu--column {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    min-width: 232px;
    min-width: 14.5rem;
  }
  .is-fixed .p-header__megaMenu--column {
    top: calc(100% - var(--top) + var(--offset));
  }
  .p-header__megaMenu--column .p-header__megaMenuInner {
    border-radius: 1.6875rem;
  }
}
.l-footer {
  margin-top: -40px;
  margin-top: -2.5rem;
}
@media (min-width: 768px) {
  .l-footer {
    margin-top: calc(-100 * var(--px-to-rem));
  }
}

.p-footer {
  color: #fff;
  text-align: center;
}
.p-footer__logo {
  margin-inline: auto;
  width: 222px;
  width: 13.875rem;
}
@media (min-width: 768px) {
  .p-footer__logo {
    width: 270px;
    width: 16.875rem;
  }
}
.p-footer__logo img,
.p-footer__logo svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.p-footer__inner {
  border-radius: 40px 40px 0 0;
  border-radius: calc(40 * var(--px-to-rem)) calc(40 * var(--px-to-rem)) 0 0;
  padding: 35px 0 25px;
  padding: 2.1875rem 0 1.5625rem;
  background-color: #73ddd0;
}
@media (min-width: 768px) {
  .p-footer__inner {
    border-radius: calc(100 * var(--px-to-rem)) calc(100 * var(--px-to-rem)) 0 0;
    padding: 40px 0 35px;
    padding: 2.5rem 0 2.1875rem;
  }
}
@media (min-width: 768px) {
  .p-footer .l-container {
    max-width: 840px;
    max-width: calc(840 * var(--px-to-rem));
    margin-inline: auto;
  }
}
.p-footer__medicalNavHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: calc(10 * var(--px-to-rem));
  margin-top: 30px;
  margin-top: calc(30 * var(--px-to-rem));
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  line-height: 20px;
  line-height: calc(20 * var(--px-to-rem));
  white-space: nowrap;
}
@media (min-width: 768px) {
  .p-footer__medicalNavHead {
    font-size: 17px;
    font-size: calc(17 * var(--px-to-rem));
    line-height: 21px;
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-footer__medicalNavHead::before, .p-footer__medicalNavHead::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 2px;
  height: calc(2 * var(--px-to-rem));
  background-image: radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-image: radial-gradient(circle, #ffffff calc(1 * var(--px-to-rem)), transparent calc(1 * var(--px-to-rem)));
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 7px 2px;
  background-size: calc(7 * var(--px-to-rem)) calc(2 * var(--px-to-rem));
}
.p-footer__medicalNavList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 7px;
  gap: calc(12 * var(--px-to-rem)) calc(7 * var(--px-to-rem));
  margin-top: 20px;
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-footer__medicalNavList {
    grid-template-columns: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px 12px;
    gap: calc(15 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
  }
}
.p-footer__medicalNavItem:first-of-type {
  grid-column: 1/3;
}
.p-footer__medicalNavLink {
  width: 100%;
  border: 1px solid #fff;
  border: calc(1 * var(--px-to-rem)) solid #fff;
  border-radius: 100vmax;
  text-align: left;
}
.p-footer__medicalNavLink.c-btn--arrowRight {
  padding: 9px 24px 9px 14px;
  padding: calc(8.5 * var(--px-to-rem)) calc(24 * var(--px-to-rem)) calc(8.5 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
  font-size: 13px;
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
  white-space: nowrap;
}
@media (min-width: 768px) {
  .p-footer__medicalNavLink.c-btn--arrowRight {
    padding: 7px 30px 7px 17px;
    padding: calc(7 * var(--px-to-rem)) calc(30 * var(--px-to-rem)) calc(7 * var(--px-to-rem)) calc(17 * var(--px-to-rem));
    font-size: 15px;
    font-size: calc(15 * var(--px-to-rem));
    line-height: 20px;
    line-height: calc(20 * var(--px-to-rem));
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .p-footer__medicalNavLink.c-btn--arrowRight:hover {
    background-color: #69d5c8;
  }
  .p-footer__medicalNavLink.c-btn--arrowRight:hover::before {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.p-footer__medicalNavLink.c-btn--arrowRight::before {
  right: 7px;
  right: calc(7 * var(--px-to-rem));
  width: 14px;
  width: calc(14 * var(--px-to-rem));
  height: 14px;
  height: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-footer__medicalNavLink.c-btn--arrowRight::before {
    right: 9px;
    right: calc(9 * var(--px-to-rem));
    width: 16px;
    width: calc(16 * var(--px-to-rem));
    height: 16px;
    height: calc(16 * var(--px-to-rem));
  }
}
.p-footer__medicalNavLink br {
  display: none;
}
.p-footer__medicalNavLink__nav {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media (min-width: 768px) {
  .p-footer__medicalNavLink__nav {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
}
.p-footer__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px 20px;
  gap: calc(6 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  margin-top: 30px;
  margin-top: calc(30 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-footer__nav-list {
    gap: 12px 25px;
    gap: calc(12 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
    margin-inline: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 800px;
    max-width: 50rem;
  }
}
.p-footer__nav-link {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 18px;
  line-height: calc(18 * var(--px-to-rem));
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .p-footer__nav-link {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .p-footer__nav-link:hover {
    opacity: 0.7;
  }
}
.p-footer__copy {
  margin-top: 24px;
  margin-top: 1.5rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 300;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .p-footer__copy {
    margin-top: 30px;
    margin-top: 1.875rem;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

/************************************************************************
* p-anchorLinks - アンカーリンクリスト（独立ブロック）
************************************************************************/
.p-anchorLinks {
  gap: calc(12 * var(--px-to-rem));
  margin-inline: auto;
  display: grid;
  max-width: 335px;
}
@media (min-width: 768px) {
  .p-anchorLinks {
    gap: calc(22 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
  }
}
.p-anchorLinks .c-btn {
  min-width: 0;
  white-space: wrap;
}

.p-anchorLinks__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding: calc(15.5 * var(--px-to-rem)) calc(21 * var(--px-to-rem)) calc(15.5 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
  height: 100%;
  font-size: calc(15 * var(--px-to-rem));
  text-align: left;
}
@media (min-width: 768px) {
  .p-anchorLinks__item a {
    min-height: calc(90 * var(--px-to-rem));
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
    padding: calc(5 * var(--px-to-rem)) calc(42 * var(--px-to-rem));
  }
}

.p-anchorLinks__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5;
}

.p-anchorLinks__icon {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-mask-image: url(../img/common/icon_chevron.svg);
  mask-image: url(../img/common/icon_chevron.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #ffbfda;
  width: 12px;
  width: 0.75rem;
}

/************************************************************************
* モディファイヤー - ボタン色
************************************************************************/
.p-anchorLinks__link--pink {
  border-color: #ffbfda;
}

.p-anchorLinks__link--pink .p-anchorLinks__icon {
  background-color: #ffbfda;
}

.p-anchorLinks__link--yellow {
  border-color: #ffffd9;
}

.p-anchorLinks__link--yellow .p-anchorLinks__icon {
  background-color: #73ddd0;
}

.p-anchorLinks__link--green {
  border-color: #70dca2;
}

.p-anchorLinks__link--green .p-anchorLinks__icon {
  background-color: #32cc79;
}

.p-anchorLinks__link--blue {
  border-color: #93c5fd;
}

.p-anchorLinks__link--blue .p-anchorLinks__icon {
  background-color: #3b82f6;
}

@media (min-width: 768px) {
  .p-anchorLinks__icon {
    width: 14px;
    width: 0.875rem;
  }
  .p-anchorLinks__link--pink:hover,
  .p-anchorLinks__link--pink:focus-visible {
    background-color: #fff3f8;
  }
  .p-anchorLinks__link--yellow:hover,
  .p-anchorLinks__link--yellow:focus-visible {
    background-color: #fffef5;
  }
  .p-anchorLinks__link--green:hover,
  .p-anchorLinks__link--green:focus-visible {
    background-color: #def9f5;
  }
  .p-anchorLinks__link--blue:hover,
  .p-anchorLinks__link--blue:focus-visible {
    background-color: #eff6ff;
  }
}
.p-accordionVisible__content {
  overflow-y: hidden;
  position: relative;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.is-accordionOpen .p-accordionVisible__content {
  overflow-y: visible;
}
.p-accordionVisible__content::after {
  content: "";
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 40px;
  height: calc(40 * var(--px-to-rem));
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255, 243, 248, 0)), to(#fff3f8)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(255, 243, 248, 0) 0%, #fff3f8 100%) 0% 0% no-repeat padding-box;
}
.p-edPrice__inner .p-accordionVisible__content::after {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}
.is-accordionOpen .p-accordionVisible__content::after {
  opacity: 0;
}
.p-accordionVisible__btn {
  position: relative;
  display: grid;
  place-content: center;
  width: 220px;
  width: calc(220 * var(--px-to-rem));
  height: 43px;
  height: calc(43 * var(--px-to-rem));
  margin: 20px auto 0;
  margin: calc(20 * var(--px-to-rem)) auto 0;
  border: 2px solid var(--lp-theme-accent);
  border: calc(2 * var(--px-to-rem)) solid var(--lp-theme-accent);
  border-radius: 100vmax;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-accordionVisible__btn {
    width: 260px;
    width: calc(260 * var(--px-to-rem));
    height: 49px;
    height: calc(49 * var(--px-to-rem));
    margin-top: calc(-5 * var(--px-to-rem));
  }
  .is-accordionOpen .p-accordionVisible__btn {
    margin-top: calc(20 * var(--px-to-rem));
  }
}
.p-accordionVisible__btnTxt {
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-accordionVisible__btnTxt {
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 21px;
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-accordionVisible__btnIcon {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  right: calc(15 * var(--px-to-rem));
  -webkit-transform: translate(0, -55%);
          transform: translate(0, -55%);
  display: inline-block;
  width: 20px;
  width: calc(20 * var(--px-to-rem));
  height: 20px;
  height: calc(20 * var(--px-to-rem));
  -webkit-mask: url(../img/common/icon_toggle-sm-pink.svg) no-repeat center/contain;
          mask: url(../img/common/icon_toggle-sm-pink.svg) no-repeat center/contain;
  background-color: var(--lp-theme-accent);
}
.is-accordionOpen .p-accordionVisible__btnIcon {
  -webkit-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}

.p-accordion {
  gap: 12px;
  gap: 0.75rem;
  display: grid;
}

.p-accordion--archive {
  gap: 10px;
  gap: 0.625rem;
}

.p-accordion__item {
  position: relative;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: clip;
}

.p-accordion__trigger {
  gap: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  cursor: pointer;
  border: none;
  background-color: #fff;
  padding: 13px 15px;
  padding: 0.8125rem 0.9375rem;
  width: 100%;
  text-align: left;
}

.p-accordion__trigger--faq {
  padding-left: 10px;
  padding-left: 0.625rem;
}

.p-accordion__text {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 28px;
  margin-right: calc(28 * var(--px-to-rem));
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 22.5px;
  line-height: calc(22.5 * var(--px-to-rem));
}

.p-accordion__toggleIcon {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22px;
  width: 1.375rem;
}

.p-accordion__content {
  line-height: 1.7;
}

.p-accordion__inner {
  gap: 20px;
  gap: 1.25rem;
  display: grid;
  padding: 0 calc(14 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
}

.p-accordion__inner--faq {
  gap: 10px;
  gap: calc(10 * var(--px-to-rem));
  padding: 0 14px 14px;
  padding: 0 calc(14 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
}

.p-accordion__inner--usage {
  gap: calc(27 * var(--px-to-rem));
}

.p-accordion__inner strong {
  font-weight: 600;
}

.p-accordion__min {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-accordion__trigger--faq {
  gap: 5px;
  gap: 0.3125rem;
  padding: 14px;
  padding: calc(14 * var(--px-to-rem));
}

.p-accordion__icon {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22px;
  width: 1.375rem;
}

.p-accordion__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-accordion__text--sm {
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
  color: #00366b;
}

.p-accordion__text--lg {
  font-size: 19px;
  font-size: calc(19 * var(--px-to-rem));
  line-height: 25px;
  line-height: calc(25 * var(--px-to-rem));
  color: #fd679b;
}

@media (min-width: 768px) {
  .p-accordion__text--sm {
    font-size: 20px;
    font-size: calc(20 * var(--px-to-rem));
    line-height: 26px;
    line-height: calc(26 * var(--px-to-rem));
  }
  .p-accordion__text--lg {
    font-size: 24px;
    font-size: calc(24 * var(--px-to-rem));
    line-height: 32px;
    line-height: calc(32 * var(--px-to-rem));
  }
  .p-accordion {
    gap: 15px;
    gap: 0.9375rem;
  }
  .p-accordion__trigger {
    padding: 18px 25px;
    padding: 1.125rem 1.5625rem;
  }
  .p-accordion__trigger--faq {
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 40px;
    padding-left: 2.5rem;
  }
  .p-accordion__trigger--usage {
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 40px;
    padding-left: 2.5rem;
  }
  .p-accordion__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
  .p-accordion__inner--faq {
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 45px;
    padding-left: 2.8125rem;
  }
  .p-accordion__inner--usage {
    gap: calc(39 * var(--px-to-rem));
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 40px;
    padding-left: 2.5rem;
  }
  .p-accordion__min {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-accordion__trigger--faq {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-accordion__icon {
    width: 26px;
    width: 1.625rem;
  }
}
/************************************************************************
* トグルアイコン（アコーディオンなどで使用）
************************************************************************/
.c-toggleIcon {
  position: absolute;
  top: calc(15 * var(--px-to-rem));
  right: calc(15 * var(--px-to-rem));
  aspect-ratio: 1;
  width: calc(20 * var(--px-to-rem));
  -webkit-mask: url(../img/common/icon_toggle-sm.svg) no-repeat center/contain;
          mask: url(../img/common/icon_toggle-sm.svg) no-repeat center/contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-color: #73ddd0;
}
.c-toggleIcon--plus {
  width: calc(25 * var(--px-to-rem));
  border-radius: 100vh;
  -webkit-mask: none;
          mask: none;
  background-color: var(--add-price-bg);
}
.c-toggleIconItem {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  border-radius: 100vh;
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.c-toggleIconItem:first-child {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(13.89 * var(--px-to-rem));
  height: calc(2.78 * var(--px-to-rem));
}
.c-toggleIconItem:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
  width: calc(2.78 * var(--px-to-rem));
  height: calc(13.89 * var(--px-to-rem));
}
[aria-expanded=true] .c-toggleIconItem:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

[aria-expanded=true] .c-toggleIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 768px) {
  .c-toggleIcon {
    width: 30px;
    width: calc(30 * var(--px-to-rem));
  }
}
.vnSpCta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(12 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  background-color: #fffeef;
  background-image: repeating-linear-gradient(90deg, #5dd1c4, #5dd1c4 calc(4 * var(--px-to-rem)), transparent calc(4 * var(--px-to-rem)), transparent calc(8 * var(--px-to-rem))), repeating-linear-gradient(90deg, #5dd1c4, #5dd1c4 calc(4 * var(--px-to-rem)), transparent calc(4 * var(--px-to-rem)), transparent calc(8 * var(--px-to-rem)));
  background-position: left top, left bottom;
  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: 100% calc(2 * var(--px-to-rem)), 100% calc(2 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .vnSpCta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: calc(20 * var(--px-to-rem)) 0;
  }
}
.vnSpCta__txt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .vnSpCta__txt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.vnSpCta__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(7 * var(--px-to-rem));
  width: 100%;
  min-height: calc(40 * var(--px-to-rem));
  margin: calc(8 * var(--px-to-rem)) auto calc(6 * var(--px-to-rem));
  padding: 0 calc(19 * var(--px-to-rem)) 0 calc(20 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #99e6dd;
  border-radius: calc(10 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .vnSpCta__box {
    gap: calc(10 * var(--px-to-rem));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 calc(20 * var(--px-to-rem));
    padding: 0 calc(44 * var(--px-to-rem)) 0 calc(45 * var(--px-to-rem));
  }
}
.vnSpCta__boxTxt {
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .vnSpCta__boxTxt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.vnSpCta__boxPlus {
  display: inline-block;
  width: calc(14 * var(--px-to-rem));
  height: auto;
  vertical-align: middle;
  font-size: 0;
  line-height: 1;
}
.vnSpCta__boxEqual {
  display: inline-block;
  width: calc(16 * var(--px-to-rem));
  height: auto;
  vertical-align: middle;
  font-size: 0;
  line-height: 1;
}
.vnSpCta__boxSum {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(19 * var(--px-to-rem));
  color: #fd679b;
}
.vnSpCta__boxSumNum {
  margin-right: calc(1 * var(--px-to-rem));
  font-size: calc(28 * var(--px-to-rem));
  line-height: calc(37 * var(--px-to-rem));
}

.vnSpSubsCta {
  padding: calc(10 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
  border-bottom: calc(1 * var(--px-to-rem)) solid #2FCEB9;
  background-color: #fff;
}
@media (min-width: 768px) {
  .vnSpSubsCta {
    border-width: calc(1 * var(--px-to-rem));
  }
}
.vnSpSubsCta__txt {
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .vnSpSubsCta__txt {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(25.6 * var(--px-to-rem));
  }
}

.l-section--medicalSubjects {
  margin-top: -40px;
  margin-top: -2.5rem;
}
@media (min-width: 768px) {
  .l-section--medicalSubjects {
    margin-top: -5.2083333333vw;
  }
}

.l-borderRadius.l-borderRadius--medicalSubjects {
  padding-top: 50px;
  padding-top: calc(50 * var(--px-to-rem));
  padding-bottom: calc(80 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .l-borderRadius.l-borderRadius--medicalSubjects {
    padding: 53px 0 170px;
    padding: calc(53 * var(--px-to-rem)) 0 calc(170 * var(--px-to-rem));
  }
}

.p-medicalSubjects__inner {
  background-color: #def9f5;
}

.p-medicalSubjects__head {
  text-align: center;
}

.p-medicalSubjects__list {
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
}

.p-medicinePriceSection {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-medicinePriceSection--smallMargin {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-medicalSubjects .c-btn--border {
  border-color: #ffbfda;
}

@media (min-width: 768px) {
  .p-medicalSubjects__list {
    margin-top: 45px;
    margin-top: calc(45 * var(--px-to-rem));
    padding-inline: 10px;
    padding-inline: calc(10 * var(--px-to-rem));
  }
}
.p-accordion--merit .c-toggleIcon {
  top: 27px;
  top: calc(27 * var(--px-to-rem));
  right: 10px;
  right: calc(10 * var(--px-to-rem));
  background-color: var(--merit-arrow-color, #99E6DD);
}
@media (min-width: 768px) {
  .p-accordion--merit .c-toggleIcon {
    top: 22px;
    top: calc(22 * var(--px-to-rem));
    right: 15px;
    right: calc(15 * var(--px-to-rem));
  }
}
.p-accordion__trigger--merit {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  gap: calc(2 * var(--px-to-rem));
  padding: 11px 9px 11px 32px;
  padding: calc(11 * var(--px-to-rem)) calc(9 * var(--px-to-rem)) calc(11 * var(--px-to-rem)) calc(32 * var(--px-to-rem));
}
.p-accordion__inner--merit {
  gap: 0;
  padding: 9px 14px 19.1px;
  padding: calc(9 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(19.1 * var(--px-to-rem));
}
.p-accordion__item--merit {
  border: calc(1 * var(--px-to-rem)) solid var(--merit-border-color, #99E6DD);
}
.p-accordion__text--merit {
  display: grid;
  row-gap: 4px;
  row-gap: calc(4 * var(--px-to-rem));
  text-align: center;
}

.p-merit__inner {
  padding-inline: 5px;
  padding-inline: calc(5 * var(--px-to-rem));
  background-color: #fff;
}
.p-merit__item--merit {
  border-color: var(--merit-border-color);
  border-radius: 10px;
  border-radius: calc(10 * var(--px-to-rem));
}
.p-merit__content {
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
}

.p-merit-case {
  font-size: 0;
}

.p-merit-case--visit::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 17px;
  height: calc(17 * var(--px-to-rem));
  margin-top: 18px;
  margin-top: calc(18 * var(--px-to-rem));
  background: url(../img/merit/icon_triangle-bgPink.svg) no-repeat center/calc(48 * var(--px-to-rem)) auto;
  text-align: center;
}

.p-merit-case--online {
  margin-top: 18px;
  margin-top: calc(18 * var(--px-to-rem));
}

.p-merit-case__head {
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 25px;
  min-height: calc(25 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
  color: #00366b;
}

.p-merit-case__head--visit {
  background-color: #f1f4f8;
}

.p-merit-case__head--online {
  background-color: #fff0f7;
}

.p-merit-case__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  gap: calc(12 * var(--px-to-rem));
  width: 258px;
  width: calc(258 * var(--px-to-rem));
  margin: 12px auto 0;
  margin: calc(12 * var(--px-to-rem)) auto 0;
  padding-inline: 0;
}

.p-merit-case__item {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  gap: calc(3 * var(--px-to-rem));
}

.p-merit-case__list::after {
  content: "";
  position: absolute;
  left: 21.5px;
  left: calc(21.5 * var(--px-to-rem));
  display: inline-block;
  width: 3px;
  width: calc(3 * var(--px-to-rem));
  height: 100%;
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 3px 6px;
  background-size: calc(3 * var(--px-to-rem)) calc(5 * var(--px-to-rem));
}

.p-merit-case--visit .p-merit-case__list::after {
  background-image: radial-gradient(circle, #b7cee5 1.5px, transparent 1px);
  background-image: radial-gradient(circle, #b7cee5 calc(1.5 * var(--px-to-rem)), transparent calc(1 * var(--px-to-rem)));
}

.p-merit-case--online .p-merit-case__list::after {
  background-image: radial-gradient(circle, #febcd8 1.5px, transparent 1.5px);
  background-image: radial-gradient(circle, #febcd8 calc(1.5 * var(--px-to-rem)), transparent calc(1.5 * var(--px-to-rem)));
}

.p-merit-case__todo {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  gap: calc(15 * var(--px-to-rem));
  font-size: 15px;
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: 20.8px;
  line-height: calc(20.8 * var(--px-to-rem));
  color: #00366b;
}

.p-merit-case__todo::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 46px;
  width: calc(46 * var(--px-to-rem));
  height: 46px;
  height: calc(46 * var(--px-to-rem));
  background: no-repeat center/contain;
}

.p-merit-case__todo--movement::before {
  background-image: url(../img/merit/icon_visit-movement.svg);
}

.p-merit-case__todo--hospital::before {
  background-image: url(../img/merit/icon_visit-hospital.svg);
}

.p-merit-case__todo--visit-doctor::before {
  background-image: url(../img/merit/icon_visit-doctor.svg);
}

.p-merit-case__todo--payment::before {
  background-image: url(../img/merit/icon_visit-payment.svg);
}

.p-merit-case__todo--pharmacy::before {
  background-image: url(../img/merit/icon_visit-pharmacy.svg);
}

.p-merit-case__todo--online-doctor::before {
  background-image: url(../img/merit/icon_online-doctor.svg);
}

.p-merit-case__todo--web::before {
  background-image: url(../img/merit/icon_online-web.svg);
}

.p-merit-case__todo--delivery::before {
  background-image: url(../img/merit/icon_online-delivery.svg);
}

.p-merit-case__todo--deliveryTxt {
  white-space: nowrap;
}

.p-merit-case__time {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
  vertical-align: middle;
  color: #00366b;
}

.p-merit-case__timeTxt {
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 20.8px;
  line-height: calc(20.8 * var(--px-to-rem));
  font-weight: normal;
}

.p-merit-case__timeTxt--lg {
  margin-right: 1px;
  margin-right: calc(1 * var(--px-to-rem));
  font-size: 24px;
  font-size: calc(24 * var(--px-to-rem));
  font-weight: 600;
  line-height: 32px;
  line-height: calc(32 * var(--px-to-rem));
  color: #ff98bc;
}

.p-merit-case__sumTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 11px;
  gap: calc(11 * var(--px-to-rem));
  margin-top: 5px;
  margin-top: calc(5 * var(--px-to-rem));
  padding-inline: calc(10 * var(--px-to-rem));
}

.p-merit-case--online .p-merit-case__sumTime {
  gap: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-merit-case--online .p-merit-case__sumTime {
    gap: 0;
  }
}

.p-merit-case__sumTime .c-accent {
  background-size: 100% calc(9 * var(--px-to-rem));
}

.p-merit-case__sumTime::before,
.p-merit-case__sumTime::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: inline-block;
  width: 70px;
  width: calc(70 * var(--px-to-rem));
  height: 10px;
  height: calc(10 * var(--px-to-rem));
  margin-top: 14.5px;
  margin-top: calc(14.5 * var(--px-to-rem));
  border-style: solid;
}

.p-merit-case--visit .p-merit-case__sumTime::before,
.p-merit-case--visit .p-merit-case__sumTime::after {
  border-color: #b7cee5;
}

.p-merit-case--online .p-merit-case__sumTime::before,
.p-merit-case--online .p-merit-case__sumTime::after {
  border-color: #febcd8;
}

.p-merit-case__sumTime::before {
  border-width: 0 0 2px 2px;
}

.p-merit-case__sumTime::after {
  border-width: 0 2px 2px 0;
}

.p-merit-case__sumTimeTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: center;
  color: #00366b;
}

.p-merit-case__sumTimeTxt--md {
  font-size: 18px;
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
}

.p-merit-case__sumTimeTxt--lg {
  margin-inline: 1px;
  margin-inline: calc(1 * var(--px-to-rem));
  font-size: 30px;
  font-size: calc(30 * var(--px-to-rem));
  font-weight: 600;
  line-height: 40px;
  line-height: calc(40 * var(--px-to-rem));
  color: #fd679b;
}

.p-merit-case__descTxt {
  margin-top: 35px;
  margin-top: calc(35 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 23.8px;
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
  color: #00366b;
}

.p-merit-case__descTxt:not(:first-of-type) {
  margin-top: 15.1px;
  margin-top: calc(15.1 * var(--px-to-rem));
}

.p-merit-case__descTxt--highlight {
  font-weight: 600;
  color: #fd679b;
}

.p-merit-case__descTxt--bold {
  font-weight: 600;
}

@media (min-width: 768px) {
  .p-merit__inner {
    padding-inline: 5px;
    padding-inline: calc(5 * var(--px-to-rem));
    background-color: #fff;
  }
  .p-merit__content {
    max-width: 840px;
    max-width: calc(840 * var(--px-to-rem));
    margin: 40px auto 0;
    margin: calc(40 * var(--px-to-rem)) auto 0;
    gap: 0;
  }
  .p-accordion__item--merit {
    border-radius: 20px;
    border-radius: calc(20 * var(--px-to-rem));
  }
  .p-accordion__trigger--merit {
    padding: 21px 14px 21px 123px;
    padding: calc(21 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(21 * var(--px-to-rem)) calc(123 * var(--px-to-rem));
  }
  .p-accordion__text--merit {
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    row-gap: 0;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-column-gap: calc(10 * var(--px-to-rem));
       -moz-column-gap: calc(10 * var(--px-to-rem));
            column-gap: calc(10 * var(--px-to-rem));
  }
  .p-accordion__inner--merit {
    padding: 11px 34px 42px;
    padding: calc(11 * var(--px-to-rem)) calc(34 * var(--px-to-rem)) calc(42 * var(--px-to-rem));
  }
  .p-merit-case {
    font-size: 0;
  }
  .p-merit-case--visit::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 23.88px;
    height: calc(23.88 * var(--px-to-rem));
    margin-top: 20px;
    margin-top: calc(20 * var(--px-to-rem));
    background: url(../img/merit/icon_triangle-bgPink.svg) no-repeat center/calc(56 * var(--px-to-rem)) auto;
    text-align: center;
  }
  .p-merit-case--online {
    margin-top: 18px;
    margin-top: calc(18 * var(--px-to-rem));
  }
  .p-merit-case__head {
    min-height: 34px;
    min-height: calc(34 * var(--px-to-rem));
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
  .p-merit-case__head--visit {
    background-color: #f1f4f8;
  }
  .p-merit-case__head--online {
    background-color: #fff0f7;
  }
  .p-merit-case__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 13px;
    gap: calc(13 * var(--px-to-rem));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 670px;
    margin: 20px auto 0;
    margin: calc(20 * var(--px-to-rem)) auto 0;
    padding: 0;
  }
  .p-merit-case--online .p-merit-case__list {
    gap: 0;
  }
  .p-merit-case__list::after {
    content: "";
    position: absolute;
    top: 58px;
    top: calc(58 * var(--px-to-rem));
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    height: 3px;
    height: calc(3 * var(--px-to-rem));
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 6px 3px;
    background-size: calc(6 * var(--px-to-rem)) calc(3 * var(--px-to-rem));
  }
  .p-merit-case--visit .p-merit-case__list::after {
    width: calc(100% - 84px);
    width: calc(100% - 84 * var(--px-to-rem));
  }
  .p-merit-case--online .p-merit-case__list::after {
    width: calc(100% - 141px);
    width: calc(100% - 141 * var(--px-to-rem));
  }
  .p-merit-case__item {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
  .p-merit-case--visit .p-merit-case__item {
    width: 84px;
    width: calc(84 * var(--px-to-rem));
  }
  .p-merit-case--online .p-merit-case__item {
    width: 141px;
    width: calc(141 * var(--px-to-rem));
  }
  .p-merit-case__item::after {
    content: "";
    position: absolute;
    top: 51.88px;
    top: calc(51.88 * var(--px-to-rem));
    left: 50%;
    -webkit-transform: translate(-50%, -2px);
            transform: translate(-50%, -2px);
    display: inline-block;
    width: 6px;
    width: calc(6 * var(--px-to-rem));
    height: 17px;
    height: calc(17 * var(--px-to-rem));
    border-radius: 100vmax;
  }
  .p-merit-case--visit .p-merit-case__item::after {
    background-color: #b7cee5;
  }
  .p-merit-case--online .p-merit-case__item::after {
    background-color: #ffbcd8;
  }
  .p-merit-case__item:has(.p-merit-case__todo--delivery) {
    gap: 0;
  }
  .p-merit-case__todo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 21.31px;
    gap: calc(21.31 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    text-align: center;
  }
  .p-merit-case__todo::before {
    content: "";
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: inline-block;
    width: 51.88px;
    width: calc(51.88 * var(--px-to-rem));
    height: 51.88px;
    height: calc(51.88 * var(--px-to-rem));
  }
  .p-merit-case__todo--deliveryTxt {
    white-space: nowrap;
  }
  .p-merit-case__time {
    font-size: 20px;
    font-size: calc(20 * var(--px-to-rem));
    line-height: 26px;
    line-height: calc(26 * var(--px-to-rem));
  }
  .p-merit-case__timeTxt--lg {
    font-size: 26px;
    font-size: calc(26 * var(--px-to-rem));
    line-height: 35px;
    line-height: calc(35 * var(--px-to-rem));
  }
  .p-merit-case__sumTime {
    gap: 0;
    margin-top: 12px;
    margin-top: calc(12 * var(--px-to-rem));
  }
  .p-merit-case__sumTime::before,
  .p-merit-case__sumTime::after {
    content: "";
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    display: inline-block;
    margin-top: 14.5px;
    margin-top: calc(14.5 * var(--px-to-rem));
    border: solid #b7cee5;
  }
  .p-merit-case__sumTime::before {
    border-width: 0 0 2px 2px;
  }
  .p-merit-case__sumTime::after {
    border-width: 0 2px 2px 0;
  }
  .p-merit-case--visit .p-merit-case__sumTime::before,
  .p-merit-case--visit .p-merit-case__sumTime::after {
    width: 180px;
    width: calc(180 * var(--px-to-rem));
  }
  .p-merit-case--online .p-merit-case__sumTime::before,
  .p-merit-case--online .p-merit-case__sumTime::after {
    width: 130px;
    width: calc(130 * var(--px-to-rem));
  }
  .p-merit-case__sumTimeTxt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .p-merit-case--visit .p-merit-case__sumTimeTxt {
    margin-inline: 16.5px 0;
    margin-inline: calc(16.5 * var(--px-to-rem)) 0;
  }
  .p-merit-case--online .p-merit-case__sumTimeTxt {
    margin-inline: 24px;
    margin-inline: calc(24 * var(--px-to-rem));
  }
  .p-merit-case__sumTimeTxt--md {
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 29px;
    line-height: calc(29 * var(--px-to-rem));
  }
  .p-merit-case__sumTimeTxt--md:last-of-type {
    margin-left: -5px;
    margin-left: calc(-5 * var(--px-to-rem));
  }
  .p-merit-case__sumTimeTxt--lg {
    font-size: 32px;
    font-size: calc(32 * var(--px-to-rem));
    line-height: 43px;
    line-height: calc(43 * var(--px-to-rem));
  }
  .p-merit-case__descTxt {
    margin-top: 20px;
    margin-top: calc(20 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
  .p-merit-case__descTxt:not(:first-of-type) {
    margin-top: 20.4px;
    margin-top: calc(20.4 * var(--px-to-rem));
  }
}
.l-section--promise {
  margin-top: -45px;
  margin-top: calc(-45 * var(--px-to-rem));
}

.p-promise__inner {
  padding: 43px 0 90px;
  padding: calc(43 * var(--px-to-rem)) 0 calc(90 * var(--px-to-rem));
  background-color: var(--lp-theme-bg, #def9f6);
}
@media (min-width: 768px) {
  .p-promise__inner {
    padding: 76px 0 180px;
    padding: calc(76 * var(--px-to-rem)) 0 calc(180 * var(--px-to-rem));
  }
}

.p-promise__bg--back {
  position: relative;
  width: 100%;
  padding: 4px;
  padding: calc(4 * var(--px-to-rem));
  background: transparent linear-gradient(155deg, #fffbc9 0%, #ffefb0 31%, #ffefb0 70%, #fff9d5 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
}

.p-promise__bg {
  padding: 4px;
  padding: calc(4 * var(--px-to-rem));
  background: transparent linear-gradient(155deg, #fff496 0%, #fffdda 31%, #fffdda 60%, #fff7b0 100%) 0% 0% no-repeat padding-box;
}

.p-promise__bg--back::before,
.p-promise__bg--back::after {
  content: "";
  position: absolute;
  z-index: 3;
  display: inline-block;
  width: 68px;
  width: calc(68 * var(--px-to-rem));
  height: 68px;
  height: calc(68 * var(--px-to-rem));
  background: url(../img/promise/bg_ribbon.webp) no-repeat center/contain;
}

.p-promise__bg--back::before {
  top: -1px;
  top: calc(-1 * var(--px-to-rem));
  left: -1px;
  left: calc(-1 * var(--px-to-rem));
}

.p-promise__bg--back::after {
  bottom: -1px;
  bottom: calc(-1 * var(--px-to-rem));
  right: -1px;
  right: calc(-1 * var(--px-to-rem));
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-promise__content {
  padding: 40px 17px 23.6px 16px;
  padding: calc(40 * var(--px-to-rem)) calc(17 * var(--px-to-rem)) calc(23.6 * var(--px-to-rem)) calc(16 * var(--px-to-rem));
  background-color: #fff;
  -webkit-box-shadow: inset 0.2rem 0.2rem 0.3rem rgba(88, 38, 0, 0.1);
          box-shadow: inset 0.2rem 0.2rem 0.3rem rgba(88, 38, 0, 0.1);
}

.p-promiseTitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.p-promiseTitle__title {
  width: 255px;
  width: calc(255 * var(--px-to-rem));
}

.p-promiseList {
  display: grid;
  margin-top: 20px;
  margin-top: calc(20 * var(--px-to-rem));
  padding-inline: 1px 2px;
  padding-inline: calc(1 * var(--px-to-rem)) calc(2 * var(--px-to-rem));
}

.p-promiseList__item {
  display: grid;
  grid-template-areas: "thumb head" "txt txt";
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  gap: 5.4px 8px;
  gap: calc(5.4 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
  padding-bottom: 14.4px;
  padding-bottom: calc(14.4 * var(--px-to-rem));
}

.p-promiseList__item:not(:first-of-type) {
  padding: 18px 0 13.4px;
  padding: calc(18 * var(--px-to-rem)) 0 calc(13.4 * var(--px-to-rem));
  border-top: 1px solid #fff2bc;
}

.p-promiseList__thumb {
  grid-area: thumb;
  width: 90px;
  width: calc(90 * var(--px-to-rem));
  aspect-ratio: 1/1;
}

.p-promiseList__head {
  grid-area: head;
  align-self: center;
}

.p-promiseList__txt {
  grid-area: txt;
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 25.2px;
  line-height: calc(25.2 * var(--px-to-rem));
}

.p-promiseList__txt--highlight {
  color: #fd679b;
}

.p-promise .c-btn--line {
  margin: 27px auto 0;
  margin: calc(27 * var(--px-to-rem)) auto 0;
}

@media (min-width: 768px) {
  .p-promise__bg--back {
    padding: 4px;
    padding: calc(4 * var(--px-to-rem));
    background: transparent linear-gradient(121deg, #fffbc9 0%, #ffea97 31%, #ffefb0 70%, #fff9d5 100%) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.1);
  }
  .p-promise__bg {
    padding: 7px;
    padding: calc(7 * var(--px-to-rem));
    background: transparent linear-gradient(121deg, #fff284 0%, #fffdda 31%, #fffdda 60%, #fff59c 100%) 0% 0% no-repeat padding-box;
  }
  .p-promise__bg--back::before,
  .p-promise__bg--back::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 140px;
    width: calc(140 * var(--px-to-rem));
    height: 140px;
    height: calc(140 * var(--px-to-rem));
    background: url(../img/promise/bg_ribbon.webp) no-repeat center/contain;
  }
  .p-promise__bg--back::before {
    top: -4px;
    top: calc(-4 * var(--px-to-rem));
    left: -4px;
    left: calc(-4 * var(--px-to-rem));
  }
  .p-promise__bg--back::after {
    bottom: -4px;
    bottom: calc(-4 * var(--px-to-rem));
    right: -4px;
    right: calc(-4 * var(--px-to-rem));
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .p-promise__content {
    padding: 39px 74px 35.795px;
    padding: calc(39 * var(--px-to-rem)) calc(74 * var(--px-to-rem)) calc(35.795 * var(--px-to-rem));
    background-color: #fff;
    -webkit-box-shadow: inset 0.1rem 0.1rem 0.5rem rgba(88, 38, 0, 0.1);
            box-shadow: inset 0.1rem 0.1rem 0.5rem rgba(88, 38, 0, 0.1);
  }
  .p-promise__content::after {
    content: "";
    position: absolute;
    right: 11px;
    right: calc(11 * var(--px-to-rem));
    bottom: 11px;
    bottom: calc(11 * var(--px-to-rem));
    z-index: 1;
    width: 520px;
    width: calc(520 * var(--px-to-rem));
    height: 168px;
    height: calc(168 * var(--px-to-rem));
    background: #f9fcfc;
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
  }
  .p-promiseTitle__title {
    width: 530px;
    width: calc(530 * var(--px-to-rem));
  }
  .p-promiseList {
    position: relative;
    z-index: 5;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    gap: calc(40 * var(--px-to-rem));
    margin-top: 18px;
    margin-top: calc(18 * var(--px-to-rem));
    padding-inline: 0;
  }
  .p-promiseList__item {
    grid-template-areas: "thumb" "head" "txt";
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-row: span 3;
    justify-items: center;
    gap: 0;
    padding-bottom: 0;
  }
  .p-promiseList__item:not(:first-of-type) {
    padding: 0;
    border-top: none;
  }
  .p-promiseList__thumb {
    width: 170px;
    width: calc(170 * var(--px-to-rem));
  }
  .p-promiseList__head {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 18px;
    margin-top: calc(18 * var(--px-to-rem));
  }
  .p-promiseList__txt {
    font-size: 15px;
    font-size: calc(15 * var(--px-to-rem));
    line-height: 25.5px;
    line-height: calc(25.5 * var(--px-to-rem));
  }
  .p-promiseList__item:first-of-type .p-promiseList__txt {
    margin-top: 10.095px;
    margin-top: calc(10.095 * var(--px-to-rem));
  }
  .p-promise .c-btn--line {
    margin: 41px auto 0;
    margin: calc(41 * var(--px-to-rem)) auto 0;
  }
}
.p-flowSteps {
  gap: 32px;
  gap: 2rem;
  display: grid;
}
@media (min-width: 768px) {
  .p-flowSteps {
    gap: 36px;
    gap: calc(36 * var(--px-to-rem));
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-flowSteps__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-flowSteps__item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -22px;
  bottom: calc(-22 * var(--px-to-rem));
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/top/icon_triangle-bgGreen.svg) no-repeat center/contain;
  width: 26px;
  width: calc(26 * var(--px-to-rem));
  height: 12px;
  height: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-flowSteps__item:not(:last-child)::after {
    top: 50%;
    right: -36px;
    right: calc(-36 * var(--px-to-rem));
    bottom: auto;
    left: unset;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
    width: 30px;
    width: calc(30 * var(--px-to-rem));
    height: 16px;
    height: calc(16 * var(--px-to-rem));
  }
}
.p-flowSteps__number {
  position: absolute;
  top: -29px;
  top: calc(-29 * var(--px-to-rem));
  left: -14px;
  left: calc(-14 * var(--px-to-rem));
  z-index: 2;
  width: 60px;
  width: calc(60 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-flowSteps__number {
    top: -30px;
    top: calc(-30 * var(--px-to-rem));
    left: -18px;
    left: calc(-18 * var(--px-to-rem));
    width: 100px;
    width: calc(100 * var(--px-to-rem));
    height: 100px;
    height: calc(100 * var(--px-to-rem));
  }
}
.p-flowSteps__number img {
  display: block;
  width: 100%;
  height: auto;
}
.p-flowSteps__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 3px solid #f9ff9f;
  border: calc(3 * var(--px-to-rem)) solid #f9ff9f;
  border-radius: 15px;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
  padding: 17px;
  padding: calc(17 * var(--px-to-rem));
  width: 100%;
}
@media (min-width: 768px) {
  .p-flowSteps__card {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-width: 0.1875rem;
    border-radius: 20px;
    border-radius: calc(20 * var(--px-to-rem));
    padding: 27px 27px 23.6px;
    padding: calc(27 * var(--px-to-rem)) calc(27 * var(--px-to-rem)) calc(23.6 * var(--px-to-rem));
  }
}
.p-flowSteps__cardInner {
  gap: 15px;
  gap: calc(15 * var(--px-to-rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .p-flowSteps__cardInner {
    gap: 20px;
    gap: calc(20 * var(--px-to-rem));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-flowSteps__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
  width: calc(100 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-flowSteps__image {
    width: 190px;
    width: calc(190 * var(--px-to-rem));
    height: 190px;
    height: calc(190 * var(--px-to-rem));
  }
}
.p-flowSteps__image img {
  aspect-ratio: 120/120;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-flowSteps__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.p-flowSteps__title {
  position: relative;
  padding-bottom: 7px;
  padding-bottom: calc(7 * var(--px-to-rem));
  font-size: 20px;
  font-size: calc(20 * var(--px-to-rem));
  line-height: 26px;
  line-height: calc(26 * var(--px-to-rem));
  font-weight: 600;
  color: #00366b;
}
@media (min-width: 768px) {
  .p-flowSteps__title {
    padding-bottom: 8px;
    padding-bottom: calc(8 * var(--px-to-rem));
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 29px;
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-flowSteps__title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0.3125rem;
  background-color: #99e6dd;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  content: "";
}
@media (min-width: 768px) {
  .p-flowSteps__title::after {
    height: 3px;
    height: 0.1875rem;
  }
}
.p-flowSteps__description {
  margin-top: 7.8px;
  margin-top: calc(7.8 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 22.4px;
  line-height: calc(22.4 * var(--px-to-rem));
  font-weight: 300;
}
@media (min-width: 768px) {
  .p-flowSteps__description {
    margin-top: 11.4px;
    margin-top: calc(11.4 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
}
.p-flowSteps__note {
  margin-top: 12px;
  margin-top: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-flowSteps__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.8em;
    margin-top: 17px;
    margin-top: calc(17 * var(--px-to-rem));
  }
}
.p-flowSteps__noteTxt {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 18;
  line-height: calc(18 * var(--px-to-rem));
}

.p-archive {
  padding-bottom: 148px;
  padding-bottom: 9.25rem;
}
@media (min-width: 768px) {
  .p-archive {
    padding-bottom: 266px;
    padding-bottom: 16.625rem;
  }
}
.p-archive__body {
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
  padding: 4px 15px;
  padding: 0.25rem 0.9375rem;
}
@media (min-width: 768px) {
  .p-archive__body {
    margin-top: 35px;
    margin-top: 2.1875rem;
    border-radius: 3.75rem;
    padding: 50px 110px;
    padding: 3.125rem 6.875rem;
  }
}
.p-archive__body--column {
  padding: calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(4.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-archive__body--column {
    padding: calc(40 * var(--px-to-rem)) 0 calc(70 * var(--px-to-rem));
  }
}
.p-archive__categoryNav {
  scrollbar-width: none;
  margin: 0 -20px;
  margin: 0 -1.25rem;
  border-bottom: 3px solid #f2f4f7;
  border-bottom: 0.1875rem solid #f2f4f7;
  padding-left: 20px;
  padding-left: 1.25rem;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .p-archive__categoryNav {
    margin: 0 -110px;
    margin: 0 -6.875rem;
    margin: 0;
    padding-left: 110px;
    padding-left: 6.875rem;
  }
}
.p-archive__categoryNav::-webkit-scrollbar {
  display: none;
}
.p-archive__categoryNavList {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .p-archive__categoryNavList {
    gap: calc(40 * var(--px-to-rem));
  }
}
.p-archive__categoryNavItem {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.p-archive__categoryNavItem:last-of-type {
  padding-right: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-archive__categoryNavItem:last-of-type {
    padding-right: calc(110 * var(--px-to-rem));
  }
}
.p-archive__categoryNavLink {
  display: block;
  position: relative;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3571428571;
}
@media (min-width: 768px) {
  .p-archive__categoryNavLink {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
  }
}
.p-archive__categoryNavLink:hover {
  opacity: 0.7;
}
.p-archive__categoryNavLink--active {
  color: #ff8fbd;
}
.p-archive__categoryNavLink--active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 1.25rem;
  background-color: #ff8fbd;
  width: 100%;
  height: 3px;
  height: 0.1875rem;
  content: "";
}
@media (min-width: 768px) {
  .p-archive__categoryNavLink--active::after {
    height: calc(5 * var(--px-to-rem));
  }
}
.p-archive__categoryNavLink--disabled {
  pointer-events: none;
  color: #dddddd;
}
.p-archive__categoryButtons {
  gap: 12px 9px;
  gap: 0.75rem 0.5625rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: calc(52 * var(--px-to-rem));
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .p-archive__categoryButtons {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(15 * var(--px-to-rem)) calc(17 * var(--px-to-rem));
    margin: calc(35 * var(--px-to-rem)) auto;
    padding: 0 calc(18 * var(--px-to-rem));
  }
}
.p-archive__categoryButtons .c-btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  min-width: 0;
  min-height: calc(52 * var(--px-to-rem));
  padding: calc(7 * var(--px-to-rem)) calc(25 * var(--px-to-rem)) calc(6 * var(--px-to-rem));
  white-space: wrap;
}
@media (min-width: 768px) {
  .p-archive__categoryButtons .c-btn {
    min-height: calc(74 * var(--px-to-rem));
    padding: calc(22 * var(--px-to-rem)) calc(42 * var(--px-to-rem));
  }
}
.p-archive__categoryButtons .c-btn--disabled {
  pointer-events: none;
  border-color: #e8e8e8;
  background-color: #f5f5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.p-archive__categoryButtons .c-btn--disabled::before {
  background-color: #ddd;
}
.p-archive__categoryButtons .c-btn--disabled::after {
  border: none;
}
.p-archive__categoryButtons .c-btn--disabled .c-btn__text {
  color: #dddddd;
}
.p-archive__categoryButtons .c-btn__text {
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(16.9 * var(--px-to-rem));
  text-align: left;
}
@media (min-width: 768px) {
  .p-archive__categoryButtons .c-btn__text {
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(23 * var(--px-to-rem));
  }
}
.p-archive__footer {
  margin-top: 22px;
  margin-top: 1.375rem;
}
@media (min-width: 768px) {
  .p-archive__footer {
    margin-top: 38px;
    margin-top: 2.375rem;
  }
}
.p-archive__empty {
  padding: 40px 0;
  padding: 2.5rem 0;
  text-align: center;
}
.p-archive .p-archive__section + .p-archive__section {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .p-archive .p-archive__section + .p-archive__section {
    margin-top: 120px;
    margin-top: 7.5rem;
  }
}

.p-columnList {
  display: grid;
  margin-top: calc(3 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-columnList {
    margin-top: calc(28 * var(--px-to-rem));
    padding: 0 calc(110 * var(--px-to-rem));
  }
}
.p-columnList__item {
  padding: calc(17 * var(--px-to-rem)) 0 calc(15.5 * var(--px-to-rem));
}
.p-columnList__item:not(:has(.p-columnList__expert)) .p-columnList__meta {
  margin-top: calc(-7 * var(--px-to-rem));
}
.p-columnList__item:not(:has(.p-columnList__meta)) {
  padding-bottom: calc(9 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-columnList__item {
    padding: calc(22 * var(--px-to-rem)) 0 calc(20 * var(--px-to-rem));
  }
}
.p-columnList__item:not(:first-of-type) {
  border-top: calc(1 * var(--px-to-rem)) solid #e6e6e6;
}
@media (min-width: 768px) {
  .p-columnList__item:last-of-type {
    border-bottom: calc(1 * var(--px-to-rem)) solid #e6e6e6;
  }
}
.p-columnList__link {
  display: grid;
  grid-template-areas: "cat cat" "thumb title" "excerpt excerpt" "meta meta";
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  gap: calc(8 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .p-columnList__link:hover {
    opacity: 0.7;
  }
}
.p-columnList__categories {
  grid-area: cat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(8 * var(--px-to-rem));
}
.p-columnList__category {
  padding: 0 calc(9 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #ff8fbd;
  border-radius: 100vmax;
  font-size: calc(10 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
  color: #ff8fbd;
}
@media (min-width: 768px) {
  .p-columnList__category {
    padding: calc(0.5 * var(--px-to-rem)) calc(7 * var(--px-to-rem));
    font-size: calc(12 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}
.p-columnList__thumbnail {
  grid-area: thumb;
  width: calc(108 * var(--px-to-rem));
  height: calc(60.75 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-columnList__thumbnail {
    width: calc(130 * var(--px-to-rem));
    height: calc(73 * var(--px-to-rem));
  }
}
.p-columnList__thumbnail img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-columnList__title {
  grid-area: title;
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 768px) {
  .p-columnList__title {
    -ms-flex-item-align: self-start;
        align-self: self-start;
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.p-columnList__excerpt {
  grid-area: excerpt;
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(19.5 * var(--px-to-rem));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (min-width: 768px) {
  .p-columnList__excerpt {
    font-size: calc(15 * var(--px-to-rem));
    line-height: calc(25.5 * var(--px-to-rem));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    -webkit-line-clamp: 3;
  }
}
.p-columnList__meta {
  grid-area: meta;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(10 * var(--px-to-rem));
  justify-self: flex-end;
  font-size: calc(10 * var(--px-to-rem));
  line-height: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-columnList__meta {
    font-size: calc(12 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-columnList__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-lpColumn__list:has(.p-columnCards__item:only-of-type) ~ .p-lpColumn__button {
  display: none;
}

.p-lpColumn__contents {
  position: relative;
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpColumn__contents {
    margin-top: 50px;
    margin-top: 3.125rem;
    padding: 0 calc(60 * var(--px-to-rem));
  }
}
.p-lpColumn__more {
  margin-top: 25px;
  margin-top: 1.5625rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpColumn__more {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-lpColumn__more a {
  margin-inline: auto;
  max-width: 300px;
  max-width: 18.75rem;
}
@media (min-width: 768px) {
  .p-lpColumn__more a {
    max-width: 394px;
    max-width: 24.625rem;
  }
}

.p-lpColumn__area {
  position: relative;
}

.p-lpColumn__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 21.78px;
  gap: calc(21.78 * var(--px-to-rem));
  margin-top: 13px;
  margin-top: calc(13 * var(--px-to-rem));
}

.p-lpColumn__pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 6.22px;
  width: calc(6.22 * var(--px-to-rem));
  height: 6.22px;
  height: calc(6.22 * var(--px-to-rem));
  border-radius: 100vmax;
  background-color: #cddceb;
}

.p-lpColumn__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  width: calc(8 * var(--px-to-rem));
  height: 8px;
  height: calc(8 * var(--px-to-rem));
  background-color: var(--lp-column-pagination, #febfda);
}

.p-lpColumn__button {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-block;
  aspect-ratio: 1/1;
  width: 60px;
  width: calc(60 * var(--px-to-rem));
  border-radius: 100vmax;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-lpColumn__button {
    width: calc(40 * var(--px-to-rem));
  }
}
.p-lpColumn__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(8 * var(--px-to-rem));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: calc(22 * var(--px-to-rem));
  height: calc(22 * var(--px-to-rem));
  -webkit-mask: url(../img/column/icon_column_arrow.svg) no-repeat center/contain;
          mask: url(../img/column/icon_column_arrow.svg) no-repeat center/contain;
  background-color: var(--lp-column-arrow);
}
@media (min-width: 768px) {
  .p-lpColumn__button::after {
    right: calc(6 * var(--px-to-rem));
    width: calc(30 * var(--px-to-rem));
    height: calc(30 * var(--px-to-rem));
  }
}

.p-lpColumn__button--prev {
  left: 0;
  -webkit-transform: translate(-45px, -50%);
          transform: translate(-45px, -50%);
  -webkit-transform: translate(calc(-45 * var(--px-to-rem)), -50%);
          transform: translate(calc(-45 * var(--px-to-rem)), -50%);
  -webkit-box-shadow: 0 calc(2 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) rgba(var(--lp-column-arrow-shadow), 0.15);
          box-shadow: 0 calc(2 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) rgba(var(--lp-column-arrow-shadow), 0.15);
}

.p-lpColumn__button--next {
  right: 0;
  -webkit-transform: translate(45px, -50%) rotate(180deg);
          transform: translate(45px, -50%) rotate(180deg);
  -webkit-transform: translate(calc(45 * var(--px-to-rem)), -50%) rotate(180deg);
          transform: translate(calc(45 * var(--px-to-rem)), -50%) rotate(180deg);
  -webkit-box-shadow: 0 calc(-2 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) rgba(var(--lp-column-arrow-shadow), 0.15);
          box-shadow: 0 calc(-2 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) rgba(var(--lp-column-arrow-shadow), 0.15);
}

@media (min-width: 768px) {
  .p-lpColumn__inner {
    padding: 80px 0 180px;
    padding: calc(80 * var(--px-to-rem)) 0 calc(180 * var(--px-to-rem));
  }
  .p-lpColumn__area {
    position: relative;
  }
  .p-lpColumn__pagination {
    gap: 23px;
    gap: calc(23 * var(--px-to-rem));
    margin-top: 15px;
    margin-top: calc(15 * var(--px-to-rem));
  }
  .p-lpColumn__pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 7px;
    width: calc(7 * var(--px-to-rem));
    height: 7px;
    height: calc(7 * var(--px-to-rem));
    border-radius: 100vmax;
    background-color: #cddceb;
    cursor: pointer;
  }
  .p-lpColumn__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 9px;
    width: calc(9 * var(--px-to-rem));
    height: 9px;
    height: calc(9 * var(--px-to-rem));
    background-color: var(--lp-column-pagination, #febfda);
  }
  .p-lpColumn__button--prev {
    -webkit-transform: translate(calc(-100% - 12px), -50%);
            transform: translate(calc(-100% - 12px), -50%);
    -webkit-transform: translate(calc(-100% - 12 * var(--px-to-rem)), -50%);
            transform: translate(calc(-100% - 12 * var(--px-to-rem)), -50%);
  }
  .p-lpColumn__button--next {
    -webkit-transform: translate(calc(100% + 12px), -50%) rotate(180deg);
            transform: translate(calc(100% + 12px), -50%) rotate(180deg);
    -webkit-transform: translate(calc(100% + 12 * var(--px-to-rem)), -50%) rotate(180deg);
            transform: translate(calc(100% + 12 * var(--px-to-rem)), -50%) rotate(180deg);
  }
}
.p-columnCards__link {
  min-height: 210px;
  min-height: calc(210 * var(--px-to-rem));
  border: 2px solid var(--lp-column-border, #ffd1e4);
  border: calc(2 * var(--px-to-rem)) solid var(--lp-column-border, #ffd1e4);
  border-radius: 15px;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 23px 27px 18.5px;
  padding: calc(23 * var(--px-to-rem)) calc(27 * var(--px-to-rem)) calc(18.5 * var(--px-to-rem));
}

.p-columnCards__categories {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-columnCards__category {
  display: grid;
  place-content: center;
  min-height: 18px;
  min-height: calc(18 * var(--px-to-rem));
  border: 1px solid var(--column-category-border, #fec1da);
  border-radius: 100vmax;
  background-color: #fff;
  padding: 2px 9px;
  padding: calc(2 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
  color: var(--column-category-color, #ff8fbd);
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 12px;
  line-height: calc(12 * var(--px-to-rem));
}

.p-columnCards__title {
  margin-top: 8.5px;
  margin-top: calc(8.5 * var(--px-to-rem));
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
}

.p-columnCards__excerpt {
  margin-top: 4.5px;
  margin-top: calc(4.5 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
}

.p-columnCards__meta {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 11px;
  font-size: calc(11 * var(--px-to-rem));
  line-height: 17px;
  line-height: calc(17 * var(--px-to-rem));
  margin: auto 0 0;
}

.p-columnCards__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 768px) {
  .p-columnCards__link {
    min-height: 278px;
    min-height: calc(278 * var(--px-to-rem));
    border: 1px solid var(--lp-column-border, #ffd1e4);
    border: calc(1 * var(--px-to-rem)) solid var(--lp-column-border, #ffd1e4);
    border-radius: 20px;
    border-radius: calc(20 * var(--px-to-rem));
    padding: 29px 69px 34px;
    padding: calc(29 * var(--px-to-rem)) calc(69 * var(--px-to-rem)) calc(34 * var(--px-to-rem));
  }
  .p-columnCards__category {
    min-height: 21px;
    min-height: calc(21 * var(--px-to-rem));
    border: 1px solid var(--column-category-border, #fec1da);
    background-color: #fff;
    padding: 2px 7px;
    padding: calc(2 * var(--px-to-rem)) calc(7 * var(--px-to-rem));
    font-size: 12px;
    font-size: calc(12 * var(--px-to-rem));
    line-height: 15px;
    line-height: calc(15 * var(--px-to-rem));
  }
  .p-columnCards__title {
    margin-top: 13px;
    margin-top: calc(13 * var(--px-to-rem));
    font-size: 20px;
    font-size: calc(20 * var(--px-to-rem));
    line-height: 30px;
    line-height: calc(30 * var(--px-to-rem));
  }
  .p-columnCards__excerpt {
    margin-top: 6.2px;
    margin-top: calc(6.2 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
  .p-columnCards__meta {
    gap: 15px;
    gap: calc(15 * var(--px-to-rem));
    font-size: 12px;
    font-size: calc(12 * var(--px-to-rem));
    line-height: 15px;
    line-height: calc(15 * var(--px-to-rem));
  }
  .p-columnCards__date {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.p-single__inner {
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 15px 25px;
  padding: 1.25rem 0.9375rem 1.5625rem;
}
.p-single__inner--doctor {
  padding-top: 0;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
.p-single__headerBox {
  margin-inline: -15px;
  margin-inline: -0.9375rem;
  border-radius: 0.9375rem 0.9375rem 0 0;
  background: #73ddd0;
  padding: 12px 20px 10px;
  padding: 0.75rem 1.25rem 0.625rem;
  width: calc(100% + 1.875rem);
  text-align: center;
}
@media (min-width: 768px) {
  .p-single__headerBox {
    margin-inline: -110px;
    margin-inline: -6.875rem;
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(10 * var(--px-to-rem));
    border-radius: 1.25rem 1.25rem 0 0;
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    width: calc(100% + 13.75rem);
  }
}
.p-single__headerLabel {
  margin-inline: auto;
  border: 1px solid #bcf0e9;
  border-radius: 0.8125rem;
  padding: 2px 15px;
  padding: 0.125rem 0.9375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .p-single__headerLabel {
    margin-inline: 0;
    justify-self: start;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3571428571;
  }
}
.p-single__headerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .p-single__headerList {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .p-single__headerList:has(:only-child) {
    justify-self: center;
    -webkit-transform: translateX(calc(-50 * var(--px-to-rem)));
            transform: translateX(calc(-50 * var(--px-to-rem)));
  }
}
.p-single__meta {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-single__meta--doctor {
  gap: calc(10 * var(--px-to-rem));
  gap: 0.625rem;
  padding-top: calc(46 * var(--px-to-rem));
}
.p-single__date {
  font-size: calc(10 * var(--px-to-rem));
  line-height: calc(18 * var(--px-to-rem));
}
.p-single__supervisor {
  overflow: hidden;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  margin-top: calc(7 * var(--px-to-rem));
  border: calc(2 * var(--px-to-rem)) solid #def9f5;
  border-radius: calc(10 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-single__supervisor {
    grid-template-columns: calc(270 * var(--px-to-rem)) 1fr;
  }
}
.p-single__supervisorHead {
  display: grid;
  grid-template-rows: calc(25 * var(--px-to-rem)) 1fr;
  background-color: #def9f5;
}
@media (min-width: 768px) {
  .p-single__supervisorHead {
    grid-template-rows: calc(27 * var(--px-to-rem)) 1fr;
  }
}
.p-single__supervisorHeadContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 * var(--px-to-rem));
  height: 100%;
  padding: 0 calc(11 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-single__supervisorHeadContent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: calc(8 * var(--px-to-rem));
  }
}
.p-single__supervisorHeadTxt {
  padding: calc(5 * var(--px-to-rem)) calc(13 * var(--px-to-rem));
  border-radius: calc(10 * var(--px-to-rem)) 0 calc(10 * var(--px-to-rem)) 0;
  font-size: calc(11 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(15 * var(--px-to-rem));
  color: #fff;
  background-color: #73ddd0;
}
@media (min-width: 768px) {
  .p-single__supervisorHeadTxt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: calc(4 * var(--px-to-rem)) calc(18 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-single__supervisorLabel {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  line-height: 1;
}
@media (min-width: 768px) {
  .p-single__supervisorLabel--profile {
    width: calc(42 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-single__supervisorLabel--link {
    width: calc(27 * var(--px-to-rem));
  }
}
.p-single__supervisorImg {
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  width: calc(92 * var(--px-to-rem));
  height: calc(92 * var(--px-to-rem));
  border-radius: 100vmax;
}
.p-single__supervisorImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-single__supervisorInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.p-single__supervisorBelong {
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(15.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-single__supervisorBelong {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19.6 * var(--px-to-rem));
  }
}
.p-single__supervisorName {
  margin-top: calc(3 * var(--px-to-rem));
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(16 * var(--px-to-rem));
  font-weight: 600;
}
@media (min-width: 768px) {
  .p-single__supervisorName {
    margin-top: calc(5 * var(--px-to-rem));
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(19.5 * var(--px-to-rem));
  }
}
.p-single__supervisorContent {
  padding: calc(11 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-single__supervisorContent {
    padding: calc(10 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
  }
}
.p-single__supervisorProfileTxt {
  margin-top: calc(6 * var(--px-to-rem));
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(19.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-single__supervisorProfileTxt {
    margin-top: calc(4 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19.6 * var(--px-to-rem));
  }
}
.p-single__supervisorRelated {
  margin-top: calc(12 * var(--px-to-rem));
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(15.4 * var(--px-to-rem));
}
.p-single__supervisorRelatedList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(10 * var(--px-to-rem));
  margin-top: calc(6 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-single__supervisorRelatedList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(4 * var(--px-to-rem)) calc(28 * var(--px-to-rem));
  }
}
.p-single__supervisorRelatedLink {
  display: inline;
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(15.4 * var(--px-to-rem));
  word-break: break-all;
  color: #00b1ff;
}
.p-single__supervisorRelatedLink[target=_blank]::after {
  display: inline-block;
  -webkit-mask-image: url("../img/common/icon-outerLink.svg");
  mask-image: url("../img/common/icon-outerLink.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-left: calc(1 * var(--px-to-rem));
  background-color: currentColor;
  width: 0.8529411765em;
  height: 0.7647058824em;
  font-weight: 900;
  content: "";
}
@media (min-width: 768px) {
  .p-single__supervisorRelatedLink {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19.5 * var(--px-to-rem));
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .p-single__supervisorRelatedLink:hover {
    opacity: 0.7;
  }
}
.p-single__title {
  margin-top: calc(20 * var(--px-to-rem));
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5555555556;
}
.p-single__supervisor + .p-single__title {
  margin-top: calc(40 * var(--px-to-rem));
}
.p-single__body h3,
.p-single__body h4 {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-weight: 600;
}
.p-single__body h3 {
  position: relative;
  padding-left: 11px;
  padding-left: 0.6875rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}
.p-single__body h3::before {
  display: block;
  position: absolute;
  top: calc(0.5lh - 0.5em - 1px);
  left: 0;
  border-radius: 0.1875rem;
  background-color: #5dd1c4;
  width: 5px;
  height: calc(100% - 0.25rem);
  content: "";
}
.p-single__body h4 {
  font-size: 16px;
  font-size: 1rem;
}
.p-single__body h4:has(+ h5) {
  margin: calc(20 * var(--px-to-rem)) 0 calc(15 * var(--px-to-rem));
}
.p-single__body h4 + h5 {
  margin: calc(15 * var(--px-to-rem)) 0 calc(8 * var(--px-to-rem));
}
.p-single__body h5 {
  margin: calc(25 * var(--px-to-rem)) 0 calc(8 * var(--px-to-rem));
  font-weight: 600;
}
.p-single__body--doctor p + p {
  margin-top: 15px;
  margin-top: 0.9375rem;
}
.p-single__body--doctor p + p:has(strong), .p-single__body--doctor p + p:has(.sme-highlighter) {
  margin-top: calc(10 * var(--px-to-rem));
}
.p-single__body--doctor p + p:has(> a:only-child) {
  margin-top: 0;
}
.p-single__body .smb-faq__item__question {
  margin-bottom: 0;
}
.p-single__body .smb-faq__item {
  padding: calc(15 * var(--px-to-rem)) 0;
}
.p-single__body .smb-faq__item__answer__label,
.p-single__body .smb-faq__item__question__label {
  margin-right: calc(15 * var(--px-to-rem));
  font-weight: 600;
}
.p-single__body .smb-faq__item__question__body,
.p-single__body .smb-faq__item__answer__body {
  margin-top: calc(8 * var(--px-to-rem));
}

.p-relatedPosts .p-columnList__item:first-of-type {
  padding-top: 0;
}
.p-relatedPosts .p-columnList__item:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .p-relatedPosts .p-columnList__thumbnail {
    height: calc(73 * var(--px-to-rem));
  }
  .p-relatedPosts .p-columnList__thumbnail img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 768px) {
  .p-relatedPosts .p-columnList__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

:root :where(.wp-block-list.is-style-default) :where(li) {
  position: relative;
  list-style: none;
}

:root :where(.wp-block-list.is-style-default) :where(li)::before {
  display: block;
  position: absolute;
  top: calc(21 * var(--px-to-rem) / 2);
  left: calc(-1.5em + 4px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #99e6dd;
  width: 9px;
  width: 0.5625rem;
  height: 9px;
  height: 0.5625rem;
  content: "";
}

.p-single__headerCategory {
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #fff;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.3333333333;
}
.p-single__headerCategory:not(:last-of-type)::after {
  content: "・";
}

.p-single__supervisor {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
}

.p-single__labels {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-single__label {
  border: 1px solid #fec1da;
  border-radius: 1.125rem;
  padding: 2px 10px;
  padding: 0.125rem 0.625rem;
  color: #ff8fbd;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
}

.p-single__title--doctor {
  font-size: 22px;
  font-size: 1.375rem;
}

.p-single__eyecatch {
  margin-top: 12px;
  margin-top: 0.75rem;
  text-align: center;
}

.p-single__eyecatch img {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-single__excerpt {
  margin-top: 15px;
  margin-top: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.78;
}

.p-single__standards {
  position: relative;
  margin-top: 40px;
  margin-top: 2.5rem;
  border: 2px solid #99e6dd;
  border-radius: 0 1.5625rem 0 1.5625rem;
  padding: 20px 15px 25px;
  padding: 1.25rem 0.9375rem 1.5625rem;
}

.p-single__standards::before,
.p-single__standards::after {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  width: 40px;
  width: 2.5rem;
  content: "";
}

.p-single__standards::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid #ffb8d5;
  border-left: 2px solid #ffb8d5;
}

.p-single__standards::after {
  right: -2px;
  bottom: -2px;
  border-right: 2px solid #ffb8d5;
  border-bottom: 2px solid #ffb8d5;
}

.p-single__standardsHeader {
  gap: 7px;
  gap: 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  white-space: nowrap;
}

.p-single__standardsHeader::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3.125rem;
  background-color: #99e6dd;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  content: "";
}

.p-single__standardsIcon {
  aspect-ratio: 1;
  width: 28px;
  width: 1.75rem;
}

.p-single__standardsText {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714285714;
}

.p-single__standardsList {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-single__standardsItem {
  position: relative;
  padding-left: 19px;
  padding-left: 1.1875rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3333333333;
}

.p-single__standardsItem::before {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: 0.45lh;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-mask-image: url(../img/common/icon-check.svg);
  mask-image: url(../img/common/icon-check.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fd679b;
  width: 14px;
  width: 0.875rem;
  content: "";
}

.p-single__standardsItem + .p-single__standardsItem {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-single__share {
  gap: 35px;
  gap: 2.1875rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-top: 2.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-single__shareTitle {
  max-width: 56px;
}

.p-single__shareTitle img {
  aspect-ratio: 56/16;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-single__shareButtons {
  gap: 25px;
  gap: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-single__shareButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  max-width: 40px;
}

.p-single__shareButton img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-single__credits {
  gap: 11px;
  gap: 0.6875rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px;
  margin-top: 2rem;
  border-radius: 0.625rem;
  background-color: #edfcfa;
  padding: 12px;
  padding: 0.75rem;
  max-width: 600px;
  max-width: 37.5rem;
}

.p-single__credit {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 50%;
  max-width: 194px;
}

.p-single__creditIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  width: 34px;
  width: 2.125rem;
  overflow: clip;
}

.p-single__creditIcon img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-single__creditRoleWrapper {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-single__creditRoleWrapper img {
  aspect-ratio: 1;
  width: 12px;
  width: 0.75rem;
}

.p-single__creditRole {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-single__creditName {
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #09f;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2142857143;
}

.p-single__footer {
  margin-top: 25px;
  margin-top: 1.5625rem;
  text-align: center;
}

.p-single__footer a {
  margin-inline: auto;
  max-width: 305px;
}

.p-single__related {
  margin-top: 60px;
  margin-top: 3.75rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.p-single__related .c-sectionTitle {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.p-single__relatedList {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-single__relatedItem {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
  text-decoration: none;
}

.p-single__relatedItem:hover {
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.p-single__relatedThumb {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.3125rem;
  width: 100px;
  width: 6.25rem;
  height: 75px;
  height: 4.6875rem;
  overflow: hidden;
}

.p-single__relatedThumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-single__relatedLabels {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  top: 0.3125rem;
  left: 5px;
  left: 0.3125rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-single__relatedLabel {
  padding: 2px 6px;
  padding: 0.125rem 0.375rem;
  font-size: 10px;
  font-size: 0.625rem;
}

.p-single__relatedContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 0;
}

.p-single__relatedItemTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.p-single__relatedDate {
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-single__body {
  margin-top: 40px;
  margin-top: 2.5rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.p-single__body .p-single__experienceInfo {
  margin-top: 25px;
  margin-top: 1.5625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.p-single__body p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}

.p-single__body * + * {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-single__body h2 {
  position: relative;
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
  padding-bottom: 13px;
  padding-bottom: 0.8125rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3333333333;
}

.p-single__body h2::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3.125rem;
  background-color: #5dd1c4;
  width: 100%;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-single__body p + p {
  margin-top: 1lh;
}

.p-single__body *:first-child {
  margin-top: 0;
}

.p-single__body .wp-block-spacer,
.p-single__body .wp-block-spacer + * {
  margin-top: 0;
}

.p-single__body ul.wp-block-list.is-style-default,
.p-single__body ul.wp-block-list.is-style-sme-list-check {
  padding-left: calc(20 * var(--px-to-rem));
}

.p-single__body ul.wp-block-list li:not([class]) + li {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-single__body a:not([class]) {
  color: #09f;
}

.p-single__body figure {
  margin-top: 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.p-single__body figcaption {
  margin-top: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.p-single__body strong,
.p-single__body b {
  font-weight: 700;
}

.p-single__body blockquote,
.p-single__body q {
  position: relative;
  background-color: #f8f8f8;
  padding: 1em 4em;
}

.p-single__body blockquote::before,
.p-single__body blockquote::after,
.p-single__body q::before,
.p-single__body q::after {
  position: absolute;
  color: #e6e6e6;
  font: var(--fa-font-solid);
  font-size: 2em;
  font-weight: 900;
}

.p-single__body blockquote::before,
.p-single__body q::before {
  top: 0;
  left: 0.5em;
  content: "\f10d";
}

.p-single__body blockquote::after,
.p-single__body q::after {
  right: 0.5em;
  bottom: 0;
  content: "\f10e";
}

.p-single__body q {
  display: inline-block;
}

.p-single__body dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-single__body dt,
.p-single__body dd {
  border-top: 1px solid #03356b;
  padding: 20px 10px;
  padding: 1.25rem 0.625rem;
}

.p-single__body dt:last-of-type,
.p-single__body dd:last-of-type {
  border-bottom: 1px solid #03356b;
}

.p-single__body dt {
  width: 33%;
  font-weight: 700;
}

.p-single__body dd {
  width: 67%;
}

.p-single__body pre {
  overflow: auto;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  white-space: pre;
}

.p-single__body .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.p-single__body .alignleft {
  float: left;
  margin-right: 1em;
}

.p-single__body .alignright {
  float: right;
  margin-left: 1em;
}

.p-single__body .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-single__body .gallery-columns-4 {
  gap: 20px;
}

.p-single__body .gallery-columns-4 > .gallery-item {
  width: calc((100% - 60px) / 4);
}

.p-single__body .gallery-item {
  margin-top: 0;
}

.p-single__body .gallery-icon {
  text-align: center;
}

.p-single__body--doctor h2 {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.p-single__body--doctor img {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-single__body--doctor p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-single__links {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.post-page-numbers {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #00366b;
  width: 2em;
  height: 2em;
  color: #00366b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2em;
  text-align: center;
}

.p-single__links .post-page-numbers {
  text-decoration: none;
}

.post-page-numbers + .post-page-numbers {
  margin-left: 10px;
}

.post-page-numbers.current {
  background-color: #00366b;
  color: #fff;
}

.post-page-numbers.dots {
  border: none;
}

/************************************************************************
* List Styles
************************************************************************/
:root :where(.wp-block-list.is-style-sme-list-check) {
  padding-left: calc(20 * var(--px-to-rem));
}

:root :where(.wp-block-list.is-style-sme-list-check) :where(li) {
  position: relative;
}

:root :where(.wp-block-list.is-style-sme-list-check) :where(li)::before {
  top: calc(20 * var(--px-to-rem) / 2);
  left: calc(-1.5em + 2px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background-image: url("../img/common/icon-check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

:root :where(.wp-block-list.is-style-default) :where(li) {
  position: relative;
  list-style: none;
}

:root :where(.wp-block-list.is-style-default) :where(li)::before {
  display: block;
  position: absolute;
  top: calc(20 * var(--px-to-rem) / 2);
  left: calc(-1.5em + 4px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #99e6dd;
  width: 9px;
  width: 0.5625rem;
  height: 9px;
  height: 0.5625rem;
  content: "";
}
@media (min-width: 768px) {
  :root :where(.wp-block-list.is-style-default) :where(li)::before {
    top: calc(28 * var(--px-to-rem) / 2);
  }
}

@media (min-width: 768px) {
  .p-single__inner {
    border-radius: 1.25rem;
    padding: 60px 110px 70px;
    padding: 3.75rem 6.875rem 4.375rem;
  }
  .p-single__inner--doctor {
    padding-top: 0;
    padding-bottom: 90px;
    padding-bottom: 5.625rem;
  }
  .p-single__inner--doctor:not(:has(.p-single__headerBox)) {
    padding-top: calc(46 * var(--px-to-rem));
  }
  .p-single__headerCategory {
    justify-self: center;
    margin-top: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.3181818182;
  }
  .p-single__meta {
    gap: 15px;
    gap: 0.9375rem;
  }
  .p-single__supervisor {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .p-single__date {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .p-single__label {
    padding: 2px 8px;
    padding: 0.125rem 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.25;
  }
  .p-single__title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .p-single__title--doctor {
    font-size: 32px;
    font-size: 2rem;
  }
  .p-single__eyecatch {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-single__excerpt {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6875;
  }
  .p-single__standards {
    margin-top: 40px;
    margin-top: 2.5rem;
    padding: 30px;
    padding: 1.875rem;
  }
  .p-single__standardsHeader {
    padding-bottom: 14px;
    padding-bottom: 0.875rem;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.3529411765;
  }
  .p-single__standardsText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.46875;
  }
  .p-single__shareButton:hover {
    opacity: 0.7;
  }
  .p-single__credits {
    gap: 50px;
    gap: 3.125rem;
    margin-top: 40px;
    margin-top: 2.5rem;
    padding: 20px;
    padding: 1.25rem;
  }
  .p-single__credit {
    gap: 12px;
    gap: 0.75rem;
  }
  .p-single__creditIcon {
    width: 50px;
    width: 3.125rem;
  }
  .p-single__creditRoleWrapper {
    gap: 5px;
    gap: 0.3125rem;
  }
  .p-single__creditRoleWrapper img {
    width: 15px;
    width: 0.9375rem;
  }
  .p-single__creditRole {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3571428571;
  }
  .p-single__creditName {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
  }
  .p-single__footer {
    margin-top: 43px;
    margin-top: 2.6875rem;
  }
  .p-single__footer a {
    max-width: 400px;
  }
  .p-single__body {
    margin-top: 55px;
    margin-top: 3.4375rem;
  }
  .p-single__body .p-single__experienceInfo {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
  .p-single__body p {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-single__body h2 {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
  .p-single__body h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
  }
  .p-single__body h4 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-single__body figure {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .p-single__body .gallery-columns-4 > .gallery-item {
    width: calc((100% - 40px) / 3);
  }
  .p-single__body--doctor {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-single__body--doctor h2 {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-single__body--doctor p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
}
/************************************************************************
* p-lpFv
************************************************************************/
.p-lpFv {
  overflow-x: clip;
}
.p-lpFv__inner {
  padding: 0 0 calc(70 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpFv__inner {
    padding-bottom: calc(165 * var(--px-to-rem));
  }
}
.p-lpFv__inner:has(.p-stiKitCta) {
  padding-bottom: calc(63.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpFv__inner:has(.p-stiKitCta) {
    padding-bottom: calc(138 * var(--px-to-rem));
  }
}
.p-lpFv__problems {
  margin-top: calc(30.75 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpFv__problems {
    margin-top: calc(49.3 * var(--px-to-rem));
  }
}
.p-lpFv__problemsList {
  gap: calc(11 * var(--px-to-rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: calc(11.75 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpFv__problemsList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(25 * var(--px-to-rem)) calc(13 * var(--px-to-rem));
    margin-top: calc(19.3 * var(--px-to-rem));
  }
}
.p-lpFv__problemsItem {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(9.5 * var(--px-to-rem)) calc(22 * var(--px-to-rem)) calc(9.5 * var(--px-to-rem)) calc(44 * var(--px-to-rem));
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  border-radius: calc(50 * var(--px-to-rem)) calc(50 * var(--px-to-rem)) calc(50 * var(--px-to-rem)) 0;
  background-color: var(--fv-item-bg);
}
@media (min-width: 768px) {
  .p-lpFv__problemsItem {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: calc(22 * var(--px-to-rem)) calc(28 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(54 * var(--px-to-rem));
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(26 * var(--px-to-rem));
  }
}
.p-lpFv__problemsItem::before {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: 10px;
  top: calc(10 * var(--px-to-rem));
  left: 22px;
  left: calc(22 * var(--px-to-rem));
  -webkit-mask-image: url(../img/lp/icon-problems.svg);
  mask-image: url(../img/lp/icon-problems.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--fv-item-icon);
  width: 19px;
  width: calc(19 * var(--px-to-rem));
  content: "";
}
.p-lpFv__problemsCopy {
  display: grid;
  justify-items: center;
  gap: calc(2 * var(--px-to-rem));
  margin-top: 30px;
  margin-top: calc(30 * var(--px-to-rem));
  padding: 0 calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpFv__problemsCopy {
    gap: calc(6 * var(--px-to-rem));
    padding: 0;
  }
}
.p-lpFv__problemsCopyBox {
  position: relative;
  padding: calc(4.5 * var(--px-to-rem)) calc(42 * var(--px-to-rem)) calc(3.5 * var(--px-to-rem)) calc(43 * var(--px-to-rem));
  text-align: center;
}
.p-lpFv__problemsCopyBox::before, .p-lpFv__problemsCopyBox::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 30px;
  width: calc(30 * var(--px-to-rem));
  height: 30px;
  height: calc(30 * var(--px-to-rem));
  border: solid #ffd1e3;
}
.p-lpFv__problemsCopyBox::before {
  top: 0;
  left: 0;
  border-width: 3px 0 0 3px;
  border-width: calc(2 * var(--px-to-rem)) 0 0 calc(2 * var(--px-to-rem));
}
.p-lpFv__problemsCopyBox::after {
  bottom: 0;
  right: 0;
  border-width: 0 3px 3px 0;
  border-width: 0 calc(2 * var(--px-to-rem)) calc(2 * var(--px-to-rem)) 0;
}

.p-lpFv__title {
  display: none;
}

.p-lpFv__img {
  margin: 0 calc(50% - 50vw);
}

.p-lpFv__img img {
  aspect-ratio: 375/280;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-lpFv__problemsHead {
  font-size: 21px;
  font-size: calc(21 * var(--px-to-rem));
  font-weight: 600;
  line-height: 34.5px;
  line-height: calc(34.5 * var(--px-to-rem));
  text-align: center;
  color: #00366b;
}

.p-lpFv__problemsTxt--sm {
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
  color: #00366b;
}

.p-lpFv__problemsTxt--lg {
  font-size: 21px;
  font-size: calc(21 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(34.5 * var(--px-to-rem));
  color: #00366b;
}

.p-lpFv__cta {
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  max-width: 300px;
}

.p-lpFv__cta a {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-lpInterest__content {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpInterest__content {
    margin-top: calc(40 * var(--px-to-rem));
  }
}

@media (min-width: 768px) {
  .p-lpFv__img img {
    /* min-height: 533px; */
    aspect-ratio: 1920/533;
  }
  .p-lpFv__problemsHead {
    font-size: 32px;
    font-size: calc(32 * var(--px-to-rem));
    line-height: 54.4px;
    line-height: calc(54.4 * var(--px-to-rem));
  }
  .p-lpFv__problemsItem::before {
    top: 23.87px;
    top: calc(23.87 * var(--px-to-rem));
    left: 25px;
    left: calc(25 * var(--px-to-rem));
    width: 22px;
    width: calc(22 * var(--px-to-rem));
  }
  .p-lpFv__problemsCopy {
    margin-top: 55px;
    margin-top: calc(55 * var(--px-to-rem));
  }
  .p-lpFv__problemsCopyBox {
    padding: 12.49px 45px 15px;
    padding: calc(12.49 * var(--px-to-rem)) calc(45 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  }
  .p-lpFv__problemsCopyBox::before,
  .p-lpFv__problemsCopyBox::after {
    width: 35px;
    width: calc(35 * var(--px-to-rem));
    height: 35px;
    height: calc(35 * var(--px-to-rem));
  }
  .p-lpFv__problemsTxt--sm {
    font-size: 26px;
    font-size: calc(26 * var(--px-to-rem));
    line-height: 35px;
    line-height: calc(35 * var(--px-to-rem));
  }
  .p-lpFv__problemsTxt--lg {
    margin-top: 6px;
    margin-top: calc(6 * var(--px-to-rem));
    font-size: 30px;
    font-size: calc(30 * var(--px-to-rem));
    line-height: 40px;
    line-height: calc(40 * var(--px-to-rem));
  }
  .p-lpFv__cta {
    margin-top: 30px;
    margin-top: 1.875rem;
    max-width: 460px;
    max-width: 28.75rem;
  }
  .p-lpFv__cta a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.p-price__inner:has(.p-accordionVisible__content .p-price__flag):not(:has(.p-price__cardList)) .l-container.l-container--20 {
  padding-inline: calc(13 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
}
.p-price__inner:has(.p-accordionVisible__content .p-price__flag):not(:has(.p-price__cardList)) .p-accordionVisible__content {
  padding-left: calc(7 * var(--px-to-rem));
}
.p-price__inner:has(.p-accordionVisible__content .p-price__flag):not(:has(.p-price__cardList)) .p-priceSubscription {
  padding-left: calc(7 * var(--px-to-rem));
}
.p-price__inner .p-accordionVisible__content:has(.p-price__flag) {
  padding-left: calc(7 * var(--px-to-rem));
}
.p-price__inner .p-accordionVisible__content:has(.p-price__flag) .p-price__cardContent:has(.p-price__cardList) {
  padding: calc(10 * var(--px-to-rem)) calc(11 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__inner .p-accordionVisible__content:has(.p-price__flag) .p-price__cardContent:has(.p-price__cardList) {
    padding: calc(20 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
  }
}

.p-price__body {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__body {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-price__cardHead {
  display: grid;
  gap: calc(2 * var(--px-to-rem));
  padding: calc(10 * var(--px-to-rem)) calc(23 * var(--px-to-rem));
  border: solid var(--lp-priceTable-border);
  border-width: calc(1 * var(--px-to-rem)) calc(1 * var(--px-to-rem)) 0;
  border-radius: calc(15 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) 0 0;
  text-align: center;
  color: #fff;
  background-color: var(--lp-theme-accent);
}
@media (min-width: 768px) {
  .p-price__cardHead {
    gap: calc(8 * var(--px-to-rem));
    width: 100%;
    padding: calc(18 * var(--px-to-rem)) calc(24 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) 0 0;
  }
}
.p-price__cardHead--noBorder {
  border: none;
}
.p-price__cardHeadTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(20.8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__cardHeadTxt {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-price__cardHeadNote {
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__cardHeadNote {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-price__cardContent:has(.p-price__cardList) {
  padding: calc(10 * var(--px-to-rem)) calc(11 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: 0 0 calc(15 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  background-color: var(--lp-priceCard-bg);
}
@media (min-width: 768px) {
  .p-price__cardContent:has(.p-price__cardList) {
    padding: calc(20 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  }
}
.p-price__cardContent:has(.p-price__cardList):has(.p-price__cardContentHead) {
  padding: calc(30 * var(--px-to-rem)) calc(11 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__cardContent:has(.p-price__cardList):has(.p-price__cardContentHead) {
    padding: calc(40 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  }
}
.p-price__cardContentHead {
  font-size: calc(20 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(30 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-price__cardContentHead {
    font-size: calc(26 * var(--px-to-rem));
    line-height: calc(35 * var(--px-to-rem));
  }
}
.p-price__cardList {
  display: grid;
  gap: calc(20 * var(--px-to-rem));
}
.p-price__cardContentHead + .p-price__cardList {
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__cardContentHead + .p-price__cardList {
    margin-top: calc(30 * var(--px-to-rem));
  }
}
.p-price__cardItemHead {
  display: grid;
  place-content: center;
  justify-items: center;
  padding: calc(6 * var(--px-to-rem)) calc(7 * var(--px-to-rem)) calc(5 * var(--px-to-rem));
  border: solid var(--lp-priceTable-border);
  border-width: calc(1 * var(--px-to-rem)) calc(1 * var(--px-to-rem)) 0 calc(1 * var(--px-to-rem));
  border-radius: calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) 0 0;
  background-color: var(--lp-theme-accent);
}
@media (min-width: 768px) {
  .p-price__cardItemHead {
    padding: calc(7 * var(--px-to-rem));
  }
}
.p-price__cardItemHead:has(.p-price__cardItemHeadCat) {
  padding: calc(12 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
.p-price__cardItemHeadTxt {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(21 * var(--px-to-rem));
  color: #fff;
}
@media (min-width: 768px) {
  .p-price__cardItemHeadTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-price__cardItemHeadTxt--basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-price__cardItemHeadTxt--basic::before {
  content: "ベーシック";
  display: inline-block;
  margin-right: calc(8.4 * var(--px-to-rem));
  padding: calc(2 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
  color: var(--lp-theme-accent);
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-price__cardItemHeadTxt--basic::before {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-price__cardItemHeadCat + .p-price__cardItemHeadTxt {
  margin-top: calc(8 * var(--px-to-rem));
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(25.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-price__cardItemHeadCat + .p-price__cardItemHeadTxt {
    margin-top: calc(7 * var(--px-to-rem));
    font-size: calc(20 * var(--px-to-rem));
    line-height: calc(28 * var(--px-to-rem));
  }
}
.p-price__cardItemHeadCat {
  padding: calc(2 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18 * var(--px-to-rem));
  color: var(--lp-theme-accent);
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-price__cardItemHeadCat {
    padding: calc(2 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-price__cardItemHeadCat .u-txt--pink {
  color: #ff98bc;
}
.p-price__info::before {
  content: "";
  position: absolute;
  top: 0;
  -webkit-transform: translateY(calc(2.5 * var(--px-to-rem)));
          transform: translateY(calc(2.5 * var(--px-to-rem)));
  left: 0;
  display: inline-block;
  width: calc(16 * var(--px-to-rem));
  height: calc(16 * var(--px-to-rem));
  background: radial-gradient(circle, var(--lp-priceTable-item) calc(2.5 * var(--px-to-rem)), transparent calc(2.5 * var(--px-to-rem)));
}
.p-price__typeListHead {
  display: none;
}
@media (min-width: 768px) {
  .p-price__typeListHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(39 * var(--px-to-rem));
    background-color: #ffe5f0;
    border: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .p-price__typeListHead--span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(468 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-price__typeListHead--type {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: grid;
    place-content: center;
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-price__typeListHead--price {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: grid;
    place-content: center;
    align-self: stretch;
    width: calc(260 * var(--px-to-rem));
    border-left: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-price .p-priceSubscription .c-btn--line {
  margin: calc(20 * var(--px-to-rem)) auto 0;
}
@media (min-width: 768px) {
  .p-price .p-priceSubscription .c-btn--line {
    margin-top: calc(50 * var(--px-to-rem));
  }
}

.p-accordionVisible--priceCard {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-accordionVisible--priceCard {
    margin-top: calc(50 * var(--px-to-rem));
  }
}

.p-accordionVisible--priceCard .p-price__card {
  margin-top: 0;
}

.p-price__typeItem {
  position: relative;
  font-size: 0;
}

.p-price__typeItemContent {
  overflow: hidden;
  display: grid;
  border: solid var(--lp-priceTable-border);
  border-width: 0 calc(1 * var(--px-to-rem)) calc(1 * var(--px-to-rem)) calc(1 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-price__typeItemContent {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
}
.p-price__typeItem:last-of-type .p-price__typeItemContent {
  border-radius: 0 0 calc(15 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__typeItem:last-of-type .p-price__typeItemContent {
    border-radius: 0 0 calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  }
}
.p-price__cardList .p-price__typeItem:last-of-type .p-price__typeItemContent {
  border-radius: 0 0 calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
.p-price__typeItemContent:has(.p-price__img):has(.p-price__price) {
  grid-template-areas: "img dtl" "img price";
  grid-template-columns: calc(88 * var(--px-to-rem)) 1fr;
}
@media (min-width: 768px) {
  .p-price__typeItemContent:has(.p-price__img):has(.p-price__price) {
    grid-template-areas: "img dtl price";
    grid-template-columns: calc(210 * var(--px-to-rem)) 1fr calc(260 * var(--px-to-rem));
  }
}
.p-price__typeItemContent:has(.p-price__img):has(.p-priceComp) {
  grid-template-areas: "img dtl" "comp comp";
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
}
@media (min-width: 768px) {
  .p-price__typeItemContent:has(.p-price__img):has(.p-priceComp) {
    grid-template-columns: calc(303 * var(--px-to-rem)) 1fr;
    grid-template-areas: "img comp" "dtl comp";
  }
}
.p-price__typeItemContent:has(.p-price__img):has(.p-priceComp).p-price__typeItemContent--noWrap {
  grid-template-areas: "img dtl" "comp comp";
}
@media (min-width: 768px) {
  .p-price__typeItemContent:has(.p-price__img):has(.p-priceComp).p-price__typeItemContent--noWrap {
    grid-template-areas: "img dtl comp";
    grid-template-columns: calc(136 * var(--px-to-rem)) 1fr calc(468 * var(--px-to-rem));
  }
}

.p-price__flag {
  position: absolute;
  top: 0;
  left: calc(-7 * var(--px-to-rem));
  width: calc(84 * var(--px-to-rem));
  height: calc(26 * var(--px-to-rem));
  padding: calc(2 * var(--px-to-rem)) calc(0 * var(--px-to-rem)) calc(9 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
  font-size: calc(11 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(15 * var(--px-to-rem));
  background: url(../img/lp/price/icon_price_flag.svg) no-repeat left top/contain;
  color: #fff;
}
@media (min-width: 768px) {
  .p-price__flag {
    width: calc(98 * var(--px-to-rem));
    height: calc(30.3 * var(--px-to-rem));
    padding: calc(2 * var(--px-to-rem)) 0 calc(9.5 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}

.p-price__img {
  grid-area: img;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  align-self: center;
  padding: 0 calc(5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__img {
    display: grid;
    place-content: center;
  }
}

.p-price__img img {
  width: calc(78 * var(--px-to-rem));
  height: auto;
}
@media (min-width: 768px) {
  .p-price__img img {
    width: calc(120 * var(--px-to-rem));
  }
}

.p-price__dtl {
  position: relative;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(12.5 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__dtl {
    padding: calc(23 * var(--px-to-rem)) calc(22 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
  }
}
.p-price__dtl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: calc(100% - 22 * var(--px-to-rem));
  height: calc(2 * var(--px-to-rem));
  background-image: radial-gradient(circle, #e6e6e6 calc(1 * var(--px-to-rem)), transparent calc(1 * var(--px-to-rem)));
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: calc(4 * var(--px-to-rem)) calc(2 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__dtl::after {
    background: none;
  }
}
.p-price__typeItemContent:has(.p-price__img) .p-price__dtl {
  grid-area: dtl;
}

.p-price__dtl:has(+ .p-priceComp)::after {
  content: none;
}

.p-price__typeHead.c-heading {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__typeHead.c-heading {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-price__typeHead.c-heading::before {
    top: calc(2 * var(--px-to-rem));
    bottom: unset;
    height: calc(20 * var(--px-to-rem));
  }
}

.p-price__cat {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(2 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
  border-radius: 100vmax;
  font-size: calc(12 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
  color: #fff;
}
@media (min-width: 768px) {
  .p-price__cat {
    padding: calc(2 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-price__cat--low {
  background-color: #4ed6ba;
}
.p-price__cat--superLow {
  background-color: #65caf6;
}
.p-price__cat--mini {
  background-color: #b5aaff;
}
.p-price__cat--middle {
  background-color: #fdaa61;
}
.p-price__cat--after {
  background-color: #fd8282;
}
.p-price__cat--other {
  background-color: #91b2f5;
}
.p-price__cat--ed {
  font-size: calc(13 * var(--px-to-rem));
  background-color: var(--lp-theme-accent);
}
.p-price__cat--skinSpan02 {
  background-color: #65caf6;
}
.p-price__catList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(4 * var(--px-to-rem));
}

.p-price__name + .p-price__catList {
  margin-top: calc(10.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__name + .p-price__catList {
    margin-top: calc(18 * var(--px-to-rem));
  }
}

.p-price__typeHead + .p-price__catList {
  margin-top: calc(9.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__typeHead + .p-price__catList {
    margin-top: calc(17 * var(--px-to-rem));
  }
}

.p-price__name {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__name {
    font-size: calc(19 * var(--px-to-rem));
    line-height: calc(30.4 * var(--px-to-rem));
  }
}
.p-price__catList + .p-price__name, .p-price__typeHead + .p-price__name, .p-price__info + .p-price__name {
  margin-top: calc(7.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__catList + .p-price__name, .p-price__typeHead + .p-price__name, .p-price__info + .p-price__name {
    margin-top: calc(1.5 * var(--px-to-rem));
  }
}

.p-price__info {
  position: relative;
  margin-top: calc(1.75 * var(--px-to-rem));
  padding-left: calc(16 * var(--px-to-rem));
  font-size: calc(13 * var(--px-to-rem));
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__info {
    padding-left: calc(18 * var(--px-to-rem));
    font-size: calc(15 * var(--px-to-rem));
  }
}
.p-price__info + .p-price__info {
  margin-top: 0;
}
@media (min-width: 768px) {
  .p-price__info + .p-price__info {
    margin-top: calc(1 * var(--px-to-rem));
  }
}

.p-price__note {
  margin-top: calc(6 * var(--px-to-rem));
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(17 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__note {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-price__note + .p-price__note {
  margin-top: 0;
}

.p-price__price {
  width: 100%;
  padding: calc(7 * var(--px-to-rem)) calc(14 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
  text-align: right;
}
@media (min-width: 768px) {
  .p-price__price {
    display: grid;
    place-content: center;
    padding: calc(7 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
    border-left: calc(1 * var(--px-to-rem)) solid #eeeeee;
    text-align: center;
  }
}
.p-price__typeItemContent:has(.p-price__img) .p-price__price {
  grid-area: price;
}

.p-price__priceTxt {
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__priceTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-price__priceTxt--num {
  margin-right: calc(1 * var(--px-to-rem));
  font-size: calc(18 * var(--px-to-rem));
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__priceTxt--num {
    font-size: calc(22 * var(--px-to-rem));
    line-height: calc(29 * var(--px-to-rem));
  }
}

.p-price__typeItemContent tr,
.p-price__typeItemContent th,
.p-price__typeItemContent td {
  border: none;
}

.p-price__dtl--bgAll {
  background-color: #fffff1;
}

.p-price__price--bgSp {
  background-color: #fffff1;
}

.p-price__anno {
  margin-top: calc(10 * var(--px-to-rem));
}

.p-price__annoHead {
  font-size: calc(11 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__annoHead {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}

.p-price__annoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .p-price__annoList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1em;
  }
}

.p-price__annoItem {
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(17 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__annoItem {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}

.p-priceComp__tableHead {
  display: grid;
  place-content: center;
  padding: calc(5 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
  font-size: calc(10 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(14 * var(--px-to-rem));
  background-color: var(--lp-priceTable-compare-head);
}
@media (max-width: 767px) {
  .p-priceComp__tableHead {
    margin-inline: calc(-4 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-priceComp__tableHead {
    padding: calc(9 * var(--px-to-rem)) 0 calc(8 * var(--px-to-rem));
    border-bottom: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-priceComp__tableHead--onlySp {
    display: none;
  }
}

.p-priceComp__span {
  padding-inline: calc(2 * var(--px-to-rem));
}

.p-priceComp__typeTxt {
  font-size: calc(10 * var(--px-to-rem));
  line-height: calc(14 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__typeTxt {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}

.p-priceComp__dscList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .p-priceComp__dscList {
    gap: calc(2 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-priceComp__dscList {
    height: 100%;
  }
}

.p-priceComp__dscItem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (min-width: 768px) {
  .p-priceComp__dscItem:not(:first-of-type) {
    border-left: 1px solid #eeeeee;
  }
}

.p-priceComp__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(3 * var(--px-to-rem));
  width: 100%;
  height: 100%;
  padding: calc(6 * var(--px-to-rem)) 0;
}
@media (min-width: 768px) {
  .p-priceComp__price {
    gap: calc(6 * var(--px-to-rem));
    padding: calc(16 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
  }
  .p-priceComp__price:has(.p-priceComp__priceTxt--totalOnly) {
    padding: calc(14 * var(--px-to-rem)) calc(6 * var(--px-to-rem)) calc(16 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-priceComp__price--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(11 * var(--px-to-rem));
    padding: calc(13 * var(--px-to-rem)) 0;
  }
  .p-priceComp__price--row .p-priceComp__priceTxt--once {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(6 * var(--px-to-rem));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-priceComp__price--row .p-priceComp__priceTxt--total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(6 * var(--px-to-rem));
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-inline: calc(27.5 * var(--px-to-rem));
  }
  .p-priceComp__price--row .p-priceComp__priceTxt {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .p-priceComp {
    padding-inline: calc(4 * var(--px-to-rem));
  }
}
.p-price__typeItemContent:has(.p-price__img) .p-priceComp {
  grid-area: comp;
}
@media (min-width: 768px) {
  .p-price__typeItemContent:has(.p-price__img) .p-priceComp {
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.p-priceComp__head {
  padding: calc(10 * var(--px-to-rem));
  font-size: calc(13 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(18.2 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-priceComp__head {
    padding-top: 0;
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-priceComp__table {
  font-weight: 600;
}
@media (min-width: 768px) {
  .p-priceComp__table {
    -ms-flex-line-pack: center;
        align-content: center;
    border-left: calc(1 * var(--px-to-rem)) solid #e6e6e6;
  }
  .p-priceComp__table:not(:last-of-type) {
    border-bottom: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
  }
}
@media (min-width: 768px) {
  .p-priceComp__table:only-of-type {
    height: 100%;
  }
}
.p-priceComp__typeList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(2 * var(--px-to-rem));
  width: 100%;
}
@media (min-width: 768px) {
  .p-priceComp__typeList {
    gap: 0;
    border-bottom: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
    background-color: var(--lp-priceTable-compare-head);
  }
}
@media (min-width: 768px) {
  .p-priceComp__typeList--onlySp {
    display: none;
  }
}
.p-priceComp__type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  place-content: center;
  height: calc(20 * var(--px-to-rem));
  vertical-align: bottom;
  background-color: var(--lp-priceTable-compare-head);
}
@media (max-width: 767px) {
  .p-priceComp__type {
    margin-top: calc(6 * var(--px-to-rem));
    border-radius: 100vmax;
  }
}
@media (min-width: 768px) {
  .p-priceComp__type {
    min-height: calc(28 * var(--px-to-rem));
    background-color: var(--lp-priceTable-compare-head-pale);
  }
  .p-priceComp__type:not(:last-of-type) {
    border-right: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
  }
}
@media (min-width: 768px) {
  .p-priceComp__dsc {
    height: 100%;
    vertical-align: middle;
  }
}

.p-priceComp__priceTxt {
  margin-top: calc(1 * var(--px-to-rem));
  font-size: calc(8 * var(--px-to-rem));
  line-height: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt {
    font-size: calc(12 * var(--px-to-rem));
    line-height: calc(16 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--once, .p-priceComp__priceTxt--total {
  display: grid;
  justify-items: center;
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--once, .p-priceComp__priceTxt--total {
    gap: calc(1 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--onceTxt {
  font-size: calc(9 * var(--px-to-rem));
  line-height: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--onceTxt {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(18 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--onceTxt + .p-priceComp__priceTxt {
  color: #fd679b;
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--onceTxt + .p-priceComp__priceTxt {
    font-size: calc(14 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--onceTxt + .p-priceComp__priceTxt .p-priceComp__priceTxt--num {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--onceTxt + .p-priceComp__priceTxt .p-priceComp__priceTxt--num {
    font-size: calc(21 * var(--px-to-rem));
    line-height: calc(28 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--total {
  width: 100%;
  padding: calc(5 * var(--px-to-rem));
  border-radius: calc(2 * var(--px-to-rem));
  background-color: #fafafa;
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--total {
    border-radius: calc(5 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--totalTxt {
  font-size: calc(8 * var(--px-to-rem));
  font-weight: 300;
  line-height: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--totalTxt {
    font-size: calc(12 * var(--px-to-rem));
    font-weight: 300;
    line-height: calc(15 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--totalTxt + .p-priceComp__priceTxt .p-priceComp__priceTxt--num {
  font-size: calc(11 * var(--px-to-rem));
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--totalTxt + .p-priceComp__priceTxt .p-priceComp__priceTxt--num {
    font-size: calc(16 * var(--px-to-rem));
    line-height: calc(21 * var(--px-to-rem));
  }
}
.p-priceComp__priceTxt--totalOnly .p-priceComp__priceTxt--num {
  font-size: calc(14 * var(--px-to-rem));
  line-height: calc(19 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceComp__priceTxt--totalOnly .p-priceComp__priceTxt--num {
    font-size: calc(21 * var(--px-to-rem));
    line-height: calc(28 * var(--px-to-rem));
  }
}

.p-price__planHead {
  grid-area: plan;
  padding-top: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-price__planHead {
    margin-bottom: calc(18 * var(--px-to-rem));
  }
}
.p-price__planHeadTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(25.6 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-price__planHeadTxt {
    font-size: calc(17 * var(--px-to-rem));
    line-height: calc(27.2 * var(--px-to-rem));
  }
}

.p-priceTab__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 * var(--px-to-rem));
  padding-inline: calc(4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceTab__about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
    padding: calc(14 * var(--px-to-rem)) 0;
  }
}
.p-priceTab__about:has(.p-dietList__item:nth-of-type(2)) {
  padding-block: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceTab__about:has(.p-dietList__item:nth-of-type(2)) {
    padding-block: calc(8 * var(--px-to-rem));
  }
}
.p-priceTab__aboutThumb {
  width: calc(78 * var(--px-to-rem));
  height: auto;
}
@media (min-width: 768px) {
  .p-priceTab__aboutThumb {
    width: calc(120 * var(--px-to-rem));
  }
}
.p-priceTab__aboutThumbImg {
  display: none;
}
.p-priceTab__aboutThumbImg.is-active {
  display: block;
}
.p-priceTab__aboutTxt {
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(22.4 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-priceTab__aboutTxt {
    font-size: calc(19 * var(--px-to-rem));
    line-height: calc(25 * var(--px-to-rem));
  }
}
.p-priceTab__item {
  border-bottom: calc(1 * var(--px-to-rem)) solid #2fceb9;
}
@media (max-width: 767px) {
  .p-priceTab__item {
    padding-top: calc(4 * var(--px-to-rem));
  }
}
.p-priceTab__item:first-of-type {
  padding-block: 0;
}
.p-priceTab .p-priceComp__table {
  padding-bottom: 0;
}

.p-pillPrice .p-price__dtl {
  padding: calc(11.25 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(9.25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-pillPrice .p-price__dtl {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: calc(23 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-pillPrice .p-price__dtl:has(.p-price__note) {
    padding-bottom: calc(12.5 * var(--px-to-rem));
  }
}

.p-pillLowPrice .p-price__typeItem--low:not(:has(+ .p-price__typeItem--low)) .p-price__typeItemContent,
.p-pillLowPrice .p-price__typeItem--superLow:not(:has(+ .p-price__typeItem--superLow)) .p-price__typeItemContent {
  border-bottom-width: calc(3 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-pillLowPrice .p-price__typeItem--low:not(:has(+ .p-price__typeItem--low)) .p-price__typeItemContent,
  .p-pillLowPrice .p-price__typeItem--superLow:not(:has(+ .p-price__typeItem--superLow)) .p-price__typeItemContent {
    border-bottom-width: calc(2 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-pillLowPrice .p-priceComp__priceTxt--totalOnly .p-priceComp__priceTxt--num {
    font-size: calc(19 * var(--px-to-rem));
    line-height: calc(25 * var(--px-to-rem));
  }
  .p-pillLowPrice .p-price__typeListHead--type {
    min-height: calc(67 * var(--px-to-rem));
  }
  .p-pillLowPrice .p-priceComp__typeList {
    border: solid var(--lp-priceTable-border);
    border-width: calc(1 * var(--px-to-rem)) 0 0 calc(1 * var(--px-to-rem));
  }
  .p-pillLowPrice .p-price__typeListHead--price {
    width: 100%;
    -ms-flex-negative: unset;
        flex-shrink: unset;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .p-pillLowPrice .p-priceComp__type {
    font-size: calc(13 * var(--px-to-rem));
    line-height: calc(19 * var(--px-to-rem));
  }
  .p-pillLowPrice .p-price__dtl {
    padding: calc(11 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(11.5 * var(--px-to-rem));
  }
  .p-pillLowPrice .p-price__dtlContent {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .p-dietPrice .p-price__cardContent {
    padding-left: calc(8 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceTab__item:has(.p-medicalDietPrice__tabs) .p-priceComp__table {
    border-left: none;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceTab__item:has(.p-medicalDietPrice__tabs) .p-priceComp__typeList {
    border-left: calc(1 * var(--px-to-rem)) solid #73ddd0;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceTab__item:has(.p-medicalDietPrice__tabs) .p-priceComp__dscList {
    border-left: calc(1 * var(--px-to-rem)) solid #e6e6e6;
  }
}
@media (max-width: 767px) {
  .p-dietPrice .p-medicalDietPrice__tabs ~ .p-medicalDietPrice__tabContent .p-priceComp__type {
    margin-top: calc(9 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceComp {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceComp:has(.p-priceComp__head) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceComp__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceComp__typeList {
    padding-inline: 0;
    border-top: calc(1 * var(--px-to-rem)) solid #73ddd0;
  }
}
@media (max-width: 767px) {
  .p-dietPrice .p-priceComp__type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .p-dietPrice .p-priceTab__aboutThumb {
    width: calc(120 * var(--px-to-rem));
  }
  .p-dietPrice .p-priceTab__aboutThumb--sm {
    width: calc(100 * var(--px-to-rem));
  }
}
.p-dietPrice .p-priceAnnounce {
  background-color: #fffeef;
}

.p-stiPrice .p-price__card {
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiPrice .p-price__card {
    margin-top: calc(45 * var(--px-to-rem));
  }
}
.p-stiPrice__headAnnoTxt {
  text-align: center;
}
.p-stiPrice__anno {
  position: relative;
  margin-top: calc(35 * var(--px-to-rem));
  padding: calc(17.5 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(15.5 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff5f5;
}
@media (min-width: 768px) {
  .p-stiPrice__anno {
    margin-top: calc(70 * var(--px-to-rem));
    padding: calc(25 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
}
.p-stiPrice__annoHead {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(24 * var(--px-to-rem));
  text-align: center;
  color: #e94a4a;
}
@media (min-width: 768px) {
  .p-stiPrice__annoHead {
    font-size: calc(26 * var(--px-to-rem));
    line-height: calc(35 * var(--px-to-rem));
  }
}
.p-stiPrice__annoTxt {
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(23.8 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-stiPrice__annoTxt {
    font-size: calc(18 * var(--px-to-rem));
    line-height: calc(34 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiPrice .p-price__typeItemContent {
    min-height: calc(137 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiPrice .p-price__typeItemContent:has(.p-price__img):has(.p-price__price) {
    grid-template-columns: calc(210 * var(--px-to-rem)) 1fr calc(244 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiPrice .p-price__dtl {
    padding-block: calc(12.6 * var(--px-to-rem)) calc(13.5 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-stiPrice .p-price__dtlContent {
    padding-bottom: 0;
  }
}
.p-stiPrice .p-priceAnnounce {
  margin-top: calc(40 * var(--px-to-rem));
  border: calc(1 * var(--px-to-rem)) solid #99e6dd;
}
@media (min-width: 768px) {
  .p-stiPrice .p-priceAnnounce {
    margin-top: calc(80 * var(--px-to-rem));
  }
}
.p-stiPrice .p-stiKitCta {
  margin-top: calc(20 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-stiPrice .p-stiKitCta {
    margin-top: calc(30 * var(--px-to-rem));
  }
}
.p-stiPrice .c-btn--line {
  margin: calc(20 * var(--px-to-rem)) auto 0;
}
@media (min-width: 768px) {
  .p-stiPrice .c-btn--line {
    margin: calc(40 * var(--px-to-rem)) auto 0;
  }
}

.p-skinPrice .p-price__body {
  margin-top: calc(40 * var(--px-to-rem));
}
.p-skinPrice .p-price__cardContentList:has(.p-price__cardList) {
  display: grid;
  gap: calc(60 * var(--px-to-rem));
  padding-bottom: calc(60 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__cardContentList:has(.p-price__cardList) {
    gap: calc(100 * var(--px-to-rem));
    padding-bottom: calc(100 * var(--px-to-rem));
  }
}
.p-skinPrice .p-price__cardContentList:has(.p-price__cardList):not(:first-of-type) {
  padding-top: calc(60 * var(--px-to-rem));
}
.p-skinPrice .p-price__cardContent:has(.p-price__cardList) {
  background-color: inherit;
}
@media (max-width: 767px) {
  .p-skinPrice .p-price__img {
    padding-left: calc(4 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__img {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__img img {
    width: calc(100 * var(--px-to-rem));
  }
  .p-skinPrice .p-price__img img:not(:first-of-type) {
    margin-top: calc(-28 * var(--px-to-rem));
  }
}
.p-skinPrice .p-price__planHead + .p-price__img {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 767px) {
  .p-skinPrice .p-price__planHead + .p-price__img {
    padding: calc(11 * var(--px-to-rem)) calc(10 * var(--px-to-rem)) calc(11 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
  }
}
.p-skinPrice .p-price__dtl {
  padding-inline: calc(10 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
}
.p-skinPrice .p-price__dtl:has(.p-price__dtlContent > :only-child) {
  padding: calc(20 * var(--px-to-rem)) calc(9 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__img + .p-price__dtl {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
.p-skinPrice .p-price__dtlContent {
  padding-bottom: 0;
}
.p-skinPrice__content {
  margin-top: calc(25 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPrice__content {
    margin-top: calc(50 * var(--px-to-rem));
  }
}
.p-skinPrice .p-price__typeItemContent:has(.p-price__planHead):has(.p-priceComp) {
  grid-template-areas: "plan plan" "img dtl" "comp comp";
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__typeItemContent:has(.p-price__planHead):has(.p-priceComp) {
    grid-template-areas: "plan plan comp" "img dtl comp";
    grid-template-columns: calc(140 * var(--px-to-rem)) 1fr calc(468 * var(--px-to-rem));
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
  }
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__typeItemContent:has(.p-price__planHead):has(.p-priceComp) .p-price__img {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__typeItemContent:has(.p-price__planHead):has(.p-priceComp) .p-price__dtl {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: calc(6 * var(--px-to-rem)) 0 0 0;
  }
}
.p-skinPrice .p-price__card + .p-accordionVisible--priceCard {
  margin-top: 0;
}
.p-skinPrice .p-accordionVisible--skin .p-accordionVisible__content {
  border-radius: 0 0 calc(15 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-skinPrice .p-accordionVisible--skin .p-accordionVisible__content {
    border-radius: 0 0 calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  }
}
.p-skinPrice .p-accordionVisible--skin .p-accordionVisible__contentList {
  padding-bottom: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-skinPrice .p-accordionVisible--skin .p-accordionVisible__contentList {
    padding-bottom: calc(20 * var(--px-to-rem));
  }
}
.p-skinPrice .p-accordionVisible__content::after {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(222, 249, 245, 0)), to(#def9f5)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(222, 249, 245, 0) 0%, #def9f5 100%) 0% 0% no-repeat padding-box;
}
.p-skinPrice .p-price__catList {
  margin-top: calc(5.5 * var(--px-to-rem));
}
.p-skinPrice .p-price__cat--skinTime02 {
  background-color: #65caf6;
}
.p-skinPrice .p-price__cat--skinTime03 {
  background-color: #b5aaff;
}
@media (min-width: 768px) {
  .p-skinPrice .p-price__img + .p-price__dtl .p-price__name {
    text-align: left;
  }
}
.p-skinPrice .c-btn--line {
  margin: calc(20 * var(--px-to-rem)) auto 0;
}
@media (min-width: 768px) {
  .p-skinPrice .c-btn--line {
    margin: calc(25 * var(--px-to-rem)) auto 0;
  }
}

.p-agaPrice .p-price__cardContent {
  border-radius: 0 0 calc(15 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-agaPrice .p-price__cardContent {
    padding-bottom: calc(15 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-agaPrice .p-price__cardContent {
    border-radius: 0 0 calc(20 * var(--px-to-rem)) calc(20 * var(--px-to-rem));
  }
}
.p-agaPrice .p-price__typeList {
  border: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
  border-radius: 0 0 calc(10 * var(--px-to-rem)) calc(10 * var(--px-to-rem));
}
.p-agaPrice .p-price__typeItem:not(:last-of-type) {
  border-bottom: calc(1 * var(--px-to-rem)) solid var(--lp-priceTable-border);
}
.p-agaPrice .p-price__typeItemContent {
  border: none;
}
@media (min-width: 768px) {
  .p-agaPrice .p-price__typeItemContent {
    grid-template-columns: calc(304 * var(--px-to-rem)) 1fr;
    row-gap: calc(10 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-agaPrice .p-price__typeItemContent:has(.p-price__img) .p-price__dtl {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .p-agaPrice .p-price__img {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-top: calc(6 * var(--px-to-rem));
  }
}
@media (min-width: 768px) {
  .p-agaPrice .p-price__name {
    text-align: center;
  }
}

.p-edPrice .p-priceAnnounce {
  border: calc(1 * var(--px-to-rem)) solid var(--lp-theme-accent);
}
.p-edPrice .p-price__dtl {
  padding: calc(12 * var(--px-to-rem)) calc(12 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
}
.p-edPrice .p-price__typeItemContent--ed .p-price__dtlContent {
  padding-bottom: 0;
}
.p-edPrice .p-price__img {
  -ms-flex-item-align: center;
      align-self: center;
}
.p-edPrice .p-price__img + .p-price__dtl {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

/************************************************************************
* バニラメディカルのおくすり定期便
************************************************************************/
.p-accordionVisible--subscription {
  margin-top: 50px;
  margin-top: calc(50 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-accordionVisible--subscription {
    margin-top: calc(80 * var(--px-to-rem));
  }
}

.p-lpSubscriptionSection {
  margin: 0;
}

.p-lpSubscription {
  padding: 24px 14px;
  padding: calc(24 * var(--px-to-rem)) calc(14 * var(--px-to-rem));
  border: 1px solid #99e6dd;
  border-radius: 0.9375rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-lpSubscription {
    border-radius: 1.25rem;
    padding: 30px 83px;
    padding: calc(30 * var(--px-to-rem)) calc(83 * var(--px-to-rem));
  }
}
.p-lpSubscription__mainTitle {
  position: relative;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpSubscription__mainTitle {
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 29px;
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-lpSubscription__inner {
  padding: 30px 0 90px;
  padding: calc(30 * var(--px-to-rem)) 0 calc(90 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__inner {
    padding: 40px 0 180px;
    padding: calc(40 * var(--px-to-rem)) 0 calc(180 * var(--px-to-rem));
  }
}
.p-lpSubscription__mainTitle::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100vh;
  background-color: #99e6dd;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  content: "";
}
@media (min-width: 768px) {
  .p-lpSubscription__mainTitle::before {
    height: 3px;
    height: 0.1875rem;
  }
}
.p-lpSubscription__intro {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.p-lpSubscription__introTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpSubscription__introTitle {
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 29px;
    line-height: calc(29 * var(--px-to-rem));
  }
}
.p-lpSubscription__introText {
  gap: 12px;
  gap: calc(12 * var(--px-to-rem));
  display: grid;
  justify-items: center;
  margin-top: 20px;
  margin-top: calc(20 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpSubscription__introText {
    gap: 13px;
    gap: calc(13 * var(--px-to-rem));
    margin-top: 20px;
    margin-top: calc(20 * var(--px-to-rem));
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 22px;
    line-height: calc(22 * var(--px-to-rem));
  }
}
.p-lpSubscription__introNoteList {
  display: grid;
  gap: 12px;
  gap: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__introNoteList {
    gap: 13px;
    gap: calc(13 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowTitle {
  font-size: 15px;
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpSubscription__flowTitle {
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowList {
  display: grid;
  gap: 26px;
  gap: calc(26 * var(--px-to-rem));
  margin-top: 10px;
  margin-top: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__flowList {
    gap: 30px;
    gap: calc(30 * var(--px-to-rem));
    padding: 0 45px;
    padding: 0 calc(45 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowItem {
  position: relative;
  padding: 9px;
  padding: calc(9 * var(--px-to-rem));
  border: 1px solid #99e6dd;
  border: calc(1 * var(--px-to-rem)) solid #99e6dd;
  border-radius: 10px;
  border-radius: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__flowItem {
    padding: 13px 9px;
    padding: calc(13 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
    border-width: 2px;
    border-width: calc(2 * var(--px-to-rem));
    border-radius: 15px;
    border-radius: calc(15 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowItem:last-of-type {
  padding: calc(12 * var(--px-to-rem)) calc(9 * var(--px-to-rem));
}
.p-lpSubscription__flowItem:not(:last-of-type)::after {
  content: "";
  position: absolute;
  bottom: -10px;
  bottom: calc(-10 * var(--px-to-rem));
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  width: 14px;
  width: calc(14 * var(--px-to-rem));
  height: 8px;
  height: calc(8 * var(--px-to-rem));
  background: url(../img/common/icon_triangle-pink.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-lpSubscription__flowItem:not(:last-of-type)::after {
    width: 16px;
    width: calc(16 * var(--px-to-rem));
    height: 10px;
    height: calc(10 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowHead {
  display: grid;
  place-content: center;
}
.p-lpSubscription__flowHeadTxt {
  position: relative;
  padding-left: 30px;
  padding-left: calc(30 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  font-weight: 600;
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
@media (min-width: 768px) {
  .p-lpSubscription__flowHeadTxt {
    padding-left: 40px;
    padding-left: calc(40 * var(--px-to-rem));
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowHeadTxt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-transform: translateY(calc(-3 * var(--px-to-rem)));
          transform: translateY(calc(-3 * var(--px-to-rem)));
  display: inline-block;
  width: 30px;
  width: calc(30 * var(--px-to-rem));
  height: 24px;
  height: calc(24 * var(--px-to-rem));
  background: no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-lpSubscription__flowHeadTxt::before {
    width: 40px;
    width: calc(40 * var(--px-to-rem));
    height: 32px;
    height: calc(32 * var(--px-to-rem));
  }
}
.p-lpSubscription__flowHeadTxt--purchase::before {
  background-image: url(../img/lp/delivery/icon_purchase.svg);
}
.p-lpSubscription__flowHeadTxt--arrive::before {
  background-image: url(../img/lp/delivery/icon_arrive.svg);
}
.p-lpSubscription__flowHeadTxt--ship::before {
  background-image: url(../img/lp/delivery/icon_ship.svg);
}
.p-lpSubscription__flowAnno {
  display: grid;
  margin-top: 10px;
  margin-top: calc(10 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__flowAnno {
    text-align: center;
  }
}
.p-lpSubscription__flowAnnoTxt {
  font-size: 12px;
  font-size: calc(12 * var(--px-to-rem));
  line-height: 18px;
  line-height: calc(18 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__flowAnnoTxt {
    font-size: 14px;
    font-size: calc(14 * var(--px-to-rem));
    line-height: 23px;
    line-height: calc(23 * var(--px-to-rem));
  }
}
.p-lpSubscription__deliveryList {
  display: grid;
  gap: 20px;
  gap: calc(20 * var(--px-to-rem));
  margin-top: 12px;
  margin-top: calc(12 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__deliveryList {
    max-width: 406px;
    max-width: calc(406 * var(--px-to-rem));
    margin: 11px auto 0;
    margin: calc(11 * var(--px-to-rem)) auto 0;
  }
}
.p-lpSubscription__deliveryHead {
  display: grid;
  place-content: center;
  min-height: 24px;
  min-height: calc(24 * var(--px-to-rem));
  border: 1px solid #99e6dd;
  border: calc(1 * var(--px-to-rem)) solid #99e6dd;
  border-radius: 5px;
  border-radius: calc(5 * var(--px-to-rem));
  font-size: 13px;
  font-size: calc(13 * var(--px-to-rem));
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
  color: #2fceb9;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-lpSubscription__deliveryHead {
    min-height: 23px;
    min-height: calc(23 * var(--px-to-rem));
    border-width: 2px;
    border-width: calc(2 * var(--px-to-rem));
  }
}
.p-lpSubscription__deliveryNote {
  margin-top: 11px;
  margin-top: calc(11 * var(--px-to-rem));
  font-size: 11px;
  font-size: calc(11 * var(--px-to-rem));
  line-height: 14px;
  line-height: calc(14 * var(--px-to-rem));
  text-align: center;
}
.p-lpSubscription__term {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  gap: calc(4 * var(--px-to-rem));
  margin-top: 8px;
  margin-top: calc(8 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__term {
    gap: 20px;
    gap: calc(20 * var(--px-to-rem));
    margin-top: 7px;
    margin-top: calc(7 * var(--px-to-rem));
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .p-lpSubscription__term {
    gap: 14px;
    gap: calc(14 * var(--px-to-rem));
  }
}
.p-lpSubscription__termItem {
  display: grid;
  gap: 4px;
  gap: calc(4 * var(--px-to-rem));
  width: 100%;
}
@media (min-width: 768px) {
  .p-lpSubscription__termItem {
    gap: 3px;
    gap: calc(3 * var(--px-to-rem));
  }
}
.p-lpSubscription__termHead {
  display: grid;
  place-content: center;
  min-height: 22px;
  min-height: calc(22 * var(--px-to-rem));
  border-radius: 5px;
  border-radius: calc(5 * var(--px-to-rem));
  font-size: 12px;
  font-size: calc(12 * var(--px-to-rem));
  font-weight: 600;
  line-height: 16px;
  line-height: calc(16 * var(--px-to-rem));
  background-color: #efefef;
}
@media (min-width: 768px) {
  .p-lpSubscription__termHead {
    min-height: 24px;
    min-height: calc(24 * var(--px-to-rem));
  }
}
.p-lpSubscription__termContent {
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
  text-align: center;
}
.p-lpSubscription__additional {
  display: grid;
  justify-items: center;
  text-align: center;
}
.p-lpSubscription__additionalHead {
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__additionalHead {
    font-size: 20px;
    font-size: calc(20 * var(--px-to-rem));
    line-height: 26px;
    line-height: calc(26 * var(--px-to-rem));
  }
}
.p-lpSubscription__additionalTxt {
  margin-top: 8px;
  margin-top: calc(8 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__additionalTxt {
    margin-top: 12px;
    margin-top: calc(12 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 20px;
    line-height: calc(20 * var(--px-to-rem));
  }
}
.p-lpSubscription__additionalAnno {
  margin-top: 10px;
  margin-top: calc(10 * var(--px-to-rem));
  font-size: 12px;
  font-size: calc(12 * var(--px-to-rem));
  line-height: 15px;
  line-height: calc(15 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .p-lpSubscription__additionalAnno {
    margin-top: 12px;
    margin-top: calc(12 * var(--px-to-rem));
    font-size: 14px;
    font-size: calc(14 * var(--px-to-rem));
    line-height: 23px;
    line-height: calc(23 * var(--px-to-rem));
  }
}

:root {
  --color-txt-base: #00366b;
}

main[data-lp-theme=top] {
  --lp-theme-bg: #fff;
  --lp-theme-border: #99e6dd;
  --lp-faq-bg: #fff;
}

main[data-lp-theme=pink] {
  --lp-theme-bg: #fff7fa;
  --lp-theme-main: #00366b;
  --lp-theme-accent: #fda6cb;
  --lp-theme-border: #ffbfda;
  --lp-theme-arrow: #febfda;
  --lp-card-border: #ffe8f1;
  --lp-heading-color: #000;
  --subscription-bg-color: #e3f8f6;
  --column-category-color: #ff8fbd;
  --column-category-border: #fec1da;
  --lp-theme-shadow-rgb: 255, 81, 221;
  --lp-priceTable-border: #fec1da;
  --lp-priceTable-item: #ffa8cc;
  --lp-priceTable-compare-head: #fff3f8;
  --lp-column-border: #ffd1e4;
  --lp-column-arrow: #febfda;
  --lp-column-arrow-shadow: 255, 81, 221;
  --lp-column-pagination: #febfda;
  --lp-faq-bg: #fff;
}

main[data-lp-theme=green] {
  --lp-theme-bg: #def9f6;
  --lp-theme-main: #5dd0c4;
  --lp-theme-accent: #5dd1c4;
  --lp-theme-border: #73ddd0;
  --lp-theme-arrow: #5dd0c4;
  --lp-heading-color: #000;
  --lp-faq-bg: #fff;
}

main[data-lp-theme=blue] {
  --lp-theme-bg: #dff5ff;
  --lp-theme-main: #5ba3d0;
  --lp-theme-accent: #6fc1ec;
  --lp-theme-border: #93d2f3;
  --lp-theme-arrow: #6fc1ec;
  --lp-heading-color: #000;
  --lp-priceCard-bg: #fff;
  --lp-priceTable-border: #6fc1ec;
  --lp-priceTable-item: #6fc1ec;
  --lp-priceTable-compare-head: #dff5ff;
  --lp-priceTable-compare-head-pale: #f2fbff;
  --lp-column-border: #a2eae0;
  --lp-column-arrow: #7be2d3;
  --lp-column-arrow-shadow: 0, 122, 111;
  --lp-column-pagination: #99e6dd;
  --lp-faq-bg: #fff;
}

main[data-lp-theme=turquoise] {
  --lp-theme-bg: #def9f6;
  --lp-theme-main: #5dd0c4;
  --lp-theme-accent: #5dd1c4;
  --lp-theme-border: #73ddd0;
  --lp-theme-arrow: #5dd0c4;
  --lp-heading-color: #000;
  --lp-faq-bg: #fff;
  --lp-priceCard-bg: #edfcfa;
  --lp-priceTable-border: #73ddd0;
  --lp-priceTable-item: #7be2d3;
  --lp-priceTable-compare-head: #e3f8f6;
  --lp-column-border: #a2eae0;
  --lp-column-arrow: #7be2d3;
  --lp-column-arrow-shadow: 0, 122, 111;
  --lp-column-pagination: #a2eae0;
}

.p-lpFv[data-lp-theme=pink] {
  --fv-item-icon: #ff9abd;
  --fv-item-bg: #fff3f8;
}

.p-lpFv[data-lp-theme=turquoise] {
  --fv-item-icon: #5dd1c4;
  --fv-item-bg: #e8fcf8;
}

.p-lpFv[data-lp-theme=blue] {
  --fv-item-icon: #4189f8;
  --fv-item-bg: #dff5ff;
}

.p-merit[data-lp-theme=pink] {
  --merit-border-color: #ffbfda;
  --merit-arrow-color: #fda6cb;
}

.p-merit[data-lp-theme=turquoise] {
  --merit-border-color: #99e6dd;
  --merit-arrow-color: #73ddd0;
}

.p-merit[data-lp-theme=blue] {
  --merit-border-color: #86c7e9;
  --merit-arrow-color: #6fc1ec;
}

.p-subscriptionPricing[data-theme=pink] {
  --subscription-bg-color: #fffff1;
  --subscription-header-bg: #5dd1c4;
  --subscription-text-color: #00366b;
  --subscription-total-color: #00366b;
  --subscription-monthly-color: #ff8c27;
  --subscription-fee-color: #fd679b;
  --subscription-separator-color: #5dd1c4;
}

.p-subscriptionPricing[data-theme=green] {
  --subscription-bg-color: #def9f5;
  --subscription-header-bg: #38c579;
  --subscription-text-color: #00366b;
  --subscription-total-color: #00366b;
  --subscription-monthly-color: #ff8c27;
  --subscription-fee-color: #38c579;
  --subscription-separator-color: #38c579;
}

.p-subscriptionPricing[data-theme=blue] {
  --subscription-bg-color: #eff6ff;
  --subscription-header-bg: #5ba3d0;
  --subscription-text-color: #00366b;
  --subscription-total-color: #00366b;
  --subscription-monthly-color: #ff8c27;
  --subscription-fee-color: #5ba3d0;
  --subscription-separator-color: #5ba3d0;
}

.js-fadeIn {
  visibility: hidden;
  opacity: 0;
}

.js-fadeInUp {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  visibility: hidden;
  opacity: 0;
}

.js-fadeInLeft {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  visibility: hidden;
  opacity: 0;
}

.js-fadeInRight {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  visibility: hidden;
  opacity: 0;
}

@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeInLeft,
.fadeInRight,
.fadeInUp,
.fadeIn,
.fadeOut {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.fadeInLeft {
  -webkit-animation-name: fadeinleft;
  animation-name: fadeInLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeinright;
  animation-name: fadeInRight;
}

.fadeInUp {
  -webkit-animation-name: fadeinup;
  animation-name: fadeInUp;
}

.fadeIn {
  -webkit-animation-name: fadein;
  animation-name: fadeIn;
}

.fadeOut {
  opacity: 1;
  -webkit-animation-name: fadeout;
  animation-name: fadeOut;
}

[data-target] {
  cursor: pointer;
}

html {
  scrollbar-gutter: stable;
  font-size: 100%;
}

button {
  color: #00366b;
}

/************************************************************************
* layout
************************************************************************/
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

body.fadeIn {
  opacity: 0;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

footer {
  margin-top: auto;
}

/************************************************************************
* base
************************************************************************/
a[target=_blank]:not([class]) {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

a[target=_blank]:not([class])::after {
  display: inline-block;
  -webkit-mask-image: url("../img/common/icon-outerLink.svg");
  mask-image: url("../img/common/icon-outerLink.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-left: 0.7647058824em;
  background-color: currentColor;
  width: 0.8529411765em;
  height: 0.7647058824em;
  font-weight: 900;
  content: "";
}

table {
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  min-width: 100%;
  table-layout: fixed;
}

th,
td {
  border: 1px solid;
}

address {
  font-style: normal;
}

details .icon {
  aspect-ratio: 1;
  display: block;
  position: relative;
  width: 24px;
  width: 1.5rem;
}

details .icon::before,
details .icon::after {
  inset: 0;
  position: absolute;
  margin: auto;
  background-color: #00366b;
  width: 13px;
  width: 0.8125rem;
  height: 1px;
  content: "";
}

details .icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

details[open] > summary .icon::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

details.is-closing[open] > summary .icon::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
  cursor: pointer;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

/************************************************************************
* end base
************************************************************************/
/************************************************************************
* form
************************************************************************/
form {
  margin: 0;
  padding: 0;
}

form button[type=submit],
form input[type=submit],
form input[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width: auto;
}

form button[type=submit]:hover,
form button[type=submit]:focus-visible,
form input[type=submit]:hover,
form input[type=submit]:focus-visible,
form input[type=button]:hover,
form input[type=button]:focus-visible {
  outline: none;
}

form button[type=submit]:disabled,
form input[type=submit]:disabled,
form input[type=button]:disabled {
  cursor: default;
  border-color: transparent;
  background-color: #b2b2b2;
  pointer-events: none;
  color: #fff;
}

form button[type=submit] ::-moz-focus-inner,
form input[type=submit] ::-moz-focus-inner,
form input[type=button] ::-moz-focus-inner {
  border: none;
  padding: 0;
}

label {
  cursor: pointer;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #707070;
  border-radius: 0;
  background-image: none;
  padding: 8px;
  padding: 0.5rem;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
}

textarea {
  resize: vertical;
}

textarea:hover,
textarea:focus-visible {
  outline: none;
}

textarea:focus-visible {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #707070;
}

textarea ::-moz-focus-inner {
  border: none;
  padding: 0;
}

input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #707070;
}

input[type=radio] {
  position: absolute;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 1.5;
}

input[type=radio] + span {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0 0 0 1.875em;
  line-height: 1.5;
}

input[type=radio] + span::before {
  display: block;
  position: absolute;
  top: 0.5lh;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #707070;
  border-radius: 50%;
  background: #fff;
  width: 1.625em;
  height: 1.625em;
  content: "";
}

input[type=radio] + span::after {
  display: block;
  position: absolute;
  top: 0.5lh;
  left: 0.5em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  border-radius: 50%;
  background: #707070;
  width: 0.625em;
  height: 0.625em;
  content: "";
}

input[type=radio]:focus-visible + span::before {
  outline: -webkit-focus-ring-color auto 5px;
}

input[type=radio]:checked + span::after {
  opacity: 1;
}

input[type=checkbox] {
  position: absolute;
  vertical-align: middle;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 1.5;
}

input[type=checkbox] + span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 1.875em;
  line-height: 1.5;
}

input[type=checkbox] + span::before {
  display: inline-block;
  position: absolute;
  top: 0.5lh;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #707070;
  width: 1.625em;
  height: 1.625em;
  content: "";
}

input[type=checkbox] + span::after {
  display: inline-block;
  position: absolute;
  top: 0.5lh;
  left: 0;
  -webkit-transform: translateY(-70%) translateX(0.5em) rotate(45deg);
  transform: translateY(-70%) translateX(0.5em) rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  border-right: 0.25em solid #00366b;
  border-bottom: 0.25em solid #00366b;
  width: 0.8125em;
  height: 1.625em;
  content: "";
}

input[type=checkbox]:focus-visible + span::before {
  outline: -webkit-focus-ring-color auto 5px;
}

input[type=checkbox]:checked:focus-visible + span::before {
  outline: none;
}

input[type=checkbox]:checked + span::after {
  opacity: 1;
}

input[type=number],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #707070;
  border-radius: 0;
  padding: 0.4em 2.4em 0.4em 0.8em;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #707070;
}

select:focus-visible {
  outline: initial;
}

select:invalid {
  color: #b2b2b2;
}

select:not(:disabled) {
  cursor: pointer;
}

:root {
  /* ウィンドウサイズ */
  --vw: 100vw;
  --vh: 100vh;
  /* 三角形 */
  --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
  --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
  --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
  --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
  --clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
  --clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
  --clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
  --clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
  /**
      * svgをbackgroundで使う
      * 色：#ffffff -> %23ffffff
      */
  --icon-btn-arrow: url('data:image/svg+xml;utf8,<svg width="37" height="6" viewBox="0 0 37 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5H36L26.2703 1" stroke="%230C4A6E"/></svg>');
  /* ヘッダー高さ */
  --header-height: 60px;
}

/************************************************************************
* Easy Table of Contents
************************************************************************/
#ez-toc-container {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
  border-radius: 0.625rem;
  background-color: #f2fcfb;
  padding: 20px 15px 25px;
  padding: 1.25rem 0.9375rem 1.5625rem;
}

#ez-toc-container .ez-toc-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

#ez-toc-container .ez-toc-title {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3125;
}

#ez-toc-container .ez-toc-title::before {
  aspect-ratio: 1;
  display: inline-block;
  background-image: url("../img/common/icon-book.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  width: 1.25rem;
  content: "";
}

#ez-toc-container .ez-toc-list {
  display: block;
  counter-reset: toc-counter;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-left: 0;
  padding-left: 0;
}

#ez-toc-container .ez-toc-list li {
  position: relative;
  counter-increment: toc-counter;
  padding-left: 24px;
  padding-left: 1.5rem;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  list-style: none;
}

#ez-toc-container .ez-toc-list li::before {
  position: absolute;
  left: 0;
  content: counter(toc-counter) ".";
}

#ez-toc-container .ez-toc-list li + li {
  margin-top: calc(1.125rem - 0.2333333333em);
}

#ez-toc-container .ez-toc-list a {
  text-decoration: underline;
}

/************************************************************************
* colors
* add_theme_support('editor-color-palette', array())で登録
************************************************************************/
.has-black-color {
  color: #000;
}

.has-black-background-color {
  background-color: #000;
}

.has-white-color {
  color: #fff;
}

.has-white-background-color {
  background-color: #fff;
}

.has-gray-color {
  color: #666;
}

.has-gray-background-color {
  background-color: #666;
}

.has-highlight-yellow-color {
  color: #ffffd9;
}

.has-highlight-yellow-background-color {
  background-color: #ffffd9;
}

.has-pink-color {
  color: #fd679b;
}

.has-pink-background-color {
  background-color: #fd679b;
}

/************************************************************************
* Font Sizes
* add_theme_support('editor-font-sizes', array())で登録
************************************************************************/
.has-small-font-size {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.has-medium-font-size {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.has-large-font-size {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.has-x-large-font-size {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.l-borderRadius {
  padding: calc(48 * var(--px-to-rem)) 0 calc(90 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .l-borderRadius {
    padding: calc(80 * var(--px-to-rem)) 0 calc(180 * var(--px-to-rem));
  }
}
.l-section:last-of-type .l-borderRadius {
  padding: calc(50 * var(--px-to-rem)) 0 calc(140 * var(--px-to-rem));
}
@media (min-width: 768px) {
  .l-section:last-of-type .l-borderRadius {
    padding: calc(80 * var(--px-to-rem)) 0 calc(266 * var(--px-to-rem));
  }
}

.l-borderRadius--reasons {
  padding-bottom: 88px;
  padding-bottom: 5.5rem;
}

.l-borderRadius--flow {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.l-borderRadius--faq {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: calc(145 * var(--px-to-rem));
}

.l-borderRadius--column {
  padding-bottom: 78px;
  padding-bottom: 4.875rem;
}

.l-borderRadius--aboutFeatures {
  padding-bottom: 88px;
  padding-bottom: 5.5rem;
}

.l-borderRadius--aboutClinic {
  padding-bottom: 145px;
  padding-bottom: 9.0625rem;
}

.l-borderRadius--lpFooter {
  padding-top: 38px;
  padding-top: 2.375rem;
  padding-bottom: 118px;
  padding-bottom: 7.375rem;
}

.l-borderRadius--all {
  border-radius: 2.5rem 2.5rem 0 0;
}

.l-borderRadius--allRight {
  border-radius: 2.5rem 2.5rem 0 0;
}

.l-borderRadius--allLeft {
  border-radius: 2.5rem 2.5rem 0 0;
}

.l-borderRadius--allandleft {
  border-radius: 2.5rem 2.5rem 0 0;
}

.l-borderRadius--left {
  border-radius: 2.5rem 0 0 0;
}

.l-borderRadius--right {
  border-radius: 0 2.5rem 0 0;
}

.l-borderRadius--leftRight {
  border-radius: 2.5rem 0 0 0;
}

.l-borderRadius--pb100 {
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}

.l-noRadius {
  padding-bottom: 82px;
  padding-bottom: 5.125rem;
}

.l-noRadius--character {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.l-noRadius--lpSubscription {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.l-container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

.l-container.l-container--10 {
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.l-container.l-container--20 {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.l-container.l-container--25 {
  padding-right: 25px;
  padding-right: calc(25 * var(--px-to-rem));
  padding-left: 25px;
  padding-left: calc(25 * var(--px-to-rem));
}

.l-container.l-container--20and1115 {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.l-container.l-container--full {
  margin-left: calc((100% - 100vw) / 2);
  width: 100vw;
  max-width: none;
}

.l-lpSection {
  margin-top: 38px;
  margin-top: 2.375rem;
}

.l-main--bg {
  background-color: #def9f5;
}

.l-main--pink {
  background-color: #fff3f8;
}

.l-main__inner {
  padding-top: 50px;
  padding-top: 3.125rem;
}

.l-main__inner--menu {
  padding-top: 30px;
  padding-top: 1.875rem;
}

.l-main__inner--usage {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 138px;
  padding-bottom: 8.625rem;
}

.l-main__inner--pill {
  padding-top: 36px;
  padding-top: 2.25rem;
}

.l-main__inner--column {
  padding-top: 27px;
  padding-top: 1.6875rem;
}

.l-main__inner--about {
  padding-top: 30px;
  padding-top: 1.875rem;
}

.l-main__inner--contact {
  padding-top: 30px;
  padding-top: 1.875rem;
}

.l-main__inner--faq {
  padding-top: 30px;
  padding-top: 1.875rem;
}

.l-relatedPosts {
  margin-top: 80px;
  margin-top: 5rem;
}

.l-section {
  margin-top: -40px;
  margin-top: -2.5rem;
}

.l-section--merit {
  margin-top: -35px;
  margin-top: calc(-35 * var(--px-to-rem));
}

.l-section--subscription {
  margin-top: 0;
}

.l-section--subscription.p-lpSubscriptionSection--agaMale {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.l-single {
  margin-top: 20px;
  margin-top: 1.25rem;
  padding-bottom: 146px;
  padding-bottom: 9.125rem;
}

.p-lpSubscription__flowSection {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-lpSubscription__flowSection:first-of-type {
  margin-top: 0;
}

.p-lpSubscription__flowLabel {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-lpSubscription__flowSteps {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-lpSubscription__additionalText {
  gap: 0.8em;
  display: grid;
  margin-top: 11px;
  margin-top: 0.6875rem;
}

.p-lpSubscription__accordion {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-lpSubscription__title {
  font-size: 16px;
  font-size: 1rem;
}

/************************************************************************
* 基本形
************************************************************************/
.c-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  gap: 4px;
  gap: 0.25rem;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  margin: 0;
  -webkit-box-shadow: 0 4px 2px rgba(var(--lp-theme-shadow-rgb, 0, 122, 111), 0.1);
  box-shadow: 0 4px 2px rgba(var(--lp-theme-shadow-rgb, 0, 122, 111), 0.1);
  border: 2px solid #73ddd0;
  border-radius: 100vh;
  background-color: #fff;
  padding: 10px;
  padding: 0.625rem;
  overflow: clip;
  color: #00366b;
  font: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.c-btn__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-btn__bg::after {
  position: absolute;
  top: 50%;
  left: -120%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
  border-radius: 100vh;
  background-color: #ffffd9;
  width: 120%;
  height: 120%;
  content: "";
}

.c-btn__text {
  position: relative;
  z-index: 2;
}

/************************************************************************
* modifier
************************************************************************/
.c-btn--arrowRight,
.c-btn--arrowLeft {
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
  font-size: 17px;
  font-size: 1.0625rem;
}

.c-btn--arrowRight::before,
.c-btn--arrowLeft::before {
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-mask-image: url("../img/common/icon_chevron.svg");
  mask-image: url("../img/common/icon_chevron.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-color: currentColor;
  width: 18px;
  width: 1.125rem;
  content: "";
}

.c-btn--arrowRight::before {
  right: 11px;
  right: 0.6875rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-btn--arrowLeft::before {
  left: 13px;
  left: 0.8125rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.c-btn--arrowDown {
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 2em;
}

.c-btn--arrowDown::before {
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  z-index: 2;
  -webkit-mask-image: url("../img/common/icon_chevron.svg");
  mask-image: url("../img/common/icon_chevron.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-color: currentColor;
  width: 18px;
  width: 1.125rem;
  content: "";
}

.c-btn--yellow::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border: 3px solid #ffffd9;
  border-radius: 100vh;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.c-btn--yellow::before {
  z-index: 2;
  background-color: #73ddd0;
}

.c-btn--yellow .c-btn__bg::after {
  background-color: #ffffd9;
}

.c-btn--border {
  border-color: var(--lp-theme-border, #ffbfda);
}

.c-btn--border-green {
  -webkit-box-shadow: 0 4px 2px rgba(0, 122, 111, 0.1);
  box-shadow: 0 4px 2px rgba(0, 122, 111, 0.1);
  border-color: #73ddd0;
}

.c-btn--border::before {
  z-index: 2;
  background-color: var(--lp-theme-arrow, #ffbfda);
}

.c-btn--header {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  border: 2px solid #70dca2;
  border: 0.125rem solid #70dca2;
  border-radius: 100vh;
  background-color: #38c579;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
}

.c-btn--header .c-btn__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-btn--pink {
  display: block;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 0 8px 4px rgba(0, 88, 41, 0.1);
  box-shadow: 0 8px 4px rgba(0, 88, 41, 0.1);
  border: 3px solid #70dca2;
  border-radius: 100vh;
  background-color: #32cc79;
  width: 100%;
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
}

.c-btn--pink::before {
  z-index: 2;
  background-color: currentColor;
}

.c-btn--pink .c-btn--pinkYellow {
  position: relative;
  z-index: 0;
  margin-top: 3px;
  margin-top: 0.1875rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  color: #ffffb2;
  font-size: 17px;
  font-size: 1.0625rem;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.6;
}

.c-btn--pink .c-btn--pinkYellow::after {
  position: absolute;
  bottom: 5px;
  bottom: 0.3125rem;
  left: 8px;
  left: 0.5rem;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 0.3125rem;
  background-color: #ffffb2;
  height: 10px;
  height: 0.625rem;
  content: "";
}

.c-btn--line {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 6px 4px rgba(0, 88, 41, 0.1);
  box-shadow: 0 6px 4px rgba(0, 88, 41, 0.1);
  border: 3px solid #70dca2;
  border-radius: 100vh;
  background-color: #32cc79;
  padding-right: 50px;
  padding-right: 3.125rem;
  padding-left: 80px;
  padding-left: 5rem;
  max-width: 300px;
  max-width: 18.75rem;
  height: 66px;
  height: 4.125rem;
  min-height: 66px;
  min-height: 4.125rem;
  overflow: clip;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.c-btn--line::after {
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50px;
  left: 3.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  z-index: 2;
  -webkit-mask-image: url(../img/common/icon_calendar.svg);
  mask-image: url(../img/common/icon_calendar.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  width: 20px;
  width: 1.25rem;
  content: "";
}

.c-btn--icon {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
}

.c-btn--icon .c-btn__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}

.c-btn--icon .c-btn__icon svg {
  width: 100%;
  height: 100%;
}

.c-btn--icon[aria-expanded=true] .c-btn__icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-btn__icon {
  aspect-ratio: 1;
  position: relative;
  z-index: 2;
  -webkit-mask-image: url("../img/common/icon_chevron.svg");
  mask-image: url("../img/common/icon_chevron.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: #73ddd0;
  width: 24px;
  width: 1.5rem;
}

.c-btn__icon--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/************************************************************************
* c-heading - 汎用見出し
* CSS変数でテーマカラーに対応
************************************************************************/
.c-heading {
  display: inline-block;
  position: relative;
  padding-left: 11px;
  padding-left: 0.6875rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.c-heading::before {
  display: block;
  position: absolute;
  top: calc(0.5lh - 0.5em - 1px);
  bottom: calc(0.5lh - 0.5em - 1px);
  left: 0;
  border-radius: 100vh;
  background-color: var(--lp-theme-accent, #5dd0c4);
  width: 5px;
  width: 0.3125rem;
  content: "";
}

.c-heading--subscription::before {
  bottom: initial;
  height: 18px;
  height: 1.125rem;
}

.c-heading--green::before {
  background-color: #7dd3c0;
}

.c-heading--blue::before {
  background-color: #6fc1ec;
}

.c-heading--turquoise::before {
  background-color: #5dd1c4;
}

.c-heading-mini {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.c-accent {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffd9), to(#ffffd9));
  background-image: linear-gradient(90deg, #ffffd9, #ffffd9);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 0.3125rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/************************************************************************
* c-modal - モーダルコンポーネント（Micromodal）
************************************************************************/
.c-modal {
  display: none;
  height: 100vh;
  height: 100dvh;
}

.c-modal.is-open {
  display: block;
}

.c-modal__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
  background: rgba(222, 249, 245, 0.85);
}

.c-modal__container {
  position: relative;
  padding-top: 20px;
  padding-top: 1.25rem;
  width: 90.5405405405%;
  max-width: 820px;
  max-width: 51.25rem;
}

.c-modal__inner {
  border: 2px solid #ffffd9;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 40px 20px 20px;
  padding: 2.5rem 1.25rem 1.25rem;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
}

.c-modal__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.c-modal__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
  margin-left: auto;
  border: none;
  background: transparent;
  padding: 5px;
  padding: 0.3125rem;
  width: auto;
  height: auto;
}

.c-modal__close:hover {
  opacity: 0.7;
}

.c-modal__close span {
  aspect-ratio: 1;
  display: block;
  position: relative;
  width: 20px;
  width: 1.25rem;
}

.c-modal__close span::before,
.c-modal__close span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100vh;
  background-color: #73ddd0;
  width: 100%;
  height: 2px;
  content: "";
}

.c-modal__close span::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-modal__close span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/************************************************************************
* お薬詳細モーダル用スタイル
************************************************************************/
.c-modal__imageArea {
  margin-inline: auto;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 59.7014925373%;
  max-width: 200px;
  max-width: 12.5rem;
}

.c-modal__imageArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.c-modal__sections {
  gap: 25px;
  gap: 1.5625rem;
  display: grid;
  margin-top: 21px;
  margin-top: 1.3125rem;
}

.c-modal__sectionTitle {
  font-size: 15px;
  font-size: 0.9375rem;
}

.c-modal__sectionSubtitle {
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}

.c-modal__text {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.c-modal__subsection:not(:last-child) {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.c-modal__subsectionText {
  font-size: 11px;
  font-size: 0.6875rem;
}

.c-modal__additionalInfo {
  margin-top: 32px;
  margin-top: 2rem;
  border-radius: 0.9375rem;
  background-color: #fff7fa;
  padding: 20px;
  padding: 1.25rem;
}

.c-modal__additionalInfoTitle {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #fd679b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.c-modal__medicineSection {
  margin-top: 30px;
  margin-top: 1.875rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.c-modal__medicineSection:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/************************************************************************
* c-sectionTitle - セクションタイトル
************************************************************************/
.c-sectionTitle--center {
  text-align: center;
}

.c-sectionTitle--centerPcLeft {
  text-align: center;
}

.c-sectionTitle__label {
  display: block;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}

.c-sectionTitle__label img {
  width: auto;
  max-width: 100%;
  height: 18px;
  height: 1.125rem;
}

.c-sectionTitle__label--faq img {
  height: 20px;
  height: 1.25rem;
}

.c-sectionTitle__title {
  display: inline-block;
  position: relative;
  padding-bottom: calc(16 * var(--px-to-rem));
  font-size: calc(23 * var(--px-to-rem));
  font-weight: 600;
  line-height: calc(34.5 * var(--px-to-rem));
}

.c-sectionTitle__title--menu {
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  line-height: 1.34375;
}

.c-sectionTitle__title--column {
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  line-height: 1.34375;
}

.c-sectionTitle__title.c-sectionTitle__title--column::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
}

.c-sectionTitle__title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.125rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, var(--lp-theme-accent, #5dd1c4)));
  background: linear-gradient(to right, #00366b 50%, var(--lp-theme-accent, #5dd1c4) 50%);
  width: 52px;
  width: 3.25rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.c-sectionTitle__title--page {
  margin-top: 0;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
}

.c-sectionTitle__title--oneColor::after {
  background: var(--lp-theme-accent, #73ddd0);
}

.c-sectionTitle__title--noBar {
  padding-bottom: 0;
}

.c-sectionTitle__title--noBar::after {
  display: none;
}

.c-sectionTitle__title--faq::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
}

.c-sectionTitle--pink .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #fda6cb));
  background: linear-gradient(to right, #00366b 50%, #fda6cb 50%);
}

.c-sectionTitle--pink .c-sectionTitle__title--oneColor::after {
  background: #fda6cb;
}

.c-sectionTitle--green .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #7dd3c0));
  background: linear-gradient(to right, #00366b 50%, #7dd3c0 50%);
}

.c-sectionTitle--green .c-sectionTitle__title--oneColor::after {
  background: #7dd3c0;
}

.c-sectionTitle--blue .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #6fc1ec));
  background: linear-gradient(to right, #00366b 50%, #6fc1ec 50%);
}

.c-sectionTitle--blue .c-sectionTitle__title--oneColor::after {
  background: #6fc1ec;
}

.c-sectionTitle--turquoise .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
}

.c-sectionTitle--simple .c-sectionTitle__title {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  font-size: 22px;
  font-size: 1.375rem;
}

.c-sectionTitle--simple .c-sectionTitle__title::after {
  background: var(--lp-theme-accent, #73ddd0);
}

.c-sectionTitle--lp .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #fda6cb));
  background: linear-gradient(to right, #00366b 50%, #fda6cb 50%);
}

[data-lp-theme=pink] .c-sectionTitle--lp .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #fda6cb));
  background: linear-gradient(to right, #00366b 50%, #fda6cb 50%);
}

[data-lp-theme=pink] .c-sectionTitle--lp .c-sectionTitle__title--oneColor::after {
  background: #fda6cb;
}

[data-lp-theme=green] .c-sectionTitle--lp .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
}

[data-lp-theme=green] .c-sectionTitle--lp .c-sectionTitle__title--oneColor::after {
  background: #7dd3c0;
}

[data-lp-theme=blue] .c-sectionTitle--lp .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #6fc1ec));
  background: linear-gradient(to right, #00366b 50%, #6fc1ec 50%);
}

[data-lp-theme=blue] .c-sectionTitle--lp .c-sectionTitle__title--oneColor::after {
  background: #6fc1ec;
}

[data-lp-theme=turquoise] .c-sectionTitle--lp .c-sectionTitle__title::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00366b), color-stop(50%, #5dd1c4));
  background: linear-gradient(to right, #00366b 50%, #5dd1c4 50%);
}

.c-sectionTitle__subtitle {
  margin-top: 10px;
  margin-top: 0.625rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
}

.c-totop {
  aspect-ratio: 1;
  aspect-ratio: 1;
  display: block;
  position: fixed;
  right: 10px;
  right: 0.625rem;
  bottom: 10px;
  bottom: 0.625rem;
  visibility: hidden;
  opacity: 0;
  z-index: 30;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border-radius: 50%;
  background-color: #73ddd0;
  width: 46px;
  width: 2.875rem;
}

.c-totop::before {
  aspect-ratio: 16/10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/common/icon_chevron_top.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  width: 1rem;
  content: "";
}

.c-totop.is-active {
  visibility: visible;
  opacity: 1;
}

.c-totop.is-active:hover,
.c-totop.is-active:focus {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  opacity: 1;
}

.c-totop.is-fixed-at-footer {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/************************************************************************
* p-404 - 404エラーページ
************************************************************************/
.p-404__inner {
  margin: 0 auto;
  max-width: 800px;
  max-width: 50rem;
  text-align: center;
}

.p-404__number {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #73ddd0;
  font-size: 120px;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1;
}

.p-404__number::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.3;
  z-index: -1;
  background-image: radial-gradient(circle, #def9f5 1px, transparent 1px);
  background-size: 1.25rem 1.25rem;
  width: 120%;
  height: 120%;
  content: "";
}

.p-404__title {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #00366b;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-404__text {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.p-404__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.p-404__actions .c-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  max-width: 25rem;
}

.p-404__links {
  border-top: 2px solid #def9f5;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.p-404__linksTitle {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-404__linksList {
  gap: 12px;
  gap: 0.75rem;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 auto;
  max-width: 600px;
  max-width: 37.5rem;
}

.p-404__linksItem .c-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

/************************************************************************
* アフターピル選択ボタン
************************************************************************/
.p-afterPillButtons {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-afterPillButtons__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 70px;
  padding-left: 4.375rem;
  height: 70px;
  height: 4.375rem;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-afterPillButtons__icon {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 8px;
  left: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 50px;
  width: 3.125rem;
}

.p-afterPillButtons__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/************************************************************************
* 120時間・72時間タイプのお薬を見る
************************************************************************/
.p-afterPillChoice__inner {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}

/************************************************************************
* p-agaAbout - AGA症状概要・お薬セクション
************************************************************************/
/************************************************************************
* p-agaCase - AGA症例セクション
************************************************************************/
.p-agaCase__inner {
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}

.p-agaCase__cases.l-section {
  margin-top: -62px;
  margin-top: -3.875rem;
}

.p-agaCase__lead {
  margin-top: 28px;
  margin-top: 1.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-agaCase__lead:not(:first-of-type) {
  margin-top: 2px;
  margin-top: 0.125rem;
}

.p-agaCase__list {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

/************************************************************************
* p-agaCaseCard - 症例カード
************************************************************************/
.p-agaCaseCard {
  border-radius: 0.9375rem;
  background-color: #f0faff;
  padding: 18px 15px;
  padding: 1.125rem 0.9375rem;
  overflow: hidden;
}

.p-agaCaseCard__images {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-agaCaseCard__images::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/lp/aga-male/icon-triangle_sp.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  width: 0.9375rem;
  height: 30px;
  height: 1.875rem;
  content: "";
}

.p-agaCaseCard__imageWrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 200px;
  max-width: 12.5rem;
}

.p-agaCaseCard__imageLabel {
  display: block;
  border-radius: 0.3125rem 0.3125rem 0 0;
  padding: 7px 10px;
  padding: 0.4375rem 0.625rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.p-agaCaseCard__imageLabel--before {
  background-color: #6fc1ec;
}

.p-agaCaseCard__imageLabel--after {
  background-color: #fd679b;
}

.p-agaCaseCard__imageWrapInner {
  background-color: #fff;
  overflow: hidden;
}

.p-agaCaseCard__imageWrapInner--before {
  border: 2px solid #a4dcf9;
  border-top: none;
}

.p-agaCaseCard__imageWrapInner--after {
  border: 2px solid #fd679b;
}

.p-agaCaseCard__image {
  aspect-ratio: 1;
  padding: 5px;
  padding: 0.3125rem;
}

.p-agaCaseCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-agaCaseCard__body {
  margin-top: 28px;
  margin-top: 1.75rem;
}

.p-agaCaseCard__section:not(:first-child) {
  margin-top: 18px;
  margin-top: 1.125rem;
}

.p-agaCaseCard__sectionTitle {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-agaCaseCard__text {
  margin-top: 5px;
  margin-top: 0.3125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

/************************************************************************
* p-agaDrug - AGA処方薬セクション
************************************************************************/
.p-agaDrug {
  margin-top: 55px;
  margin-top: 3.4375rem;
}

.p-agaDrug + .p-agaDrug {
  margin-top: 67px;
  margin-top: 4.1875rem;
}

.p-agaDrug--growth .p-agaDrug__inner {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-agaDrug__card {
  position: relative;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 42px 15px 20px;
  padding: 2.625rem 0.9375rem 1.25rem;
}

.p-agaDrug__card--green .p-agaDrug__title {
  color: #7dd3c0;
}

.p-agaDrug__card--green .p-agaDrug__title::after {
  background-color: #7dd3c0;
}

.p-agaDrug__card--other {
  margin-top: 20px;
  margin-top: 1.25rem;
  text-align: left;
}

.p-agaDrug__icon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
}

.p-agaDrug__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-agaDrug__title {
  position: relative;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  color: #00366b;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  text-align: center;
}

.p-agaDrug__title::after {
  position: absolute;
  bottom: 5px;
  bottom: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.125rem;
  background-color: #6fc1ec;
  width: 50px;
  width: 3.125rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-agaDrug__subtitle {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-agaDrug__medicines {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-agaDrug__medicineItem {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-agaDrug__medicineImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 85px;
  width: 5.3125rem;
  height: 85px;
  height: 5.3125rem;
  overflow: hidden;
}

.p-agaDrug__medicineImage img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-agaDrug__medicineName {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: left;
}

.p-agaDrug__medicineSubname {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-agaDrug__description {
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  text-align: left;
}

.p-agaDrug__info {
  margin-top: 24px;
  margin-top: 1.5rem;
  text-align: left;
}

.p-agaDrug__info + .p-agaDrug__info {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-agaDrug__info--smallMargin {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-agaDrug__infoHeading {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-agaDrug__infoText {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-agaDrug__list {
  margin: 0;
  margin-top: 4px;
  margin-top: 0.25rem;
  padding: 0;
  list-style: none;
}

.p-agaDrug__list li {
  position: relative;
  padding-left: 21px;
  padding-left: 1.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}

.p-agaDrug__list li::before {
  position: absolute;
  top: calc(0.5lh - 0.21875rem);
  left: 4px;
  left: 0.25rem;
  border-radius: 50%;
  background-color: #6fc1ec;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-agaDrug__list li:not(:first-child) {
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-agaDrug__type {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-agaDrug__typeHeading {
  text-align: left;
}

.p-agaDrug__relatedLinks {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-agaDrug__relatedLink {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #a3d6f2;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 22px 15px 15px 15px;
  padding: 1.375rem 0.9375rem 0.9375rem 0.9375rem;
  text-decoration: none;
}

.p-agaDrug__relatedLinkImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 108px;
  width: 6.75rem;
  height: 60px;
  height: 3.75rem;
  overflow: hidden;
}

.p-agaDrug__relatedLinkImage img {
  aspect-ratio: 108/60;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-agaDrug__relatedLinkContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-agaDrug__relatedLinkTitle {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}

.p-agaDrug__relatedLinkMore {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: 8px;
  margin-top: 0.5rem;
  color: #4cb2e8;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-agaDrug__relatedLinkMore svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6px;
  width: 0.375rem;
  height: 11px;
  height: 0.6875rem;
  color: #6fc1ec;
}

.p-agaDrug__relatedLinkIcon {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 13px;
  width: 0.8125rem;
  height: 18px;
  height: 1.125rem;
}

.p-agaDrug__accordion {
  margin-top: 25px;
  margin-top: 1.5625rem;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-agaDrug__accordion--green {
  border-color: #99e6dd;
}

.p-agaDrug__accordion .p-accordion__trigger {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 15px;
  padding: 0.9375rem;
  width: 100%;
  text-align: left;
}

.p-agaDrug__accordion .p-accordion__inner {
  padding: 15px;
  padding: 0.9375rem;
  padding-top: 0;
}

.p-agaDrug__otherMedicine {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  margin-top: 1.875rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 30px;
  padding-top: 1.875rem;
}

.p-agaDrug__otherMedicineImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 85px;
  width: 5.3125rem;
  height: 85px;
  height: 5.3125rem;
  overflow: hidden;
}

.p-agaDrug__otherMedicineImage img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-agaDrug__otherMedicineName {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

/************************************************************************
* 女性AGA お薬などについてセクション
************************************************************************/
.p-agaFemaleTreatment__inner.p-lpContent__inner {
  background-color: #fff3f8;
}

.p-agaFemaleTreatment__inner {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-agaFemaleTreatment__heading {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-agaFemaleTreatment__cards {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-agaFemaleTreatment__card {
  border: 1px solid #fec1da;
  border-radius: 0.9375rem;
  background-color: #fff;
}

.p-agaFemaleTreatment__name {
  border-radius: 1rem 1rem 0 0;
  background-color: #fffff1;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.p-agaFemaleTreatment__content {
  padding: 10px 15px 20px;
  padding: 0.625rem 0.9375rem 1.25rem;
}

.p-agaFemaleTreatment__image {
  margin-right: auto;
  margin-left: auto;
  max-width: 180px;
  max-width: 11.25rem;
  overflow: hidden;
}

.p-agaFemaleTreatment__image img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-agaFemaleTreatment__description {
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-agaFemaleTreatment__section {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-agaFemaleTreatment__sectionTitle {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-agaFemaleTreatment__usage {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-agaFemaleTreatment__usage + .p-agaFemaleTreatment__usage {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-agaFemaleTreatment__usageTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-agaFemaleTreatment__usageText {
  margin-top: 3px;
  margin-top: 0.1875rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-agaFemaleTreatment__usageText + .p-agaFemaleTreatment__usageText {
  margin-top: 0;
}

.p-agaFemaleTreatment__sideEffectTitle {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-agaFemaleTreatment__sideEffectText {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-agaFemaleTreatment__sideEffectNote {
  margin-top: 3px;
  margin-top: 0.1875rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-agaFemaleTreatment__accordion {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

/************************************************************************
* p-agaPrescription - AGA処方薬セクション
************************************************************************/
.p-agaPrescription__inner {
  padding-bottom: 95px;
  padding-bottom: 5.9375rem;
}

.p-agaPrescription__section {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-agaPrescription__text {
  margin-top: 5px;
  margin-top: 0.3125rem;
  line-height: 1.7;
}

/************************************************************************
* p-agaPrice - AGA料金セクション
************************************************************************/
.p-agaPrice--female .p-agaPrice__inner {
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}

.p-agaPrice--female .p-lpContent__inner {
  background-color: #fff3f8;
}

.p-agaPrice__feeGrid {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}

.p-agaPrice__feeItem {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #a3d6f2;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 10px 30px;
  padding: 0.625rem 1.875rem;
  width: 100%;
}

.p-agaPrice__feeItem--female {
  border-color: #fec1da;
}

.p-agaPrice__feeLabel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-agaPrice__feeValue {
  color: #fd679b;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
}

.p-agaPrice__feeUnit {
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-agaPrice__heading {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.p-agaPrice__heading--marginTop {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.p-agaPrice__items {
  gap: 30px;
  gap: 1.875rem;
  display: grid;
}

/************************************************************************
* p-agaPriceTabs - AGAプランタブ
************************************************************************/
.p-agaPriceTabs {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-agaPriceTabs__nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 0.9375rem 0.9375rem 0 0;
  background-color: #f8f8f8;
}

.p-agaPriceTabs__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
  background-color: transparent;
  padding: 7px 2px 4px 2px;
  padding: 0.4375rem 0.125rem 0.25rem 0.125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}

.p-agaPriceTabs__tab:first-child {
  border-top-left-radius: 15px;
  border-top-left-radius: 0.9375rem;
}

.p-agaPriceTabs__tab:last-child {
  border-top-right-radius: 15px;
  border-top-right-radius: 0.9375rem;
}

.p-agaPriceTabs__tab:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d6d6d6;
  width: 1px;
  height: 80%;
  content: "";
}

.p-agaPriceTabs__tab.is-active {
  border-radius: 0.9375rem 0.9375rem 0 0;
  background-color: #6fc1ec;
  color: #fff;
}

.p-agaPriceTabs__tab.is-active::after {
  display: none;
}

.p-agaPriceTabs__tab--female.is-active {
  background-color: #ff94c0;
}

.p-agaPriceTabs__tab:has(+ .is-active)::after {
  display: none;
}

.p-agaPriceTabs__content {
  display: none;
  border-top: 2px solid #6fc1ec;
  border-top: 0.125rem solid #6fc1ec;
  border-radius: 0 0 0.9375rem 0.9375rem;
  background-color: #fff;
  padding: 20px 11px;
  padding: 1.25rem 0.6875rem;
}

.p-agaPriceTabs__content.is-active {
  display: block;
}

.p-agaPriceTabs__content--female {
  border-color: #ff94c0;
}

.p-agaPriceTabs .p-agaPrice__items {
  gap: 20px;
  gap: 1.25rem;
}

.p-agaPrice__airhomme {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-agaPrice__cta {
  gap: 20px;
  gap: 1.25rem;
  display: grid;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-agaPrice__cta .c-btn--line {
  margin-inline: auto;
  width: 100%;
}

.p-agaPrice__cta .c-btn--border {
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
}

.p-agaPrice__flowBtn {
  margin-inline: auto;
  height: 60px;
  height: 3.75rem;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-agaPrice__flowBtn .c-btn__text {
  text-align: center;
}

.p-agaPrice__guide {
  margin-inline: auto;
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
}

.p-agaPrice__guide .c-btn__text::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15em;
  background-image: url(../img/lp/icon-cart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  width: 1.75rem;
  height: 24px;
  height: 1.5rem;
  content: "";
}

.p-agaPrice__airhommeNote {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-agaPrice__airhommeNote p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-agaPrice__airhommeNote p:not(:first-child) {
  margin-top: 8px;
  margin-top: 0.5rem;
}

/************************************************************************
* p-agaPriceCard - AGA料金カード
************************************************************************/
.p-agaPriceCard {
  border-radius: 0.9375rem;
  overflow: hidden;
}

.p-agaPriceCard.p-agaPriceCard--sub {
  border-radius: 0.5625rem;
}

.p-agaPriceCard__planName {
  background-color: #6fc1ec;
  padding: 9px 20px;
  padding: 0.5625rem 1.25rem;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.p-agaPriceCard__planName--female {
  background-color: #ff94c0;
}

.p-agaPriceCard--sub .p-agaPriceCard__planName {
  border: 1px solid #6fc1ec;
  border-bottom: none;
  border-radius: 0.5625rem 0.5625rem 0 0;
  background: #dff5ff;
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
}

.p-agaPriceCard--sub .p-agaPriceCard__planName--female {
  border-color: #fec1da;
  background: #ffeef5;
}

.p-agaPriceCard__planBody {
  border: 1px solid #a3d6f2;
  border-radius: 0 0 0.9375rem 0.9375rem;
  background: #fff;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-agaPriceCard__planBody--female {
  border-color: #fec1da;
}

.p-agaPriceCard--sub .p-agaPriceCard__planBody {
  border: 1px solid #6fc1ec;
  border-top: none;
  border-radius: 0 0 0.5625rem 0.5625rem;
  padding-top: 13px;
  padding-top: 0.8125rem;
}

.p-agaPriceCard--sub .p-agaPriceCard__planBody--female {
  border-color: #fec1da;
}

.p-agaPriceCard__singlePurchase {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  margin-right: 0.625rem;
  margin-left: 10px;
  margin-left: 0.625rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-agaPriceCard__singleLabel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-agaPriceCard__singlePrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-agaPriceCard__singleUnit {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-agaPriceCard__subscription {
  margin-top: 12px;
  margin-top: 0.75rem;
  padding-right: 5px;
  padding-right: 0.3125rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
}

.p-agaPriceCard__subscriptionHeader {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-agaPriceCard__subscriptionIcon {
  width: 14px;
  width: 0.875rem;
  height: auto;
}

.p-agaPriceCard__subscriptionTitle {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-agaPriceCard__subscriptionGrid {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-agaPriceCard__subscriptionGrid--col3 {
  grid-template-columns: repeat(3, 1fr);
}

.p-agaPriceCard__subscriptionItem {
  text-align: center;
}

.p-agaPriceCard__subscriptionPeriod {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #dff5ff;
  padding: 4px 4px 2px 4px;
  padding: 0.25rem 0.25rem 0.125rem 0.25rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-agaPriceCard__subscriptionPeriod--female {
  background-color: #ffeef5;
}

.p-agaPriceCard__subscriptionPrice {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.p-agaPriceCard__subscriptionPriceUnit {
  padding-left: 1px;
  padding-left: 0.0625rem;
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-agaPriceCard__subscriptionPerMonth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 8px;
  margin-top: 0.5rem;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 3px 4px;
  padding: 0.1875rem 0.25rem;
}

.p-agaPriceCard__subscriptionPerMonthLabel {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-agaPriceCard__subscriptionPerMonthPrice {
  margin-top: -2px;
  margin-top: -0.125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-agaPriceCard__subscriptionPerMonthUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-agaPriceCard__note {
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-agaPriceCard__medicineName {
  margin-inline: 10px;
  margin-inline: 0.625rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  border: 1px solid #e6e6e6;
  border-radius: 0.3125rem;
  background-color: #fff;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}

.p-article__header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.p-article__meta {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.p-article__date {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-article__labels {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-article__label {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-article__title {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  color: #00366b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
}

.p-article__eyecatch {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  border-radius: 0.625rem;
  overflow: hidden;
  text-align: center;
}

.p-article__eyecatch img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-article__experienceInfo {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.p-article__experienceInfo p {
  color: #000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.p-article__share {
  margin-top: 40px;
  margin-top: 2.5rem;
  text-align: center;
}

.p-article__shareTitle {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.p-article__shareTitle img {
  width: auto;
  height: 16px;
  height: 1rem;
}

.p-article__shareButtons {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-article__shareButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-article__shareButton:hover {
  opacity: 0.7;
}

.p-article__shareButton img {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-article__credits {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
  margin-top: 2.5rem;
  border-radius: 0.625rem;
  background-color: #def9f5;
  padding: 20px;
  padding: 1.25rem;
}

.p-article__credit {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-article__creditIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  overflow: hidden;
}

.p-article__creditIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-article__creditInfo {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-article__creditRole {
  color: #5dd0c4;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-article__creditName {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-article__footer {
  margin-top: 50px;
  margin-top: 3.125rem;
  text-align: center;
}

.p-article__related {
  margin-top: 60px;
  margin-top: 3.75rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.p-article__related .c-sectionTitle {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.p-article__relatedList {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-article__relatedItem {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
  text-decoration: none;
}

.p-article__relatedItem:hover {
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.p-article__relatedThumb {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.3125rem;
  width: 100px;
  width: 6.25rem;
  height: 75px;
  height: 4.6875rem;
  overflow: hidden;
}

.p-article__relatedThumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-article__relatedLabels {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5px;
  top: 0.3125rem;
  left: 5px;
  left: 0.3125rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-article__relatedLabel {
  padding: 2px 6px;
  padding: 0.125rem 0.375rem;
  font-size: 10px;
  font-size: 0.625rem;
}

.p-article__relatedContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 0;
}

.p-article__relatedItemTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.p-article__relatedDate {
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-article__body {
  margin-top: 50px;
  margin-top: 3.125rem;
  padding-bottom: 116px;
  padding-bottom: 7.25rem;
}

.p-article__body h1,
.p-article__body h2,
.p-article__body h3,
.p-article__body h4,
.p-article__body h5,
.p-article__body h6 {
  margin-bottom: 1em;
  font-weight: 600;
}

.p-article__body h1 {
  font-size: 32px;
  font-size: 2rem;
}

.p-article__body h2 {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding-left: 11px;
  padding-left: 0.6875rem;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.p-article__body h2::before {
  display: block;
  position: absolute;
  top: calc(0.5lh - 0.5em - 2px);
  left: 0;
  border-radius: 0.1875rem;
  background-color: #5dd1c4;
  width: 5px;
  width: 0.3125rem;
  height: 18px;
  height: 1.125rem;
  content: "";
}

.p-article__body .wp-block-separator.has-alpha-channel-opacity.is-style-wide {
  margin-top: 20px;
  margin-top: 1.25rem;
  border-bottom: 1px solid #e6e6e6;
}

.p-article__body p {
  font-weight: 300;
}

.p-article__body .c-beforeBar {
  position: relative;
  padding-left: 1.5em;
}

.p-article__body .c-beforeBar::before {
  position: absolute;
  top: 1em;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  content: "ー";
}

.p-article__body ul {
  list-style: none;
}

.p-article__body ul li {
  position: relative;
  padding-left: 1em;
}

.p-article__body ul li::before {
  position: absolute;
  left: 0;
  content: "・";
}

.p-article__body table {
  border: none;
  width: 100%;
}

.p-article__body table th,
.p-article__body table td {
  vertical-align: middle;
  border: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px;
  padding: 1.25rem;
}

.p-article__body table th {
  border-right: 1px solid #000;
  width: 130px;
  width: 8.125rem;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
}

.p-article__body h2 {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-article__body p + p {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-article__body *:first-child {
  margin-top: 0;
}

.p-article__body .wp-block-spacer,
.p-article__body .wp-block-spacer + * {
  margin-top: 0;
}

.p-article__body p {
  font-weight: 400;
  line-height: 1.5;
}

.p-article__body ul,
.p-article__body ol {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  margin-left: 1em;
}

.p-article__body ul ul,
.p-article__body ul ol,
.p-article__body ol ul,
.p-article__body ol ol {
  margin-top: 15px;
  margin-top: 0.9375rem;
  margin-left: 0;
}

.p-article__body ul li,
.p-article__body ol li {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
}

.p-article__body ol {
  padding-left: 1.25em;
}

.p-article__body ol > li:not([class]) {
  list-style: decimal;
}

.p-article__body ol > li:not([class])::marker {
  color: #00366b;
  font-weight: 700;
}

.p-article__body li:not([class]) + li {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-article__body a:not([class]) {
  color: #09f;
}

.p-article__body figcaption {
  margin-top: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.p-article__body strong,
.p-article__body b {
  font-weight: 700;
}

.p-article__body blockquote,
.p-article__body q {
  position: relative;
  background-color: #f8f8f8;
  padding: 1em 1.5em;
}

.p-article__body blockquote::before,
.p-article__body blockquote::after,
.p-article__body q::before,
.p-article__body q::after {
  position: absolute;
  color: #e6e6e6;
  font: var(--fa-font-solid);
  font-size: 2em;
  font-weight: 900;
}

.p-article__body blockquote::before,
.p-article__body q::before {
  top: 0;
  left: 0.5em;
  content: none;
}

.p-article__body blockquote::after,
.p-article__body q::after {
  right: 0.5em;
  bottom: 0;
  content: none;
}

.p-article__body q {
  display: inline-block;
}

.p-article__body dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-article__body dt,
.p-article__body dd {
  border-top: 1px solid #03356b;
  padding: 20px 10px;
  padding: 1.25rem 0.625rem;
}

.p-article__body dt:last-of-type,
.p-article__body dd:last-of-type {
  border-bottom: 1px solid #03356b;
}

.p-article__body dt {
  width: 33%;
  font-weight: 700;
}

.p-article__body dd {
  width: 67%;
}

.p-article__body pre {
  overflow: auto;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0;
  white-space: pre;
}

.p-article__body .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.p-article__body .alignleft {
  float: left;
  margin-right: 1em;
}

.p-article__body .alignright {
  float: right;
  margin-left: 1em;
}

.p-article__body .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-article__body .gallery-columns-4 {
  gap: 20px;
}

.p-article__body .gallery-columns-4 > .gallery-item {
  width: calc((100% - 60px) / 4);
}

.p-article__body .gallery-item {
  margin-top: 0;
}

.p-article__body .gallery-icon {
  text-align: center;
}

.p-article__links {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.post-page-numbers {
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #00366b;
  width: 2em;
  height: 2em;
  color: #00366b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2em;
  text-align: center;
}

.p-article__links .post-page-numbers {
  text-decoration: none;
}

.post-page-numbers + .post-page-numbers {
  margin-left: 10px;
}

.post-page-numbers.current {
  background-color: #00366b;
  color: #fff;
}

.post-page-numbers.dots {
  border: none;
}

.p-breadcrumb {
  padding: 6px 0;
  padding: calc(6 * var(--px-to-rem)) 0;
}

.p-breadcrumb--column {
  padding: 8px 0;
  padding: 0.5rem 0;
}

.p-breadcrumb--about {
  padding: 6px 0;
  padding: 0.375rem 0;
}

.p-breadcrumb--contact {
  padding: 6px 0;
  padding: 0.375rem 0;
}

.p-breadcrumb__inner {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 16px;
  line-height: calc(16 * var(--px-to-rem));
}

.p-breadcrumb__inner a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-breadcrumb__separator {
  aspect-ratio: 1;
  display: inline-block;
  background-image: url(../img/common/icon_chevron.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.625rem;
  width: 12px;
  width: 0.75rem;
}

.p-columnSelect {
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 22px 15px 31px;
  padding: 1.375rem 0.9375rem 1.9375rem;
  text-align: center;
}

.p-columnSelect__text {
  color: #00366b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-columnSelect__buttons {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-columnSelect__link {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 24px;
  padding: 1.125rem 1.5rem;
  width: 100%;
  max-width: 305px;
  max-width: 19.0625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}

.p-comparisonTable {
  vertical-align: middle;
  border: none;
  border-radius: 0;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  width: 100%;
  min-width: 850px;
  min-width: 53.125rem;
}

.p-comparisonTable td,
.p-comparisonTable th {
  vertical-align: middle;
}

.p-comparisonTable__header {
  border: none;
  border-right: 1px solid #fff;
  padding: 9px 3px;
  padding: 0.5625rem 0.1875rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.p-comparisonTable__header:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-left: none;
  width: 110px;
  width: 6.875rem;
}

.p-comparisonTable__header:last-child {
  border-right: none;
}

.p-comparisonTable__header--main {
  background-color: #ff8fbd;
}

.p-comparisonTable__header--sub {
  background-color: #ff8fbd;
}

.p-comparisonTable__header:not(.p-comparisonTable__header--main):not(.p-comparisonTable__header--sub) {
  background-color: #ff94c0;
}

.p-comparisonTable__headerText {
  line-height: 1.3076923077;
}

.p-comparisonTable__headerNote {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
}

.p-comparisonTable__subHeader {
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px;
  padding: 0.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}

.p-comparisonTable__subHeader:last-child {
  border-right: none;
}

.p-comparisonTable__subHeader:nth-child(-n+3) {
  background-color: #ffeef5;
}

.p-comparisonTable__subHeader:nth-child(n+4) {
  background-color: #ffeef5;
}

.p-comparisonTable__subHeaderText {
  line-height: 1.3076923077;
}

.p-comparisonTable__subHeaderNote {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3;
}

.p-comparisonTable__name {
  position: sticky;
  left: 0;
  vertical-align: middle;
  z-index: 1;
  border: none;
  border-right: 1px solid #fec1da;
  border-bottom: 1px solid #fec1da;
  background-color: #fff;
  padding: 4px;
  padding: 0.25rem;
  width: 110px;
  width: 6.875rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  text-align: center;
}

tr:last-child .p-comparisonTable__name {
  border-bottom: none;
}

.p-comparisonTable__nameContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-comparisonTable__nameContent span {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
}

.p-comparisonTable__nameImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}

.p-comparisonTable__nameImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-comparisonTable__cell {
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px;
  padding: 0.25rem;
  text-align: center;
}

.p-comparisonTable__cell:last-child {
  border-right: none;
}

tr:last-child .p-comparisonTable__cell {
  border-bottom: none;
}

.p-comparisonTable__cell--lastGroup {
  border-bottom: none;
}

.p-comparisonTable__icon {
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  width: 1.5rem;
}

.p-contact {
  padding-bottom: 146px;
  padding-bottom: 9.125rem;
}

.p-contact__card {
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 17px 15px 40px;
  padding: 1.0625rem 0.9375rem 2.5rem;
}

.p-contact__faq {
  text-align: center;
}

.p-contact__faqText {
  font-size: 14px;
  font-size: max(0.875rem, 10px);
  line-height: 1.7142857143;
}

.p-contact__faqText span {
  display: inline-block;
}

.p-contact__faqImage {
  aspect-ratio: 160/90;
  margin-inline: auto;
  margin-top: 6px;
  margin-top: 0.375rem;
  width: 120px;
  width: 7.5rem;
}

.p-contact__faqImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-contact__faqBtnWrap {
  margin-inline: auto;
  max-width: 305px;
  max-width: 19.0625rem;
}

.p-contact__patient {
  margin-top: 38px;
  margin-top: 2.375rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 32px;
  padding-top: 2rem;
}

.p-contact__patientText {
  margin-top: 6px;
  margin-top: 0.375rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-contact__patientImage {
  aspect-ratio: 245/137;
  margin-inline: auto;
  margin-top: 18px;
  margin-top: 1.125rem;
  width: 80.3278688525%;
}

.p-contact__patientImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-contact__patientBtnWrap {
  margin-inline: auto;
  margin-top: 25px;
  margin-top: 1.5625rem;
  max-width: 305px;
  max-width: 19.0625rem;
}

/************************************************************************
* p-delivery - 配送料についてセクション
************************************************************************/
.p-delivery__inner {
  background-color: #def9f5;
}

.p-delivery__card {
  margin-top: 25px;
  margin-top: 1.5625rem;
  border-radius: 2.5rem;
  background-color: #fff;
  padding: 23px 20px 15px 20px;
  padding: 1.4375rem 1.25rem 0.9375rem 1.25rem;
  text-align: center;
}

.p-delivery__icon {
  margin-inline: auto;
  width: 180px;
  width: 11.25rem;
}

.p-delivery__icon img {
  aspect-ratio: 180/60;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-delivery__title {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
}

.p-delivery__note {
  margin-top: 2px;
  margin-top: 0.125rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
}

/************************************************************************
* ED治療 - 病状概要・お薬について
************************************************************************/
/************************************************************************
* ED治療 - 治療事例
************************************************************************/
/************************************************************************
* ED治療 - サプリメントカード（汎用）
************************************************************************/
/************************************************************************
* FAQアーカイブページ
************************************************************************/
.p-faqArchive {
  padding-bottom: 136px;
  padding-bottom: 8.5rem;
}

.p-faqArchive__help {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
  justify-items: center;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-faqArchive__helpText {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-faqArchive__helpContent {
  display: grid;
  justify-items: center;
  width: 100%;
}

.p-faqArchive__helpImage {
  width: 140px;
  width: 8.75rem;
}

.p-faqArchive__helpImage img {
  width: 100%;
  height: auto;
}

.p-faqArchive__search {
  width: 100%;
  max-width: 305px;
}

.p-faqArchive__searchInner {
  position: relative;
  width: 100%;
}

.p-faqArchive__searchInput {
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  border: 1px solid #99e6dd;
  border-radius: 100vh;
  background-color: #fff;
  padding: 12px 15px 11px 43px;
  padding: 0.75rem 0.9375rem 0.6875rem 2.6875rem;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-faqArchive__searchInput::-webkit-input-placeholder {
  color: #bbb;
}

.p-faqArchive__searchInput::-moz-placeholder {
  color: #bbb;
}

.p-faqArchive__searchInput::-ms-input-placeholder {
  color: #bbb;
}

.p-faqArchive__searchInput:-ms-input-placeholder {
  color: #bbb;
}

.p-faqArchive__searchInput::placeholder {
  color: #bbb;
}

.p-faqArchive__searchInput:focus {
  outline: none;
  border-color: #99e6dd;
}

.p-faqArchive__searchIcon {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 15px;
  left: 0.9375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 28px;
  width: 1.75rem;
  pointer-events: none;
}

.p-faqArchive__searchIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-faqArchive__body {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: 0.9375rem;
  background-color: #edfcfa;
  padding: 25px 15px 30px;
  padding: 1.5625rem 0.9375rem 1.875rem;
}

.p-faqArchive__body.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.p-faqArchive__filters {
  gap: 15px;
  gap: 0.9375rem;
  display: grid;
}

.p-faqArchive__category {
  gap: 8px;
  gap: 0.5rem;
  display: grid;
}

.p-faqArchive__categoryLabel {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-faqArchive__categoryLabel::before {
  aspect-ratio: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url("../img/faq/category.svg") no-repeat center/contain;
  width: 16px;
  width: 1rem;
  content: "";
}

.p-faqArchive__categorySelect {
  position: relative;
}

.p-faqArchive__categorySelect::after {
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  background: url("../img/common/icon_chevron.svg") no-repeat center/contain;
  width: 18px;
  width: 1.125rem;
  pointer-events: none;
  content: "";
}

.p-faqArchive__categoryInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  cursor: pointer;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 16px 35px 16px 15px;
  padding: 1rem 2.1875rem 1rem 0.9375rem;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-faqArchive__categoryInput:focus {
  outline: none;
  border-color: #5dd0c4;
}

.p-faqArchive__categorySection:not(:first-child) {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-faqArchive__categorySection.is-hidden {
  display: none;
}

.p-faqArchive__categoryTitle {
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}

.p-faqArchive__noResults {
  padding: 40px 20px;
  padding: 2.5rem 1.25rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.p-faqArchive__empty {
  padding: 40px 20px;
  padding: 2.5rem 1.25rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.p-faqArchive__tabs {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}

.p-faqArchive__tabList {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-faqArchive__tabItem {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-faqArchive__tabButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid #99e6dd;
  border-radius: 1.5625rem;
  background-color: #fff;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
}

.p-faqArchive__tabButton:hover {
  border-color: #5dd0c4;
  background-color: rgba(93, 208, 196, 0.05);
}

.p-faqArchive__tabButton:focus {
  outline: none;
  border-color: #5dd0c4;
}

.p-faqArchive__tabButton.is-active {
  border-color: #5dd0c4;
  background-color: #5dd0c4;
  color: #fff;
}

.p-faqArchive__note {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.p-fatBurnPrice {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-fatBurnPrice__container {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border: 1px solid #99e6dd;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 20px 16px;
  padding: 1.25rem 1rem;
}

.p-fatBurnPrice__single {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-fatBurnPrice__singleTitle {
  margin: 0;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.p-fatBurnPrice__singlePrice {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-fatBurnPrice__subscriptionHeader {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-fatBurnPrice__subscriptionIcon {
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

.p-fatBurnPrice__subscriptionTitle {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.p-fatBurnPrice__periods {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-fatBurnPrice__period {
  text-align: center;
}

.p-fatBurnPrice__periodLabel {
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 3px 10px 5px 10px;
  padding: 0.1875rem 0.625rem 0.3125rem 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-fatBurnPrice__periodPrice {
  margin-top: 12px;
  margin-top: 0.75rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

.p-fatBurnPrice__unit {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-fatBurnPrice__singlePrice .p-fatBurnPrice__unit {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-fatBurnPrice__periodDetail {
  margin-top: 6px;
  margin-top: 0.375rem;
  background-color: #fafafa;
  padding: 4px 5px;
  padding: 0.25rem 0.3125rem;
  text-align: center;
}

.p-fatBurnPrice__periodDetailLabel {
  color: #00366b;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-fatBurnPrice__periodDetailPrice {
  margin-top: 2px;
  margin-top: 0.125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.p-fatBurnPrice__periodDetailUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-fatBurnPrice__disclaimer {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-fatBurnPrice__disclaimer p {
  margin: 0;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-fatBurnPrice__trial {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-fatBurnPrice__trialTitle {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.p-fatBurnPrice__trialBox {
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  text-align: center;
}

.p-fatBurnPrice__trialPeriod {
  background-color: #def9f5;
  padding: 4px 16px 6px 16px;
  padding: 0.25rem 1rem 0.375rem 1rem;
  color: #00366b;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-fatBurnPrice__trialPrice {
  padding: 6px 16px;
  padding: 0.375rem 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-fatBurnPrice__trialPrice .p-fatBurnPrice__unit {
  font-size: 9px;
  font-size: 0.5625rem;
}

.p-fatBurnPrice__ctaButton__wrapper {
  display: grid;
}

.p-fatBurnPrice__ctaButton {
  margin-inline: auto;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}

/************************************************************************
* p-features - バニラメディカルの特徴セクション
************************************************************************/
.p-features__inner {
  background-color: #fff3f8;
}

.p-features__list {
  gap: 33px;
  gap: 2.0625rem;
  margin-inline: auto;
  display: grid;
  margin-top: 55px;
  margin-top: 3.4375rem;
  max-width: 300px;
}

.p-features__item {
  position: relative;
}

.p-features__number {
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-18%, -50%);
  transform: translate(-18%, -50%);
  z-index: 2;
  width: 40px;
  width: 2.5rem;
}

.p-features__number img {
  display: block;
  width: 100%;
  height: auto;
}

.p-features__item:nth-child(even) .p-features__number {
  right: 0;
  left: auto;
  -webkit-transform: translate(18%, -50%);
  transform: translate(18%, -50%);
}

.p-features__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #99e6dd;
  background: #fff;
  padding: 26px 13px 17px;
  padding: 1.625rem 0.8125rem 1.0625rem;
  height: 100%;
  text-align: center;
}

.p-features__card::before {
  aspect-ratio: 1;
  position: absolute;
  right: -2px;
  right: -0.125rem;
  bottom: -2px;
  bottom: -0.125rem;
  border-right: 2px solid #ffb8d5;
  border-bottom: 2px solid #ffb8d5;
  width: 40px;
  width: 2.5rem;
  content: "";
}

.p-features__item:nth-child(even) .p-features__card::before {
  right: auto;
  left: -2px;
  left: -0.125rem;
  border-right: none;
  border-left: 2px solid #ffb8d5;
}

.p-features__card::after {
  aspect-ratio: 34/20;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  background-color: #fff;
  width: 34px;
  width: 2.125rem;
  content: "";
}

.p-features__item:nth-child(even) .p-features__card::after {
  right: -2px;
  left: auto;
}

.p-features__item:nth-child(odd) .p-features__card {
  border-radius: 0 2.5rem 0 0;
}

.p-features__item:nth-child(even) .p-features__card {
  border-radius: 2.5rem 0 0 0;
}

.p-features__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
}

.p-features__title--small {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-features__icon {
  aspect-ratio: 200/88;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 10px;
  margin-top: 0.625rem;
  width: 200px;
  width: 12.5rem;
}

.p-features__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-features__description {
  margin-top: 15px;
  margin-top: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
}

/************************************************************************
* FAQ部分
*************************************************f***********************/
.p-features__faq {
  margin-inline: auto;
  aspect-ratio: 1;
  position: relative;
  margin-top: 68px;
  margin-top: 4.25rem;
  border-radius: 50%;
  background-color: #fff;
  padding: 38px 0 20px;
  padding: 2.375rem 0 1.25rem;
  max-width: 330px;
}

.p-features__faqTitle {
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 600;
  text-align: center;
}

.p-features__faqDescription {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  text-align: center;
}

.p-features__faqNumber {
  aspect-ratio: 50/20;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  width: 3.125rem;
}

.p-features__faqNumber img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-features__faqTabs {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 14px;
  margin-top: 0.875rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-features__faqTabsList {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-features__faqTab {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  background-image: url(../img/top/circle.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 8px 0;
  padding: 0.5rem 0;
  min-width: 75px;
  min-width: 4.6875rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-features__faqIllustration {
  margin-inline: auto;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 160px;
  width: 10rem;
  text-align: center;
}

.p-features__faqIllustration img {
  aspect-ratio: 160/90;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-features__faqButton {
  margin-inline: auto;
  max-width: 300px;
  max-width: 18.75rem;
  font-size: 17px;
  font-size: 1.0625rem;
  text-align: center;
}

.p-features__faqButton a {
  padding-top: 0;
  padding-bottom: 0;
  height: 60px;
  height: 3.75rem;
}

.p-flow__inner {
  padding-bottom: 90px;
  padding-bottom: calc(90 * var(--px-to-rem));
  background-color: #fffeef;
}

.p-flow__steps {
  margin-inline: auto;
  margin-top: 29px;
  margin-top: calc(29 * var(--px-to-rem));
  max-width: 337px;
}

/************************************************************************
* CTA部分
************************************************************************/
.p-flow__cta {
  gap: 22px;
  gap: 1.375rem;
  display: grid;
  margin-top: 29px;
  margin-top: calc(29 * var(--px-to-rem));
}

.p-flow__ctaTop {
  display: grid;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-flow__ctaIllustration {
  margin-inline: auto;
  width: 245px;
  width: 15.3125rem;
}

.p-flow__ctaIllustration img {
  aspect-ratio: 245/130;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-flow__ctaButton {
  margin-inline: auto;
  width: 345px;
  width: 21.5625rem;
}

.p-flow__ctaButton a {
  margin-inline: auto;
  padding: 10px 0;
  padding: 0.625rem 0;
}

.p-flow__ctaLine {
  margin-inline: auto;
}

.p-flow__guide {
  margin-inline: auto;
  width: 100%;
  max-width: 300px;
  max-width: 18.75rem;
}

.p-flow__guide .c-btn__text::before {
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2941176471em;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
  background-image: url(../img/lp/icon-guide.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  content: "";
}

/************************************************************************
* p-fv
************************************************************************/
.p-fv img {
  aspect-ratio: 375/315;
  width: 100%;
  height: 100%;
  min-height: 315px;
  min-height: calc(315 * var(--px-to-rem));
  -o-object-fit: cover;
  object-fit: cover;
}

/************************************************************************
* PC版ナビゲーション
************************************************************************/
.p-header__nav {
  display: none;
}

.p-header__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-legal {
  margin-top: 30px;
  margin-top: 1.875rem;
  padding-bottom: 156px;
  padding-bottom: 9.75rem;
}

.p-legal h1,
.p-legal h2,
.p-legal h3,
.p-legal h4,
.p-legal h5,
.p-legal h6 {
  margin-bottom: 1em;
  font-weight: 600;
}

.p-legal h1 {
  font-size: 32px;
  font-size: 2rem;
}

.p-legal h2 {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding-left: 11px;
  padding-left: 0.6875rem;
}

.p-legal h2::before {
  display: block;
  position: absolute;
  top: calc(0.5lh - 0.5em - 1px);
  left: 0;
  border-radius: 0.1875rem;
  background-color: #5dd1c4;
  width: 5px;
  width: 0.3125rem;
  height: 20px;
  height: 1.25rem;
  content: "";
}

.p-legal .wp-block-separator.has-alpha-channel-opacity.is-style-wide {
  margin-top: 20px;
  margin-top: 1.25rem;
  border-bottom: 1px solid #e6e6e6;
}

.p-legal .c-beforeBar {
  position: relative;
  padding-left: 1.5em;
}

.p-legal .c-beforeBar::before {
  position: absolute;
  top: 1em;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  content: "ー";
}

.p-legal ul {
  list-style: none;
}

.p-legal ul li {
  position: relative;
  padding-left: 1em;
}

.p-legal ul li::before {
  position: absolute;
  left: 0;
  content: "・";
}

.p-legal table {
  border: none;
  width: 100%;
}

.p-legal table th,
.p-legal table td {
  vertical-align: middle;
  border: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px;
  padding: 1.25rem;
}

.p-legal table th {
  border-right: 1px solid #000;
  width: 130px;
  width: 8.125rem;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
}

.p-legal ul,
.p-legal ol {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  margin-left: 1em;
}

.p-legal ul ul,
.p-legal ul ol,
.p-legal ol ul,
.p-legal ol ol {
  margin-top: 15px;
  margin-top: 0.9375rem;
  margin-left: 0;
}

.p-legal ul li,
.p-legal ol li {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
}

.p-legal ol {
  padding-left: 1.25em;
}

.p-legal ol > li:not([class]) {
  list-style: decimal;
}

.p-legal ol > li:not([class])::marker {
  color: #00366b;
  font-weight: 700;
}

.p-legal li:not([class]) + li {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-legal ul,
.p-legal ol {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-legal ul li,
.p-legal ol li {
  padding-left: 5px;
  padding-left: 0.3125rem;
}

.p-legal ol {
  margin-left: 0;
}

.p-legal h2.p-legal__heading {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-size: 18px;
  font-size: 1.125rem;
}

.p-legal h3 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-legal ul.p-legal__list--nested,
.p-legal .p-legal__list--nested {
  margin-top: calc(0.625rem - 0.35em);
  margin-left: -0.8em;
}

.p-legal p {
  line-height: 1.7;
}

.p-legal__intro {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-legal__section {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.p-legal__subHeading {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-left: 1.3em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4875;
  text-indent: -1.3em;
}

.p-legal__subHeading--top {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.p-legal__strong.p-legal__strong {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.7;
}

.p-legal__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-legal__text--margin {
  margin-top: calc(0.625rem - 0.35em);
}

.p-legal__list:not(.p-legal__list--ordered) .p-legal__listItem {
  position: relative;
}

.p-legal__list:not(.p-legal__list--ordered) .p-legal__listItem::before {
  position: absolute;
  top: calc((1.7em - 0.4375rem) / 2);
  left: -10px;
  left: -0.625rem;
  border-radius: 50%;
  background-color: currentColor;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-legal__list--nested-ordered {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.p-legal__list--ordered {
  margin-left: 20px;
  margin-left: 1.25rem;
  list-style-position: outside;
  list-style-type: decimal;
}

.p-legal__list--ordered > .p-legal__listItem {
  display: list-item;
}

.p-legal__listItem {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-legal__listItem + .p-legal__listItem {
  margin-top: calc(0.625rem - 0.35em);
}

.p-legal__listItem + .p-legal__listItem .p-legal__listTitle {
  margin-top: calc(1.25rem - 0.35em);
}

.p-legal__listTitle {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.p-legal__link {
  color: #09f;
}

.p-legal__date {
  margin-top: 50px;
  margin-top: 3.125rem;
  text-align: right;
}

/************************************************************************
* お薬の追加配送についてセクション
************************************************************************/
.p-lpAdditionalDelivery {
  border: 1px solid #5dd0c4;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 25px 15px;
  padding: 1.5625rem 0.9375rem;
}

.p-lpAdditionalDelivery__mainTitle {
  position: relative;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-lpAdditionalDelivery__mainTitle::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100vh;
  background-color: #5dd0c4;
  width: 100%;
  height: 3px;
  content: "";
}

.p-lpAdditionalDelivery__text {
  margin-top: 20px;
  margin-top: 1.25rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lpAdditionalDelivery__note {
  margin-top: 14px;
  margin-top: 0.875rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-lpAdditionalDelivery__note + .p-lpAdditionalDelivery__note {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-lpAdditionalDelivery__contents {
  gap: 40px;
  gap: 2.5rem;
  display: grid;
}

.p-lpAdditionalDeliverySection {
  margin-top: 50px;
  margin-top: 3.125rem;
  background-color: #fff;
}

/************************************************************************
* アフターピル詳細セクション
************************************************************************/
.p-lpAfterpill--72 .p-lpAfterpill__contentBox {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.p-lpAfterpill__inner {
  background-color: #fff3f8;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 0;
}

.p-lpAfterpill--72 .p-lpAfterpill__inner {
  padding-top: 75px;
  padding-top: 4.6875rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.p-lpAfterpill__content {
  padding: 25px 15px;
  padding: 1.5625rem 0.9375rem;
}

.p-lpAfterpill__contentBox {
  position: relative;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 40px 15px 40px 15px;
  padding: 2.5rem 0.9375rem 2.5rem 0.9375rem;
}

.p-lpAfterpill__contentBox::before {
  position: absolute;
  top: -32px;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../img/lp/after/icon-120.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  content: "";
}

.p-lpAfterpill__contentBox[data-icon="icon-72.png"]::before {
  background-image: url("../img/lp/after/icon-72.png");
}

.p-lpAfterpill__header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  text-align: center;
}

.p-lpAfterpill__icon {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 15px;
  margin: 0 auto 0.9375rem;
  width: 80px;
  width: 5rem;
}

.p-lpAfterpill__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpAfterpill__title {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-lpAfterpill__titlePrefix {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-lpAfterpill__titleMain {
  position: relative;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
}

.p-lpAfterpill__titleMain::before {
  position: absolute;
  bottom: -10px;
  bottom: -0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 3.125rem;
  background-color: #fda6cb;
  width: 52px;
  width: 3.25rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-lpAfterpill__description {
  margin-top: 30px;
  margin-top: 1.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  text-align: left;
}

.p-lpAfterpill__recommend {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-lpAfterpill__recommendTitle {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-lpAfterpill__medicineCards {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-lpAfterpill__medicineCard {
  position: relative;
  border: 1px solid #99e6dd;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
}

.p-lpAfterpill__recommendBadge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -10px;
  top: -0.625rem;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  background-image: url("../img/lp/after/bubble.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  min-width: 102px;
  min-width: 6.375rem;
  min-height: 31px;
  min-height: 1.9375rem;
  color: #ff8c27;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-lpAfterpill__recommendBadgeText {
  display: block;
  -webkit-transform: translateY(-0.125rem);
  transform: translateY(-0.125rem);
}

.p-lpAfterpill__medicineCardInner {
  gap: 15px;
  gap: 0.9375rem;
  display: grid;
  grid-template-columns: 4.875rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-lpAfterpill__medicineImage {
  width: 78px;
  width: 4.875rem;
}

.p-lpAfterpill__medicineImage img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpAfterpill__medicineInfo {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-lpAfterpill__medicineNameWrapper {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-lpAfterpill__medicineName {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-lpAfterpill__medicineSubtitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-lpAfterpill__medicinePrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-lpAfterpill__medicinePriceUnit {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-lpAfterpill__precautionsButton {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.p-lpAfterpill__precautionsButton .c-btn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  width: 100%;
  max-width: 344px;
  max-width: 21.5rem;
}

.p-lpAfterpill__precautionsButton .c-btn.c-btn--arrowDown::before {
  background-color: #ffbfda;
}

.p-lpAfterpill__precautionsButton .c-btn__text {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.p-lpAfterpill__precautionsButtonTextTop {
  color: #ff88b1;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-lpAfterpill__precautionsButtonTextBottom {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-lpAfterpill__accordionItem {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-lpAfterpill__notes {
  margin-top: 30px;
  margin-top: 1.875rem;
}

/************************************************************************
* LP コラムセクション
************************************************************************/
.p-lpColumn__inner {
  overflow-x: hidden;
  background-color: var(--lp-theme-bg);
}

[data-lp-theme=green] .p-lpColumn__inner {
  background-color: #edfcfa;
}

[data-lp-theme=blue] .p-lpColumn__inner {
  background-color: #fffeef;
}

[data-lp-theme=turquoise] .p-lpColumn__inner {
  background-color: #fffeef;
}

.p-lpContent--green {
  background-color: #def9f5;
}

.p-lpContent--turquoise {
  --lp-theme-bg: #def9f5;
}

.p-lpContent--pink {
  --lp-theme-bg: #fff3f8;
}

.p-lpContent--blue {
  --lp-theme-bg: #eff6ff;
}

.p-lpContent__inner {
  background: #fff;
}

.p-lpContent__inner--bg {
  background-color: var(--lp-theme-bg, #fff3f8);
}

.p-lpContent__inner--pink {
  background-color: #fff3f8;
}

.p-lpContent__inner--narrow {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-lpContent__body {
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
  border-radius: 15px;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: var(--lp-theme-bg, #fff3f8);
  padding: 30px 15px;
  padding: calc(30 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
}

.p-lpContent__body--white {
  background-color: #fff;
}

.p-lpContent__mainTitle {
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.p-lpContent__mainTitle::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100vh;
  background-color: #99e6dd;
  width: 100%;
  height: 2px;
  content: "";
}

.p-lpContent__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 23.8px;
  line-height: calc(23.8 * var(--px-to-rem));
}

.p-lpContent__text--note {
  margin-top: 7px;
  font-size: 12px;
  font-size: calc(12 * var(--px-to-rem));
  line-height: 18px;
  line-height: calc(18 * var(--px-to-rem));
}

.p-lpContent__textContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-lpContent__description {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-lpContent__heading {
  position: relative;
}

.p-lpContent__headingMini {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-lpContent__list {
  gap: 8px;
  gap: calc(8 * var(--px-to-rem));
  display: grid;
  width: 100%;
}

.p-lpContent__list--marginTop {
  margin-top: 15px;
  margin-top: calc(15 * var(--px-to-rem));
}

.p-lpContent__list--marginBottom {
  margin-bottom: 13px;
  margin-bottom: calc(13 * var(--px-to-rem));
}

.p-lpContent__item {
  position: relative;
  position: relative;
  display: grid;
  place-content: center;
  min-height: 47px;
  min-height: calc(47 * var(--px-to-rem));
  padding: 14px 15px;
  padding: calc(14 * var(--px-to-rem)) calc(15 * var(--px-to-rem));
  font-weight: 600;
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
  text-align: center;
  color: #00366b;
  background-color: #fff;
}

.p-lpContent__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  aspect-ratio: 1/1;
  width: 10px;
  width: calc(10 * var(--px-to-rem));
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ffb8d5), color-stop(50%, #fff));
  background: linear-gradient(to bottom right, #ffb8d5 50%, #fff 50%);
}

.p-lpContent__item span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-lpContent__concernsGrid {
  gap: 20px 5px;
  gap: 1.25rem 0.3125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.p-lpContent__concernCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.p-lpContent__concernImage {
  width: 100%;
  max-width: 100px;
  max-width: 6.25rem;
}

.p-lpContent__concernImage img {
  width: 100%;
  height: auto;
}

.p-lpContent__concernText {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-lpContent__cards {
  gap: 18px;
  gap: 1.125rem;
  display: grid;
  margin-top: 4px;
  margin-top: 0.25rem;
}

.p-lpContent__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 10px 10px 20px;
  padding: 0.625rem 0.625rem 1.25rem;
}

.p-lpContent__cardTitleContainer {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.p-lpContent__cardIcon {
  width: 64px;
  width: 4rem;
}

.p-lpContent__cardIcon img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpContent__cardTitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-lpContent__cardFeatures {
  margin-top: 5px;
  margin-top: 0.3125rem;
  width: 100%;
}

.p-lpContent__cardFeatureItem {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lpContent__cardButton {
  margin-top: 17px;
  margin-top: 1.0625rem;
  width: 100%;
  max-width: 271px;
}

.p-lpContent__cardButton a {
  padding-top: 13px;
  padding-top: 0.8125rem;
  padding-bottom: 13px;
  padding-bottom: 0.8125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lpContent__headerWrapper {
  position: relative;
  padding-top: 24px;
  padding-top: 1.5rem;
}

.p-lpContent__headerWrapper::before {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  width: 3.75rem;
  content: "";
}

.p-lpContent__headerWrapper--low-dose::before {
  background-image: url(../img/lp/low/icon-low-dose.png);
}

.p-lpContent__headerWrapper--ultra-low-dose::before {
  background-image: url(../img/lp/low/icon-ultra-low-dose.png);
}

.p-lpContent__headerWrapper--mini-pill::before {
  background-image: url(../img/lp/low/icon-mini-pill.png);
}

.p-lpContent__header {
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 42px 15px 30px;
  padding: 2.625rem 0.9375rem 1.875rem;
}

.p-lpContent__header p {
  line-height: 1.6428571429;
}

.p-lpContent__recommend {
  margin-top: 26px;
  margin-top: 1.625rem;
}

.p-lpContent__recommendTitle {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

/************************************************************************
* ピル比較表ラッパー（配置担当）
************************************************************************/
.p-lpContent__tableWrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-lpContent__tableScroll {
  -webkit-overflow-scrolling: touch;
  border: 1px solid #fec1da;
  border-radius: 0.9375rem;
  overflow-x: auto;
}

.p-lpContent__tableNote {
  margin-top: 15px;
  margin-top: 0.9375rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/************************************************************************
* 薬のカード（アコーディオン）
************************************************************************/
.p-lpContent__medicineCards {
  gap: 21px;
  gap: 1.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
  margin-top: 2.5rem;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-lpContent__medicineCard {
  border: 1px solid #fec1da;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: clip;
}

.p-lpContent__medicineCard__summary {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
  grid-template-columns: 4.875rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 22px 15px 13px;
  padding: 1.375rem 0.9375rem 0.8125rem;
}

.p-lpContent__medicineCard__summary a {
  text-decoration: underline;
}

.p-lpContent__medicineCard__image {
  aspect-ratio: 1;
}

.p-lpContent__medicineCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpContent__medicineCard__info {
  gap: 5px;
  gap: 0.3125rem;
  display: grid;
}

.p-lpContent__medicineCard__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-lpContent__medicineCard__feature {
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-lpContent__medicineCard__pricing {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fffff1;
  padding: 6px 12px 6px 20px;
  padding: 0.375rem 0.75rem 0.375rem 1.25rem;
}

.p-lpContent__medicineCard__price {
  color: #fd679b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.p-lpContent__medicineCard__priceAmount {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-lpContent__medicineCard__toggleButton {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer;
  padding: 5px 0 5px 5px;
  padding: 0.3125rem 0 0.3125rem 0.3125rem;
}

.p-lpContent__medicineCard__toggleText {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-lpContent__medicineCardDetail {
  display: none;
  background-color: #fffff1;
  padding: 0 10px 13px;
  padding: 0 0.625rem 0.8125rem;
}

.p-lpContent__cta {
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  max-width: 300px;
}

.p-lpContent__cta--low {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-lpContent__ctaText {
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-lpContent__ctaText:first-of-type {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-lpContent__image {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.p-lpContent__image--maxWidth820 {
  margin-bottom: 0;
}

.p-lpContent__image img {
  width: 100%;
  height: auto;
}

.p-lpContent__notes {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 4px;
  margin-top: 0.25rem;
}

.p-lpContent__note .p-lpContent__text {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-lpContent__note {
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-lpDeliverySection__inner {
  background-color: #fff;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-lpDeliverySection.l-section {
  margin-top: -40px;
  margin-top: -2.5rem;
}

.p-lpDelivery__content {
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: 0.9375rem;
  background-color: var(--lp-theme-bg, #fff7fa);
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-lpDeliveryAreas {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-lpDeliveryAreas__area {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-lpDeliveryAreas__area + .p-lpDeliveryAreas__area {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-lpDeliveryAreas__title {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-lpDeliveryAreas__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../img/lp/icon-location.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  width: 0.875rem;
  height: 18px;
  height: 1.125rem;
  content: "";
}

.p-lpDeliveryAreas__feeSection {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-lpDeliveryAreas__feeSection + .p-lpDeliveryAreas__feeSection {
  margin-top: 10px;
  margin-top: 0.625rem;
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.p-lpDeliveryAreas__feePrice {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-lpDeliveryAreas__wardText {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-lpDeliveryAreas__disclaimer {
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
}

.p-lpDeliveryAreas__disclaimer:first-of-type {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-lpDeliverySameDay {
  margin-top: 45px;
  margin-top: 2.8125rem;
}

.p-lpDeliverySameDay__hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-top: 0.625rem;
  border: 1px solid #e6e6e6;
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-lpDeliverySameDay__hoursLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #e6e6e6;
  border-radius: 0.625rem 0 0 0.625rem;
  background-color: #ff94c0;
  padding: 9px 13px;
  padding: 0.5625rem 0.8125rem;
  height: 42px;
  height: 2.625rem;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-lpDeliverySameDay__hoursTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 0.625rem 0.625rem 0;
  background-color: #fff;
  padding: 9px 16px;
  padding: 0.5625rem 1rem;
  height: 42px;
  height: 2.625rem;
  color: #fd679b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
}

.p-lpDeliverySchedule__table {
  margin-top: 15px;
  margin-top: 0.9375rem;
  border-top: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: none;
  border-radius: 0.625rem;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
}

.p-lpDeliverySchedule__table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-lpDeliverySchedule__table thead tr:first-child th:nth-child(2) {
  border-left: 1px solid #e6e6e6;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-lpDeliverySchedule__table thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
  border-top-right-radius: 0.625rem;
}

.p-lpDeliverySchedule__table tbody tr:first-child td:first-child {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-lpDeliverySchedule__table tbody tr:first-child td:nth-child(2) {
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

.p-lpDeliverySchedule__table tbody tr:first-child td:nth-child(3) {
  border-top: 1px solid #e6e6e6;
}

.p-lpDeliverySchedule__table tbody tr:last-child td:first-child {
  border-left: 1px solid #e6e6e6;
  border-bottom-left-radius: 10px;
  border-bottom-left-radius: 0.625rem;
}

.p-lpDeliverySchedule__table tbody tr:last-child td:nth-child(2) {
  border-left: 1px solid #e6e6e6;
}

.p-lpDeliverySchedule__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
}

.p-lpDeliverySchedule__headerEmpty {
  border: none;
  border-top: none;
  border-left: none;
  background-color: var(--lp-theme-bg, #fff7fa);
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  width: 24.59%;
}

.p-lpDeliverySchedule__header {
  border: none;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  background-color: #ff94c0;
  padding: 6px 8px;
  padding: 0.375rem 0.5rem;
  width: 37.7%;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

.p-lpDeliverySchedule__header:last-child {
  border-right: none;
}

.p-lpDeliverySchedule__label {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  width: 24.59%;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

tr:last-child .p-lpDeliverySchedule__label {
  border-bottom: none;
}

.p-lpDeliverySchedule__cell {
  vertical-align: middle;
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 11px 4px;
  padding: 0.6875rem 0.25rem;
  width: 37.7%;
  font-size: 0;
  text-align: center;
}

.p-lpDeliverySchedule__cell:last-child {
  border-right: none;
}

tr:last-child .p-lpDeliverySchedule__cell {
  border-bottom: none;
}

.p-lpDeliverySchedule__time {
  color: #fd679b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-lpDeliverySchedule__until {
  color: #fd679b;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-lpDeliverySchedule__particle {
  color: #00366b;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-lpDeliverySchedule__text {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-lpDeliverySchedule__after {
  color: #fd679b;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-lpDeliverySchedule__disclaimer {
  margin-top: 8px;
  margin-top: 0.5rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
}

.p-lpDeliverySchedule__disclaimer:first-of-type {
  margin-top: 20px;
  margin-top: 1.25rem;
}

/************************************************************************
* FAQ セクション
************************************************************************/
.p-lpFaq__inner {
  background-color: var(--lp-faq-bg, #def9f6);
}

.p-lpFaq__accordion {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-lpFaq__accordionImg {
  margin-inline: auto;
  width: 160px;
  width: 10rem;
}

.p-lpFaq__more {
  margin-top: 30px;
  margin-top: 1.875rem;
  text-align: center;
}

.p-lpFaq__more a {
  margin-inline: auto;
  max-width: 300px;
  max-width: 18.75rem;
}

/************************************************************************
* モディファイヤー - セクション背景色
************************************************************************/
.p-lpInterest--pink .p-lpInterest__inner {
  background-color: #fff3f8;
}

.p-lpInterest--yellow .p-lpInterest__inner {
  background-color: #fffef5;
}

.p-lpInterest--green .p-lpInterest__inner {
  background-color: #def9f5;
}

.p-lpInterest--blue .p-lpInterest__inner {
  background-color: #dff5ff;
}

.p-lpInterest--turquoise .p-lpInterest__inner {
  background-color: #def9f5;
}

.p-lpPayment {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-lpPayment__list {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-lpPayment__item {
  border: 1px solid #e6e6e6;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 12px 15px 15px;
  padding: 0.75rem 0.9375rem 0.9375rem;
}

.p-lpPayment__itemTitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-lpPayment__logos {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.p-lpPayment__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-lpPayment__logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpPayment__logo--visa {
  width: 56px;
  width: 3.5rem;
}

.p-lpPayment__logo--mastercard {
  width: 46px;
  width: 2.875rem;
}

.p-lpPayment__logo--jcb,
.p-lpPayment__logo--amex,
.p-lpPayment__logo--diners {
  width: 36px;
  width: 2.25rem;
}

.p-lpPayment__logo--applepay {
  width: 54px;
  width: 3.375rem;
}

.p-lpPayment__logo--paypay {
  margin-left: -8px;
  margin-left: -0.5rem;
  width: 110px;
  width: 6.875rem;
}

.p-lpPayment__logo--au,
.p-lpPayment__logo--softbank {
  width: 46px;
  width: 2.875rem;
}

.p-lpPayment__itemText {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lpPrecautions {
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-lpPrecautions__content {
  margin-top: 18px;
  margin-top: 1.125rem;
}

.p-lpPrecautions__heading {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.p-lpPrecautions__section + .p-lpPrecautions__section {
  margin-top: 28px;
  margin-top: 1.75rem;
}

.p-lpPrecautions__sectionTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-accordion__trigger .p-lpPrecautions__sectionTitle {
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: left;
}

.p-lpPrecautions__subsection:first-child {
  margin-top: 0;
}

.p-lpPrecautions__subsectionTitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-lpPrecautions__text {
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #00366b;
}

.p-lpPrecautions__text--note {
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-lpPrecautions__text--note:last-child {
  margin-bottom: 0;
}

.p-lpPrecautions__list {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.p-lpPrecautions__item {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.p-lpPrecautions__item::before {
  position: absolute;
  top: calc(0.5lh - 0.21875rem);
  left: 2px;
  left: 0.125rem;
  border-radius: 50%;
  background-color: #fec1da;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-lpPrecautions__title {
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: center;
}

.p-lpPrecautions__title::before {
  position: absolute;
  bottom: 5px;
  bottom: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100vh;
  background-color: #fec1da;
  width: 100%;
  height: 2px;
  content: "";
}

.p-lpPrecautions__title--sub {
  display: block;
  color: #00366b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-lpPrecautions__title--main {
  display: block;
  position: relative;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  color: #00366b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}

.p-lpPrecautions__ctaText {
  margin-top: 22px;
  margin-top: 1.375rem;
}

.p-lpPrecautions__ctaText p + p {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-lpPrecautionsSection {
  background-color: #fff3f8;
}

.p-lpPrecautionsSection__inner {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

/************************************************************************
* VANILLA MEDICALが選ばれる理由セクション
************************************************************************/
.p-lpReasons__content {
  margin-inline: auto;
  position: relative;
  margin-top: 30px;
  margin-top: 1.875rem;
  border: 2px solid #99e6dd;
  border-radius: 0 2.1875rem 0 2.1875rem;
  background-color: #fff;
  padding: 30px 12px 30px 15px;
  padding: 1.875rem 0.75rem 1.875rem 0.9375rem;
  max-width: 335px;
  max-width: 20.9375rem;
}

.p-lpReasons__content--about {
  padding: 28px 12px 26px 13px;
  padding: 1.75rem 0.75rem 1.625rem 0.8125rem;
}

.p-lpReasons__content--about .p-lpReasons__list {
  gap: 28px;
  gap: 1.75rem;
}

.p-lpReasons__content::before,
.p-lpReasons__content::after {
  aspect-ratio: 1;
  position: absolute;
  width: 40px;
  width: 2.5rem;
  content: "";
}

.p-lpReasons__content::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid #ffb8d5;
  border-left: 2px solid #ffb8d5;
}

.p-lpReasons__content::after {
  right: -2px;
  bottom: -2px;
  border-right: 2px solid #ffb8d5;
  border-bottom: 2px solid #ffb8d5;
}

.p-lpReasons__content--female {
  margin-top: 10px;
  margin-top: 0.625rem;
  border-color: #fec1da;
}

.p-lpReasons__content--female::before {
  border-top-color: #99e6dd;
  border-left-color: #99e6dd;
}

.p-lpReasons__content--female::after {
  border-right-color: #99e6dd;
  border-bottom-color: #99e6dd;
}

.p-lpReasons__list {
  gap: 26px;
  gap: 1.625rem;
  display: grid;
}

.p-lpReasons__item {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
  grid-template-columns: 4.1875rem 1fr;
}

.p-lpReasons__icon {
  aspect-ratio: 1;
}

.p-lpReasons__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpReasons__body {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-lpReasons__note {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

.p-lpReasonsSection__inner {
  background-color: #fff;
}

.p-lpReasonsSection__inner--green {
  background-color: #edfcfa;
}

.p-lpReasonsSection__cta {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-lpReasonsSection__cta a {
  margin-inline: auto;
}

/************************************************************************
* 女性AGA お悩みセクション
************************************************************************/
.p-lpReasonsWorry {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.p-lpReasonsWorry__box {
  position: relative;
  border: 2px dashed #73ddd0;
  border-radius: 0.9375rem;
  padding: 56px 15px 30px;
  padding: 3.5rem 0.9375rem 1.875rem;
}

.p-lpReasonsWorry__title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 0 5px;
  padding: 0 0.3125rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.p-lpReasonsWorry__titleAccent {
  color: #fd679b;
}

.p-lpReasonsWorry__list {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-lpReasonsWorry__item {
  margin-inline: auto;
  position: relative;
  border-radius: 100vh;
  background-color: #f0fcfb;
  padding: 10px 20px 8px 85px;
  padding: 0.625rem 1.25rem 0.5rem 5.3125rem;
  width: 305px;
  width: 19.0625rem;
  max-width: 100%;
}

.p-lpReasonsWorry__item::before {
  position: absolute;
  bottom: 0;
  left: 10px;
  left: 0.625rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.p-lpReasonsWorry__item--01::before {
  top: -12px;
  top: -0.75rem;
  left: 3px;
  left: 0.1875rem;
  background-image: url("../img/lp/aga-female/reason01.png");
  width: 84px;
  width: 5.25rem;
  height: 75px;
  height: 4.6875rem;
}

.p-lpReasonsWorry__item--02 {
  padding-right: 80px;
  padding-right: 5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.p-lpReasonsWorry__item--02::before {
  right: 6px;
  right: 0.375rem;
  bottom: 0;
  left: auto;
  background-image: url("../img/lp/aga-female/reason02.png");
  width: 86px;
  width: 5.375rem;
  height: 76px;
  height: 4.75rem;
}

.p-lpReasonsWorry__item--03::before {
  background-image: url("../img/lp/aga-female/reason03.png");
  width: 69px;
  width: 4.3125rem;
  height: 72px;
  height: 4.5rem;
}

.p-lpReasonsWorry__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.40625;
}

.p-lpReasonsWorry__item--03 .p-lpReasonsWorry__text {
  text-align: left;
}

.p-lpReasonsWorry__textLine2 {
  text-align: right;
}

.p-lpReasonsWorry__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-lpReasonsWorry__arrow img {
  width: 24px;
  width: 1.5rem;
  height: auto;
}

.p-lpReasonsWorry__solution {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
}

.p-lpReasonsWorry__solutionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-lpReasonsWorry__badge {
  display: inline-block;
  border-radius: 100vh;
  background-color: #ffbcd8;
  padding: 5px 20px;
  padding: 0.3125rem 1.25rem;
  color: #ffb;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.p-lpReasonsWorry__solutionTitleText {
  display: inline-block;
  position: relative;
  -webkit-transition: background-size 0.6s;
  transition: background-size 0.6s;
  margin-top: 15px;
  margin-top: 0.9375rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff0f6), to(#fff0f6));
  background-image: linear-gradient(90deg, #fff0f6, #fff0f6);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 0.9375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
}

.p-lpReasonsWorry__solutionTitleText::before {
  position: absolute;
  top: -8px;
  top: -0.5rem;
  left: -8px;
  left: -0.5rem;
  background-image: url("../img/lp/aga-female/accent-dots.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  width: 1.5625rem;
  height: 16px;
  height: 1rem;
  content: "";
}

.p-lpReasonsWorry__solutionText {
  margin-top: 25px;
  margin-top: 1.5625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
}

/************************************************************************
* 定期便・お薬の追加配送についてセクション
************************************************************************/
.p-priceAnnounce {
  margin-top: calc(25 * var(--px-to-rem));
  padding: 18px 19px;
  padding: calc(18 * var(--px-to-rem)) calc(19 * var(--px-to-rem));
  border-radius: 15px;
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-priceAnnounce {
    margin-top: calc(40 * var(--px-to-rem));
  }
}

.p-priceAnnounce__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  gap: calc(10 * var(--px-to-rem));
  font-weight: 600;
}

.p-priceAnnounce__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  gap: calc(6 * var(--px-to-rem));
}

.p-priceAnnounce__txt--top {
  font-size: 15px;
  font-size: calc(15 * var(--px-to-rem));
  line-height: 15px;
  line-height: calc(15 * var(--px-to-rem));
}

.p-priceAnnounce__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  gap: calc(10 * var(--px-to-rem));
}

.p-priceAnnounce__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  gap: calc(3 * var(--px-to-rem));
  font-size: 17px;
  font-size: calc(17 * var(--px-to-rem));
  line-height: 23px;
  line-height: calc(23 * var(--px-to-rem));
}

.p-priceAnnounce__item:has(.p-priceAnnounce__icon) {
  padding-right: 8px;
  padding-right: calc(8 * var(--px-to-rem));
}

.p-priceAnnounce__item::before {
  content: "";
  display: inline-block;
  width: 18px;
  width: calc(18 * var(--px-to-rem));
  height: 17px;
  height: calc(17 * var(--px-to-rem));
  background: url(../img/lp/icon-check.svg) no-repeat center/contain;
}

.p-priceAnnounce__item .p-priceAnnounce__icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 8px;
  font-size: calc(8 * var(--px-to-rem));
  line-height: 10px;
  line-height: calc(10 * var(--px-to-rem));
}

.p-priceAnnounce__txt--bottom {
  font-size: 17px;
  font-size: calc(17 * var(--px-to-rem));
  line-height: 23px;
  line-height: calc(23 * var(--px-to-rem));
}

.p-priceAnnounce__anno {
  margin-top: 6px;
  margin-top: calc(6 * var(--px-to-rem));
  font-size: 11px;
  font-size: calc(11 * var(--px-to-rem));
  line-height: 14px;
  line-height: calc(14 * var(--px-to-rem));
  text-align: center;
}

.p-lpSubscription__title--skincare {
  position: relative;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.4285714286;
  text-align: center;
}

.p-lpSubscription__title--skincare::before {
  display: block;
  position: absolute;
  bottom: -15px;
  bottom: -0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100vh;
  background-color: #5dd1c4;
  width: 52px;
  width: 3.25rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-lpSubscription__contents {
  gap: 35px;
  gap: 2.1875rem;
  display: grid;
}

/************************************************************************
* 定期便セクション
************************************************************************/
/* .p-lpSubscription__introTitle::before {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: .5lh;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../img/lp/icon-subscription.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125em;
  content: '';
} */
.p-lpSubscription__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 14px;
  margin-top: 0.875rem;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-lpSubscription__tab {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  padding: 8px 5px;
  padding: 0.5rem 0.3125rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.p-lpSubscription__tab:not(:last-child)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d6d6d6;
  width: 1px;
  height: 1.3lh;
  content: "";
}

.p-lpSubscription__tab:has(+ .is-active)::after {
  background-color: transparent;
}

.p-lpSubscription__tab:hover {
  background-color: rgba(93, 209, 196, 0.1);
}

.p-lpSubscription__tab.is-active {
  border-radius: 0.625rem 0.625rem 0 0;
  border-color: #2fceb9;
  background-color: #2fceb9;
  color: #fff;
}

.p-lpSubscription__tab.is-active::after {
  background-color: transparent;
}

.p-lpSubscription__tabContent {
  display: none;
  margin-top: 11px;
  margin-top: 0.6875rem;
}

.p-lpSubscription__tabContent.is-active {
  display: block;
}

.p-lpSubscription__stepContainer {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding-right: 14px;
  padding-right: 0.875rem;
}

.p-lpSubscription__stepContainer:last-child {
  padding-right: 0;
}

.p-lpSubscription__stepContainer:not(:last-child)::after {
  aspect-ratio: 8/14;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../img/lp/icon-triangle.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 8px;
  width: 0.5rem;
  content: "";
}

.p-lpSubscription__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #99e6dd;
  border-radius: 0.9375rem;
  padding: 8px 5px;
  padding: 0.5rem 0.3125rem;
  height: 100%;
}

.p-lpSubscription__stepIcon {
  aspect-ratio: 50/40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  width: 3.125rem;
}

.p-lpSubscription__stepIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-lpSubscription__stepText {
  margin-top: 2px;
  margin-top: 0.125rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

.p-lpSubscription__stepTextSmall {
  font-size: 9px;
  font-size: 0.5625rem;
}

.p-lpSubscription__notice {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
}

.p-lpSubscription__noticeText {
  display: inline-block;
  position: relative;
  border-radius: 100vh;
  background-color: #5dd1c4;
  padding: 5px 20px;
  padding: 0.3125rem 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
}

.p-lpSubscription__noticeText::before {
  aspect-ratio: 12/8;
  position: absolute;
  bottom: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #5dd1c4;
  width: 12px;
  width: 0.75rem;
  content: "";
}

.p-lpSubscription__noticeTextHighlight {
  color: #ffb;
}

.p-lpSubscription__description {
  gap: 0.8em;
  display: grid;
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-lpSubscriptionSection {
  /* background-color: var(--lp-theme-bg); */
  background-color: #fff3f8;
}

.p-lpSubscriptionSection--white {
  background-color: #fff;
}

.p-lpSubscriptionSection--agaFemale,
.p-lpSubscriptionSection--low {
  background-color: #fff3f8;
}

.p-medicalDietChoice.l-section {
  margin-top: -110px;
  margin-top: -6.875rem;
}

.p-medicalDietChoice__inner {
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}

.p-medicalDietChoice__body {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}

.p-medicalDietChoice__title {
  font-size: 20px;
  font-size: 1.25rem;
}

.p-medicalDietCalorieInfographic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-top: 1.25rem;
  border-radius: 0.625rem;
  background-color: #fff7fa;
  padding: 18px 14px;
  padding: 1.125rem 0.875rem;
}

.p-medicalDietCalorieInfographic__title {
  color: #00366b;
  font-size: 18.5px;
  font-size: 1.15625rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.p-medicalDietCalorieInfographic__titlePink {
  color: #fd679b;
}

.p-medicalDietCalorieInfographic__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.p-medicalDietCalorieInfographic__image {
  margin-top: 16px;
  margin-top: 1rem;
  width: 100%;
  max-width: 255px;
  max-width: 15.9375rem;
}

.p-medicalDietCalorieInfographic__image img {
  display: block;
  width: 100%;
  height: auto;
}

.p-medicalDietCalorieInfographic__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-medicalDietCalorieInfographic__arrow img {
  width: 32px;
  width: 2rem;
  height: 15px;
  height: 0.9375rem;
}

.p-medicalDietCalorieInfographic__result {
  margin-top: 5px;
  margin-top: 0.3125rem;
  width: 100%;
  max-width: 255px;
  max-width: 15.9375rem;
}

.p-medicalDietCalorieInfographic__result img {
  display: block;
  width: 100%;
  height: auto;
}

.p-medicalDietPlans {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-medicalDietPlans__title {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.p-medicalDietPlans__titleHighlight {
  position: relative;
  font-size: 19px;
  font-size: 1.1875rem;
}

.p-medicalDietPlans__titleHighlight::after {
  display: block;
  margin: 8px auto 0;
  margin: 0.5rem auto 0;
  background-image: url("../img/lp/medical-diet/triangle-sp.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  width: 2rem;
  height: 15px;
  height: 0.9375rem;
  content: "";
}

.p-medicalDietPlans__container {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4px;
  margin-top: 0.25rem;
}

.p-medicalDietPlans__group {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.625rem;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
  width: 100%;
}

.p-medicalDietPlans__group--pink {
  background-color: #fff7fa;
}

.p-medicalDietPlans__group--green {
  background-color: #f2fcfb;
}

.p-medicalDietPlans__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid;
  background-color: #fff;
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  width: 100%;
  text-align: center;
}

.p-medicalDietPlans__card--pink {
  border-color: #ffd1e4;
}

.p-medicalDietPlans__card--green {
  border-color: #b7ede7;
}

.p-medicalDietPlans__label {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100vh;
  padding: 3px 20px;
  padding: 0.1875rem 1.25rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.p-medicalDietPlans__label--pink {
  background-color: #ff8fbd;
}

.p-medicalDietPlans__label--green {
  background-color: #6bd5c9;
}

.p-medicalDietPlans__content {
  gap: 8px;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.p-medicalDietPlans__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  width: 3.5rem;
}

.p-medicalDietPlans__image img {
  display: block;
  width: 100%;
  height: auto;
}

.p-medicalDietPlans__text {
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}

.p-medicalDietPlans__operator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-medicalDietPlans__operatorPlus {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-medicalDietPlans__operatorPlus img {
  display: block;
  width: 100%;
  height: 100%;
}

.p-medicalDietPlans__operatorPlus {
  -webkit-transform: translateY(-0.3125rem);
  transform: translateY(-0.3125rem);
}

.p-medicalDietPlans__operatorMultiply {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
}

.p-medicalDietPlans__Text {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicalDietPlans__Text + .p-medicalDietPlans__Text {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietPlans__buttons {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-medicalDietPlans__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-color: #73ddd0;
  padding-left: 70px;
  padding-left: 4.375rem;
  height: 70px;
  height: 4.375rem;
  font-size: 18px;
  font-size: 1.125rem;
}

.p-medicalDietPlans__button::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border: 3px solid #ffffd9;
  border-radius: 100vh;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.p-medicalDietPlans__button::before {
  z-index: 2;
  background-color: #73ddd0;
}

.p-medicalDietPlans__button .c-btn__bg::after {
  background-color: #ffffd9;
}

.p-medicalDietPlans__buttonIcon {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 15px;
  left: 0.9375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 50px;
  width: 3.125rem;
}

.p-medicalDietPlans__buttonIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-medicalDietGlp__inner {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.p-medicalDietGlp__body {
  position: relative;
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 50px 15px 30px 15px;
  padding: 3.125rem 0.9375rem 1.875rem 0.9375rem;
}

.p-medicalDietGlp__body::before {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: -27px;
  top: -1.6875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  background-image: url(../img/lp/medical-diet/diet-plan01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  width: 3.375rem;
  content: "";
}

.p-medicalDietGlp__body::after {
  aspect-ratio: 1;
  display: block;
  position: absolute;
  top: -33px;
  top: -2.0625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  border-radius: 50%;
  background-color: #fff;
  width: 66px;
  width: 4.125rem;
  content: "";
}

.p-medicalDietGlp__header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  background-color: #fff;
  text-align: center;
}

.p-medicalDietGlp__mainTitle {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietGlp__subTitle {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietGlp__planTitle {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  margin-top: 0.25rem;
  color: #00366b;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
}

.p-medicalDietGlp__planTitle::after {
  position: absolute;
  bottom: -10px;
  bottom: -0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.125rem;
  background-color: #5dd1c4;
  width: 50px;
  width: 3.125rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-medicalDietGlp__effects {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-medicalDietGlp__effectsCards {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-medicalDietGlp__effectCard {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 18px 12px 14px;
  padding: 1.125rem 0.75rem 0.875rem;
}

.p-medicalDietGlp__effectContent {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-medicalDietGlp__effectIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -7px;
  margin-top: -0.4375rem;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
}

.p-medicalDietGlp__effectIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-medicalDietGlp__effectText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-medicalDietGlp__effectTitle {
  display: inline-block;
  position: relative;
  padding-left: 21px;
  padding-left: 1.3125rem;
  color: #00366b;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: left;
}

.p-medicalDietGlp__effectTitle::before {
  position: absolute;
  top: calc(0.5lh - 0.5rem);
  left: 0;
  background-image: url(../img/common/icon-check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  content: "";
}

.p-medicalDietGlp__effectPoints {
  margin-top: 6px;
  margin-top: 0.375rem;
  padding: 0;
  list-style: none;
}

.p-medicalDietGlp__effectPoint {
  position: relative;
  padding-left: 22px;
  padding-left: 1.375rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-medicalDietGlp__effectPoint:not(:first-of-type) {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-medicalDietGlp__effectPoint::before {
  position: absolute;
  top: 8px;
  top: 0.5rem;
  left: 0;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  content: "";
}

.p-medicalDietGlp__effectPoint::after {
  position: absolute;
  top: 20px;
  top: 1.25rem;
  left: 2.3px;
  left: 0.14375rem;
  background-color: #99e6dd;
  width: 3px;
  width: 0.1875rem;
  height: 100%;
  content: "";
}

.p-medicalDietGlp__effectPoint:last-of-type::after {
  height: calc(100% - 0.375rem);
}

.p-medicalDietGlp__effectResult {
  display: inline-block;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ffffd9));
  background: linear-gradient(transparent 70%, #ffffd9 30%);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: calc(100% - 1.375rem) 100%;
  padding-left: 22px;
  padding-left: 1.375rem;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}

.p-medicalDietGlp__effectResult::before {
  position: absolute;
  top: 50%;
  left: -3px;
  left: -0.1875rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #2fceb9;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  content: "";
}

.p-medicalDietGlp__options {
  margin-top: 20px;
  margin-top: 1.25rem;
  text-align: center;
}

.p-medicalDietGlp__separator {
  margin-inline: auto;
  width: 36px;
  width: 2.25rem;
  height: 18px;
  height: 1.125rem;
}

.p-medicalDietGlp__separator img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-medicalDietGlp__optionsText {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-medicalDietGlp__optionCards {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.p-medicalDietGlp__optionCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 20px 10px 12px 10px;
  padding: 1.25rem 0.625rem 0.75rem 0.625rem;
}

.p-medicalDietGlp__optionTitle {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
  color: #2fceb9;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}

.p-medicalDietGlp__optionTitle::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  content: "";
}

.p-medicalDietGlp__optionCard--injection .p-medicalDietGlp__optionTitle::before {
  background-image: url(../img/lp/medical-diet/icon-injection.svg);
}

.p-medicalDietGlp__optionCard--medicine .p-medicalDietGlp__optionTitle::before {
  background-image: url(../img/lp/medical-diet/icon-medicine.svg);
}

.p-medicalDietGlp__optionMedicine {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

/************************************************************************
* p-medicalDietAbout - メディカルダイエット Aboutセクション
************************************************************************/
.p-medicalDietAbout__title {
  font-size: 20px;
  font-size: 1.25rem;
}

.p-medicalDietAbout__body {
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.p-medicalDietArticles {
  background-color: #def9f5;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-medicalDietArticles__heading {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-medicalDietArticles__list {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-medicalDietArticles__item {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #73ddd0;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 15px 15px 15px;
  padding: 1.25rem 0.9375rem 0.9375rem 0.9375rem;
  text-decoration: none;
}

.p-medicalDietArticles__image {
  aspect-ratio: 16/9;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 105px;
  width: 6.5625rem;
  overflow: hidden;
}

.p-medicalDietArticles__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-medicalDietArticles__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-medicalDietArticles__title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietArticles__link {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: 8px;
  margin-top: 0.5rem;
  color: #2fceb9;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietArticles__link svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 4px;
  margin-left: 0.25rem;
  width: 6px;
  width: 0.375rem;
  height: 11px;
  height: 0.6875rem;
}

.p-medicalDietArticles__linkIcon {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 13px;
  width: 0.8125rem;
  height: 18px;
  height: 1.125rem;
}

.p-medicalDietPlan {
  background-color: var(--lp-theme-bg, #fff3f8);
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.p-medicalDietPlan--fat-burn {
  padding-bottom: 0;
}

.p-medicalDietPlan__wrapper {
  position: relative;
}

.p-medicalDietPlan__container {
  border: 1px solid #73ddd0;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-medicalDietPlan__header {
  background-color: #5dd1c4;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  text-align: center;
}

.p-medicalDietPlan__title {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-medicalDietPlan__content {
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-medicalDietPlan__content--noImage {
  padding-top: 0;
}

.p-medicalDietPlan__image {
  aspect-ratio: 1;
  margin-inline: auto;
  max-width: 210px;
  max-width: 13.125rem;
  overflow: hidden;
}

.p-medicalDietPlan__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-medicalDietPlan__badges {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-medicalDietPlan__badge {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.25rem;
  background-color: #fff3f7;
  padding: 5px 8px;
  padding: 0.3125rem 0.5rem;
  padding-left: 26px;
  padding-left: 1.625rem;
  color: #ff8fbd;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicalDietPlan__badge::before {
  position: absolute;
  top: 50%;
  left: 10px;
  left: 0.625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  content: "";
}

.p-medicalDietPlan__badge--appetite-control::before {
  background-image: url(../img/lp/medical-diet/icon-appetite-control.svg);
}

.p-medicalDietPlan__badge--satiety::before {
  background-image: url(../img/lp/medical-diet/icon-satiety.svg);
}

.p-medicalDietPlan__badge--calorie-cut::before {
  background-image: url(../img/lp/medical-diet/icon-carb-cut.svg);
}

.p-medicalDietPlan__badge--fat-burn::before {
  background-image: url(../img/lp/medical-diet/icon-fat-burning.svg);
}

.p-medicalDietPlan__description {
  position: relative;
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-medicalDietPlan__description::after {
  position: absolute;
  bottom: -10px;
  bottom: -0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  content: "";
}

.p-medicalDietPlan__description p {
  margin: 0;
}

.p-medicalDietPlan__recommend {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-medicalDietPlan__recommendTitle {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.p-medicalDietPlan__recommendList {
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-medicalDietPlan__recommendItem {
  position: relative;
  padding-left: 21px;
  padding-left: 1.3125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.p-medicalDietPlan__recommendItem::before {
  position: absolute;
  top: 4px;
  top: 0.25rem;
  left: 0;
  background-image: url(../img/common/icon-check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  content: "";
}

.p-medicalDietPlan__medicines {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-medicalDietPlan__medicineRow {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-medicalDietPlan__medicineLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e3f8f6;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
}

.p-medicalDietPlan__medicineContent {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-medicalDietPlan__medicineList {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-medicalDietPlan__medicineItem {
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-medicalDietPlan__medicineLink {
  color: #00366b;
  text-decoration: underline;
}

.p-medicalDietPlan__note {
  font-size: 11px;
  font-size: 0.6875rem;
}

.p-medicalDietPlan__price {
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #fffff1;
  padding: 12px 10px;
  padding: 0.75rem 0.625rem;
}

.p-medicalDietPlan__priceHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.p-medicalDietPlan__priceAmount {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-medicalDietPlan__priceAmount span {
  padding-left: 3px;
  padding-left: 0.1875rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicalDietPlan__priceToggle {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.p-medicalDietPlan__priceToggle:hover {
  opacity: 0.8;
}

.p-medicalDietPlan__priceToggleText {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietPlan__priceDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-medicalDietPlan__priceInitialFees {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-medicalDietPlan__priceInitialFee {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 4px 20px;
  padding: 0.25rem 1.25rem;
  height: 38px;
  height: 2.375rem;
}

.p-medicalDietPlan__priceInitialFeeGroup {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-medicalDietPlan__priceInitialFeeGroup .p-medicalDietPlan__priceInitialFee {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-medicalDietPlan__priceInitialFeeGroup .p-medicalDietPlan__priceInitialFeeLabel {
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-medicalDietPlan__priceInitialFeeLabel {
  color: #00366b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-medicalDietPlan__priceInitialFeeValue {
  margin-top: -2px;
  margin-top: -0.125rem;
  color: #fd679b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

.p-medicalDietPlan__priceInitialFeeValue span {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-medicalDietPlan__priceInitialFeeValueSmall {
  margin-top: -2px;
  margin-top: -0.125rem;
  color: #fd679b;
  font-weight: 700;
}

.p-medicalDietPlan__priceInitialFeeNum {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-medicalDietPlan__priceInitialFeeUnit {
  position: relative;
  top: -0.5px;
  top: -0.03125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicalDietPlan__pricePlus {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 8px;
  margin-top: 0.5rem;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-medicalDietPlan__pricePlus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-medicalDietPlan__priceTitle {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
}

.p-medicalDietPlan__priceTitle:nth-of-type(2) {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-medicalDietPrice.p-medicalDietPrice--ozempic-wegovy {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-medicalDietPrice.p-medicalDietPrice--manjaro-zepbound {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-medicalDietPlan__difference {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-medicalDietPlan__differenceText {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.p-medicalDietPlan__differenceText--accent {
  color: #fd679b;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonItem--weight {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-medicalDietPlan__comparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietPlan__comparisonItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 12px 10px;
  padding: 0.75rem 0.625rem;
}

.p-medicalDietPlan__comparisonTitle {
  display: inline-block;
  border-radius: 100vh;
  background-color: #e3f8f6;
  padding: 5px 20px;
  padding: 0.3125rem 1.25rem;
  width: 100%;
  color: #00366b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
}

.p-medicalDietPlan__comparisonContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.p-medicalDietPlan__comparisonText {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.p-medicalDietPlan__comparisonText p {
  margin: 0;
}

.p-medicalDietPlan__comparisonText p:not(:first-child) {
  margin-top: 2px;
  margin-top: 0.125rem;
}

.p-medicalDietPlan__comparisonText--accent {
  color: #fd679b;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonNote {
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4833333333;
}

.p-medicalDietPlan__comparisonDiagram {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-medicalDietPlan__comparisonDiagramItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 120px;
  min-width: 7.5rem;
  text-align: center;
}

.p-medicalDietPlan__comparisonDiagramItem img {
  display: block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  width: 100%;
  height: auto;
}

.p-medicalDietPlan__comparisonDiagramLabel {
  margin: 0;
  min-height: 36px;
  min-height: 2.25rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
}

.p-medicalDietPlan__comparisonIntro {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.p-medicalDietPlan__comparisonExampleTitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonExampleResult {
  margin: 0;
  margin-top: 3px;
  margin-top: 0.1875rem;
  color: #fd679b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonTableTitle.p-lpContent__heading {
  margin: 0;
  padding-left: 13px;
  padding-left: 0.8125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonTableTitleSub {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicalDietPlan__comparisonTable {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-medicalDietPlan__table {
  margin-top: 12px;
  margin-top: 0.75rem;
  border-top: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: none;
  border-radius: 0.625rem;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  overflow: hidden;
}

.p-medicalDietPlan__table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-medicalDietPlan__table thead tr:first-child th:nth-child(2) {
  border-left: 1px solid #e6e6e6;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-medicalDietPlan__table thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
  border-top-right-radius: 0.625rem;
}

.p-medicalDietPlan__table tbody tr:first-child td:first-child {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-medicalDietPlan__table tbody tr:first-child td:nth-child(2) {
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

.p-medicalDietPlan__table tbody tr:first-child td:nth-child(3) {
  border-top: 1px solid #e6e6e6;
}

.p-medicalDietPlan__table tbody tr:nth-child(2) td:first-child {
  border-left: 1px solid #e6e6e6;
}

.p-medicalDietPlan__table tbody tr:nth-child(2) td:nth-child(2) {
  border-left: 1px solid #e6e6e6;
}

.p-medicalDietPlan__table tbody tr:last-child td:first-child {
  border-left: 1px solid #e6e6e6;
  border-bottom-left-radius: 10px;
  border-bottom-left-radius: 0.625rem;
}

.p-medicalDietPlan__table tbody tr:last-child td:nth-child(2) {
  border-left: 1px solid #e6e6e6;
}

.p-medicalDietPlan__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
}

.p-medicalDietPlan__tableHeaderEmpty {
  border: none;
  border-top: none;
  border-left: none;
  background-color: #fff;
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  width: 30%;
}

.p-medicalDietPlan__tableHeader {
  border: none;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 8px;
  padding: 0.5rem;
  width: 35%;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

.p-medicalDietPlan__tableHeader:last-child {
  border-right: none;
}

.p-medicalDietPlan__tableHeaderOzempic {
  background: #ff94c0;
  color: #fff;
}

.p-medicalDietPlan__tableHeaderManjaro {
  background: #ff94c0;
  color: #fff;
}

.p-medicalDietPlan__tableLabel {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff7fa;
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  width: 30%;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

tr:last-child .p-medicalDietPlan__tableLabel {
  border-bottom: none;
}

.p-medicalDietPlan__tableCell {
  vertical-align: middle;
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 12px 8px;
  padding: 0.75rem 0.5rem;
  width: 35%;
  text-align: center;
}

.p-medicalDietPlan__tableCell:last-child {
  border-right: none;
}

tr:last-child .p-medicalDietPlan__tableCell {
  border-bottom: none;
}

.p-medicalDietPlan__tableValue {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
}

.p-medicalDietPlan__tableValue--accent {
  color: #fd679b;
}

.p-medicalDietPlan__comparisonDisclaimerWrapper {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-medicalDietPlan__comparisonDisclaimer {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicalDietPlan__sideEffects {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-medicalDietPlan__sideEffectsTitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
}

.p-medicalDietPlan__sideEffectsContent {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-medicalDietPlan__sideEffectsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-medicalDietPlan__sideEffectsLabel {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietPlan__sideEffectsText {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
}

.p-medicalDietPlan__sideEffectsCta {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
  text-align: center;
}

.p-medicalDietPlan__sideEffectsCta .c-btn {
  margin: 0 auto;
}

.p-medicalDietPlan--fat-burn {
  background: #def9f5;
}

.p-medicalDietPlan--fat-burn .p-medicalDietPlan__header {
  background-color: #2fceb9;
}

.p-medicalDietPlan--fat-burn-combo {
  background: #def9f5;
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.p-medicalDietPlan--fat-burn-combo .p-medicalDietPlan__header {
  background-color: #43b5d2;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.p-medicalDietPlan--fat-burn-combo .p-medicalDietPlan__container {
  border-color: #43b5d2;
}

.p-medicalDietPlan--carb-cut {
  background: #def9f5;
}

.p-medicalDietPlan--carb-cut .p-medicalDietPlan__header {
  background-color: #2fceb9;
}

.p-medicalDietPlan--carb-cut .p-medicalDietPlan__container {
  border-color: #2fceb9;
}

.p-medicalDietPlan--constipation {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.p-medicalDietPlan--ezetimibe {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-medicalDietPlan--constipation,
.p-medicalDietPlan--ezetimibe {
  background: #def9f5;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__container,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__container {
  border-color: #73ddd0;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__content,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__content {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__image,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 78px;
  width: 4.875rem;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__body,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__title--inline,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__title--inline {
  background-color: transparent;
  padding: 0;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__description,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__description {
  margin-top: 6px;
  margin-top: 0.375rem;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__description::after,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__description::after {
  display: none;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__detailLink,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__detailLink {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-medicalDietPlan--constipation .p-medicalDietPlan__detailLink a,
.p-medicalDietPlan--ezetimibe .p-medicalDietPlan__detailLink a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  text-decoration: underline;
}

.p-medicalDietPlan--carb-block {
  background: #def9f5;
  padding-top: 60px;
  padding-top: 3.75rem;
}

.p-medicalDietPlan--carb-block .p-medicalDietPlan__header {
  background-color: #2fceb9;
}

.p-medicalDietPlan__recommendBadge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: -15px;
  top: -0.9375rem;
  left: 1%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  border: 1px solid #ff8c27;
  border: 0.0625rem solid #ff8c27;
  border-radius: 3.125rem;
  background-color: #fff;
  padding: 2px 8px;
  padding: 0.125rem 0.5rem;
  color: #ff8c27;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicalDietPlan__recommendBadge::after {
  translate: -50% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #fff transparent transparent;
  content: "";
}

.p-medicalDietPlan__recommendBadge::before {
  translate: -50% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-width: 7px 5px 0 5px;
  border-style: solid;
  border-color: #ff8c27 transparent transparent;
  content: "";
}

.p-medicalDietPlan__recommendBadgeText {
  display: block;
}

.p-medicalDietPlan__targetBadge {
  background-color: #43b5d2;
  padding: 12px 15px 0 15px;
  padding: 0.75rem 0.9375rem 0 0.9375rem;
  text-align: center;
}

.p-medicalDietPlan__targetBadgeText {
  display: inline-block;
  border-radius: 100vh;
  background-color: #fff;
  padding: 2px 16px;
  padding: 0.125rem 1rem;
  min-width: 288px;
  min-width: 18rem;
  color: #43b5d2;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietPrice--3tabs-nested .p-medicalDietPrice__priceContent {
  border: none;
  border-radius: 0;
}

.p-medicalDietPrice--3tabs-nested .p-medicalDietPrice__doseTab.is-active::before {
  background-color: #99e6dd;
}

.p-medicalDietPrice__nestedTabWrapper {
  padding: 8px 8px 0;
  padding: 0.5rem 0.5rem 0;
}

.p-medicalDietPrice__doseTabs {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-medicalDietPrice__doseTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  padding: 6px 10px;
  padding: 0.375rem 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.p-medicalDietPrice__doseTab:first-child {
  border-radius: 0.5rem 0 0 0;
}

.p-medicalDietPrice__doseTab:last-child {
  border-radius: 0 0.5rem 0 0;
}

.p-medicalDietPrice__doseTab::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.5rem 0 0;
  content: "";
}

.p-medicalDietPrice__doseTab.is-active {
  z-index: 1;
  color: #fff;
}

.p-medicalDietPrice__doseTab.is-active::before {
  right: 0;
  left: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #2fceb9;
}

.p-medicalDietPrice__doseTab:not(.is-active)::before {
  background-color: #f8f8f8;
}

.is-active + .p-medicalDietPrice__doseTab:not(.is-active)::before {
  right: 0;
  left: -15px;
  left: -0.9375rem;
  border-radius: 0.5rem 0 0 0;
}

.p-medicalDietPrice__doseTabContent {
  display: none;
}

.p-medicalDietPrice__doseTabContent.is-active {
  display: block;
}

.p-medicalDietPrice__box--fat-burn-combo {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-medicalDietPrice__header {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-medicalDietPrice__headerItem {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  background-color: transparent;
  padding: 8px 10px 6px;
  padding: 0.5rem 0.625rem 0.375rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.p-medicalDietPrice__headerItem:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-medicalDietPrice__headerItem:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-medicalDietPrice__headerItem:not(.is-active)::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  background-color: #f8f8f8;
  content: "";
}

.is-active + .p-medicalDietPrice__headerItem:not(.is-active)::before {
  right: 0;
  left: -15px;
  left: -0.9375rem;
  border-radius: 0.625rem 0 0 0;
}

.p-medicalDietPrice__headerItem.is-active {
  background-color: #2fceb9;
  color: #fff;
}

.p-medicalDietPrice__headerItem.is-active:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-medicalDietPrice__headerItem.is-active:last-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-medicalDietPrice__headerContent {
  display: none;
  border: 1px solid #2fceb9;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.p-medicalDietPrice__headerContent.is-active {
  display: block;
}

.p-medicalDietPrice__priceContent {
  border: 1px solid #99e6dd;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding-right: 4px;
  padding-right: 0.25rem;
  padding-left: 4px;
  padding-left: 0.25rem;
  text-align: center;
}

.p-medicalDietPrice--ozempic-wegovy .p-medicalDietPrice__priceContent {
  border: none;
  border-radius: 0;
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__priceContent {
  border: none;
  border-radius: 0;
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__headerContent {
  padding-top: 15px;
  padding-top: 0.9375rem;
}

.p-medicalDietPrice__disclaimerWrapper {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-medicalDietPrice__disclaimer {
  margin: 0;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
}

.p-medicalDietPrice__monthly {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-medicalDietPrice__monthlyLabel {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPrice__monthlyPrice {
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-medicalDietPrice__monthlyPrice .p-medicalDietPrice__unit {
  padding-left: 2px;
  padding-left: 0.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicalDietPrice__columns {
  gap: 20px;
  gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
}

.p-medicalDietPrice__column {
  text-align: center;
}

.p-medicalDietPrice__columnLabel {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPrice__bulk {
  gap: 15px;
  gap: 0.9375rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.p-medicalDietPrice__bulkItem {
  text-align: center;
}

.p-medicalDietPrice__setLabel {
  padding: 4px 10px 0 10px;
  padding: 0.25rem 0.625rem 0 0.625rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-medicalDietPrice__setPeriod {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-medicalDietPrice__price {
  margin-top: 12px;
  margin-top: 0.75rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

.p-medicalDietPrice__price--pink {
  color: #fd679b;
}

.p-medicalDietPrice__unit {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-medicalDietPrice__total {
  display: inline-block;
  margin-top: 2px;
  margin-top: 0.125rem;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 2px 7px;
  padding: 0.125rem 0.4375rem;
  color: #00366b;
  white-space: nowrap;
}

.p-medicalDietPrice__totalLabel {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-medicalDietPrice__totalValue {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-medicalDietPrice__totalUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-medicalDietPrice__recommendBadge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: -20px;
  top: -1.25rem;
  left: 1%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  border: 1px solid #ff8c27;
  border: 0.0625rem solid #ff8c27;
  border-radius: 3.125rem;
  background-color: #fff;
  padding: 2px 8px;
  padding: 0.125rem 0.5rem;
  color: #ff8c27;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicalDietPrice__recommendBadge::after {
  translate: -50% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #fff transparent transparent;
  content: "";
}

.p-medicalDietPrice__recommendBadge::before {
  translate: -50% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-width: 7px 5px 0 5px;
  border-style: solid;
  border-color: #ff8c27 transparent transparent;
  content: "";
}

.p-medicalDietPrice__recommendBadgeText {
  display: block;
}

.p-medicalDietPrice__subscriptionHeader {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-medicalDietPrice__single + .p-medicalDietPrice__subscriptionHeader {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietPrice__subscriptionIcon {
  display: block;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

.p-medicalDietPrice__subscriptionTitle {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietPrice__subscriptionLabel {
  color: #00366b;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 400;
}

.p-medicalDietPrice__single {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-medicalDietPrice__singleTitle {
  margin: 0;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.p-medicalDietPrice__singlePrice {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-medicalDietPrice__subscriptionColumns {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietPrice__subscriptionColumns--single {
  grid-template-columns: 1fr;
}

.p-medicalDietPrice__subscriptionColumn {
  text-align: center;
}

.p-medicalDietPrice__subscriptionColumnLabel {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 2px 10px;
  padding: 0.125rem 0.625rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-medicalDietPrice__subscriptionDetail {
  margin-inline: auto;
  margin-top: 12px;
  margin-top: 0.75rem;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 4px 10px;
  padding: 0.25rem 0.625rem;
  width: 90%;
  color: #00366b;
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-medicalDietPrice__subscriptionPeriods {
  gap: 15px;
  gap: 0.9375rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.p-medicalDietPrice__subscriptionPeriod {
  text-align: center;
}

.p-medicalDietPrice__subscriptionPeriodLabel {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPrice__categoryRow {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.p-medicalDietPrice__categoryLabel {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 4px 10px;
  padding: 0.25rem 0.625rem;
  color: #00366b;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

.p-medicalDietPrice__categoryLabel:nth-child(2) {
  grid-column: span 2;
}

.p-medicalDietPrice__quantityRow {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.p-medicalDietPrice__quantityItem {
  text-align: center;
}

.p-medicalDietPrice__setPeriod {
  position: relative;
}

.p-medicalDietPrice__setPeriod::after {
  position: absolute;
  right: 5px;
  right: 0.3125rem;
  bottom: -6px;
  bottom: -0.375rem;
  left: 5px;
  left: 0.3125rem;
  background-color: #e0e0e0;
  height: 1px;
  content: "";
}

.p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__headerContent {
  padding-right: 4px;
  padding-right: 0.25rem;
  padding-left: 4px;
  padding-left: 0.25rem;
}

.p-medicalDietPrice__initialFees {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-medicalDietPrice__consultationFee {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fec1da;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 12px 16px;
  padding: 0.75rem 1rem;
}

.p-medicalDietPrice__shippingFees {
  gap: 15px;
  gap: 0.9375rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.p-medicalDietPrice__shippingFee,
.p-medicalDietPrice__coolFee {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 12px 16px;
  padding: 0.75rem 1rem;
}

.p-medicalDietPrice__feeLabel {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPrice__feeValue {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-medicalDietPrice__feeValue::after {
  margin-left: 2px;
  margin-left: 0.125rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  content: "円";
}

.p-medicalDietPrice__plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-medicalDietPrice__plus img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-medicalDietPrice--ozempic-wegovy .p-medicalDietPrice__header {
  pointer-events: none;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__box {
  position: relative;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__box--fat-burn-combo {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-medicalDietPrice--subscription .p-medicalDietPrice__priceContent {
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-medicalDietPrice--dapagliflozin .p-medicalDietPrice__header .p-medicalDietPrice__headerItem:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-medicalDietPrice--dapagliflozin .p-medicalDietPrice__header .p-medicalDietPrice__headerItem:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-medicalDietPrice__ctaButton__wrapper {
  gap: 10px;
  gap: 0.625rem;
  display: grid;
}

.p-medicalDietPrice__ctaButton {
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}

.p-medicalDietPrice__periodOptions {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietPrice__periodOption {
  text-align: center;
}

.p-medicalDietPrice__periodLabel {
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 3px 10px 5px 10px;
  padding: 0.1875rem 0.625rem 0.3125rem 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicalDietPrice__periodPrice {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-medicalDietPrice__periodPrice .p-medicalDietPrice__unit {
  margin-left: 4px;
  margin-left: 0.25rem;
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-medicalDietPrice__periodDetail {
  margin-top: 6px;
  margin-top: 0.375rem;
  background-color: #fafafa;
  padding: 4px 5px;
  padding: 0.25rem 0.3125rem;
  text-align: center;
}

.p-medicalDietPrice__periodDetailLabel {
  color: #00366b;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-medicalDietPrice__periodDetailPrice {
  margin-top: 2px;
  margin-top: 0.125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.p-medicalDietPrice__periodDetailUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-medicalDietPrice--single {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-medicalDietPrice__singlePurchase {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  border: 2px solid #2fceb9;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 16px;
  padding: 1rem;
  text-align: center;
}

.p-medicalDietPrice__singlePurchaseTitle {
  margin: 0 0 8px;
  margin: 0 0 0.5rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.p-medicalDietPrice__singlePurchasePrice {
  margin: 0;
  color: #2fceb9;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-medicalDietPrice__singlePurchasePrice .p-medicalDietPrice__unit {
  margin-left: 4px;
  margin-left: 0.25rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-medicalDietPrice__subscriptionSection {
  border: 2px solid #2fceb9;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 16px;
  padding: 1rem;
}

.p-medicalDietPlan--daily .p-medicalDietPrice__single {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.p-medicalDietPlan--daily .p-medicalDietPrice__subscriptionHeader {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-medicalDietUpPlan {
  background-color: #def9f5;
  padding-top: 70px;
  padding-top: 4.375rem;
}

.p-medicalDietUpPlan__container {
  position: relative;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 50px 15px 30px 15px;
  padding: 3.125rem 0.9375rem 1.875rem 0.9375rem;
  text-align: center;
}

.p-medicalDietUpPlan__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -30px;
  top: -1.875rem;
  left: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: #fff;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
}

.p-medicalDietUpPlan__icon img {
  width: 54px;
  width: 3.375rem;
  height: auto;
}

.p-medicalDietUpPlan__label {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicalDietUpPlan__title {
  display: inline-block;
  position: relative;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
}

.p-medicalDietUpPlan__title::after {
  position: absolute;
  bottom: 5px;
  bottom: 0.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.125rem;
  background-color: #2fceb9;
  width: 50px;
  width: 3.125rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-medicalDietUpPlan__description {
  margin-top: 24px;
  margin-top: 1.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
}

.p-medicalDietPlan--effect-up-plan {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.p-medicalDietUpPlan--diet-support {
  background-color: #def9f5;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.p-medicalDietUpPlan--diet-support .p-medicalDietUpPlan__container {
  border-color: #2fceb9;
}

.p-medicalDietUpPlan--diet-support .p-medicalDietUpPlan__title {
  color: #00366b;
}

.p-medicalDietUpPlan--diet-support .p-medicalDietUpPlan__title::after {
  background-color: #2fceb9;
}

.p-medicalMenuList {
  gap: 12px 5px;
  gap: 0.75rem 0.3125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
}

.p-medicalMenuList__item,
.p-pillMenuList__item {
  height: 100%;
  min-height: 56px;
  min-height: calc(56 * var(--px-to-rem));
}

.p-medicalMenuList__link {
  padding: 9px 13px 8px;
  padding: calc(9 * var(--px-to-rem)) calc(13 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
  height: inherit;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 17.5px;
  line-height: calc(17.5 * var(--px-to-rem));
}

.p-medicalMenuList__icon,
.p-pillMenuList__icon {
  aspect-ratio: 1;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2;
  background: no-repeat center/contain;
  width: 30px;
  width: 1.875rem;
}

.p-medicalMenuList__icon--pill {
  background-image: url("../img/common/group_1124354.svg");
}

.p-medicalMenuList__icon--diet {
  background-image: url("../img/common/icon_medical_diet.svg");
}

.p-medicalMenuList__icon--std {
  background-image: url("../img/common/icon_medical_aga.svg");
}

.p-medicalMenuList__icon--beauty {
  background-image: url("../img/common/icon_medical_allergy.svg");
}

.p-medicalMenuList__icon--ed {
  background-image: url("../img/common/icon_medical_beauty.svg");
}

.p-medicalMenuList__icon--aga {
  background-image: url("../img/common/icon_medical_std.svg");
}

.p-medicalMenuList__icon--aga-female {
  background-image: url("../img/common/icon_medical_ed.svg");
}

.p-medicalMenuList__icon--allergy {
  background-image: url("../img/common/icon_medical_pill.svg");
}

.p-pillMenuList__icon--pill-low {
  background-image: url("../img/common/icon_medical_pill-low.svg");
}

.p-pillMenuList__icon--pill-middle {
  background-image: url("../img/common/icon_medical_pill-middle.svg");
}

.p-pillMenuList__icon--pill-after {
  background-image: url("../img/common/icon_medical_pill-after.svg");
}

.p-medicalMenuList__text .c-btn__text,
.p-pillMenuList__text .c-btn__text {
  white-space: nowrap;
}

.p-pillMenu {
  padding: 20px 15px 25px;
  padding: calc(20 * var(--px-to-rem)) calc(15 * var(--px-to-rem)) calc(25 * var(--px-to-rem));
  border-radius: calc(15 * var(--px-to-rem));
  background-color: #fff;
}

.p-pillMenu__head {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 55px;
  padding-left: calc(55 * var(--px-to-rem));
  text-align: center;
}

.p-pillMenu__head img {
  width: 181px;
  width: calc(181 * var(--px-to-rem));
}

.p-pillMenu__headTxt {
  font-size: 18px;
  font-size: calc(18 * var(--px-to-rem));
  font-weight: 600;
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
}

.p-pillMenu__headTxt--lg {
  display: inline-block;
  margin-top: 4px;
  font-size: 19px;
  font-size: calc(19 * var(--px-to-rem));
  font-weight: 600;
  line-height: 25px;
  line-height: calc(25 * var(--px-to-rem));
}

.p-pillMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(15 * var(--px-to-rem));
  margin-top: calc(14 * var(--px-to-rem));
}

.p-pillMenuList__link {
  width: 100%;
  padding: 11px 18px;
  padding: calc(11 * var(--px-to-rem)) calc(18 * var(--px-to-rem));
  /* height: inherit; */
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
}

.p-pillMenuList .c-btn {
  -webkit-box-shadow: 0 4px 2px rgba(255, 81, 221, 0.1);
          box-shadow: 0 4px 2px rgba(255, 81, 221, 0.1);
}

/************************************************************************
* 他のピルについて
************************************************************************/
.p-otherPill__inner {
  padding-block: 50px 100px;
  padding-block: calc(50 * var(--px-to-rem)) calc(100 * var(--px-to-rem));
  background-color: #fff;
}

.p-otherPill__inner .c-sectionTitle__title {
  padding-bottom: 14.25px;
  padding-bottom: calc(14.25 * var(--px-to-rem));
  line-height: 34.5px;
  line-height: calc(34.5 * var(--px-to-rem));
}

.p-otherPill__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  gap: calc(15 * var(--px-to-rem));
  margin-top: 25px;
  margin-top: calc(25 * var(--px-to-rem));
  padding-inline: 5px;
  padding-inline: calc(5 * var(--px-to-rem));
}

.p-otherPill__item {
  width: 100%;
}

.p-otherPill__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  gap: calc(8 * var(--px-to-rem));
  padding: 9px 11px;
  padding: calc(9 * var(--px-to-rem)) calc(11 * var(--px-to-rem));
}

.p-otherPill__link.c-btn--arrowRight::before {
  right: 13px;
  right: calc(13 * var(--px-to-rem));
}

.p-otherPill__icon {
  aspect-ratio: 1;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2;
  background: no-repeat center/contain;
  width: 64px;
  width: calc(64 * var(--px-to-rem));
}

.p-otherPill__icon--low {
  background-image: url(../img/pill/icon_otherPill-low.svg);
}

.p-otherPill__icon--middle {
  background-image: url(../img/pill/icon_otherPil-middle.svg);
}

.p-otherPill__icon--after {
  background-image: url(../img/pill/icon_otherPil-after.svg);
}

.p-otherPill__text .c-btn__text {
  display: grid;
  justify-items: flex-start;
  gap: 4px;
  gap: calc(4 * var(--px-to-rem));
}

.p-otherPill__purpose {
  font-size: 15px;
  font-size: calc(15 * var(--px-to-rem));
  font-weight: 300;
  line-height: 19px;
  line-height: calc(19 * var(--px-to-rem));
}

.p-otherPill__name {
  font-size: 18px;
  font-size: calc(18 * var(--px-to-rem));
  line-height: 24px;
  line-height: calc(24 * var(--px-to-rem));
}

/************************************************************************
* 安心ポイント
************************************************************************/
.p-lpSafetySection__inner {
  background-color: #edfcfa;
}

.p-safety__list {
  display: grid;
  gap: 120px;
  gap: calc(120 * var(--px-to-rem));
  margin-top: 110px;
  margin-top: calc(110 * var(--px-to-rem));
}

.p-safety__item {
  position: relative;
  padding: 118px 20px 31px;
  padding: calc(118 * var(--px-to-rem)) calc(20 * var(--px-to-rem)) calc(31 * var(--px-to-rem));
  border-radius: 30px 30px 0 0;
  border-radius: calc(30 * var(--px-to-rem)) calc(30 * var(--px-to-rem)) 0 0;
  background-color: #fff;
}

.p-safety__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  aspect-ratio: 1/1;
  width: 36px;
  width: calc(36 * var(--px-to-rem));
  border: solid #a2eae0;
  border-width: 0 3px 3px 0;
  border-width: 0 calc(3 * var(--px-to-rem)) calc(3 * var(--px-to-rem)) 0;
}

.p-safety__thumb {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 5px), calc(-50% + 9px));
          transform: translate(calc(-50% + 5px), calc(-50% + 9px));
  -webkit-transform: translate(calc(-50% + 5 * var(--px-to-rem)), calc(-50% + 9 * var(--px-to-rem)));
          transform: translate(calc(-50% + 5 * var(--px-to-rem)), calc(-50% + 9 * var(--px-to-rem)));
  aspect-ratio: 224/168;
  width: 260px;
  width: calc(260 * var(--px-to-rem));
}

.p-safetyPoint__icon {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-safetyPoint__title {
  margin-top: 10px;
  margin-top: calc(10 * var(--px-to-rem));
}

.p-safetyPoint__titleTxt {
  font-size: 20px;
  font-size: calc(20 * var(--px-to-rem));
  font-weight: 600;
  line-height: 34px;
  line-height: calc(34 * var(--px-to-rem));
}

.p-safetyPoint__list {
  display: grid;
  gap: 13px;
  gap: calc(13 * var(--px-to-rem));
  margin-top: 19px;
  margin-top: calc(19 * var(--px-to-rem));
}

.p-safetyPoint__itemHead {
  position: relative;
  padding-left: 24px;
  padding-left: calc(24 * var(--px-to-rem));
  font-size: 16px;
  font-size: calc(16 * var(--px-to-rem));
  font-weight: 600;
  line-height: 22.4px;
  line-height: calc(22.4 * var(--px-to-rem));
}

.p-safetyPoint__itemHead::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  aspect-ratio: 1/1;
  width: 22px;
  width: calc(22 * var(--px-to-rem));
  background: url(../img/safety/icon_safety_check.svg) no-repeat center/contain;
}

.p-safetyPoint__itemTxt {
  margin-top: 5px;
  margin-top: calc(5 * var(--px-to-rem));
  font-size: 14px;
  font-size: calc(14 * var(--px-to-rem));
  line-height: 21px;
  line-height: calc(21 * var(--px-to-rem));
}

.p-safetyPoint__itemNote {
  font-size: 12px;
  font-size: calc(12 * var(--px-to-rem));
  line-height: 18px;
  line-height: calc(18 * var(--px-to-rem));
}

/************************************************************************
* お薬3セット料金表（定期便・まとめ買い・バラ売り）汎用
************************************************************************/
.p-medicineSetPriceList {
  gap: 25px;
  gap: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-medicineSetPrice {
  border: 1px solid #a3d6f2;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-medicineSetPrice__title {
  background-color: #6fc1ec;
  padding: 8px 15px;
  padding: 0.5rem 0.9375rem;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.p-medicineSetPrice__section {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 10px;
  padding: 0.9375rem 0.625rem;
}

.p-medicineSetPrice__sectionBody {
  border: 1px solid #a3d6f2;
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-medicineSetPrice__sectionHeader {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #dff5ff;
  padding: 6px 10px;
  padding: 0.375rem 0.625rem;
}

.p-medicineSetPrice__sectionHeader--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-medicineSetPrice__icon {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
}

.p-medicineSetPrice__sectionTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-medicineSetPrice__subscriptionContent {
  border-radius: 0.5rem;
  padding: 8px 10px 12px;
  padding: 0.5rem 0.625rem 0.75rem;
  text-align: center;
}

.p-medicineSetPrice__period {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-medicineSetPrice__price {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-medicineSetPrice__price--subscription {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-medicineSetPrice__price--bulk {
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-medicineSetPrice__unit {
  font-size: 10px;
  font-size: 0.625rem;
}

.p-medicineSetPrice__unit--subscription {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicineSetPrice__unit--bulk {
  font-size: 10px;
  font-size: 0.625rem;
}

.p-medicineSetPrice__perPrice {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-top: 0.3125rem;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
}

.p-medicineSetPrice__perPrice--set {
  margin-inline: auto;
  width: 90%;
}

.p-medicineSetPrice__perLabel {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: 1;
}

.p-medicineSetPrice__perValue {
  color: #ff8c27;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.p-medicineSetPrice__perValue span {
  font-size: 9px;
  font-size: 0.5625rem;
}

.p-medicineSetPrice__bulkContent {
  gap: 2px;
  gap: 0.125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-right: 4px;
  padding-right: 0.25rem;
  padding-left: 4px;
  padding-left: 0.25rem;
}

.p-medicineSetPrice__bulkItem {
  padding: 12px 0 10px 0;
  padding: 0.75rem 0 0.625rem 0;
  text-align: center;
}

.p-medicineSetPrice__bulkSet {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #dff5ff;
  padding: 3px 4px 5px 4px;
  padding: 0.1875rem 0.25rem 0.3125rem 0.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-medicineSetPrice__singleContent {
  padding: 12px 0 10px;
  padding: 0.75rem 0 0.625rem;
  text-align: center;
}

.p-medicineSetPrice__singlePrice {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-medicineSetPrice__singlePrice span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicineSetPrice__note {
  margin-top: -5px;
  margin-top: -0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.75;
  text-align: left;
}

.p-medicineSetPrice__caution {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-medicineSetPrice__caution + .p-medicineSetPrice__caution {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

/************************************************************************
* p-mediumAbout - 中用量ピルについてセクション
************************************************************************/
.p-mediumAbout__container:not(:first-of-type) {
  margin-top: 40px;
  margin-top: calc(40 * var(--px-to-rem));
}

.mediumAbout__heading {
  margin-bottom: 9.5px;
  margin-bottom: calc(9.5 * var(--px-to-rem));
}

.p-mediumAbout__container .p-lpContent__text:not(:first-of-type) {
  margin-top: 23.8px;
  margin-top: calc(23.8 * var(--px-to-rem));
}

.p-mediumAbout__image {
  margin-top: 15px;
  margin-top: 0.9375rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-mediumPrice__inner {
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}

.p-mediumPrice__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-mediumPrice__contents {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-mediumPrice__box {
  margin-top: 5px;
  margin-top: 0.3125rem;
  border: 1px solid #fec1da;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 11px 10px 11px;
  padding: 1.25rem 0.6875rem 0.625rem 0.6875rem;
  overflow: hidden;
}

.p-mediumPrice__image {
  margin-inline: auto;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 210px;
  max-width: 13.125rem;
  overflow: hidden;
}

.p-mediumPrice__image img {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-mediumPrice__image img.is-active {
  display: block;
}

.p-mediumPrice__tabs {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 18px;
  margin-top: 1.125rem;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-mediumPrice__tab {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  padding: 8px 8px 6px;
  padding: 0.5rem 0.5rem 0.375rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
}

.p-mediumPrice__tab:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-mediumPrice__tab:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-mediumPrice__tab:not(.is-active)::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  background-color: #f8f8f8;
  content: "";
}

.is-active + .p-mediumPrice__tab:not(.is-active)::before {
  right: 0;
  left: -15px;
  left: -0.9375rem;
  border-radius: 0.625rem 0 0 0;
}

.p-mediumPrice__tab.is-active {
  background-color: #2fceb9;
  color: #fff;
}

.p-mediumPrice__tab.is-active:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-mediumPrice__tab.is-active:last-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-mediumPrice__tabContent {
  display: none;
}

.p-mediumPrice__tabContent.is-active {
  display: block;
}

.p-mediumPrice__priceBox {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 15px 8px;
  padding: 0.9375rem 0.5rem;
  text-align: center;
}

.p-mediumPrice__priceText {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-mediumPrice__price {
  color: #00366b;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}

.p-mediumPrice__priceUnit {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-mediumPrice__medicines {
  margin-top: 8px;
  margin-top: 0.5rem;
  border-top: 1px dashed #99e6dd;
  padding-top: 10px;
  padding-top: 0.625rem;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}

.p-mediumPrice__separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
}

.p-mediumPrice__plusIcon {
  display: block;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-mediumPrice__fees {
  gap: 8px;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.p-mediumPrice__fee {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 9px 8px 7px;
  padding: 0.5625rem 0.5rem 0.4375rem;
  text-align: center;
}

.p-mediumPrice__feeLabel {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-mediumPrice__feeValue {
  margin-top: -2px;
  margin-top: -0.125rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-mediumPrice__feeUnit {
  margin-left: -2px;
  margin-left: -0.125rem;
  color: #fd679b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-mediumPrice__disclaimer {
  margin-top: 10px;
  margin-top: 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
}

/************************************************************************
* p-news - お知らせセクション
************************************************************************/
.p-news {
  background: #fff;
}

.p-news__inner {
  background: #def9f5;
}

.p-news__listWrapper {
  margin-top: 25px;
  margin-top: 1.5625rem;
  border-radius: 2.5rem;
  background: #fff;
  padding: 12px 20px 45px 20px;
  padding: 0.75rem 1.25rem 2.8125rem 1.25rem;
}

.p-news__button {
  margin-inline: auto;
  margin-top: 19px;
  margin-top: 1.1875rem;
  max-width: 300px;
  max-width: 18.75rem;
  text-align: center;
}

/************************************************************************
* p-newsList - お知らせリストブロック
************************************************************************/
.p-newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-newsList__item:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.p-newsList__link,
.p-newsList__content {
  display: block;
  padding: 16px 0;
  padding: 1rem 0;
  color: inherit;
  text-decoration: none;
}

.p-newsList__link {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-newsList__meta {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-newsList__date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #2fceb9;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.8;
}

.p-newsList__categories {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-newsList__category {
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border: 1px solid #fec1da;
  border-radius: 1.125rem;
  background: #fff;
  padding: 4px 6px;
  padding: 0.25rem 0.375rem;
  color: #ff8fbd;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 1;
}

.p-newsList__link:hover .p-newsList__category {
  opacity: 0.7;
}

.p-newsList__title {
  display: grid;
  position: relative;
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
}

.p-newsList__link .p-newsList__title {
  text-decoration: underline;
}

.p-newsList__empty {
  padding: 40px 0;
  padding: 2.5rem 0;
  text-align: center;
}

.p-page__body {
  margin-top: 50px;
  margin-top: 3.125rem;
  padding-bottom: 116px;
  padding-bottom: 7.25rem;
}

.p-page__body--menu {
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-bottom: calc(134 * var(--px-to-rem));
}

.p-page__body--pill {
  margin-top: 30px;
  margin-top: 1.875rem;
  padding-bottom: 146px;
  padding-bottom: 9.125rem;
}

.p-page__body--column {
  margin-top: 30px;
  margin-top: 1.875rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}

/************************************************************************
* p-pagination
************************************************************************/
.p-pagination {
  margin-inline: auto;
  max-width: calc(731.6 * var(--px-to-rem));
}

.p-pagination__inner {
  gap: 16px;
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-pagination__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 72px;
  -ms-flex: 0 0 4.5rem;
  flex: 0 0 72px;
  flex: 0 0 4.5rem;
}

.p-pagination__btn a {
  aspect-ratio: 72/50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3.125rem;
  padding: 0;
  width: 100%;
}

.p-pagination__btn--prev {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-pagination__btn--next {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-pagination__text {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

/************************************************************************
* p-pill - ピルページ
************************************************************************/
.p-pill {
  border-radius: 0.9375rem;
  background: #fff;
  padding: 22px 15px 30px;
  padding: 1.375rem 0.9375rem 1.875rem;
}

.p-pill__heading {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.p-pill__subheading {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-pill__list {
  gap: 15px;
  gap: 0.9375rem;
  margin-inline: auto;
  display: grid;
  margin-top: 15px;
  margin-top: 0.9375rem;
  max-width: 310px;
}

.p-pill__link {
  gap: 8px;
  gap: 0.5rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.p-pill__icon {
  aspect-ratio: 1;
  display: block;
  position: relative;
  z-index: 2;
  background: no-repeat center/contain;
  width: 54px;
  width: 3.375rem;
}

.p-pill__icon--low-dose {
  background-image: url("../img/pill/icon_pill.png");
}

.p-pill__icon--medium-dose {
  background-image: url("../img/pill/icon_calendar.png");
}

.p-pill__icon--after-pill {
  background-image: url("../img/pill/icon_clock_shield.png");
}

.p-pill__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  text-align: left;
}

.p-pill__description {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.8125;
}

.p-pill__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
}

/************************************************************************
* p-pollenAllergyAbout - 花粉症アレルギー 病状概要・お薬についてセクション
************************************************************************/
.p-pollenAllergyAbout__borderRadius {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-pollenAllergyAbout__title.p-lpContent__mainTitle {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.p-pollenAllergyAbout__text {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-pollenAllergyAbout__text + .p-pollenAllergyAbout__text {
  margin-top: 0;
}

/************************************************************************
* p-pollenAllergyChoice - 花粉症アレルギー お薬選択セクション
************************************************************************/
.p-pollenAllergyChoice__inner {
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-pollenAllergyChoice__title.p-lpContent__mainTitle {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.p-pollenAllergyChoice__medicines {
  gap: 20px;
  gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-pollenAllergyChoice__card {
  border: 1px solid #73ddd0;
  border: 0.0625rem solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
}

.p-pollenAllergyChoice__cardTitle {
  background: #fffff1;
  padding: 10px 15px 8px;
  padding: 0.625rem 0.9375rem 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

.p-pollenAllergyChoice__cardSubname {
  display: block;
  margin-top: 2px;
  margin-top: 0.125rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-pollenAllergyChoice__cardBody {
  padding: 15px 15px 20px;
  padding: 0.9375rem 0.9375rem 1.25rem;
}

.p-pollenAllergyChoice__info:not(:first-child) {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-pollenAllergyChoice__infoHeading {
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-pollenAllergyChoice__infoText {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-pollenAllergyChoice__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-pollenAllergyChoice__list li {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.p-pollenAllergyChoice__list li::before {
  position: absolute;
  top: 9px;
  top: 0.5625rem;
  left: 3px;
  left: 0.1875rem;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-pollenAllergyChoice__list li:not(:first-child) {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-pollenAllergyChoice__notes {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-pollenAllergyChoice__notesBody {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-pollenAllergyChoice__notesSection:not(:first-child) {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-pollenAllergyChoice__notesHeading {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-pollenAllergyChoice__notesList {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 2px;
  margin-top: 0.125rem;
}

.p-pollenAllergyChoice__notesList li {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.p-pollenAllergyChoice__notesList li::before {
  position: absolute;
  top: 8px;
  top: 0.5rem;
  left: 3px;
  left: 0.1875rem;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

/************************************************************************
* p-pollenAllergyPrice - 花粉症アレルギー 料金セクション
************************************************************************/
.p-pollenAllergyPrice__inner {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-pollenAllergyPrice__feeGrid {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-pollenAllergyPrice__feeItem {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #73ddd0;
  border: 0.0625rem solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
}

.p-pollenAllergyPrice__feeLabel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__feeValue {
  color: #fd679b;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1;
}

.p-pollenAllergyPrice__feeUnit {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__heading {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-pollenAllergyPrice__cards {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-pollenAllergyPrice__card {
  border: 1px solid #73ddd0;
  border: 0.0625rem solid #73ddd0;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-pollenAllergyPrice__cardTitle {
  background-color: #5dd0c4;
  padding: 10px 10px 7px;
  padding: 0.625rem 0.625rem 0.4375rem;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.p-pollenAllergyPrice__cardBody {
  padding: 10px 5px;
  padding: 0.625rem 0.3125rem;
}

.p-pollenAllergyPrice__single {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 0.0625rem solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-pollenAllergyPrice__singleLabel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__singlePrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-pollenAllergyPrice__singleUnit {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscription {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-pollenAllergyPrice__subscriptionHeader {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-pollenAllergyPrice__subscriptionIcon {
  width: 14px;
  width: 0.875rem;
  height: auto;
}

.p-pollenAllergyPrice__subscriptionTitle {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscriptionGrid {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-pollenAllergyPrice__subscriptionItem {
  text-align: center;
}

.p-pollenAllergyPrice__subscriptionPeriod {
  display: inline-block;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #e3f8f6;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
  width: 100%;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscriptionPrice {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.p-pollenAllergyPrice__subscriptionPriceUnit {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscriptionPerMonth {
  display: inline-block;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  width: calc(100% - 0.375rem);
  line-height: 1;
}

.p-pollenAllergyPrice__subscriptionPerMonthLabel {
  display: block;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscriptionPerMonthPrice {
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__subscriptionPerMonthUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-pollenAllergyPrice__note {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-relatedPosts__contents {
  margin-top: 30px;
  margin-top: 1.875rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 22px 30px 13px;
  padding: 1.25rem 1.375rem 1.875rem 0.8125rem;
}

/************************************************************************
* 単剤処方 料金表
************************************************************************/
.p-singleMedicinePriceSection {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-singleMedicinePriceList {
  gap: 30px;
  gap: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-singleMedicinePrice {
  border: 1px solid #a3d6f2;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-singleMedicinePrice__header {
  background-color: #6fc1ec;
  padding: 12px 15px 14px 15px;
  padding: 0.75rem 0.9375rem 0.875rem 0.9375rem;
}

.p-singleMedicinePrice__title {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.p-singleMedicinePrice__body {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-singleMedicinePrice__singlePurchase {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.p-singleMedicinePrice__singleLabel {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-singleMedicinePrice__singlePrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-singleMedicinePrice__price.p-singleMedicinePrice__price--small {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-singleMedicinePrice__unit.p-singleMedicinePrice__unit--small {
  font-size: 10px;
  font-size: 0.625rem;
}

.p-singleMedicinePrice__subscriptionHeader {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 15px 8px;
  padding: 0.75rem 0.9375rem 0.5rem;
}

.p-singleMedicinePrice__icon {
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

.p-singleMedicinePrice__subscriptionTitle {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-singleMedicinePrice__options {
  gap: 5px;
  gap: 0.3125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-right: 5px;
  padding-right: 0.3125rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
}

.p-singleMedicinePrice__option {
  text-align: center;
}

.p-singleMedicinePrice__period {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #dff5ff;
  padding: 3px 3px 4px 3px;
  padding: 0.1875rem 0.1875rem 0.25rem 0.1875rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-singleMedicinePrice__price {
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-singleMedicinePrice__unit {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-singleMedicinePrice__perMonth {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0.125rem 0.125rem 0 0;
  background-color: #fafafa;
  padding: 3px 5px;
  padding: 0.1875rem 0.3125rem;
  width: 90%;
}

.p-singleMedicinePrice__perMonthLabel {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
  line-height: 1;
}

.p-singleMedicinePrice__perMonthPrice {
  color: #ff8c27;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}

.p-singleMedicinePrice__perMonthUnit {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-singleMedicinePrice__note {
  margin-top: 10px;
  margin-top: 0.625rem;
  padding: 0 10px;
  padding: 0 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
}

.p-skinAbout__body {
  background-color: #edfcfa;
}

.p-skinAbout__body:not(:first-of-type) {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-skinAbout__title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-skinAbout__section + .p-skinAbout__title {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-skinAbout__text {
  line-height: 1.7;
}

.p-skinAbout__lead {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-skinAbout__concerns {
  gap: 20px 18px;
  gap: 1.25rem 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 18px;
  margin-top: 1.125rem;
}

.p-skinAbout__concernItem {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.p-skinAbout__concernIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
}

.p-skinAbout__concernIcon img {
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinAbout__concernText {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinApproach {
  margin-top: 70px;
  margin-top: 4.375rem;
}

.p-skinApproach__titleMain {
  display: block;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-skinApproach__titleSub {
  display: block;
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.p-skinApproach__intro {
  margin-top: 3px;
  margin-top: 0.1875rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-skinApproach__steps {
  gap: 24px;
  gap: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinApproach__step {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-skinApproach__stepContent {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.p-skinApproach__stepImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: -3px;
  margin-left: -0.1875rem;
  width: 105px;
  width: 6.5625rem;
}

.p-skinApproach__stepImage img {
  display: block;
  width: 100%;
  height: auto;
}

.p-skinApproach__stepText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-skinApproach__stepTitle {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.6;
}

.p-skinApproach__stepDescription {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-skinApproach__summary {
  margin-top: 40px;
  margin-top: 2.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-skinChoice__body {
  border-radius: 1.25rem;
  background-color: #fff;
  padding: 20px 15px 30px;
  padding: 1.25rem 0.9375rem 1.875rem;
}

.p-skinChoice__section:not(:first-child) {
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.p-skinChoice__text {
  margin-top: 5px;
  margin-top: 0.3125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-skinChoice__buttons {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px;
  margin-top: 1rem;
}

.p-skinChoice__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-color: #73ddd0;
  padding-left: 70px;
  padding-left: 4.375rem;
  width: 100%;
  height: 70px;
  height: 4.375rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-skinChoice__button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  border: 3px solid #ffffd9;
  border-radius: 100vh;
  pointer-events: none;
  content: "";
}

.p-skinChoice__button::before {
  z-index: 2;
  background-color: #73ddd0;
}

.p-skinChoice__button .c-btn__bg::after {
  background-color: #ffffd9;
}

.p-skinChoice__buttonIcon {
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 9px;
  left: 0.5625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 4;
  width: 50px;
  width: 3.125rem;
}

.p-skinChoice__buttonIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinChoice__buttonTextWrapper {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 4;
}

.p-skinChoice__buttonTitle {
  display: block;
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-skinChoice__buttonSubtitle {
  display: block;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}

.p-skinMedicineList__sections {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinMedicineList {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-skinMedicineList:first-of-type {
  margin-top: 0;
}

.p-skinMedicineList__item {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-skinMedicineList__item + .p-skinMedicineList__item {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinMedicineList__container {
  border: 1px solid #73ddd0;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-skinMedicineList__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 10px 15px;
  padding: 1.25rem 0.625rem 0.9375rem;
}

.p-skinMedicineList__header {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-skinMedicineList__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  overflow: hidden;
}

.p-skinMedicineList__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-skinMedicineList__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-skinMedicineList__name {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-skinMedicineList__tags {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-skinMedicineList__tag {
  display: inline-block;
  border-radius: 100vh;
  background-color: #fff3f7;
  padding: 3px 6px;
  padding: 0.1875rem 0.375rem;
  color: #ff8fbd;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.7;
}

.p-skinMedicineList__detailLink {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  text-decoration: underline;
}

.p-skinMedicineList__price {
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fffff1;
  padding: 2px 10px;
  padding: 0.125rem 0.625rem;
}

.p-skinMedicineList__price .p-skinMedicineList__priceToggle {
  margin-right: -10px;
  margin-right: -0.625rem;
}

.p-skinMedicineList__priceHeader {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-skinMedicineList__priceAmount {
  padding-left: 15px;
  padding-left: 0.9375rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-skinMedicineList__priceAmount span {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-skinMedicineList__priceToggle {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  border: none;
  border-radius: 0.3125rem;
  background: none;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinMedicineList__priceToggle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.p-skinMedicineList__priceDetail {
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}

.p-skinMedicineListPrice__mainTabs {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-skinMedicineListPrice__mainTab {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  background-color: transparent;
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.p-skinMedicineListPrice__mainTab:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-skinMedicineListPrice__mainTab:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-skinMedicineListPrice__mainTab:not(.is-active)::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  background-color: #f8f8f8;
  content: "";
}

.is-active + .p-skinMedicineListPrice__mainTab:not(.is-active)::before {
  right: 0;
  left: -15px;
  left: -0.9375rem;
  border-radius: 0.625rem 0 0 0;
}

.p-skinMedicineListPrice__mainTab.is-active {
  background-color: #5dd1c4;
  color: #fff;
}

.p-skinMedicineListPrice__mainTab.is-active:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinMedicineListPrice__mainTab.is-active:last-child {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinMedicineListPrice__mainContent {
  display: none;
  border: 1px solid #2fceb9;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 12px 3px 2px;
  padding: 0.75rem 0.1875rem 0.125rem;
}

.p-skinMedicineListPrice__mainContent.is-active {
  display: block;
}

.p-skinMedicineListPrice__dosageTabs {
  border-radius: 0.625rem;
  background-color: #fff;
}

.p-skinMedicineListPrice__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 2px solid #73ddd0;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-skinMedicineListPrice__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  padding: 8px 4px;
  padding: 0.5rem 0.25rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.p-skinMedicineListPrice__tab:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-skinMedicineListPrice__tab:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-skinMedicineListPrice__tab::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  content: "";
}

.p-skinMedicineListPrice__tab.is-active {
  z-index: 1;
  color: #fff;
}

.p-skinMedicineListPrice__tab.is-active::before {
  right: 0;
  left: 0;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #99e6dd;
}

.p-skinMedicineListPrice__tab:first-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinMedicineListPrice__tab:last-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinMedicineListPrice__tabContent {
  display: none;
}

.p-skinMedicineListPrice__tabContent.is-active {
  display: block;
}

.p-skinMedicineListPrice__priceContent {
  border: 1px solid #99e6dd;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 11px 4px 8px 4px;
  padding: 0.6875rem 0.25rem 0.5rem 0.25rem;
  text-align: center;
}

.p-skinMedicineListPrice__priceContent--standalone {
  border-top: 1px solid #99e6dd;
  border-radius: 0.625rem;
}

.p-skinMedicineListPrice__dosageTabs .p-skinMedicineListPrice__priceContent {
  border: none;
  border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}

.p-skinMedicineListPrice__tabs .p-skinMedicineListPrice__tab.is-active::before {
  background-color: #5dd1c4;
}

.p-skinMedicineListPrice__dosageTabs .p-skinMedicineListPrice__tab.is-active::before {
  background-color: #99e6dd;
}

.p-skinMedicineListPrice__monthly {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-skinMedicineListPrice__monthly--noBorder {
  border-bottom: none;
  padding-bottom: 0 !important;
}

.p-skinMedicineListPrice__monthlyLabel {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__monthlyPrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinMedicineListPrice__monthlyUnit {
  color: #fd679b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__subscriptionHeader {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-skinMedicineListPrice__subscriptionIcon {
  display: block;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

.p-skinMedicineListPrice__subscriptionTitle {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__periodOptions {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-skinMedicineListPrice__periodOptions--col3 {
  grid-template-columns: repeat(3, 1fr);
}

.p-skinMedicineListPrice__periodOption {
  text-align: center;
}

.p-skinMedicineListPrice__periodLabel {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 2px 2px;
  padding: 0.125rem 0.125rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: -0.08em;
  white-space: nowrap;
}

.p-skinMedicineListPrice__price {
  background-color: #fff;
  padding: 8px 2px;
  padding: 0.5rem 0.125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinMedicineListPrice__unit {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__periodDetail {
  background-color: #fafafa;
  padding: 4px 5px;
  padding: 0.25rem 0.3125rem;
  text-align: center;
}

.p-skinMedicineListPrice__periodDetailLabel {
  color: #00366b;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__periodDetailPrice {
  margin-top: 2px;
  margin-top: 0.125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinMedicineListPrice__periodDetailUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-skinMedicineListPriceExternal {
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  overflow: hidden;
  text-align: center;
}

.p-skinMedicineListPriceExternal__dosage {
  background-color: #5dd1c4;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinMedicineListPriceExternal__price {
  background-color: #fff;
  padding: 12px 20px 15px 20px;
  padding: 0.75rem 1.25rem 0.9375rem 1.25rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2222222222;
}

.p-skinMedicineListPriceExternal__price span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinMedicineListPrice__fees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 6px;
  margin-top: 0.375rem;
}

.p-skinMedicineListPrice__feePlus {
  margin-top: 2px;
  margin-top: 0.125rem;
  text-align: center;
}

.p-skinMedicineListPrice__feePlus img {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-skinMedicineListPrice__feeItems {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-skinMedicineListPrice__feeItem {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 5px 30px;
  padding: 0.3125rem 1.875rem;
  min-width: 145px;
  min-width: 9.0625rem;
}

.p-skinMedicineListPrice__feeLabel {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinMedicineListPrice__feeValue {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-skinMedicineListPrice__feeValue span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinMedicineListPrice__disclaimer {
  margin-top: 5px;
  margin-top: 0.3125rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.75;
}

.p-skinMedicineListPrice__disclaimer + .p-skinMedicineListPrice__disclaimer {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-skinMedicineListPrice__cta {
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  max-width: 300px;
}

.p-skinMedicineTable {
  margin-top: 16px;
  margin-top: 1rem;
}

.p-skinMedicineTable__table {
  vertical-align: middle;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  width: 100%;
  table-layout: fixed;
}

.p-skinMedicineTable__table thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-top-left-radius: 0.625rem;
}

.p-skinMedicineTable__table thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
  border-top-right-radius: 0.625rem;
}

.p-skinMedicineTable__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
  border-bottom-left-radius: 0.625rem;
}

.p-skinMedicineTable__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 0.625rem;
}

.p-skinMedicineTable__header {
  vertical-align: top;
  border: none;
  border-right: 1px solid #fff;
  background-color: #2fceb9;
  padding: 4px 2px 15px 2px;
  padding: 0.25rem 0.125rem 0.9375rem 0.125rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
}

.p-skinMedicineTable__header:first-child {
  vertical-align: middle;
  border-left: none;
  width: 90px;
  width: 5.625rem;
}

.p-skinMedicineTable__header:last-child {
  border-right: none;
}

.p-skinMedicineTable__header--first {
  width: 90px;
  width: 5.625rem;
}

.p-skinMedicineTable__stepImage {
  margin-right: auto;
  margin-left: auto;
  width: 48px;
  width: 3rem;
  height: auto;
}

.p-skinMedicineTable__stepImage img {
  display: block;
  width: 100%;
  height: auto;
}

.p-skinMedicineTable__stepLabel {
  display: block;
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.p-skinMedicineTable__stepLabel:has(br) {
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.p-skinMedicineTable__cell {
  vertical-align: middle;
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px;
  padding: 0.25rem;
  text-align: center;
}

.p-skinMedicineTable__cell:last-child {
  border-right: none;
}

tr:last-child .p-skinMedicineTable__cell {
  border-bottom: none;
}

.p-skinMedicineTable__cell--name {
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 2px;
  padding: 0.125rem;
  width: 90px;
  width: 5.625rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  text-align: center;
}

tr:last-child .p-skinMedicineTable__cell--name {
  border-bottom: none;
}

.p-skinMedicineTable__cell--effect {
  background-color: #fff;
}

.p-skinMedicineTable__medicine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-skinMedicineTable__medicineImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
}

.p-skinMedicineTable__medicineImage img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinMedicineTable__medicineName {
  color: #00366b;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.p-skinMedicineTable__icon {
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  width: 1.5rem;
}

.p-skinMedicineTable__icon--none {
  aspect-ratio: 1;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  width: 0.9375rem;
}

.p-skinMedicineTable__cta {
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
  max-width: 300px;
}

.p-skinMedicineTable__note {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinMedicineTable__note p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.p-skinMedicineTable__note p + p {
  margin-top: 8px;
  margin-top: 0.5rem;
}

/* medicine-tab のタブがアクティブなら、下のCTA/NOTEを消す */
.p-skinTabs:has(.p-skinTabs__tab.is-active[href="#medicine-tab"]) .p-skinMedicineTable__cta,
.p-skinTabs:has(.p-skinTabs__tab.is-active[href="#medicine-tab"]) .p-skinMedicineTable__note {
  display: none;
}

.p-skinPoint {
  background-color: #edfcfa;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-skinPoint__section:not(:first-of-type) {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-skinPoint__text {
  margin-top: 10px;
  margin-top: 0.625rem;
  line-height: 1.7;
}

.p-skinPoint__image {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinPoint__image img {
  width: 100%;
  height: auto;
}

.p-skinPoint__steps {
  margin-top: 15px;
  margin-top: 0.9375rem;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 25px 15px 16px;
  padding: 1.5625rem 0.9375rem 1rem;
}

.p-skinPoint__stepsTitle {
  margin-right: auto;
  margin-left: auto;
  font-size: 18.5px;
  font-size: 1.15625rem;
  font-weight: 600;
}

.p-skinPoint__stepsAccent {
  color: #fd679b;
}

.p-skinPoint__stepsList {
  gap: 13px;
  gap: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 18px;
  margin-top: 1.125rem;
}

.p-skinPoint__stepItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.p-skinPoint__stepItem:not(:last-child)::after {
  position: absolute;
  top: 0;
  right: -9px;
  right: -0.5625rem;
  color: #5dd0c4;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -10px;
  content: "・・・";
}

.p-skinPoint__stepBadge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1.25rem;
  background-color: #5dd0c4;
  padding: 2px 5px;
  padding: 0.125rem 0.3125rem;
  min-width: 80px;
  min-width: 5rem;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinPoint__stepBadge--pink {
  background-color: #ff94c0;
}

.p-skinPoint__stepImage {
  margin-top: 5px;
  margin-top: 0.3125rem;
  width: 83px;
  width: 5.1875rem;
  height: 83px;
  height: 5.1875rem;
}

.p-skinPoint__stepImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinPoint__stepLabel {
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinPoint__stepLabel--pink {
  color: #fd679b;
}

.p-skinPoint__stepText {
  font-size: 11px;
  font-size: 0.6875rem;
}

/************************************************************************
* p-skinPointSection - 効果を感じるために知っておきたいことセクション
************************************************************************/
.p-skinPointSection__inner {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-skinSets {
  margin-top: 65px;
  margin-top: 4.0625rem;
  margin-right: -15px;
  margin-right: -0.9375rem;
  margin-left: -15px;
  margin-left: -0.9375rem;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  overflow: hidden;
}

.p-skinSets__title {
  position: relative;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
  text-align: center;
}

.p-skinSets__title::before {
  position: absolute;
  bottom: -12px;
  bottom: -0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 0.125rem;
  background-color: #5dd1c4;
  width: 52px;
  width: 3.25rem;
  height: 3px;
  height: 0.1875rem;
  content: "";
}

.p-skinSet {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-skinSet + .p-skinSet {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinSet:first-child {
  margin-top: 0;
}

.p-skinSet__container {
  border: 1px solid #73ddd0;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-skinSet__header {
  border-radius: 0.9375rem 0.9375rem 0 0;
  background: #5dd1c4;
  padding: 12px 10px;
  padding: 0.75rem 0.625rem;
}

.p-skinSet__name {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2222222222;
  text-align: center;
}

.p-skinSet__content {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 10px;
  padding: 0.9375rem 0.625rem;
}

.p-skinSet__description {
  text-align: center;
}

.p-skinSet__description p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.p-skinSet__body {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.p-skinSet__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-skinSet__image img {
  aspect-ratio: 1;
  display: block;
  width: 120px;
  width: 7.5rem;
  height: 120px;
  height: 7.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-skinSet__medicineRow {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-skinSet__medicineLabel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.3125rem;
  background-color: #e6e6e6;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinSet__medicineContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-skinSet__medicineList {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: medicine-counter;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-skinSet__medicineItem {
  position: relative;
  padding-left: 12px;
  padding-left: 0.75rem;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: -0.05em;
  line-height: 1.4;
}

.p-skinSet__medicineItem::before {
  position: absolute;
  left: 0;
  counter-increment: medicine-counter;
  content: counter(medicine-counter) ".";
}

.p-skinSet__note {
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
}

.p-skinSet__detailLink {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-skinSet__detailLink a {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: underline;
}

.p-skinSet__price {
  border-radius: 0.625rem;
  background-color: #fffff1;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
}

.p-skinSet__priceHeader {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-skinSet__priceAmount {
  padding-left: 15px;
  padding-left: 0.9375rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-skinSet__priceAmount span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinSet__priceToggle {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  margin-right: -10px;
  margin-right: -0.625rem;
  border: none;
  border-radius: 0.3125rem;
  background: none;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinSet__priceToggle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.p-skinSet__priceDetail {
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.p-skinSet__priceInitialFees {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-skinSet__priceInitialFee {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 5px 30px;
  padding: 0.3125rem 1.875rem;
  min-width: 145px;
  min-width: 9.0625rem;
}

.p-skinSet__priceInitialFeeLabel {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinSet__priceInitialFeeValue {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-skinSet__priceInitialFeeValue span {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinSet__pricePlus {
  margin-top: 6px;
  margin-top: 0.375rem;
  text-align: center;
}

.p-skinSet__pricePlus img {
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
}

.p-skinSetPrice__box {
  border-radius: 0.625rem;
  background-color: #fff;
}

.p-skinSetPrice__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 2px solid #2fceb9;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
  overflow: clip;
}

.p-skinSetPrice__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  isolation: isolate;
  padding: 8px 4px;
  padding: 0.5rem 0.25rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.p-skinSetPrice__tab:first-child {
  border-radius: 0.625rem 0 0 0;
}

.p-skinSetPrice__tab:last-child {
  border-radius: 0 0.625rem 0 0;
}

.p-skinSetPrice__tab::before {
  position: absolute;
  top: 0;
  right: -15px;
  right: -0.9375rem;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0.625rem 0 0;
  content: "";
}

.p-skinSetPrice__tab.is-active {
  z-index: 1;
  color: #fff;
}

.p-skinSetPrice__tab.is-active::before {
  right: 0;
  left: 0;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #2fceb9;
}

.p-skinSetPrice__tab:first-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinSetPrice__tab:last-child.is-active::before {
  border-radius: 0.625rem 0.625rem 0 0;
}

.p-skinSetPrice__tab:not(.is-active)::before {
  background-color: #f8f8f8;
}

.p-skinSetPrice__tabContent {
  display: none;
}

.p-skinSetPrice__tabContent.is-active {
  display: block;
}

.p-skinSetPrice__priceContent {
  border: 1px solid #99e6dd;
  border-top: none;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 11px 4px 8px 4px;
  padding: 0.6875rem 0.25rem 0.5rem 0.25rem;
  text-align: center;
}

.p-skinSetPrice__monthly {
  gap: 6px;
  gap: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-skinSetPrice__monthlyLabel {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-skinSetPrice__monthlyPrice {
  color: #00366b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinSetPrice__monthlyUnit {
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 600;
}

.p-skinSetPrice__monthly {
  gap: 5px;
  gap: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.p-skinSetPrice__monthlyLabel {
  color: #00366b;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-skinSetPrice__monthlyPrice {
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}

.p-skinSetPrice__monthlyPrice {
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
}

.p-skinSetPrice__monthlyUnit {
  color: #fd679b;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinSetPrice__subscriptionHeader {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-skinSetPrice__subscriptionIcon {
  display: block;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

.p-skinSetPrice__subscriptionTitle {
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-skinSetPrice__periodOptions {
  gap: 3px;
  gap: 0.1875rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 3px;
  margin-top: 0.1875rem;
}

.p-skinSetPrice__periodOption {
  text-align: center;
}

.p-skinSetPrice__periodLabel {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #def9f5;
  padding: 4px 2px;
  padding: 0.25rem 0.125rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: -0.08em;
  white-space: nowrap;
}

.p-skinSetPrice__periodDetail {
  margin-top: 6px;
  margin-top: 0.375rem;
  background-color: #fafafa;
  padding: 4px 5px;
  padding: 0.25rem 0.3125rem;
  text-align: center;
}

.p-skinSetPrice__periodDetailLabel {
  color: #00366b;
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-skinSetPrice__periodDetailPrice {
  margin-top: 2px;
  margin-top: 0.125rem;
  color: #ff8c27;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.p-skinSetPrice__periodDetailUnit {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
}

.p-skinSetPrice__price {
  margin-top: 8px;
  margin-top: 0.5rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.p-skinSetPrice__unit {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-skinSetPrice__disclaimer {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-skinSetPrice__disclaimer + .p-skinSetPrice__disclaimer {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-skinSetPrice__ctaButton {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-skinTabs {
  margin-top: -80px;
  margin-top: -5rem;
  background-color: #def9f5;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.p-skinTabs__tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #f8f8f8;
}

.p-skinTabs__tab {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  background-color: transparent;
  padding: 8px 2px 10px 2px;
  padding: 0.5rem 0.125rem 0.625rem 0.125rem;
  color: #00366b;
  text-decoration: none;
}

.p-skinTabs__tab:first-child {
  border-top-left-radius: 15px;
  border-top-left-radius: 0.9375rem;
}

.p-skinTabs__tab:last-child {
  border-top-right-radius: 15px;
  border-top-right-radius: 0.9375rem;
}

.p-skinTabs__tab:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #d6d6d6;
  width: 1px;
  height: 80%;
  content: "";
}

.p-skinTabs__tab.is-active {
  background-color: #5dd1c4;
}

.p-skinTabs__tab.is-active::after {
  display: none;
}

.p-skinTabs__tabIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s, border 0.3s;
  transition: background-color 0.3s, border 0.3s;
  border-radius: 50%;
  width: 56px;
  width: 3.5rem;
  height: 56px;
  height: 3.5rem;
}

.p-skinTabs__tab.is-active .p-skinTabs__tabIcon {
  border: 3px solid #ffffd9;
  border: 0.1875rem solid #ffffd9;
  background-color: #fff;
}

.p-skinTabs__tabIcon img {
  width: 46px;
  width: 2.875rem;
  height: 46px;
  height: 2.875rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinTabs__tabText {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.p-skinTabs__tab.is-active .p-skinTabs__tabText {
  color: #fff;
}

.p-skinTabs__content {
  display: none;
  border-top: 3px solid #5dd1c4;
  border-radius: 0 0 0.9375rem 0.9375rem;
  background-color: #fff;
  padding: 28px 15px 20px 15px;
  padding: 1.75rem 0.9375rem 1.25rem 0.9375rem;
}

.p-skinTabs__content.is-active {
  display: block;
}

.p-skinTabs__content#medicine-tab {
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.p-skinTabs__content--withCta {
  border-top: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}

.p-skinTabs__content--withCta .p-skinTabs__contentInner {
  border-top: 3px solid #5dd1c4;
  border-radius: 0 0 0.9375rem 0.9375rem;
  background-color: #fff;
  padding: 28px 15px 20px 15px;
  padding: 1.75rem 0.9375rem 1.25rem 0.9375rem;
  max-width: none;
}

.p-skinTabs__contentInner {
  margin: 0 auto;
  max-width: 800px;
  max-width: 50rem;
}

.p-skinTabs__contentTitle {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3181818182;
  text-align: center;
}

.p-skinTabs__contentText {
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-skinTabs__contentHeader {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-skinTabs__label {
  display: inline-block;
  border-radius: 100vh;
  background-color: #73ddd0;
  padding: 6px 15px 5px 15px;
  padding: 0.375rem 0.9375rem 0.3125rem 0.9375rem;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
}

.p-skinTabs__section:not(:first-of-type) {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-skinTabs__description {
  margin-top: 5px;
  margin-top: 0.3125rem;
  color: #00366b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-skinTabs__recommend {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-skinTabs__recommendTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.p-skinTabs__recommendations {
  gap: 15px 3px;
  gap: 0.9375rem 0.1875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-skinTabs__recommendItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.p-skinTabs__recommendIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-skinTabs__recommendIcon img {
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-skinTabs__recommendText {
  color: #00366b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5333333333;
}

.p-stiAbout__inner {
  padding-bottom: 85px;
  padding-bottom: 5.3125rem;
}

.p-stiCases__inner {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}

.p-stiCases__body {
  border-radius: 0.9375rem;
  padding: 20px 15px 24px 15px;
  padding: 1.25rem 0.9375rem 1.5rem 0.9375rem;
}

.p-stiCases__body.p-lpContent__body {
  background-color: #edfcfa;
}

.p-stiCases__description {
  margin-top: 15px;
  margin-top: 0.9375rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-stiCases__list {
  gap: 9px;
  gap: 0.5625rem;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-stiCases__item a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.p-stiCases__note {
  margin-top: 18px;
  margin-top: 1.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiCheck__titleWrapper {
  text-align: center;
}

.p-stiCheck__sectionTitle {
  color: #00366b;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 600;
}

.p-stiCheck__contents {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.p-stiCheck__item {
  margin-top: 20px;
  margin-top: 1.25rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-stiCheck__item:first-child {
  margin-top: 0;
}

.p-stiCheck__header {
  gap: 12px;
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 6px;
  padding-right: 0.375rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-left: 6px;
  padding-left: 0.375rem;
}

.p-stiCheck__header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100vh;
  background-color: #99e6dd;
  width: 100%;
  height: 2px;
  content: "";
}

.p-stiCheck__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.p-stiCheck__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-stiCheck__icon--circle {
  width: 36px;
  width: 2.25rem;
  height: 36px;
  height: 2.25rem;
}

.p-stiCheck__icon--cross {
  width: 29px;
  width: 1.8125rem;
  height: 29px;
  height: 1.8125rem;
}

.p-stiCheck__title {
  min-height: 50px;
  min-height: 3.125rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-stiCheck__title--single {
  padding-top: 10px;
  padding-top: 0.625rem;
}

.p-stiCheck__steps {
  gap: 18px;
  gap: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-stiCheck__stepHeader {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-stiCheck__stepBadge {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
  width: 4.375rem;
  height: 28px;
  height: 1.75rem;
}

.p-stiCheck__stepBadge img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-stiCheck__stepTitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-stiCheck__stepContent {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

.p-stiCheck__stepContent p {
  line-height: 1.7;
}

.p-stiCheck__stepContent p:first-child {
  margin-top: 0;
}

.p-stiCheck__stepContent__note {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.p-stiCheck__kitWrapper {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  max-width: 308px;
  max-width: 19.25rem;
}

.p-stiCheck__kitIcon {
  position: absolute;
  bottom: 2px;
  bottom: 0.125rem;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 5;
  width: 105px;
  width: 6.5625rem;
  height: 74px;
  height: 4.625rem;
}

.p-stiCheck__kitIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-stiCheck__kitLink {
  gap: 15px;
  gap: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-box-shadow: 0 4px 2px rgba(187, 232, 228, 0.1);
  box-shadow: 0 4px 2px rgba(187, 232, 228, 0.1);
  border: 2px solid #73ddd0;
  border-radius: 100vh;
  background-color: #fff;
  padding: 9px 20px 9px 112px;
  padding: 0.5625rem 1.25rem 0.5625rem 7rem;
  width: 100%;
  overflow: clip;
  text-decoration: none;
}

.p-stiCheck__kitLink::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border: 3px solid #ffffd9;
  border-radius: 100vh;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.p-stiCheck__kitLink::before {
  position: absolute;
  top: 0;
  left: -120%;
  z-index: 1;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
  border-radius: 100vh;
  background-color: #ffffd9;
  width: 120%;
  height: 100%;
  content: "";
}

.p-stiCheck__kitText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 2;
  line-height: 1.5;
}

.p-stiCheck__kitLabel {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 600;
}

.p-stiCheck__kitAction {
  gap: 2px;
  gap: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ff71a2;
  font-size: 12px;
  font-size: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.p-stiCheck__kitAction::before {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url(../img/lp/icon-cart-pink.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  width: 1.125rem;
  height: 18px;
  height: 1.125rem;
  content: "";
}

.p-stiCheck__kitArrow {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2;
  width: 8px;
  width: 0.5rem;
  height: 14px;
  height: 0.875rem;
  color: #73ddd0;
}

.p-stiCheck__kitArrow svg {
  width: 100%;
  height: 100%;
}

.p-stiPrice-section .p-lpContent__inner {
  margin-top: 70px;
  margin-top: 4.375rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}

.p-stiPrice__feeGrid {
  gap: 5px;
  gap: 0.3125rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-stiPrice__feeItem {
  border: 1px solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem;
  text-align: center;
}

.p-stiPrice__feeLabel {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.p-stiPrice__feeValue {
  color: #fd679b;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
}

.p-stiPrice__feeUnit {
  margin-left: 2px;
  margin-left: 0.125rem;
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-stiPrice__section {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-stiPrice__section + .p-stiPrice__section {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.p-stiPrice__cards {
  gap: 10px;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-stiPrice__card {
  border: 1px solid #73ddd0;
  border-radius: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  text-align: center;
}

.p-stiPrice__medicine {
  background-color: #fffff1;
  padding: 9px 20px;
  padding: 0.5625rem 1.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiPrice__amount {
  padding: 12px 20px 15px 20px;
  padding: 0.75rem 1.25rem 0.9375rem 1.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiPrice__price {
  margin-left: 5px;
  margin-left: 0.3125rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

.p-stiPrice__priceUnit {
  padding-left: 2px;
  padding-left: 0.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiPrice__notes {
  gap: 8px;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.p-stiPrice__note {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiTreatment {
  padding: 40px 0;
  padding: 2.5rem 0;
}

.p-stiTreatment__header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  text-align: center;
}

.p-stiTreatment__header + .p-stiTreatment__content {
  margin-top: 0;
}

.p-stiTreatment__content {
  margin-top: 40px;
  margin-top: 2.5rem;
  border-radius: 0.9375rem;
  background-color: #edfcfa;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
}

.p-stiTreatment__description {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.p-stiTreatment__section {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.p-stiTreatment__symptomsTable {
  border: 1px solid #73ddd0;
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-stiTreatment__sectionTitle {
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #5dd0c4;
  padding: 7px 20px;
  padding: 0.4375rem 1.25rem;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}

.p-stiTreatment__symptomsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-stiTreatment__symptomsRow:not(:last-child) {
  border-bottom: 1px solid #73ddd0;
  border-bottom: 0.0625rem solid #73ddd0;
}

.p-stiTreatment__symptomsRow--male .p-stiTreatment__gender {
  background-color: #e1f7ff;
}

.p-stiTreatment__symptomsRow--male .p-stiTreatment__symptomsList {
  background-color: #fff;
}

.p-stiTreatment__symptomsRow--female .p-stiTreatment__gender {
  background-color: #fff0f7;
}

.p-stiTreatment__symptomsRow--female .p-stiTreatment__symptomsList {
  background-color: #fff;
}

.p-stiTreatment__gender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 10px;
  padding: 1.25rem 0.625rem;
  min-width: 50px;
  min-width: 3.125rem;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiTreatment__symptomsList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 13px 15px 13px 25px;
  padding: 0.8125rem 0.9375rem 0.8125rem 1.5625rem;
}

.p-stiTreatment__symptomItem:not(:last-of-type) {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.p-stiTreatment__symptomPart {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiTreatment__symptomText {
  margin-top: 3px;
  margin-top: 0.1875rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__symptomNote {
  margin-top: 10px;
  margin-top: 0.625rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiTreatment__medicineBlock {
  border-right: 1px solid #73ddd0;
  border-bottom: 1px solid #73ddd0;
  border-left: 1px solid #73ddd0;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
}

.p-stiTreatment__medicineType {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiTreatment__medicineList {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-stiTreatment__medicineItem {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__medicineItem + .p-stiTreatment__medicineItem {
  margin-top: 4px;
  margin-top: 0.25rem;
}

.p-stiTreatment__medicineItem::before {
  position: absolute;
  top: 9px;
  top: 0.5625rem;
  left: 0;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-stiTreatment__medicineNote {
  margin-top: 5px;
  margin-top: 0.3125rem;
  color: #00366b;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiTreatment__periodBlock {
  border-right: 1px solid #73ddd0;
  border-bottom: 1px solid #73ddd0;
  border-left: 1px solid #73ddd0;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
}

.p-stiTreatment__periodContent:not(:last-child) {
  position: relative;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}

.p-stiTreatment__periodContent:not(:last-child)::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  height: 1px;
  content: "";
}

.p-stiTreatment__periodName {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiTreatment__periodList {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.p-stiTreatment__periodList:first-child {
  margin-top: 0;
}

.p-stiTreatment__periodItem {
  position: relative;
  padding-left: 15px;
  padding-left: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__periodItem:not(:last-child) {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.p-stiTreatment__periodItem::before {
  position: absolute;
  top: 7px;
  top: 0.4375rem;
  left: 0;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 7px;
  width: 0.4375rem;
  height: 8px;
  height: 0.5rem;
  content: "";
}

.p-stiTreatment__periodDescription {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__sideEffectBlock {
  border-right: 1px solid #73ddd0;
  border-bottom: 1px solid #73ddd0;
  border-left: 1px solid #73ddd0;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 13px 15px 15px;
  padding: 0.8125rem 0.9375rem 0.9375rem;
}

.p-stiTreatment__sideEffectsList {
  gap: 3px;
  gap: 0.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-stiTreatment__sideEffectItem {
  position: relative;
  padding-left: 18px;
  padding-left: 1.125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__sideEffectItem::before {
  position: absolute;
  top: 7px;
  top: 0.4375rem;
  left: 2px;
  left: 0.125rem;
  border-radius: 50%;
  background-color: #99e6dd;
  width: 7px;
  width: 0.4375rem;
  height: 8px;
  height: 0.5rem;
  content: "";
}

.p-stiTreatment__sideEffectItem + .p-stiTreatment__sideEffectItem {
  margin-top: 0;
}

.p-stiTreatment__sideEffectNote {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-stiTreatment__contraindicationWrapper {
  border-right: 1px solid #73ddd0;
  border-bottom: 1px solid #73ddd0;
  border-left: 1px solid #73ddd0;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 15px;
  padding: 0.9375rem;
}

.p-stiTreatment__contraindicationBlock:not(:last-child) {
  position: relative;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}

.p-stiTreatment__contraindicationBlock:not(:last-child)::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e6e6e6;
  height: 1px;
  content: "";
}

.p-stiTreatment__contraindicationName {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
}

.p-stiTreatment__contraindicationText {
  margin-top: 5px;
  margin-top: 0.3125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-stiTreatment__contraindicationText:first-child {
  margin-top: 0;
}

.p-subscriptionPricing {
  border-radius: 0.625rem;
  overflow: hidden;
}

.p-subscriptionPricing__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--subscription-header-bg, #5dd1c4);
  padding: 6px 20px;
  padding: 0.375rem 1.25rem;
}

.p-subscriptionPricing__note {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}

.p-subscriptionPricing__body {
  border: 1px solid var(--subscription-border-color, #5dd1c4);
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  padding: 8px 4px;
  padding: 0.5rem 0.25rem;
}

.p-subscriptionPricing__label {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--subscription-text-color, #00366b);
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-subscriptionPricing__label img {
  aspect-ratio: 1;
  width: 1.0769230769em;
}

.p-subscriptionPricing__table {
  gap: 2px;
  gap: 0.125rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 8px;
  margin-top: 0.5rem;
}

.p-subscriptionPricing__table--3cols {
  grid-template-columns: repeat(3, 1fr);
}

.p-subscriptionPricing__column {
  gap: 8px;
  gap: 0.5rem;
  display: grid;
  position: relative;
  background-color: #fff;
}

.p-subscriptionPricing__period {
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #e3f8f6;
  padding: 3px 0 2px;
  padding: 0.1875rem 0 0.125rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-align: center;
}

.p-subscriptionPricing__total {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}

.p-subscriptionPricing__total::after {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
  content: "円";
}

.p-subscriptionPricing__monthly {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.125rem;
  background-color: #fafafa;
  padding: 2px 0 1px;
  padding: 0.125rem 0 1px;
  width: 93.3333333333%;
}

.p-subscriptionPricing__monthlyLabel {
  font-size: 8px;
  font-size: 0.5rem;
  font-weight: 600;
}

.p-subscriptionPricing__value {
  color: var(--subscription-monthly-color, #ff8c27);
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
}

.p-subscriptionPricing__value::after {
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 600;
  content: "円";
}

.p-subscriptionPricing__separator {
  aspect-ratio: 1;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 6px;
  margin-top: 0.375rem;
  width: 18px;
  width: 1.125rem;
}

.p-subscriptionPricing__separator span {
  position: absolute;
  border-radius: 100vh;
  background-color: var(--subscription-separator-color, #5dd1c4);
}

.p-subscriptionPricing__separator span:first-child {
  width: 100%;
  height: 4px;
  height: 0.25rem;
}

.p-subscriptionPricing__separator span:last-child {
  width: 4px;
  width: 0.25rem;
  height: 100%;
}

.p-subscriptionPricing__fees {
  gap: 5px;
  gap: 0.3125rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 2px;
  margin-top: 0.125rem;
}

.p-subscriptionPricing__fee {
  gap: 4px;
  gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #99e6dd;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 5px 8px 4px;
  padding: 0.3125rem 0.5rem 0.25rem;
  text-align: center;
}

.p-subscriptionPricing__feeLabel {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.p-subscriptionPricing__feeValue {
  color: var(--subscription-fee-color, #fd679b);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.p-subscriptionPricing__feeValue::after {
  margin-left: 1px;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  content: "円";
}

.p-subscriptionPricing__disclaimer {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
}

/************************************************************************
* お試しセット料金表
************************************************************************/
.p-trialMedicineSection {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.p-trialMedicineList {
  gap: 28px;
  gap: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.p-trialMedicineCard {
  border: 1px solid #a3d6f2;
  border-radius: 0.9375rem;
  background-color: #fff;
  overflow: hidden;
}

.p-trialMedicineCard__header {
  background-color: #6fc1ec;
  padding: 12px 15px 15px 15px;
  padding: 0.75rem 0.9375rem 0.9375rem 0.9375rem;
}

.p-trialMedicineCard__title {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2222222222;
  text-align: center;
}

.p-trialMedicineCard__body {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.p-trialMedicineCard__list {
  gap: 9px;
  gap: 0.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  list-style: none;
}

.p-trialMedicineCard__item {
  position: relative;
  padding-left: 13px;
  padding-left: 0.8125rem;
  color: #00366b;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4666666667;
}

.p-trialMedicineCard__item::before {
  position: absolute;
  top: 7px;
  top: 0.4375rem;
  left: 0;
  border-radius: 50%;
  background-color: #86c7e9;
  width: 7px;
  width: 0.4375rem;
  height: 7px;
  height: 0.4375rem;
  content: "";
}

.p-trialMedicineCard__setLabel {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  background-color: #dff5ff;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  color: #00366b;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
}

.p-trialMedicineCard__price,
.p-trialMedicineCard__note {
  padding-right: 10px;
  padding-right: 0.625rem;
  padding-left: 10px;
  padding-left: 0.625rem;
}

.p-trialMedicineCard__price {
  margin-top: 12px;
  margin-top: 0.75rem;
  color: #fd679b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.p-trialMedicineCard__unit {
  margin-left: 2px;
  margin-left: 0.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-trialMedicineCard__note {
  margin-top: 10px;
  margin-top: 0.625rem;
  font-size: 12px;
  font-size: 0.75rem;
}

/************************************************************************
* visible device
************************************************************************/
.u-onlyPc {
  display: none;
}

.u-onlyTab {
  display: none;
}

.u-onlySp {
  display: none;
}

.u-inlineBlock {
  display: inline-block !important;
}

.u-block {
  display: block !important;
}

.u-inline {
  display: inline !important;
}

.u-hidden {
  display: none !important;
}

.u-indentSp6 {
  margin-left: -0.6em;
}

.u-overflowHidden {
  overflow: hidden !important;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}

@media screen and (min-width: 600px) {
  .p-article__body .gallery-columns-4 > .gallery-item {
    width: calc((100% - 20px) / 2);
  }
  .p-single__body .gallery-columns-4 > .gallery-item {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
  html {
    font-size: 1.4545454545vw;
    font-size: calc(var(--vw-unitless) / 1100 * 100%);
  }
  a:not([class]):hover {
    opacity: 0.7;
  }
  :root {
    --header-height: 80px;
  }
  #ez-toc-container {
    padding: 30px;
    padding: 1.875rem;
  }
  #ez-toc-container .ez-toc-title-container {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  #ez-toc-container .ez-toc-title {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.3529411765;
  }
  #ez-toc-container .ez-toc-title::before {
    width: 23px;
    width: 1.4375rem;
  }
  #ez-toc-container .ez-toc-list li {
    padding-left: 32px;
    padding-left: 2rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .has-small-font-size {
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
  .l-borderRadius--flow {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-borderRadius--faq {
    padding-bottom: calc(246 * var(--px-to-rem));
  }
  .l-borderRadius--column {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-borderRadius--aboutClinic {
    padding-bottom: 265px;
    padding-bottom: 16.5625rem;
  }
  .l-borderRadius--lpFooter {
    padding-top: 60px;
    padding-top: 3.75rem;
    padding-bottom: 200px;
    padding-bottom: 12.5rem;
  }
  .l-borderRadius--all {
    border-radius: 5.2083333333vw 5.2083333333vw 0 0;
  }
  .l-borderRadius--allRight {
    border-radius: 0 5.2083333333vw 0 0;
  }
  .l-borderRadius--allLeft {
    border-radius: 5.2083333333vw 0 0 0;
  }
  .l-borderRadius--allandleft {
    border-radius: 0 5.2083333333vw 0 0;
  }
  .l-borderRadius--left {
    border-radius: 5.2083333333vw 0 0 0;
  }
  .l-borderRadius--left--sti {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-borderRadius--right {
    border-radius: 0 5.2083333333vw 0 0;
  }
  .l-borderRadius--leftRight {
    border-radius: 0 5.2083333333vw 0 0;
  }
  .l-noRadius {
    padding-bottom: 144px;
    padding-bottom: 9rem;
  }
  .l-noRadius--character {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-noRadius--lpSubscription {
    padding-bottom: 260px;
    padding-bottom: 16.25rem;
  }
  .l-noRadius--lpSubscription--agaMale {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-noRadius--lpSubscription--medicalSkincare {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-noRadius--lpSubscription--pollenAllergy {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-noRadius--lpSubscription--agaFemale {
    padding-bottom: 210px;
    padding-bottom: 13.125rem;
  }
  .l-noRadius--sti {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .l-container {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1140px;
  }
  .l-container.l-container--10 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .l-container.l-container--20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .l-container.l-container--20and1115 {
    padding-right: clamp(10px, 1.4vw, 20px);
    padding-right: clamp(0.625rem, 1.4vw, 1.25rem);
    padding-left: clamp(10px, 1.4vw, 20px);
    padding-left: clamp(0.625rem, 1.4vw, 1.25rem);
    width: 100%;
    max-width: 1155px;
  }
  .l-container.l-container--narrow {
    max-width: 860px;
  }
  .l-container.l-container--wide {
    max-width: 1440px;
  }
  .l-container.l-container--695 {
    max-width: 735px;
  }
  .l-container.l-container--800 {
    max-width: 800px;
  }
  .l-container.l-container--880 {
    max-width: 880px;
  }
  .l-container.l-container--940 {
    max-width: 940px;
  }
  .l-container.l-container--980 {
    max-width: 980px;
  }
  .l-container.l-container--1000 {
    max-width: 1040px;
  }
  .l-container.l-container--1114 {
    max-width: 1114px;
  }
  .l-container.l-container--1020 {
    max-width: 1020px;
  }
  .l-container.l-container--1128 {
    max-width: 1168px;
  }
  .l-container.l-container--1150 {
    max-width: 1190px;
  }
  .l-container.l-container--1155 {
    max-width: 1195px;
  }
  .l-container.l-container--1200 {
    max-width: 1240px;
  }
  .l-container.l-container--1215 {
    max-width: 1255px;
  }
  .l-lpSection {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .l-main__inner {
    padding-top: 78px;
    padding-top: 4.875rem;
  }
  .l-main__inner--menu {
    padding-top: 78px;
    padding-top: 4.875rem;
  }
  .l-main__inner--usage {
    padding-top: 78px;
    padding-top: 4.875rem;
    padding-bottom: 289px;
    padding-bottom: 18.0625rem;
  }
  .l-main__inner--pill {
    padding-top: 76px;
    padding-top: 4.75rem;
  }
  .l-main__inner--column {
    padding-top: 76px;
    padding-top: 4.75rem;
  }
  .l-main__inner--about {
    padding-top: 76px;
    padding-top: 4.75rem;
  }
  .l-main__inner--contact {
    padding-top: 76px;
    padding-top: 4.75rem;
  }
  .l-main__inner {
    padding-top: 78px;
    padding-top: 4.875rem;
  }
  .l-relatedPosts {
    margin-top: 160px;
    margin-top: 10rem;
  }
  .l-section {
    /* margin-top: -5.2083333333vw; */
    margin-top: -100px;
    margin-top: calc(-100 * var(--px-to-rem));
  }
  .l-section--subscription {
    margin-top: 0;
  }
  .l-section--subscription.p-lpSubscriptionSection--agaMale {
    margin-top: 100px;
    margin-top: 6.25rem;
  }
  .l-section--merit {
    margin-top: -100px;
    margin-top: calc(-100 * var(--px-to-rem));
  }
  .l-single {
    margin-top: 78px;
    margin-top: 4.875rem;
    padding-bottom: 266px;
    padding-bottom: 16.625rem;
  }
  .c-btn {
    -webkit-box-shadow: 0 6px 4px rgba(var(--lp-theme-shadow-rgb, 0, 122, 111), 0.1);
    box-shadow: 0 6px 4px rgba(var(--lp-theme-shadow-rgb, 0, 122, 111), 0.1);
    border-width: 3px;
    padding: 22px;
    padding: 1.375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .c-btn:hover .c-btn__bg::after,
  .c-btn:focus-visible .c-btn__bg::after {
    left: -10%;
  }
  .c-btn--arrowRight,
  .c-btn--arrowLeft {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .c-btn--arrowRight::before,
  .c-btn--arrowLeft::before {
    width: 22px;
    width: 1.375rem;
  }
  .c-btn--arrowRight::before {
    right: 20px;
    right: 1.25rem;
  }
  .c-btn--arrowRight:hover::before,
  .c-btn--arrowRight:focus-visible::before {
    -webkit-transform: translateY(-50%) translateX(4px);
    transform: translateY(-50%) translateX(4px);
  }
  .c-btn--arrowLeft::before {
    left: 22px;
    left: 1.375rem;
  }
  .c-btn--arrowLeft:hover::before,
  .c-btn--arrowLeft:focus-visible::before {
    -webkit-transform: translateY(-50%) rotate(180deg) translateX(4px);
    transform: translateY(-50%) rotate(180deg) translateX(4px);
  }
  .c-btn--arrowDown::before {
    right: 20px;
    right: 1.25rem;
    width: 22px;
    width: 1.375rem;
  }
  .c-btn--yellow::after {
    border-width: 4px;
  }
  .c-btn--border-green {
    -webkit-box-shadow: 0 6px 4px rgba(0, 122, 111, 0.1);
    box-shadow: 0 6px 4px rgba(0, 122, 111, 0.1);
  }
  .c-btn--header {
    gap: 8px;
    gap: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 2px;
    border-radius: 100vh;
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
    width: 220px;
    width: 13.75rem;
    font-size: 16px;
    font-size: 1rem;
    white-space: normal;
  }
  .c-btn--header:hover,
  .c-btn--header:focus-visible {
    color: #32cc79;
  }
  .c-btn--header .c-btn__text {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .c-btn--header::before {
    aspect-ratio: 1;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 2;
    -webkit-mask-image: url(../img/common/icon_calendar.svg);
    mask-image: url(../img/common/icon_calendar.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    width: 20px;
    width: 1.25rem;
    content: "";
  }
  .c-btn--header .c-btn__bg::after {
    background-color: #fff;
  }
  .c-btn--pink {
    -webkit-box-shadow: 0 10px 4px rgba(0, 88, 41, 0.1);
    box-shadow: 0 10px 4px rgba(0, 88, 41, 0.1);
    border-width: 3px;
    border-width: 0.1875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-btn--pink:hover,
  .c-btn--pink:focus-visible {
    color: #32cc79;
  }
  .c-btn--pink:hover .c-btn--pinkYellow,
  .c-btn--pink:focus-visible .c-btn--pinkYellow {
    color: inherit;
  }
  .c-btn--pink:hover .c-btn--pinkYellow::after,
  .c-btn--pink:focus-visible .c-btn--pinkYellow::after {
    opacity: 1;
    width: 100%;
  }
  .c-btn--pink .c-btn__bg::after {
    background-color: #fff;
  }
  .c-btn--pink .c-btn--pinkYellow {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .c-btn--line {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-shadow: 0 10px 4px rgba(0, 88, 41, 0.1);
    box-shadow: 0 10px 4px rgba(0, 88, 41, 0.1);
    padding-left: 136px;
    padding-left: 8.5rem;
    max-width: 460px;
    max-width: 28.75rem;
    height: 90px;
    height: 5.625rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .c-btn--line:hover,
  .c-btn--line:focus-visible {
    color: #32cc79;
  }
  .c-btn--line::after {
    left: 98px;
    left: 6.125rem;
    width: 28px;
    width: 1.75rem;
  }
  .c-btn--line .c-btn__bg::after {
    background-color: #fff;
  }
  .c-btn--icon {
    gap: 8px;
    gap: 0.5rem;
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
  }
  .c-btn--icon .c-btn__icon {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
  }
  .c-heading::before {
    top: calc(0.5lh - 0.5em);
    bottom: calc(0.5lh - 0.5em);
    width: 6px;
    width: 0.375rem;
  }
  .c-heading {
    padding-left: 0.6666666667em;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .c-heading--subscription::before {
    width: 5px;
    width: 0.3125rem;
  }
  .c-heading--about::before {
    top: 50%;
  }
  .c-heading-mini {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .c-accent {
    background-size: 100% 0.625rem;
  }
  .c-modal__container {
    padding-top: 60px;
    padding-top: 3.75rem;
  }
  .c-modal__inner {
    border-radius: 1.25rem;
    padding: 50px 60px;
    padding: 3.125rem 3.75rem;
    max-height: calc(90vh - 5.625rem);
    max-height: calc(90dvh - 5.625rem);
  }
  .c-modal__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .c-modal__close span {
    width: 30px;
    width: 1.875rem;
  }
  .c-modal__close span::before,
  .c-modal__close span::after {
    height: 3px;
  }
  .c-modal__imageArea {
    margin-top: 18px;
    margin-top: 1.125rem;
    max-width: 300px;
    max-width: 18.75rem;
  }
  .c-modal__sections {
    gap: 45px;
    gap: 2.8125rem;
    margin-top: 27px;
    margin-top: 1.6875rem;
  }
  .c-modal__sectionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-modal__sectionTitle::before {
    width: 5px;
    width: 0.3125rem;
    height: 20px;
    height: 1.25rem;
  }
  .c-modal__sectionSubtitle {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-modal__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  .c-modal__subsection:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
  }
  .c-modal__subsectionText {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-modal__additionalInfo {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
  .c-modal__additionalInfoTitle {
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-modal__medicineSection {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
  .c-sectionTitle--centerPcLeft {
    padding-right: 20px;
    padding-right: 1.25rem;
  }
  .c-sectionTitle__label {
    margin-bottom: 7px;
    margin-bottom: 0.4375rem;
  }
  .c-sectionTitle__label img {
    height: 27px;
    height: 1.6875rem;
  }
  .c-sectionTitle__label--faq img {
    height: 30px;
    height: 1.875rem;
  }
  .c-sectionTitle__title {
    padding-bottom: 26.5px;
    padding-bottom: calc(26.5 * var(--px-to-rem));
    font-size: 32px;
    font-size: 2rem;
    line-height: 43px;
    line-height: calc(43 * var(--px-to-rem));
  }
  .c-sectionTitle__title--menu {
    margin-top: 12px;
    margin-top: 0.75rem;
    padding-bottom: 26px;
    padding-bottom: 1.625rem;
  }
  .c-sectionTitle__title--column {
    margin-top: 12px;
    margin-top: 0.75rem;
    padding-bottom: 26px;
    padding-bottom: 1.625rem;
  }
  .c-sectionTitle__title--about {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
  }
  .c-sectionTitle__title--aboutFeatures {
    padding-bottom: 18px;
    padding-bottom: 1.125rem;
  }
  .c-sectionTitle__title--contact {
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
  }
  .c-sectionTitle__title::after {
    width: 78px;
    width: 4.875rem;
    height: 4px;
    height: 0.25rem;
  }
  .c-sectionTitle__title--page {
    margin-top: 0;
    padding-bottom: 26px;
    padding-bottom: 1.625rem;
  }
  .c-sectionTitle__title--noBar {
    margin-top: 30px;
    margin-top: 1.875rem;
    padding-bottom: 0;
  }
  .c-sectionTitle--simple .c-sectionTitle__title {
    font-size: 32px;
    font-size: 2rem;
  }
  .c-sectionTitle__subtitle {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-totop {
    right: 20px;
    right: 1.25rem;
    bottom: 38px;
    bottom: 2.375rem;
    bottom: calc(20 * var(--px-to-rem));
    width: 66px;
    width: 4.125rem;
  }
  .c-totop::before {
    width: 23px;
    width: 1.4375rem;
  }
  .p-404__number {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-size: 200px;
    font-size: 12.5rem;
  }
  .p-404__number::before {
    background-size: 1.875rem 1.875rem;
  }
  .p-404__title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    font-size: 32px;
    font-size: 2rem;
  }
  .p-404__text {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-404__actions {
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
  }
  .p-404__actions .c-btn {
    max-width: 450px;
    max-width: 28.125rem;
  }
  .p-404__links {
    padding-top: 50px;
    padding-top: 3.125rem;
  }
  .p-404__linksTitle {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-404__linksList {
    gap: 16px;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .p-afterPillButtons {
    gap: 20px;
    gap: 1.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-afterPillButtons__button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 82px;
    padding-left: 5.125rem;
    max-width: 344px;
    max-width: 21.5rem;
    height: 84px;
    height: 5.25rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-afterPillButtons__icon {
    left: 20px;
    left: 1.25rem;
    width: 54px;
    width: 3.375rem;
  }
  .p-afterPillChoice__inner {
    padding-bottom: 80px;
    padding-bottom: 5rem;
  }
  .p-afterPillChoice__body {
    border-radius: 1.25rem;
  }
  .p-agaCase__inner {
    padding-bottom: 110px;
    padding-bottom: 6.875rem;
  }
  .p-agaCase__cases.l-section {
    margin-top: -100px;
    margin-top: -6.25rem;
  }
  .p-agaCase__lead {
    margin-top: 35px;
    margin-top: 2.1875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaCase__lead:not(:first-of-type) {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-agaCase__list {
    gap: 35px;
    gap: 2.1875rem;
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-agaCaseCard {
    border-radius: 1.25rem;
    padding: 35px 80px;
    padding: 2.1875rem 5rem;
  }
  .p-agaCaseCard__images {
    gap: 60px;
    gap: 3.75rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-agaCaseCard__images::before {
    background-image: url("../img/lp/aga-male/icon-triangle.svg");
    width: 22px;
    width: 1.375rem;
    height: 34px;
    height: 2.125rem;
  }
  .p-agaCaseCard__imageWrap {
    max-width: 300px;
    max-width: 18.75rem;
  }
  .p-agaCaseCard__imageLabel {
    padding: 8px 15px;
    padding: 0.5rem 0.9375rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-agaCaseCard__image {
    aspect-ratio: auto;
    padding: 12px 68px;
    padding: 0.75rem 4.25rem;
  }
  .p-agaCaseCard__image img {
    width: 160px;
    width: 10rem;
    height: 160px;
    height: 10rem;
  }
  .p-agaCaseCard__body {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-agaCaseCard__section:not(:first-child) {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-agaCaseCard__sectionTitle {
    margin-bottom: 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaCaseCard__text {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
  .p-agaDrug {
    margin-top: 110px;
    margin-top: 6.875rem;
  }
  .p-agaDrug + .p-agaDrug {
    margin-top: 175px;
    margin-top: 10.9375rem;
  }
  .p-agaDrug--prevention .p-agaDrug__inner {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .p-agaDrug--growth .p-agaDrug__inner {
    padding-bottom: 260px;
    padding-bottom: 16.25rem;
  }
  .p-agaDrug__card {
    border-radius: 1.25rem;
    padding: 70px 50px 40px 50px;
    padding: 4.375rem 3.125rem 2.5rem 3.125rem;
  }
  .p-agaDrug__card--other {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-agaDrug__icon {
    width: 110px;
    width: 6.875rem;
    height: 110px;
    height: 6.875rem;
  }
  .p-agaDrug__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.35;
  }
  .p-agaDrug__title::after {
    bottom: -10px;
    bottom: -0.625rem;
    width: 76px;
    width: 4.75rem;
    height: 4px;
    height: 0.25rem;
  }
  .p-agaDrug__subtitle {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .p-agaDrug__medicines {
    gap: 15px;
    gap: 0.9375rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-agaDrug__medicineItem {
    gap: 30px;
    gap: 1.875rem;
  }
  .p-agaDrug__medicineImage {
    width: 140px;
    width: 8.75rem;
    height: 140px;
    height: 8.75rem;
  }
  .p-agaDrug__medicineName {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaDrug__medicineSubname {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaDrug__description {
    margin-top: 25px;
    margin-top: 1.5625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
  .p-agaDrug__info {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-agaDrug__infoHeading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2444444444;
  }
  .p-agaDrug__info.p-agaDrug__info--smallMargin {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-agaDrug__infoText {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaDrug__list li {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
  .p-agaDrug__type {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-agaDrug__typeHeading {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-agaDrug__relatedLinks {
    gap: 15px;
    gap: 0.9375rem;
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-agaDrug__relatedLink {
    gap: 20px;
    gap: 1.25rem;
    border-radius: 1.25rem;
    padding: 30px 40px;
    padding: 1.875rem 2.5rem;
  }
  .p-agaDrug__relatedLinkImage {
    width: 225px;
    width: 14.0625rem;
    height: 126px;
    height: 7.875rem;
  }
  .p-agaDrug__relatedLinkImage img {
    aspect-ratio: 225/126;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  .p-agaDrug__relatedLink:hover .p-agaDrug__relatedLinkImage img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .p-agaDrug__relatedLinkTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaDrug__relatedLinkMore {
    gap: 8px;
    gap: 0.5rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaDrug__relatedLinkMore svg {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 8px;
    width: 0.5rem;
    height: 14px;
    height: 0.875rem;
  }
  .p-agaDrug__relatedLink:hover .p-agaDrug__relatedLinkMore svg {
    -webkit-transform: translateX(0.25rem);
    transform: translateX(0.25rem);
  }
  .p-agaDrug__relatedLinkIcon {
    width: 16px;
    width: 1rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-agaDrug__accordion {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-agaDrug__accordion .p-accordion__trigger {
    padding: 20px;
    padding: 1.25rem;
  }
  .p-agaDrug__accordion .p-accordion__inner {
    padding: 20px;
    padding: 1.25rem;
    padding-top: 0;
  }
  .p-agaDrug__otherMedicine {
    gap: 30px;
    gap: 1.875rem;
    margin-top: 38px;
    margin-top: 2.375rem;
    padding-top: 40px;
    padding-top: 2.5rem;
  }
  .p-agaDrug__otherMedicineImage {
    width: 140px;
    width: 8.75rem;
    height: 140px;
    height: 8.75rem;
  }
  .p-agaDrug__otherMedicineName {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaFemaleTreatment__inner {
    padding-bottom: 260px;
    padding-bottom: 16.25rem;
  }
  .p-agaFemaleTreatment__heading {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
  .p-agaFemaleTreatment__cards {
    gap: 35px;
    gap: 2.1875rem;
  }
  .p-agaFemaleTreatment__card {
    border-radius: 1rem;
  }
  .p-agaFemaleTreatment__name {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaFemaleTreatment__content {
    padding: 20px 50px 25px;
    padding: 1.25rem 3.125rem 1.5625rem;
  }
  .p-agaFemaleTreatment__image {
    max-width: 140px;
    max-width: 8.75rem;
  }
  .p-agaFemaleTreatment__description {
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaFemaleTreatment__section {
    margin-top: 22px;
    margin-top: 1.375rem;
  }
  .p-agaFemaleTreatment__sectionTitle {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-agaFemaleTreatment__usage {
    margin-top: 14px;
    margin-top: 0.875rem;
  }
  .p-agaFemaleTreatment__usage + .p-agaFemaleTreatment__usage {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .p-agaFemaleTreatment__usageTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaFemaleTreatment__usageText {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaFemaleTreatment__sideEffectTitle {
    margin-top: 2px;
    margin-top: 0.125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaFemaleTreatment__sideEffectText {
    margin-top: 1px;
    margin-top: 0.0625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7333333333;
  }
  .p-agaFemaleTreatment__sideEffectNote {
    margin-top: 2px;
    margin-top: 0.125rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-agaFemaleTreatment__accordion {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-agaPrescription__inner {
    padding-bottom: 225px;
    padding-bottom: 14.0625rem;
  }
  .p-agaPrescription__text {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-agaPrice--female .p-agaPrice__inner {
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
  }
  .p-agaPrice__feeGrid {
    gap: 10px;
    gap: 0.625rem;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 36px;
    margin-top: 2.25rem;
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
    max-width: 660px;
    max-width: 41.25rem;
  }
  .p-agaPrice__feeItem {
    gap: 10px;
    gap: 0.625rem;
    padding: 4px 30px;
    padding: 0.25rem 1.875rem;
  }
  .p-agaPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-agaPrice__feeUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaPrice__heading--marginTop {
    margin-top: 120px;
    margin-top: 7.5rem;
  }
  .p-agaPrice__heading--marginTop--female {
    margin-top: 100px;
    margin-top: 6.25rem;
  }
  .p-agaPrice__items {
    gap: 35px;
    gap: 2.1875rem;
  }
  .p-agaPriceTabs {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
  .p-agaPriceTabs__tab {
    padding: 10px 20px 12px 20px;
    padding: 0.625rem 1.25rem 0.75rem 1.25rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-agaPriceTabs__tab:hover {
    opacity: 0.8;
  }
  .p-agaPriceTabs__content {
    padding: 25px 50px 50px;
    padding: 1.5625rem 3.125rem 3.125rem;
  }
  .p-agaPriceTabs .p-agaPrice__items {
    gap: 25px;
    gap: 1.5625rem;
  }
  .p-agaPrice__airhomme {
    margin-top: 32px;
    margin-top: 2rem;
  }
  .p-agaPrice__airhomme .p-agaPriceProductCard {
    margin-top: 0;
  }
  .p-agaPrice__airhomme .p-agaPriceProductCard__title {
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-agaPrice__cta {
    gap: 20px;
    gap: 1.25rem;
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-agaPrice__cta .c-btn--border {
    max-width: 460px;
    max-width: 28.75rem;
  }
  .p-agaPrice__flowBtn {
    height: 68px;
    height: 4.25rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaPrice__ctaFlow {
    justify-self: center;
    width: 100%;
    max-width: 400px;
    max-width: 25rem;
  }
  .p-agaPrice__guide {
    max-width: 394px;
    max-width: 24.625rem;
  }
  .p-agaPrice__guide .c-btn__text::before {
    margin-right: 0.25em;
    margin-bottom: 2px;
    margin-bottom: 0.125rem;
    width: 32px;
    width: 2rem;
    height: 26px;
    height: 1.625rem;
  }
  .p-agaPrice__airhommeNote {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-agaPrice__airhommeNote p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-agaPrice__airhommeNote p:not(:first-child) {
    margin-top: 0;
  }
  .p-agaPriceCard__planName {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-agaPriceCard--sub .p-agaPriceCard__planName {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaPriceCard__planBody {
    padding: 15px 50px;
    padding: 0.9375rem 3.125rem;
  }
  .p-agaPriceTabs .p-agaPriceCard__planBody {
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem;
  }
  .p-agaPriceCard__singlePurchase {
    gap: 15px;
    gap: 0.9375rem;
  }
  .p-agaPriceCard__singleLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaPriceCard__singlePrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-agaPriceCard__singleUnit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-agaPriceCard__subscription {
    padding-right: 0;
    padding-left: 0;
  }
  .p-agaPriceTabs .p-agaPriceCard__subscription {
    padding-right: 0;
    padding-left: 0;
  }
  .p-agaPriceCard__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
  }
  .p-agaPriceCard__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-agaPriceCard__subscriptionGrid {
    gap: 5px;
    gap: 0.3125rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-agaPriceCard__subscriptionPeriod {
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-agaPriceCard__subscriptionPrice {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-agaPriceCard__subscriptionPriceUnit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-agaPriceCard__subscriptionPerMonth {
    margin-top: 4px;
    margin-top: 0.25rem;
  }
  .p-agaPriceCard__subscriptionPerMonthLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-agaPriceCard__subscriptionPerMonthPrice {
    margin-top: -5px;
    margin-top: -0.3125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-agaPriceCard__subscriptionPerMonthUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-agaPriceCard__note {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding-right: 6px;
    padding-right: 0.375rem;
    padding-left: 6px;
    padding-left: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-agaPriceCard--sub .p-agaPriceCard__note {
    padding-right: 0;
    padding-left: 0;
  }
  .p-agaPriceCard__medicineName {
    margin-inline: 0;
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-article__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-article__body {
    margin-top: 70px;
    margin-top: 4.375rem;
    padding-bottom: 265px;
    padding-bottom: 16.5625rem;
  }
  .p-article__body h2 {
    padding-left: 13px;
    padding-left: 0.8125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-article__body h2::before {
    top: calc(0.5lh - 0.5em - 1px);
    height: 20px;
    height: 1.25rem;
  }
  .p-article__body .wp-block-separator.has-alpha-channel-opacity.is-style-wide {
    margin-top: 23px;
    margin-top: 1.4375rem;
  }
  .p-article__body table th,
  .p-article__body table td {
    padding: 20px 30px;
    padding: 1.25rem 1.875rem;
  }
  .p-article__body table th {
    width: 153px;
    width: 9.5625rem;
  }
  .p-article__body h2 {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-article__body p {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-article__body .gallery-columns-4 > .gallery-item {
    width: calc((100% - 40px) / 3);
  }
  .p-breadcrumb--column {
    padding: 4px 0;
    padding: 0.25rem 0;
  }
  .p-breadcrumb--about {
    padding: 4px 0;
    padding: 0.25rem 0;
  }
  .p-breadcrumb--contact {
    padding: 4px 0;
    padding: 0.25rem 0;
  }
  .p-breadcrumb__inner {
    gap: 8px;
    gap: 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-breadcrumb__inner a:hover {
    opacity: 0.7;
  }
  .p-breadcrumb__separator {
    width: 18px;
    width: 1.125rem;
  }
  .p-columnSelect {
    border-radius: 1.25rem;
    padding: 40px 40px 60px;
    padding: 2.5rem 2.5rem 3.75rem;
  }
  .p-columnSelect__text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
  .p-columnSelect__buttons {
    gap: 14px;
    gap: 0.875rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-columnSelect__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    padding: 1.5rem;
    width: 31.25%;
    max-width: none;
    line-height: 1;
  }
  .p-comparisonTable {
    border: 1px solid #fec1da;
    border-radius: 0.9375rem;
    min-width: auto;
  }
  .p-comparisonTable thead tr:first-child th:first-child {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-comparisonTable thead tr:first-child th:last-child {
    border-top-right-radius: 15px;
    border-top-right-radius: 0.9375rem;
  }
  .p-comparisonTable tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    border-bottom-left-radius: 0.9375rem;
  }
  .p-comparisonTable__header:first-child {
    position: static;
  }
  .p-comparisonTable__headerNote {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-comparisonTable__name {
    position: static;
  }
  .p-contact {
    padding-bottom: 265px;
    padding-bottom: 16.5625rem;
  }
  .p-contact__card {
    margin-top: 36px;
    margin-top: 2.25rem;
    margin-right: auto;
    margin-left: auto;
    border-radius: 3.75rem;
    padding: 68px 110px 60px;
    padding: 4.25rem 6.875rem 3.75rem;
    max-width: 820px;
    max-width: 51.25rem;
  }
  .p-contact__faqText {
    font-size: 15px;
    font-size: max(0.9375rem, 10px);
    line-height: 1.6666666667;
  }
  .p-contact__faqImage {
    margin-top: 17px;
    margin-top: 1.0625rem;
    width: 220px;
    width: 13.75rem;
  }
  .p-contact__faqImage img {
    margin-left: 4px;
    margin-left: 0.25rem;
  }
  .p-contact__faqBtnWrap {
    padding-left: 8px;
    padding-left: 0.5rem;
    max-width: 408px;
    max-width: 25.5rem;
  }
  .p-contact__patient {
    margin-top: 57px;
    margin-top: 3.5625rem;
    padding-top: 58px;
    padding-top: 3.625rem;
  }
  .p-contact__patientText {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .p-contact__patientImage {
    aspect-ratio: 392/220;
    margin-top: 17px;
    margin-top: 1.0625rem;
    width: 392px;
    width: 24.5rem;
  }
  .p-contact__patientImage img {
    margin-left: 4px;
    margin-left: 0.25rem;
  }
  .p-contact__patientBtnWrap {
    margin-top: 24px;
    margin-top: 1.5rem;
    padding-left: 8px;
    padding-left: 0.5rem;
    max-width: 408px;
    max-width: 25.5rem;
  }
  .p-delivery__card {
    margin-top: 35px;
    margin-top: 2.1875rem;
    border-radius: 3.75rem;
    padding-top: 35px;
    padding-top: 2.1875rem;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
  }
  .p-delivery__icon {
    width: 320px;
    width: 20rem;
  }
  .p-delivery__title {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3571428571;
  }
  .p-delivery__note {
    margin-top: 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
  .p-faqArchive__help {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
  .p-faqArchive__helpText {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-faqArchive__helpImage {
    width: 220px;
    width: 13.75rem;
  }
  .p-faqArchive__search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 402px;
  }
  .p-faqArchive__searchInput {
    border-width: 2px;
    padding: 15px 20px 15px 50px;
    padding: 0.9375rem 1.25rem 0.9375rem 3.125rem;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-faqArchive__searchIcon {
    left: 20px;
    left: 1.25rem;
    width: 20px;
    width: 1.25rem;
  }
  .p-faqArchive__body {
    border-radius: 3.75rem;
    padding: 65px 63px 58px;
    padding: 4.0625rem 3.9375rem 3.625rem;
  }
  .p-faqArchive__filters {
    gap: 20px;
    gap: 1.25rem;
    grid-template-columns: 1fr auto;
  }
  .p-faqArchive__category {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-faqArchive__categorySelect {
    width: 402px;
    width: 25.125rem;
  }
  .p-faqArchive__categorySelect::after {
    right: 18px;
    right: 1.125rem;
  }
  .p-faqArchive__categoryInput {
    padding: 21px 35px 21px 15px;
    padding: 1.3125rem 2.1875rem 1.3125rem 0.9375rem;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-faqArchive__categoryTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-faqArchive__categoryTitle::before {
    width: 5px;
    width: 0.3125rem;
    height: 20px;
    height: 1.25rem;
  }
  .p-faqArchive__noResults {
    padding: 60px 40px;
    padding: 3.75rem 2.5rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-faqArchive__empty {
    padding: 60px 40px;
    padding: 3.75rem 2.5rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-faqArchive__tabs {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
  .p-faqArchive__tabList {
    gap: 12px;
    gap: 0.75rem;
  }
  .p-faqArchive__tabButton {
    padding: 12px 28px;
    padding: 0.75rem 1.75rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-fatBurnPrice {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-fatBurnPrice__container {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    border-radius: 0.625rem;
    padding: 18px 12px 14px;
    padding: 1.125rem 0.75rem 0.875rem;
  }
  .p-fatBurnPrice__singleTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-fatBurnPrice__singlePrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-fatBurnPrice__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-fatBurnPrice__subscriptionTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-fatBurnPrice__periods {
    gap: 5px;
    gap: 0.3125rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-fatBurnPrice__periodLabel {
    margin: 0 0 12px;
    margin: 0 0 0.75rem;
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-fatBurnPrice__periodPrice {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-fatBurnPrice__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-fatBurnPrice__singlePrice .p-fatBurnPrice__unit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-fatBurnPrice__periodDetailLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-fatBurnPrice__periodDetailPrice {
    margin-top: 3px;
    margin-top: 0.1875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-fatBurnPrice__periodDetailUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-fatBurnPrice__disclaimer {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-fatBurnPrice__disclaimer p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-fatBurnPrice__trial {
    margin-top: 32px;
    margin-top: 2rem;
  }
  .p-fatBurnPrice__trialTitle {
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  .p-fatBurnPrice__trialPeriod {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-fatBurnPrice__trialPrice {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-fatBurnPrice__trialPrice .p-fatBurnPrice__unit {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-fatBurnPrice__ctaButton {
    margin-top: 32px;
    margin-top: 2rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
    min-width: 460px;
    min-width: 28.75rem;
  }
  .p-features__list {
    gap: 70px 39px;
    gap: 4.375rem 2.4375rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 70px;
    margin-top: 4.375rem;
    max-width: 100%;
  }
  .p-features__item:nth-child(1) {
    grid-column: 2/span 2;
  }
  .p-features__item:nth-child(2) {
    grid-column: 4/span 2;
  }
  .p-features__item:nth-child(3) {
    grid-column: 1/span 2;
  }
  .p-features__item:nth-child(4) {
    grid-column: 3/span 2;
  }
  .p-features__item:nth-child(5) {
    grid-column: 5/span 2;
  }
  .p-features__number {
    width: 56px;
    width: 3.5rem;
  }
  .p-features__item:nth-child(even) .p-features__number {
    right: auto;
    -webkit-transform: translate(-18%, -50%);
    transform: translate(-18%, -50%);
  }
  .p-features__card {
    border-width: 3px;
    border-radius: 0 3.75rem 0 0;
    padding: 29px 25px 27px;
    padding: 1.8125rem 1.5625rem 1.6875rem;
  }
  .p-features__card::before {
    right: -3px;
    right: -0.1875rem;
    bottom: -3px;
    bottom: -0.1875rem;
    border-right: 3px solid #ffb8d5;
    border-bottom: 3px solid #ffb8d5;
    width: 46px;
    width: 2.875rem;
  }
  .p-features__item:nth-child(even) .p-features__card::before {
    right: -3px;
    right: -0.1875rem;
    bottom: -3px;
    bottom: -0.1875rem;
    left: auto;
    border-right: 3px solid #ffb8d5;
    border-left: none;
  }
  .p-features__card::after {
    aspect-ratio: 50/27;
    top: -3px;
    left: -3px;
    width: 50px;
    width: 3.125rem;
  }
  .p-features__item:nth-child(even) .p-features__card::after {
    top: -3px;
    right: auto;
    left: -3px;
  }
  .p-features__item:nth-child(odd) .p-features__card {
    border-radius: 0 3.75rem 0 0;
  }
  .p-features__item:nth-child(even) .p-features__card {
    border-radius: 0 3.75rem 0 0;
  }
  .p-features__title {
    gap: 4px;
    gap: 0.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 61px;
    min-height: 3.8125rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
  .p-features__title--small {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.3157894737;
  }
  .p-features__icon {
    margin-top: 0;
    width: 260px;
    width: 16.25rem;
  }
  .p-features__description {
    margin-top: 18px;
    margin-top: 1.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-features__faq {
    margin-top: 85px;
    margin-top: 5.3125rem;
    padding: 72px 0 57px;
    padding: 4.5rem 0 3.5625rem;
    max-width: 500px;
    max-width: 31.25rem;
  }
  .p-features__faqTitle {
    font-size: 32px;
    font-size: 2rem;
  }
  .p-features__faqDescription {
    margin-top: 0;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-features__faqNumber {
    width: 80px;
    width: 5rem;
  }
  .p-features__faqTabs {
    gap: 10px;
    gap: 0.625rem;
    margin-top: 20px;
    margin-top: 1.25rem;
    padding-right: 40px;
    padding-right: 2.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-features__faqTabsList {
    gap: 6px;
    gap: 0.375rem;
  }
  .p-features__faqTab {
    padding: 10px 13px;
    padding: 0.625rem 0.8125rem;
    min-width: 110px;
    min-width: 6.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-features__faqIllustration {
    margin-top: 20px;
    margin-top: 1.25rem;
    width: 220px;
    width: 13.75rem;
  }
  .p-features__faqButton {
    max-width: 394px;
    max-width: 24.625rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-features__faqButton a {
    height: 68px;
    height: 4.25rem;
  }
  .p-flow__steps {
    margin-top: 65px;
    margin-top: calc(65 * var(--px-to-rem));
    max-width: 100%;
  }
  .p-flow__cta {
    gap: 28px;
    gap: 1.75rem;
    margin-top: 37px;
    margin-top: calc(37 * var(--px-to-rem));
  }
  .p-flow__ctaTop {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
  .p-flow__ctaIllustration img {
    aspect-ratio: 400/212;
  }
  .p-flow__ctaIllustration {
    width: 400px;
    width: 25rem;
  }
  .p-flow__ctaButton {
    width: 490px;
    width: 30.625rem;
  }
  .p-flow__ctaButton a {
    padding: 16px 0;
    padding: 1rem 0;
  }
  .p-flow__ctaLine {
    min-width: 460px;
    min-width: 28.75rem;
  }
  .p-flow__guide {
    max-width: 394px;
    max-width: 24.625rem;
  }
  .p-flow__inner {
    padding-bottom: 180px;
    padding-bottom: calc(180 * var(--px-to-rem));
  }
  .p-fv img {
    aspect-ratio: 1920/430;
    min-height: 430px;
    min-height: calc(430 * var(--px-to-rem));
  }
  .p-header__nav {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .is-fixed .p-header__nav {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    min-width: 0;
  }
  .is-fixed .p-header__navLink {
    padding: 0 8px;
    padding: 0 0.5rem;
    height: 44px;
    height: 2.75rem;
  }
  .p-legal {
    margin-top: 70px;
    margin-top: 4.375rem;
    padding-bottom: 266px;
    padding-bottom: 16.625rem;
  }
  .p-legal h2 {
    padding-left: 13px;
    padding-left: 0.8125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-legal .wp-block-separator.has-alpha-channel-opacity.is-style-wide {
    margin-top: 23px;
    margin-top: 1.4375rem;
  }
  .p-legal table th,
  .p-legal table td {
    padding: 20px 30px;
    padding: 1.25rem 1.875rem;
  }
  .p-legal table th {
    width: 153px;
    width: 9.5625rem;
  }
  .p-legal ul.p-legal__list--nested,
  .p-legal .p-legal__list--nested {
    margin-top: calc(0.625rem - 0.24375em);
  }
  .p-legal p {
    line-height: 1.4875;
  }
  .p-legal__intro {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4875;
  }
  .p-legal__section {
    margin-top: 70px;
    margin-top: 4.375rem;
  }
  .p-legal__subHeading--top {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-legal__strong.p-legal__strong {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-legal__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4875;
  }
  .p-legal__text--margin {
    margin-top: calc(0.625rem - 0.24375em);
  }
  .p-legal__list:not(.p-legal__list--ordered) .p-legal__listItem::before {
    top: calc((1.4875em - 0.4375rem) / 2);
  }
  .p-legal__listItem {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4875;
  }
  .p-legal__listItem + .p-legal__listItem {
    margin-top: calc(0.625rem - 0.24375em);
  }
  .p-lpAdditionalDelivery {
    border-radius: 1.25rem;
    padding: 54px 80px;
    padding: 3.375rem 5rem;
  }
  .p-lpAdditionalDelivery__mainTitle {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-lpAdditionalDelivery__text {
    margin-top: 16px;
    margin-top: 1rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpAdditionalDelivery__note {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpAdditionalDelivery__note + .p-lpAdditionalDelivery__note {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-lpAdditionalDelivery__contents {
    gap: 65px;
    gap: 4.0625rem;
  }
  .p-lpAdditionalDeliverySection {
    margin-top: 100px;
    margin-top: 6.25rem;
  }
  .p-lpAfterpill--72 .p-lpAfterpill__contentBox {
    padding-bottom: 50px;
    padding-bottom: 3.125rem;
  }
  .p-lpAfterpill--72 .p-lpAfterpill__inner {
    padding-top: 175px;
    padding-top: 10.9375rem;
    padding-bottom: 140px;
    padding-bottom: 8.75rem;
  }
  .p-lpAfterpill--120 .p-lpAfterpill__inner {
    padding-top: 135px;
    padding-top: 8.4375rem;
    padding-bottom: 0;
  }
  .p-lpAfterpill__content {
    padding: 54px 80px;
    padding: 3.375rem 5rem;
  }
  .p-lpAfterpill__contentBox {
    padding: 70px 80px 50px 80px;
    padding: 4.375rem 5rem 3.125rem 5rem;
  }
  .p-lpAfterpill__contentBox::before {
    top: -55px;
    top: -3.4375rem;
    width: 110px;
    width: 6.875rem;
    height: 110px;
    height: 6.875rem;
  }
  .p-lpAfterpill__header {
    margin-bottom: 38px;
    margin-bottom: 2.375rem;
  }
  .p-lpAfterpill__icon {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    width: 100px;
    width: 6.25rem;
  }
  .p-lpAfterpill__title {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-lpAfterpill__titlePrefix {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.12;
  }
  .p-lpAfterpill__titleMain {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.6;
  }
  .p-lpAfterpill__titleMain::before {
    bottom: -20px;
    bottom: -1.25rem;
    width: 78px;
    width: 4.875rem;
    height: 4.5px;
    height: 0.28125rem;
  }
  .p-lpAfterpill__description {
    margin-top: 54px;
    margin-top: 3.375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpAfterpill__recommend {
    margin-top: 38px;
    margin-top: 2.375rem;
  }
  .p-lpAfterpill__recommendTitle {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-lpAfterpill__medicineCards {
    gap: 25px;
    gap: 1.5625rem;
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-lpAfterpill__recommendBadge {
    top: -12px;
    top: -0.75rem;
    left: 20px;
    left: 1.25rem;
    padding: 6px 16px;
    padding: 0.375rem 1rem;
    min-width: 118px;
    min-width: 7.375rem;
    min-height: 31px;
    min-height: 1.9375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpAfterpill__medicineCardInner {
    gap: 12px;
    gap: 0.75rem;
    grid-template-columns: 8.75rem 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .p-lpAfterpill__medicineImage {
    width: 140px;
    width: 8.75rem;
  }
  .p-lpAfterpill__medicineNameWrapper {
    gap: 4px;
    gap: 0.25rem;
  }
  .p-lpAfterpill__medicineName {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpAfterpill__medicineSubtitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpAfterpill__medicinePrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpAfterpill__medicinePriceUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpAfterpill__precautionsButton {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-lpAfterpill__precautionsButton .c-btn {
    padding: 19px 30px;
    padding: 1.1875rem 1.875rem;
  }
  .p-lpAfterpill__precautionsButtonTextTop {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpAfterpill__precautionsButtonTextBottom {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-lpAfterpill__accordionItem {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-lpAfterpill__notes {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-lpContent__inner--narrow {
    padding-top: 80px;
    padding-top: 5rem;
    padding-bottom: 140px;
    padding-bottom: 8.75rem;
  }
  .p-lpContent__body {
    margin-top: 50px;
    margin-top: calc(50 * var(--px-to-rem));
    padding: 40px 75px;
    padding: calc(40 * var(--px-to-rem)) calc(75 * var(--px-to-rem));
    border-radius: 20px;
    border-radius: calc(20 * var(--px-to-rem));
  }
  .p-lpContent__mainTitle {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: left;
  }
  .p-lpContent__mainTitle::before {
    height: 3px;
  }
  .p-lpContent__text {
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
  .p-lpContent__text--center {
    text-align: center;
  }
  .p-lpContent__imageText {
    gap: 20px;
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 24.375rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-top: 20px;
    margin-top: 1.25rem;
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-lpContent__description {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
  .p-lpContent__heading:not(:first-of-type) {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-lpContent__headingMini {
    margin-top: 40px;
    margin-top: 2.5rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .p-lpContent__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    gap: calc(15 * var(--px-to-rem));
  }
  .p-lpContent__list--marginTop {
    margin-top: 35px;
    margin-top: calc(35 * var(--px-to-rem));
  }
  .p-lpContent__list--marginBottom {
    margin-bottom: 20px;
    margin-bottom: calc(20 * var(--px-to-rem));
  }
  .p-lpContent__item {
    min-height: 70px;
    min-height: calc(70 * var(--px-to-rem));
    padding: 9px 26px 8px;
    padding: calc(9 * var(--px-to-rem)) calc(26 * var(--px-to-rem)) calc(8 * var(--px-to-rem));
    font-size: 16px;
    font-size: calc(16 * var(--px-to-rem));
    line-height: 24px;
    line-height: calc(24 * var(--px-to-rem));
  }
  .p-lpContent__item::before {
    width: 14px;
    width: calc(14 * var(--px-to-rem));
  }
  .p-lpContent__concernsGrid {
    gap: 25px;
    gap: 1.5625rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-lpContent__concernImage {
    max-width: 120px;
    max-width: 7.5rem;
  }
  .p-lpContent__concernText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpContent__cards {
    gap: 0;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 0.9375rem;
    background-color: #fff;
    padding: 25px 0 29px;
    padding: 1.5625rem 0 1.8125rem;
  }
  .p-lpContent__card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0;
    padding: 0 0 0 20px;
    padding: 0 0 0 1.25rem;
  }
  .p-lpContent__card:nth-child(even) {
    border-right: 1px solid var(--lp-card-border, #ffe2ea);
    border-left: 1px solid var(--lp-card-border, #ffe2ea);
  }
  .p-lpContent__cardTitleContainer {
    gap: 15px;
    gap: 0.9375rem;
  }
  .p-lpContent__cardIcon {
    width: 56px;
    width: 3.5rem;
  }
  .p-lpContent__cardTitle {
    font-size: 23px;
    font-size: 1.4375rem;
  }
  .p-lpContent__cardFeatures {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 11px;
    margin-top: 0.6875rem;
  }
  .p-lpContent__cardFeatureItem {
    line-height: 1.4;
  }
  .p-lpContent__cardButton {
    margin-top: 18px;
    margin-top: 1.125rem;
    margin-right: auto;
    max-width: 260px;
    max-width: 16.25rem;
  }
  .p-lpContent__cardButton a {
    min-height: 60px;
    min-height: 3.75rem;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-lpContent__headerWrapper::before {
    width: 110px;
    width: 6.875rem;
  }
  .p-lpContent__headerWrapper {
    padding-top: 55px;
    padding-top: 3.4375rem;
  }
  .p-lpContent__header {
    padding: 62px 80px 50px;
    padding: 3.875rem 5rem 3.125rem;
  }
  .p-lpContent__recommend {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-lpContent__recommendTitle {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
  .p-lpContent__tableWrapper {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .p-lpContent__tableScroll {
    border: none;
    border-radius: 0;
    overflow-x: visible;
  }
  .p-lpContent__medicineCards {
    gap: 25px;
    gap: 1.5625rem;
    margin-top: 45px;
    margin-top: 2.8125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpContent__medicineCard__summary {
    gap: 30px;
    gap: 1.875rem;
    grid-template-columns: 8.75rem 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 40px;
    padding: 0.625rem 2.5rem;
  }
  .p-lpContent__medicineCard__title {
    margin-top: 15px;
    margin-top: 0.9375rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-lpContent__medicineCard__feature {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpContent__medicineCard__pricing {
    padding: 7px 33px 6px 50px;
    padding: 0.4375rem 2.0625rem 0.375rem 3.125rem;
  }
  .p-lpContent__medicineCard__price {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpContent__medicineCard__priceAmount {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpContent__medicineCard__toggleButton {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-lpContent__medicineCard__toggleText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpContent__medicineCardDetail {
    padding: 0 50px 18px;
    padding: 0 3.125rem 1.125rem;
  }
  .p-lpContent__cta {
    margin-top: 50px;
    margin-top: 3.125rem;
    max-width: 460px;
    max-width: 28.75rem;
  }
  .p-lpContent__ctaText:first-of-type {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-lpContent__image--maxWidth820 {
    margin-top: 10px;
    margin-top: 0.625rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 820px;
    max-width: 51.25rem;
  }
  .p-lpContent__notes {
    gap: 12px;
    gap: 0.75rem;
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-lpDeliverySection__inner {
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .p-lpDeliverySection.l-section {
    margin-top: -5.2083333333vw;
  }
  .p-lpDelivery__content {
    margin-top: 35px;
    margin-top: 2.1875rem;
    border-radius: 1.25rem;
    padding: 50px 80px;
    padding: 3.125rem 5rem;
  }
  .p-lpDeliveryAreas__area + .p-lpDeliveryAreas__area {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-lpDeliveryAreas__title {
    padding-left: 22px;
    padding-left: 1.375rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpDeliveryAreas__title::before {
    width: 15px;
    width: 0.9375rem;
    height: 19.5px;
    height: 1.21875rem;
  }
  .p-lpDeliveryAreas__feeSection {
    gap: 0;
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-lpDeliveryAreas__feeSection + .p-lpDeliveryAreas__feeSection {
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-lpDeliveryAreas__feePrice {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpDeliveryAreas__wardText {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpDeliveryAreas__disclaimer {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpDeliveryAreas__disclaimer:first-of-type {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-lpDeliverySameDay {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-lpDeliverySameDay__hours {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .p-lpDeliverySameDay__hoursLabel {
    padding: 16px 30px;
    padding: 1rem 1.875rem;
    height: 56px;
    height: 3.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpDeliverySameDay__hoursTime {
    height: 56px;
    height: 3.5rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpDeliverySchedule__table {
    border-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table thead tr:first-child th:first-child {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table thead tr:first-child th:nth-child(2) {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table thead tr:first-child th:last-child {
    border-top-right-radius: 15px;
    border-top-right-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table tbody tr:first-child td:first-child {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    border-bottom-left-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-right-radius: 0.9375rem;
  }
  .p-lpDeliverySchedule__headerEmpty {
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
    width: 15%;
  }
  .p-lpDeliverySchedule__header {
    padding: 6px 20px;
    padding: 0.375rem 1.25rem;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-lpDeliverySchedule__label {
    padding: 16px 20px;
    padding: 1rem 1.25rem;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-lpDeliverySchedule__cell {
    padding: 7px 20px;
    padding: 0.4375rem 1.25rem;
  }
  .p-lpDeliverySchedule__time {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpDeliverySchedule__until {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpDeliverySchedule__particle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpDeliverySchedule__text {
    font-size: 23px;
    font-size: 1.4375rem;
  }
  .p-lpDeliverySchedule__after {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-lpDeliverySchedule__disclaimer {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpDeliverySchedule__disclaimer:first-of-type {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-lpFaq__accordion {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-lpFaq__accordionImg {
    width: 220px;
    width: 13.75rem;
  }
  .p-lpFaq__more {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-lpFaq__more a {
    max-width: 394px;
    max-width: 24.625rem;
  }
  .p-lpPayment {
    margin-top: 54px;
    margin-top: 3.375rem;
  }
  .p-lpPayment__list {
    gap: 10px 15px;
    gap: 0.625rem 0.9375rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-lpPayment__item {
    padding: 12px 15px 10px;
    padding: 0.75rem 0.9375rem 0.625rem;
    min-height: 102px;
    min-height: 6.375rem;
  }
  .p-lpPayment__itemTitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpPayment__logos {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-lpPayment__logo--visa {
    width: 66px;
    width: 4.125rem;
  }
  .p-lpPayment__logo--mastercard {
    width: 55px;
    width: 3.4375rem;
  }
  .p-lpPayment__logo--jcb,
  .p-lpPayment__logo--amex,
  .p-lpPayment__logo--diners {
    width: 42px;
    width: 2.625rem;
  }
  .p-lpPayment__logo--au,
  .p-lpPayment__logo--softbank {
    width: 54px;
    width: 3.375rem;
  }
  .p-lpPayment__itemText {
    margin-top: 3px;
    margin-top: 0.1875rem;
  }
  .p-lpPrecautions {
    border-radius: 1.25rem;
    padding: 50px 80px;
    padding: 3.125rem 5rem;
  }
  .p-lpPrecautions__content {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-lpPrecautions__heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .p-lpPrecautions__section--accordion {
    margin-top: 15px !important;
    margin-top: 0.9375rem !important;
  }
  .p-lpPrecautions__sectionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-accordion__trigger .p-lpPrecautions__sectionTitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpPrecautions__subsectionTitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpPrecautions__text {
    margin-top: 3px;
    margin-top: 0.1875rem;
  }
  .p-lpPrecautions__text--note {
    margin-top: 5px;
    margin-top: 0.3125rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpPrecautions__list {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-lpPrecautions__item {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpPrecautions__title {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    text-align: left;
  }
  .p-lpPrecautions__title::before {
    height: 3px;
  }
  .p-lpPrecautions__title--sub {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-lpPrecautions__title--main {
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpPrecautions__ctaText {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-lpPrecautions__ctaText p + p {
    margin-top: 4px;
    margin-top: 0.25rem;
  }
  .p-lpPrecautionsSection__inner {
    padding-bottom: 250px;
    padding-bottom: 15.625rem;
  }
  .p-lpReasons__content {
    margin-top: 50px;
    margin-top: 3.125rem;
    border-width: 3px;
    border-radius: 0 3.75rem 0 3.75rem;
    padding: 40px 50px;
    padding: 2.5rem 3.125rem;
    max-width: 100%;
  }
  .p-lpReasons__content::before {
    top: -3px;
    left: -3px;
    border-top-width: 3px;
    border-left-width: 3px;
  }
  .p-lpReasons__content::after {
    right: -3px;
    bottom: -3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
  }
  .p-lpReasons__content--about {
    padding: 36px min(50px, 3.1390134529%) 32px;
    padding: 2.25rem min(3.125rem, 3.1390134529%) 2rem;
  }
  .p-lpReasons__content--about .p-lpReasons__list {
    gap: 22px;
    gap: 1.375rem;
    margin-inline: auto;
    max-width: 994px;
  }
  .p-lpReasons__content--female {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-lpReasons__list {
    gap: 22px;
    gap: 1.375rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .p-lpReasons__item {
    gap: 15px;
    gap: 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: 8.125rem 1fr;
    text-align: center;
  }
  .p-lpReasons__icon {
    margin-inline: auto;
    width: 55.7939914163%;
  }
  .p-lpReasons__body {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpReasons__title {
    margin-inline: auto;
    white-space: nowrap;
  }
  .p-lpReasons__note {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-lpReasonsSection__cta {
    margin-top: 41px;
    margin-top: 2.5625rem;
  }
  .p-lpReasonsWorry {
    margin-top: 70px;
    margin-top: 4.375rem;
  }
  .p-lpReasonsWorry__box {
    border-radius: 3.75rem;
    padding: 50px 20px 40px;
    padding: 3.125rem 1.25rem 2.5rem;
  }
  .p-lpReasonsWorry__title {
    padding: 0 20px;
    padding: 0 1.25rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-lpReasonsWorry__list {
    gap: 15px;
    gap: 0.9375rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-lpReasonsWorry__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 20px 15px 80px;
    padding: 0.625rem 1.25rem 0.9375rem 5rem;
    width: 325px;
    width: 20.3125rem;
    text-align: center;
  }
  .p-lpReasonsWorry__item--01::before {
    top: -15px;
    top: -0.9375rem;
    left: 9px;
    left: 0.5625rem;
    width: 92px;
    width: 5.75rem;
    height: 82px;
    height: 5.125rem;
  }
  .p-lpReasonsWorry__item--02 {
    padding-right: 82px;
    padding-right: 5.125rem;
    padding-left: 10px;
    padding-left: 0.625rem;
  }
  .p-lpReasonsWorry__item--02::before {
    right: -10px;
    right: -0.625rem;
    width: 85px;
    width: 5.3125rem;
    height: 80px;
    height: 5rem;
  }
  .p-lpReasonsWorry__item--03::before {
    top: -8px;
    top: -0.5rem;
    left: 16px;
    left: 1rem;
    width: 76px;
    width: 4.75rem;
    height: 79px;
    height: 4.9375rem;
  }
  .p-lpReasonsWorry__text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6;
    white-space: nowrap;
  }
  .p-lpReasonsWorry__item.p-lpReasonsWorry__item--03 {
    padding-right: 30px;
    padding-right: 1.875rem;
    padding-left: 100px;
    padding-left: 6.25rem;
  }
  .p-lpReasonsWorry__textLine2 {
    line-height: 1;
  }
  .p-lpReasonsWorry__badge {
    padding: 6px 20px;
    padding: 0.375rem 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-lpReasonsWorry__solutionTitleText {
    font-size: 32px;
    font-size: 2rem;
  }
  .p-lpReasonsWorry__solutionTitleText::before {
    top: -8px;
    top: -0.5rem;
    left: -15px;
    left: -0.9375rem;
    width: 30px;
    width: 1.875rem;
    height: 16px;
    height: 1rem;
  }
  .p-lpReasonsWorry__solutionText {
    margin-top: 15px;
    margin-top: 0.9375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-p-priceAnnounce {
    margin-top: 40px;
    margin-top: calc(40 * var(--px-to-rem));
    padding: 20px 0 18px;
    padding: calc(20 * var(--px-to-rem)) 0 calc(18 * var(--px-to-rem));
    border-radius: 20px;
    border-radius: calc(20 * var(--px-to-rem));
  }
  .p-priceAnnounce__txt {
    gap: 12px;
    gap: calc(12 * var(--px-to-rem));
  }
  .p-priceAnnounce__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    gap: calc(10 * var(--px-to-rem));
  }
  .p-priceAnnounce__txt--top {
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 29px;
    line-height: calc(29 * var(--px-to-rem));
  }
  .p-priceAnnounce__list {
    gap: 25px;
    gap: calc(25 * var(--px-to-rem));
  }
  .p-priceAnnounce__item {
    gap: 8px;
    gap: calc(8 * var(--px-to-rem));
    font-size: 23px;
    font-size: calc(23 * var(--px-to-rem));
    line-height: 30px;
    line-height: calc(30 * var(--px-to-rem));
  }
  .p-priceAnnounce__item:has(.p-priceAnnounce__icon) {
    padding-right: 0;
  }
  .p-priceAnnounce__item::before {
    content: "";
    display: inline-block;
    width: 22.07px;
    width: calc(22.07 * var(--px-to-rem));
    height: 22.09px;
    height: calc(22.09 * var(--px-to-rem));
    background: url(../img/lp/icon-check.svg) no-repeat center/contain;
  }
  .p-priceAnnounce__item .p-priceAnnounce__icon {
    -webkit-transform: translate(100%, 3.5px);
            transform: translate(100%, 3.5px);
    -webkit-transform: translate(100%, calc(3.5 * var(--px-to-rem)));
            transform: translate(100%, calc(3.5 * var(--px-to-rem)));
    font-size: 13px;
    font-size: calc(13 * var(--px-to-rem));
    line-height: 16px;
    line-height: calc(16 * var(--px-to-rem));
  }
  .p-priceAnnounce__txt--bottom {
    font-size: 23px;
    font-size: calc(23 * var(--px-to-rem));
    line-height: 30px;
    line-height: calc(30 * var(--px-to-rem));
  }
  .p-priceAnnounce__anno {
    margin-top: 12px;
    margin-top: calc(12 * var(--px-to-rem));
    font-size: 14px;
    font-size: calc(14 * var(--px-to-rem));
    line-height: 17px;
    line-height: calc(17 * var(--px-to-rem));
  }
  .p-lpSubscription__title--skincare {
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .p-lpSubscription__title--skincare::before {
    bottom: -20px;
    bottom: -1.25rem;
    width: 78px;
    width: 4.875rem;
    height: 4.5px;
    height: 0.28125rem;
  }
  .p-lpSubscription__contents {
    gap: 60px;
    gap: 3.75rem;
  }
  .p-lpSubscription__tabs {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-lpSubscription__tab {
    padding: 10px 28px 8px;
    padding: 0.625rem 1.75rem 0.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpSubscription__tabContent {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-lpSubscription__flowSection {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-lpSubscription__flowLabel {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-lpSubscription__flowSteps {
    gap: 8px;
    gap: 0.5rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .p-lpSubscription__stepContainer {
    padding-right: 22px;
    padding-right: 1.375rem;
  }
  .p-lpSubscription__stepContainer:last-child {
    padding-right: 0;
  }
  .p-lpSubscription__stepContainer:not(:last-child)::after {
    width: 10px;
    width: 0.625rem;
  }
  .p-lpSubscription__step {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .p-lpSubscription__stepIcon {
    width: 40px;
    width: 2.5rem;
  }
  .p-lpSubscription__stepText {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpSubscription__stepTextSmall {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .p-lpSubscription__noticeText {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpSubscription__description {
    margin-top: 17px;
    margin-top: 1.0625rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-lpSubscription__additionalText {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-lpSubscription__accordion {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-lpSubscription__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietChoice.l-section {
    margin-top: -90px;
    margin-top: -5.625rem;
  }
  .p-medicalDietChoice__inner {
    padding-bottom: 240px;
    padding-bottom: 15rem;
  }
  .p-medicalDietChoice__title {
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietChoice__text {
    margin-top: -5px;
    margin-top: -0.3125rem;
  }
  .p-medicalDietCalorieInfographic {
    margin-top: 18px;
    margin-top: 1.125rem;
    padding: 16px 100px;
    padding: 1rem 6.25rem;
  }
  .p-medicalDietCalorieInfographic__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-medicalDietCalorieInfographic__images {
    gap: 20px;
    gap: 1.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-medicalDietCalorieInfographic__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 260px;
    max-width: 16.25rem;
  }
  .p-medicalDietCalorieInfographic__arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    margin-top: 0;
    padding-left: 2px;
    padding-left: 0.125rem;
  }
  .p-medicalDietCalorieInfographic__arrow img {
    width: 22px;
    width: 1.375rem;
    height: 34px;
    height: 2.125rem;
  }
  .p-medicalDietCalorieInfographic__result {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px;
    margin-top: 0.625rem;
    max-width: 190px;
    max-width: 11.875rem;
  }
  .p-medicalDietPlans {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-medicalDietPlans__title {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: left;
  }
  .p-medicalDietPlans__titleHighlight {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-medicalDietPlans__titleHighlight::after {
    display: none;
  }
  .p-medicalDietPlans__container {
    gap: 10px;
    gap: 0.625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-medicalDietPlans__group {
    gap: 10px;
    gap: 0.625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 20px;
    padding: 1.5625rem 1.25rem;
  }
  .p-medicalDietPlans__card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 2px;
    padding: 1.25rem 0.125rem;
    width: 182px;
    width: 11.375rem;
  }
  .p-medicalDietPlans__label {
    padding: 2px 12px;
    padding: 0.125rem 0.75rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPlans__content {
    gap: 15px;
    gap: 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-medicalDietPlans__image {
    width: 100%;
    max-width: 90px;
    max-width: 5.625rem;
  }
  .p-medicalDietPlans__text {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: -0.02em;
    text-align: center;
  }
  .p-medicalDietPlans__operator {
    margin: 0 5px;
    margin: 0 0.3125rem;
  }
  .p-medicalDietPlans__operatorPlus {
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietPlans__operatorMultiply {
    -webkit-transform: translateY(6.875rem);
    transform: translateY(6.875rem);
  }
  .p-medicalDietPlans__Text {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPlans__Text + .p-medicalDietPlans__Text {
    margin-top: 2px;
    margin-top: 0.125rem;
  }
  .p-medicalDietPlans__buttons {
    gap: 20px;
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-medicalDietPlans__button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 82px;
    padding-left: 5.125rem;
    max-width: 344px;
    max-width: 21.5rem;
    height: 84px;
    height: 5.25rem;
    min-height: 90px;
    min-height: 5.625rem;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-medicalDietPlans__button::after {
    border-width: 4px;
  }
  .p-medicalDietPlans__buttonIcon {
    left: 20px;
    left: 1.25rem;
    width: 54px;
    width: 3.375rem;
  }
  .p-medicalDietGlp__inner {
    padding-bottom: 35px;
    padding-bottom: 2.1875rem;
  }
  .p-medicalDietGlp__body {
    margin-top: 40px;
    margin-top: 2.5rem;
    padding: 65px 80px 50px 80px;
    padding: 4.0625rem 5rem 3.125rem 5rem;
  }
  .p-medicalDietGlp__body::before {
    top: -40px;
    top: -2.5rem;
    width: 92px;
    width: 5.75rem;
  }
  .p-medicalDietGlp__body::after {
    top: -50px;
    top: -3.125rem;
    width: 112px;
    width: 7rem;
  }
  .p-medicalDietGlp__header {
    margin-bottom: 55px;
    margin-bottom: 3.4375rem;
  }
  .p-medicalDietGlp__mainTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietGlp__subTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietGlp__planTitle {
    margin-top: -5px;
    margin-top: -0.3125rem;
    font-size: 32px;
    font-size: 2rem;
  }
  .p-medicalDietGlp__planTitle::after {
    bottom: -20px;
    bottom: -1.25rem;
    width: 78px;
    width: 4.875rem;
    height: 4px;
    height: 0.25rem;
  }
  .p-medicalDietGlp__effects {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-medicalDietGlp__effectsCards {
    gap: 12px;
    gap: 0.75rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
  }
  .p-medicalDietGlp__effectCard {
    padding: 14px 10px 14px 15px;
    padding: 0.875rem 0.625rem 0.875rem 0.9375rem;
  }
  .p-medicalDietGlp__effectContent {
    gap: 10px;
    gap: 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-medicalDietGlp__effectIcon {
    margin-inline: auto;
    margin-top: 0;
    width: 54px;
    width: 3.375rem;
    height: 54px;
    height: 3.375rem;
  }
  .p-medicalDietGlp__effectTitle {
    line-height: 1.3176470588;
  }
  .p-medicalDietGlp__effectTitle::before {
    top: calc(0.5lh - 0.53125rem);
    width: 17px;
    width: 1.0625rem;
    height: 17px;
    height: 1.0625rem;
  }
  .p-medicalDietGlp__effectPoints {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-medicalDietGlp__effectPoint:not(:first-of-type) {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-medicalDietGlp__effectPoint::after {
    height: 85%;
  }
  .p-medicalDietGlp__effectResult {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-medicalDietGlp__separator {
    width: 40px;
    width: 2.5rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietGlp__optionsText {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietGlp__optionCards {
    gap: 12px;
    gap: 0.75rem;
  }
  .p-medicalDietGlp__optionCard {
    padding: 24px 20px;
    padding: 1.5rem 1.25rem;
  }
  .p-medicalDietGlp__optionTitle {
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 28px;
    padding-left: 1.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietGlp__optionTitle::before {
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietGlp__optionMedicine {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-medicalDietAbout__inner {
    padding-bottom: 90px;
    padding-bottom: 5.625rem;
  }
  .p-medicalDietAbout__title {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietAbout__heading {
    margin-bottom: 9px;
    margin-bottom: 0.5625rem;
  }
  .p-medicalDietAbout__heading:not(:first-of-type) {
    margin-top: 42px;
    margin-top: 2.625rem;
  }
  .p-medicalDietAbout__body {
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
  }
  .p-medicalDietArticles {
    padding: 60px 0 210px;
    padding: 3.75rem 0 13.125rem;
  }
  .p-medicalDietArticles__heading {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .p-medicalDietArticles__list {
    gap: 15px;
    gap: 0.9375rem;
  }
  .p-medicalDietArticles__item {
    gap: 20px;
    gap: 1.25rem;
    border-radius: 1.25rem;
    padding: 28px 55px 30px 50px;
    padding: 1.75rem 3.4375rem 1.875rem 3.125rem;
  }
  .p-medicalDietArticles__image {
    width: 225px;
    width: 14.0625rem;
  }
  .p-medicalDietArticles__image img {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  .p-medicalDietArticles__item:hover .p-medicalDietArticles__image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .p-medicalDietArticles__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .p-medicalDietArticles__link {
    gap: 8px;
    gap: 0.5rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietArticles__link svg {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    margin-left: 6px;
    margin-left: 0.375rem;
    width: 8px;
    width: 0.5rem;
    height: 14px;
    height: 0.875rem;
  }
  .p-medicalDietArticles__item:hover .p-medicalDietArticles__link svg {
    -webkit-transform: translateX(0.25rem);
    transform: translateX(0.25rem);
  }
  .p-medicalDietArticles__linkIcon {
    width: 16px;
    width: 1rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietPlan {
    padding-bottom: 35px;
    padding-bottom: 2.1875rem;
  }
  .p-medicalDietPlan--fat-burn {
    padding-bottom: 120px;
    padding-bottom: 7.5rem;
  }
  .p-medicalDietPlan__header {
    position: relative;
    top: -1px;
    padding: 6px 20px 8px 20px;
    padding: 0.375rem 1.25rem 0.5rem 1.25rem;
  }
  .p-medicalDietPlan__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-medicalDietPlan__content {
    gap: 30px;
    gap: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 40px;
    padding: 0.9375rem 2.5rem;
  }
  .p-medicalDietPlan__content--noImage {
    display: block;
  }
  .p-medicalDietPlan__image {
    margin-inline: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 140px;
    max-width: 8.75rem;
  }
  .p-medicalDietPlan__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-medicalDietPlan__badges {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0;
  }
  .p-medicalDietPlan__badge {
    padding: 3px 10px;
    padding: 0.1875rem 0.625rem;
    padding-left: 26px;
    padding-left: 1.625rem;
  }
  .p-medicalDietPlan__description {
    margin-top: 3px;
    margin-top: 0.1875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__recommend {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-medicalDietPlan__recommendTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPlan__recommendItem {
    padding-left: 24px;
    padding-left: 1.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__recommendItem::before {
    top: 5px;
    top: 0.3125rem;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
  }
  .p-medicalDietPlan__medicines {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-medicalDietPlan__medicineRow {
    gap: 14px;
    gap: 0.875rem;
  }
  .p-medicalDietPlan__medicineLabel {
    padding: 10px 12px;
    padding: 0.625rem 0.75rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__medicineContent {
    gap: 16px;
    gap: 1rem;
  }
  .p-medicalDietPlan__medicineList {
    gap: 4px;
    gap: 0.25rem;
  }
  .p-medicalDietPlan__medicineItem {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__medicineLink:hover {
    opacity: 0.7;
  }
  .p-medicalDietPlan__note {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPlan__price {
    padding: 2px 50px;
    padding: 0.125rem 3.125rem;
  }
  .p-medicalDietPlan__priceAmount {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietPlan__priceAmount span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__priceToggle {
    gap: 12px;
    gap: 0.75rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    cursor: pointer;
    margin-right: -50px;
    margin-right: -3.125rem;
    padding: 12px 24px;
    padding: 0.75rem 1.5rem;
  }
  .p-medicalDietPlan__priceToggleText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__priceDetail {
    margin-top: 2px;
    margin-top: 0.125rem;
  }
  .p-medicalDietPlan__priceInitialFees {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-medicalDietPlan__priceInitialFee {
    gap: 11px;
    gap: 0.6875rem;
    padding: 4px 24px;
    padding: 0.25rem 1.5rem;
    height: 50px;
    height: 3.125rem;
  }
  .p-medicalDietPlan__priceInitialFeeGroup {
    gap: 10px;
    gap: 0.625rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-medicalDietPlan__priceInitialFeeGroup .p-medicalDietPlan__priceInitialFeeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__priceInitialFeeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__priceInitialFeeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietPlan__priceInitialFeeValue span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__priceInitialFeeNum {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietPlan__priceInitialFeeUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__pricePlus {
    margin-top: 12px;
    margin-top: 0.75rem;
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietPlan__priceTitle {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-medicalDietPrice.p-medicalDietPrice--ozempic-wegovy {
    margin-top: 0;
  }
  .p-medicalDietPlan__difference {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-medicalDietPlan__differenceText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__comparisonItem--weight {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-medicalDietPlan__comparison {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-medicalDietPlan__comparisonItem {
    padding: 20px 40px;
    padding: 1.25rem 2.5rem;
  }
  .p-medicalDietPlan__comparisonTitle {
    padding: 2px 20px;
    padding: 0.125rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__comparisonContent {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-medicalDietPlan__comparisonContent--effect {
    gap: 20px;
    gap: 1.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-medicalDietPlan__comparisonContent--weight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-medicalDietPlan__comparisonText {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
  .p-medicalDietPlan__comparisonContent--effect .p-medicalDietPlan__comparisonText {
    width: 325px;
    width: 20.3125rem;
  }
  .p-medicalDietPlan__comparisonText p:not(:first-child) {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-medicalDietPlan__comparisonNote {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPlan__comparisonDiagram {
    gap: 12px;
    gap: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-medicalDietPlan__comparisonContent--effect .p-medicalDietPlan__comparisonDiagram {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0;
    width: 293px;
    width: 18.3125rem;
  }
  .p-medicalDietPlan__comparisonDiagramItem {
    min-width: 140px;
    min-width: 8.75rem;
  }
  .p-medicalDietPlan__comparisonIntro {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__comparisonExampleTitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__comparisonExampleResult {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__comparisonTableTitle.p-lpContent__heading {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPlan__comparisonTableTitleSub {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPlan__comparisonTable {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-medicalDietPlan__table {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-medicalDietPlan__table thead tr:first-child th:first-child {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-medicalDietPlan__table thead tr:first-child th:nth-child(2) {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-medicalDietPlan__table thead tr:first-child th:last-child {
    border-top-right-radius: 15px;
    border-top-right-radius: 0.9375rem;
  }
  .p-medicalDietPlan__table tbody tr:first-child td:first-child {
    border-top-left-radius: 15px;
    border-top-left-radius: 0.9375rem;
  }
  .p-medicalDietPlan__table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    border-bottom-left-radius: 0.9375rem;
  }
  .p-medicalDietPlan__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-right-radius: 0.9375rem;
  }
  .p-medicalDietPlan__tableHeaderEmpty {
    padding: 16px 12px;
    padding: 1rem 0.75rem;
  }
  .p-medicalDietPlan__tableHeader {
    padding: 8px 12px;
    padding: 0.5rem 0.75rem;
    width: 33%;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPlan__tableLabel {
    padding: 16px 12px;
    padding: 1rem 0.75rem;
    padding: 10px 12px;
    padding: 0.625rem 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPlan__tableCell {
    padding: 10px;
    padding: 0.625rem;
  }
  .p-medicalDietPlan__tableValue {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-medicalDietPlan__comparisonDisclaimerWrapper {
    gap: 2px;
    gap: 0.125rem;
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-medicalDietPlan__comparisonDisclaimer {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPlan__sideEffects {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .p-medicalDietPlan__sideEffectsTitle {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__sideEffectsContent {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-medicalDietPlan__sideEffectsLabel {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPlan__sideEffectsText {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPlan__sideEffectsCta {
    margin-top: 40px;
    margin-top: 2.5rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .p-medicalDietPlan--fat-burn-combo .p-medicalDietPlan__header {
    padding-top: 2px;
    padding-top: 0.125rem;
  }
  .p-medicalDietPlan--carb-cut {
    padding-bottom: 0;
  }
  .p-medicalDietPlan--ezetimibe {
    padding-bottom: 115px;
    padding-bottom: 7.1875rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__content,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__content {
    gap: 30px;
    gap: 1.875rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__image,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__image {
    width: 200px;
    width: 12.5rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__title--inline,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__title--inline {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__description,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__description {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__detailLink,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__detailLink {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__detailLink a,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__detailLink a {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan--constipation .p-medicalDietPlan__detailLink a:hover,
  .p-medicalDietPlan--ezetimibe .p-medicalDietPlan__detailLink a:hover {
    opacity: 0.7;
  }
  .p-medicalDietPlan--carb-block .p-medicalDietPlan__pricePlus {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .p-medicalDietPlan__recommendBadge {
    top: -20px;
    top: -1.25rem;
    left: 2%;
    padding: 2px 25px;
    padding: 0.125rem 1.5625rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPlan__recommendBadge::after {
    bottom: 1px;
    bottom: 0.0625rem;
    border-width: 7px 5px 0 5px;
  }
  .p-medicalDietPlan__recommendBadge::before {
    border-width: 8px 6px 0 6px;
  }
  .p-medicalDietPlan__targetBadge {
    padding: 12px 20px 1px 20px;
    padding: 0.75rem 1.25rem 0.0625rem 1.25rem;
  }
  .p-medicalDietPlan__targetBadgeText {
    padding: 6px 20px;
    padding: 0.375rem 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1;
  }
  .p-medicalDietPrice--3tabs {
    margin-top: 0;
  }
  .p-medicalDietPrice__nestedTabWrapper {
    padding: 12px 12px 16px;
    padding: 0.75rem 0.75rem 1rem;
  }
  .p-medicalDietPrice__doseTab {
    padding: 4px 20px;
    padding: 0.25rem 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPrice__doseTab:hover:not(.is-active) {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-medicalDietPrice__doseTab:hover:not(.is-active)::before {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-medicalDietPrice__headerItem {
    padding: 6px 20px;
    padding: 0.375rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__headerItem:hover:not(.is-active) {
    background-color: rgba(47, 206, 185, 0.1);
  }
  .p-medicalDietPrice__headerItem:hover:not(.is-active)::before {
    background-color: rgba(47, 206, 185, 0.1);
  }
  .p-medicalDietPrice__headerContent {
    padding: 12px 9px 14px;
    padding: 0.75rem 0.5625rem 0.875rem;
  }
  .p-medicalDietPrice__priceContent {
    padding-right: 10px;
    padding-right: 0.625rem;
    padding-left: 10px;
    padding-left: 0.625rem;
  }
  .p-medicalDietPrice__disclaimerWrapper {
    gap: 2px;
    gap: 0.125rem;
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-medicalDietPrice__disclaimer {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPrice__monthly {
    padding-top: 15px;
    padding-top: 0.9375rem;
    padding-bottom: 13px;
    padding-bottom: 0.8125rem;
  }
  .p-medicalDietPrice__monthlyLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__monthlyPrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietPrice__monthlyPrice .p-medicalDietPrice__unit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-medicalDietPrice__columns {
    gap: 30px;
    gap: 1.875rem;
    grid-template-columns: 1fr 2fr;
  }
  .p-medicalDietPrice__columnLabel {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__bulk {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-medicalDietPrice__setLabel {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPrice__setPeriod {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-medicalDietPrice__price {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPrice__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPrice__total {
    margin-top: 6px;
    margin-top: 0.375rem;
    padding: 6px 10px;
    padding: 0.375rem 0.625rem;
    width: 100%;
  }
  .p-medicalDietPrice__totalLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicalDietPrice__totalValue {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__totalUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicalDietPrice__recommendBadge {
    top: -32px;
    top: -2rem;
    left: 2%;
    padding: 2px 25px;
    padding: 0.125rem 1.5625rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__recommendBadge::after {
    bottom: 1px;
    bottom: 0.0625rem;
    border-width: 7px 5px 0 5px;
  }
  .p-medicalDietPrice__recommendBadge::before {
    border-width: 8px 6px 0 6px;
  }
  .p-medicalDietPrice__subscriptionHeader {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-medicalDietPrice__single + .p-medicalDietPrice__subscriptionHeader {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-medicalDietPrice__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-medicalDietPrice__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__subscriptionLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicalDietPrice__singleTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPrice__singlePrice {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__subscriptionColumns {
    gap: 5px;
    gap: 0.3125rem;
  }
  .p-medicalDietPrice__subscriptionColumnLabel {
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPrice__subscriptionDetail {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding: 6px 10px;
    padding: 0.375rem 0.625rem;
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPrice__subscriptionPeriods {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-medicalDietPrice__subscriptionPeriodLabel {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__categoryRow {
    gap: 5px;
    gap: 0.3125rem;
  }
  .p-medicalDietPrice__categoryLabel {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 2px 10px;
    padding: 0.125rem 0.625rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicalDietPrice__quantityRow {
    gap: 5px;
    gap: 0.3125rem;
  }
  .p-medicalDietPrice--manjaro-zepbound .p-medicalDietPrice__headerContent {
    padding-right: 10px;
    padding-right: 0.625rem;
    padding-left: 10px;
    padding-left: 0.625rem;
  }
  .p-medicalDietPrice__initialFees {
    gap: 20px;
    gap: 1.25rem;
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-medicalDietPrice__consultationFee {
    gap: 10px;
    gap: 0.625rem;
    padding: 16px 20px;
    padding: 1rem 1.25rem;
  }
  .p-medicalDietPrice__shippingFees {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-medicalDietPrice__shippingFee,
  .p-medicalDietPrice__coolFee {
    gap: 10px;
    gap: 0.625rem;
    padding: 16px 20px;
    padding: 1rem 1.25rem;
  }
  .p-medicalDietPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-medicalDietPrice__feeValue::after {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__plus {
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-medicalDietPrice--subscription .p-medicalDietPrice__box {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-medicalDietPrice__ctaButton {
    margin-top: 32px;
    margin-top: 2rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
    min-width: 460px;
    min-width: 28.75rem;
  }
  .p-medicalDietPrice__periodOptions {
    gap: 5px;
    gap: 0.3125rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-medicalDietPrice__periodLabel {
    margin: 0 0 12px;
    margin: 0 0 0.75rem;
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPrice__periodPrice {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPrice__periodPrice .p-medicalDietPrice__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicalDietPrice__periodDetailLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicalDietPrice__periodDetailPrice {
    margin-top: 3px;
    margin-top: 0.1875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicalDietPrice__periodDetailUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicalDietPrice--single {
    margin-top: 24px;
    margin-top: 1.5rem;
  }
  .p-medicalDietPrice__singlePurchase {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 20px;
    padding: 1.25rem;
  }
  .p-medicalDietPrice__singlePurchaseTitle {
    margin: 0 0 12px;
    margin: 0 0 0.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicalDietPrice__singlePurchasePrice {
    font-size: 32px;
    font-size: 2rem;
  }
  .p-medicalDietPrice__singlePurchasePrice .p-medicalDietPrice__unit {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietPrice__subscriptionSection {
    padding: 20px;
    padding: 1.25rem;
  }
  .p-medicalDietUpPlan {
    padding-top: 60px;
    padding-top: 3.75rem;
    padding-bottom: 70px;
    padding-bottom: 4.375rem;
  }
  .p-medicalDietUpPlan__container {
    padding: 80px 80px 50px;
    padding: 5rem 5rem 3.125rem;
  }
  .p-medicalDietUpPlan__icon {
    top: -40px;
    top: -2.5rem;
    width: 106px;
    width: 6.625rem;
    height: 106px;
    height: 6.625rem;
  }
  .p-medicalDietUpPlan__icon img {
    width: 92px;
    width: 5.75rem;
    height: auto;
  }
  .p-medicalDietUpPlan__label {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicalDietUpPlan__title::after {
    bottom: 0;
    width: 78px;
    width: 4.875rem;
    height: 4px;
    height: 0.25rem;
  }
  .p-medicalDietUpPlan__title {
    font-size: 32px;
    font-size: 2rem;
  }
  .p-medicalDietUpPlan__description {
    margin-top: 32px;
    margin-top: 2rem;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-medicalDietUpPlan--diet-support {
    padding-bottom: 35px;
    padding-bottom: 2.1875rem;
  }
  .p-medicalMenuList {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 12px;
    gap: calc(15 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
    max-width: 1080px;
    max-width: calc(1080 * var(--px-to-rem));
    margin-top: 40px;
    margin-top: calc(40 * var(--px-to-rem));
    margin-inline: auto;
    padding-inline: 63px;
    padding-inline: calc(63 * var(--px-to-rem));
  }
  .p-medicalMenuList__link {
    gap: 8px;
    gap: calc(8 * var(--px-to-rem));
    padding: 10px 17px;
    padding: calc(10 * var(--px-to-rem)) calc(17 * var(--px-to-rem));
    min-height: 74px;
    min-height: calc(74 * var(--px-to-rem));
    font-size: 17px;
    font-size: calc(17 * var(--px-to-rem));
  }
  .p-medicalMenuList__icon {
    width: 48px;
    width: 3rem;
  }
  .p-pillMenu {
    max-width: 1080px;
    max-width: calc(1080 * var(--px-to-rem));
    margin-inline: auto;
    padding: 32px 60px 40px;
    padding: calc(32 * var(--px-to-rem)) calc(60 * var(--px-to-rem)) calc(40 * var(--px-to-rem));
    border-radius: calc(20 * var(--px-to-rem));
  }
  .p-pillMenu__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
    margin-inline: auto;
  }
  .p-pillMenu__head img {
    width: 246px;
    width: calc(246 * var(--px-to-rem));
  }
  .p-pillMenu__headTxt {
    font-size: 25px;
    font-size: calc(25 * var(--px-to-rem));
    line-height: 33px;
    line-height: calc(33 * var(--px-to-rem));
  }
  .p-pillMenu__headTxt--lg {
    margin-top: 0;
    font-size: 25px;
    font-size: calc(25 * var(--px-to-rem));
    line-height: 33px;
    line-height: calc(33 * var(--px-to-rem));
  }
  .p-pillMenuList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(15 * var(--px-to-rem)) calc(12 * var(--px-to-rem));
    margin-top: calc(25 * var(--px-to-rem));
  }
  .p-pillMenuList__link {
    min-width: calc(310 * var(--px-to-rem));
    gap: 8px;
    gap: calc(8 * var(--px-to-rem));
    padding: 18px 17px;
    padding: calc(18 * var(--px-to-rem)) calc(17 * var(--px-to-rem));
    min-height: 90px;
    min-height: calc(90 * var(--px-to-rem));
    font-size: 17px;
    font-size: calc(17 * var(--px-to-rem));
    line-height: 23.5px;
    line-height: calc(23.5 * var(--px-to-rem));
    text-align: left;
  }
  .p-pillMenuList__icon {
    width: 48px;
    height: calc(48 * var(--px-to-rem));
  }
  /************************************************************************
  * 他のピルについて
  ************************************************************************/
  .p-otherPill__inner {
    padding-block: 60px 170px;
    padding-block: calc(60 * var(--px-to-rem)) calc(170 * var(--px-to-rem));
  }
  .p-otherPill__inner .c-sectionTitle__title {
    padding-bottom: 26.5px;
    padding-bottom: calc(26.5 * var(--px-to-rem));
    line-height: 43px;
    line-height: calc(43 * var(--px-to-rem));
  }
  .p-otherPill__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    gap: calc(40 * var(--px-to-rem));
    max-width: 840px;
    margin: 50px auto 0;
    margin: calc(50 * var(--px-to-rem)) auto 0;
    padding: 0;
  }
  .p-otherPill__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    max-width: calc(400 * var(--px-to-rem));
  }
  .p-otherPill__link {
    padding: 11px 13px;
    padding: calc(11 * var(--px-to-rem)) calc(13 * var(--px-to-rem));
  }
  .p-otherPill__link.c-btn--arrowRight::before {
    right: 13px;
    right: calc(13 * var(--px-to-rem));
  }
  .p-otherPill__icon {
    background: no-repeat center/cover;
    width: 92px;
    width: calc(92 * var(--px-to-rem));
  }
  .p-otherPill__icon--low {
    background-image: url(../img/pill/icon_otherPill-low.svg);
  }
  .p-otherPill__icon--middle {
    background-image: url(../img/pill/icon_otherPil-middle.svg);
  }
  .p-otherPill__icon--after {
    background-image: url(../img/pill/icon_otherPil-after.svg);
  }
  .p-otherPill__text .c-btn__text {
    gap: 8px;
    gap: calc(8 * var(--px-to-rem));
  }
  .p-otherPill__purpose {
    font-size: 18px;
    font-size: calc(18 * var(--px-to-rem));
    line-height: 22px;
    line-height: calc(22 * var(--px-to-rem));
  }
  .p-otherPill__name {
    font-size: 22px;
    font-size: calc(22 * var(--px-to-rem));
    line-height: 28.6px;
    line-height: calc(28.6 * var(--px-to-rem));
  }
  /************************************************************************
  * 安心ポイント
  ************************************************************************/
  .p-lpSafetySection__inner {
    padding: 80px 0 180px;
    padding: calc(80 * var(--px-to-rem)) 0 calc(180 * var(--px-to-rem));
  }
  .p-lpSafetySection__inner .l-container {
    padding-inline: 15px;
    padding-inline: calc(15 * var(--px-to-rem));
  }
  .p-safety__list {
    gap: 79px;
    gap: calc(79 * var(--px-to-rem));
    margin-top: 60px;
    margin-top: calc(60 * var(--px-to-rem));
  }
  .p-safety__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 31px 40px;
    padding: calc(31 * var(--px-to-rem)) calc(40 * var(--px-to-rem));
  }
  .p-safety__item:nth-of-type(2n + 1) {
    justify-self: flex-start;
    max-width: 649px;
    max-width: calc(649 * var(--px-to-rem));
    padding-right: 209px;
    padding-right: calc(209 * var(--px-to-rem));
    border-radius: 20px 0 0 0;
    border-radius: calc(20 * var(--px-to-rem)) 0 0 0;
  }
  .p-safety__item:nth-of-type(2n) {
    justify-self: flex-end;
    max-width: 639px;
    max-width: calc(639 * var(--px-to-rem));
    padding-left: 209px;
    padding-left: calc(209 * var(--px-to-rem));
    border-radius: 0 20px 0 0;
    border-radius: 0 calc(20 * var(--px-to-rem)) 0 0;
  }
  .p-safety__item::after {
    width: 44px;
    width: calc(44 * var(--px-to-rem));
  }
  .p-safety__item:nth-of-type(2n + 1)::after {
    right: unset;
    left: 0;
    border-width: 0 0 3px 3px;
    border-width: 0 0 calc(3 * var(--px-to-rem)) calc(3 * var(--px-to-rem));
  }
  .p-safety__thumb {
    position: absolute;
    top: unset;
    left: unset;
    width: 371px;
    width: calc(371 * var(--px-to-rem));
  }
  .p-safety__item:nth-of-type(2n + 1) .p-safety__thumb {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(169px, 56px);
            transform: translate(169px, 56px);
    -webkit-transform: translate(calc(169 * var(--px-to-rem)), calc(56 * var(--px-to-rem)));
            transform: translate(calc(169 * var(--px-to-rem)), calc(56 * var(--px-to-rem)));
  }
  .p-safety__item:nth-of-type(2n) .p-safety__thumb {
    top: 50%;
    left: 0;
    -webkit-transform: translate(calc(50% + 21px), calc(-50% + 9px));
            transform: translate(calc(50% + 21px), calc(-50% + 9px));
    -webkit-transform: translate(calc(-50% + 21 * var(--px-to-rem)), calc(-50% + 9 * var(--px-to-rem)));
            transform: translate(calc(-50% + 21 * var(--px-to-rem)), calc(-50% + 9 * var(--px-to-rem)));
  }
  .p-safetyPoint {
    margin-top: -40px;
    margin-top: calc(-40 * var(--px-to-rem));
  }
  .p-safetyPoint__icon img {
    height: 21px;
    height: calc(21 * var(--px-to-rem));
  }
  .p-safetyPoint__title {
    margin-top: 10px;
    margin-top: calc(10 * var(--px-to-rem));
  }
  .p-safetyPoint__titleTxt {
    font-size: 20px;
    font-size: calc(20 * var(--px-to-rem));
    font-weight: 600;
    line-height: 34px;
    line-height: calc(34 * var(--px-to-rem));
  }
  .p-safetyPoint__list {
    gap: 18px;
    gap: calc(18 * var(--px-to-rem));
    margin-top: 17px;
    margin-top: calc(17 * var(--px-to-rem));
  }
  .p-safetyPoint__itemTxt {
    margin-top: 1px;
    margin-top: calc(1 * var(--px-to-rem));
    font-size: 15px;
    font-size: calc(15 * var(--px-to-rem));
    line-height: 27.2px;
    line-height: calc(27.2 * var(--px-to-rem));
  }
  .p-safetyPoint__itemNote {
    font-size: 12px;
    font-size: calc(12 * var(--px-to-rem));
    line-height: 19px;
    line-height: calc(19 * var(--px-to-rem));
  }
  .p-medicinePriceSection {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-medicineSetPriceList {
    gap: 30px;
    gap: 1.875rem;
  }
  .p-medicineSetPrice__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-medicineSetPrice__section {
    gap: 12px;
    gap: 0.75rem;
    padding: 14px 50px;
    padding: 0.875rem 3.125rem;
  }
  .p-medicineSetPrice__sectionHeader {
    padding: 3px 10px;
    padding: 0.1875rem 0.625rem;
  }
  .p-medicineSetPrice__icon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-medicineSetPrice__sectionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicineSetPrice__period {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicineSetPrice__price {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicineSetPrice__price--subscription {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicineSetPrice__price--bulk {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-medicineSetPrice__unit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicineSetPrice__unit--subscription {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicineSetPrice__unit--bulk {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicineSetPrice__perPrice {
    padding: 5px 10px;
    padding: 0.3125rem 0.625rem;
  }
  .p-medicineSetPrice__perPrice--set {
    width: 100%;
  }
  .p-medicineSetPrice__perLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicineSetPrice__perValue {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-medicineSetPrice__perValue span {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicineSetPrice__bulkContent {
    gap: 6px;
    gap: 0.375rem;
    grid-template-columns: repeat(3, 1fr);
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem;
  }
  .p-medicineSetPrice__bulkItem {
    padding: 10px 0;
    padding: 0.625rem 0;
  }
  .p-medicineSetPrice__bulkSet {
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-medicineSetPrice__singleContent {
    padding: 10px 0;
    padding: 0.625rem 0;
  }
  .p-medicineSetPrice__singlePrice {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-medicineSetPrice__singlePrice span {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-medicineSetPrice__note {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-medicineSetPrice__caution {
    margin-top: 15px;
    margin-top: 0.9375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-mediumAbout__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 25px;
    gap: calc(25 * var(--px-to-rem));
  }
  .p-mediumAbout__container:not(:first-of-type) {
    margin-top: 50px;
    margin-top: calc(50 * var(--px-to-rem));
  }
  .p-mediumAbout__container + .p-mediumAbout__container {
    margin-top: 50px;
    margin-top: calc(50 * var(--px-to-rem));
  }
  .p-mediumAbout__heading {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
  .p-mediumAbout__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .p-mediumAbout__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 260px;
    width: calc(260 * var(--px-to-rem));
    margin: 0;
  }
  .p-mediumPrice__inner {
    padding-bottom: 140px;
    padding-bottom: 8.75rem;
  }
  .p-mediumPrice__description {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-mediumPrice__contents {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-mediumPrice__box {
    margin-top: -6px;
    margin-top: -0.375rem;
    border-radius: 1.25rem;
    padding: 15px 50px;
    padding: 0.9375rem 3.125rem;
  }
  .p-mediumPrice__image {
    max-width: 140px;
    max-width: 8.75rem;
  }
  .p-mediumPrice__tabs {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-mediumPrice__tab {
    padding: 3px 20px 2px;
    padding: 0.1875rem 1.25rem 0.125rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-mediumPrice__tab:hover:not(.is-active) {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-mediumPrice__tab:hover:not(.is-active)::before {
    background-color: rgba(93, 209, 196, 0.1);
  }
  .p-mediumPrice__priceBox {
    gap: 6px;
    gap: 0.375rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
  }
  .p-mediumPrice__priceText {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-mediumPrice__price {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-mediumPrice__priceUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-mediumPrice__medicines {
    margin-top: 10px;
    margin-top: 0.625rem;
    padding-top: 12px;
    padding-top: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-mediumPrice__separator {
    margin-top: 5px;
    margin-top: 0.3125rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
  .p-mediumPrice__plusIcon {
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-mediumPrice__fees {
    gap: 12px;
    gap: 0.75rem;
  }
  .p-mediumPrice__fee {
    gap: 6px;
    gap: 0.375rem;
    padding: 5px 12px 8px;
    padding: 0.3125rem 0.75rem 0.5rem;
  }
  .p-mediumPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-mediumPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-mediumPrice__feeUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-mediumPrice__disclaimer {
    margin-top: 18px;
    margin-top: 1.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-news__listWrapper {
    margin-top: 35px;
    margin-top: 2.1875rem;
    border-radius: 3.125rem;
    padding: 50px 110px 60px 110px;
    padding: 3.125rem 6.875rem 3.75rem 6.875rem;
  }
  .p-news__button {
    margin-top: 16px;
    margin-top: 1rem;
    max-width: 400px;
    max-width: 25rem;
  }
  .p-newsList__link,
  .p-newsList__content {
    padding: 20px 0;
    padding: 1.25rem 0;
  }
  .p-newsList__link:hover {
    opacity: 0.7;
  }
  .p-newsList__meta {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-newsList__date {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-newsList__categories {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-newsList__category {
    padding: 4px 8px;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-newsList__title {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-page__body {
    margin-top: 70px;
    margin-top: 4.375rem;
    padding-bottom: 265px;
    padding-bottom: 16.5625rem;
  }
  .p-page__body--menu {
    margin-top: calc(45 * var(--px-to-rem));
    padding-bottom: calc(243 * var(--px-to-rem));
  }
  .p-page__body--pill {
    margin-top: 35px;
    margin-top: 2.1875rem;
  }
  .p-page__body--column {
    margin-top: 35px;
    margin-top: 2.1875rem;
    padding-bottom: 180px;
    padding-bottom: 11.25rem;
  }
  .p-pagination__inner {
    gap: 24px;
    gap: 1.5rem;
  }
  .p-pagination__btn {
    -ms-flex-preferred-size: 125px;
    -ms-flex-preferred-size: 7.8125rem;
    flex-basis: 125px;
    flex-basis: 7.8125rem;
  }
  .p-pagination__btn a {
    aspect-ratio: 125/56;
  }
  .p-pagination__text {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-pill {
    padding: 36px 0 50px 0;
    padding: 2.25rem 0 3.125rem 0;
  }
  .p-pill__heading {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-pill__subheading {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
  }
  .p-pill__list {
    gap: 12px;
    gap: 0.75rem;
    margin-inline: auto;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 35px;
    margin-top: 2.1875rem;
    width: 95%;
    max-width: 100%;
    max-width: 1074px;
  }
  .p-pill__link {
    padding-top: 15px;
    padding-top: 0.9375rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
  }
  .p-pill__icon {
    width: 40px;
    width: 2.5rem;
  }
  .p-pollenAllergyAbout__borderRadius {
    padding-bottom: 260px;
    padding-bottom: 16.25rem;
  }
  .p-pollenAllergyAbout__body {
    border-radius: 1.25rem;
    padding: 40px 80px 50px;
    padding: 2.5rem 5rem 3.125rem;
  }
  .p-pollenAllergyAbout__title.p-lpContent__mainTitle {
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
  }
  .p-pollenAllergyAbout__text {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-pollenAllergyChoice__inner {
    padding-bottom: 260px;
    padding-bottom: 16.25rem;
  }
  .p-pollenAllergyChoice__body {
    margin-top: 35px;
    margin-top: 2.1875rem;
    border-radius: 1.25rem;
    padding: 40px 80px 50px;
    padding: 2.5rem 5rem 3.125rem;
  }
  .p-pollenAllergyChoice__title.p-lpContent__mainTitle {
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    padding-bottom: 18px;
    padding-bottom: 1.125rem;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
  }
  .p-pollenAllergyChoice__medicines {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-pollenAllergyChoice__card {
    border-radius: 0.9375rem;
  }
  .p-pollenAllergyChoice__cardTitle {
    padding: 12px 30px 15px;
    padding: 0.75rem 1.875rem 0.9375rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-pollenAllergyChoice__cardSubname {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyChoice__cardBody {
    padding: 12px 80px 15px;
    padding: 0.75rem 5rem 0.9375rem;
  }
  .p-pollenAllergyChoice__info:not(:first-child) {
    margin-top: 18px;
    margin-top: 1.125rem;
  }
  .p-pollenAllergyChoice__infoHeading {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyChoice__infoText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-pollenAllergyChoice__list li {
    padding-left: 20px;
    padding-left: 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7333333333;
  }
  .p-pollenAllergyChoice__list li::before {
    top: 9px;
    top: 0.5625rem;
    width: 9px;
    width: 0.5625rem;
    height: 9px;
    height: 0.5625rem;
  }
  .p-pollenAllergyChoice__list li:not(:first-child) {
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-pollenAllergyChoice__notes {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-pollenAllergyChoice__notesBody {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-pollenAllergyChoice__notesHeading {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyChoice__notesList {
    gap: 8px;
    gap: 0.5rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-pollenAllergyChoice__notesList li {
    padding-left: 20px;
    padding-left: 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-pollenAllergyChoice__notesList li::before {
    top: 9px;
    top: 0.5625rem;
    width: 9px;
    width: 0.5625rem;
    height: 9px;
    height: 0.5625rem;
  }
  .p-pollenAllergyPrice__inner {
    padding-bottom: 65px;
    padding-bottom: 4.0625rem;
  }
  .p-pollenAllergyPrice__feeGrid {
    margin-inline: auto;
    gap: 12px;
    gap: 0.75rem;
    margin-top: 35px;
    margin-top: 2.1875rem;
    max-width: 660px;
    max-width: 41.25rem;
  }
  .p-pollenAllergyPrice__feeItem {
    gap: 6px;
    gap: 0.375rem;
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
  }
  .p-pollenAllergyPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-pollenAllergyPrice__feeUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyPrice__heading {
    margin-top: 48px;
    margin-top: 3rem;
  }
  .p-pollenAllergyPrice__cards {
    gap: 30px;
    gap: 1.875rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-pollenAllergyPrice__cardTitle {
    padding: 8px 20px;
    padding: 0.5rem 1.25rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-pollenAllergyPrice__cardBody {
    padding: 15px 50px;
    padding: 0.9375rem 3.125rem;
  }
  .p-pollenAllergyPrice__singleLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyPrice__singlePrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-pollenAllergyPrice__singleUnit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-pollenAllergyPrice__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
  }
  .p-pollenAllergyPrice__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-pollenAllergyPrice__subscriptionGrid {
    gap: 12px;
    gap: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-pollenAllergyPrice__subscriptionPeriod {
    padding: 3px 15px;
    padding: 0.1875rem 0.9375rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-pollenAllergyPrice__subscriptionPrice {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-pollenAllergyPrice__subscriptionPriceUnit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-pollenAllergyPrice__subscriptionPerMonth {
    margin-top: 12px;
    margin-top: 0.75rem;
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    width: 100%;
  }
  .p-pollenAllergyPrice__subscriptionPerMonthLabel {
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-pollenAllergyPrice__subscriptionPerMonthPrice {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-pollenAllergyPrice__subscriptionPerMonthUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-pollenAllergyPrice__note {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-relatedPosts__contents {
    border-radius: 3.75rem;
    padding: 70px 110px;
    padding: 4.375rem 6.875rem;
  }
  .p-singleMedicinePriceSection {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
  .p-singleMedicinePrice__title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.4545454545;
  }
  .p-singleMedicinePrice__body {
    padding-right: 45px;
    padding-right: 2.8125rem;
    padding-left: 45px;
    padding-left: 2.8125rem;
  }
  .p-singleMedicinePrice__singlePurchase {
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
  }
  .p-singleMedicinePrice__singleLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-singleMedicinePrice__singlePrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-singleMedicinePrice__price.p-singleMedicinePrice__price--small {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-singleMedicinePrice__unit.p-singleMedicinePrice__unit--small {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-singleMedicinePrice__subscriptionHeader {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
  }
  .p-singleMedicinePrice__icon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-singleMedicinePrice__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-singleMedicinePrice__period {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 2px 5px 3px 5px;
    padding: 0.125rem 0.3125rem 0.1875rem 0.3125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-singleMedicinePrice__price {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-singleMedicinePrice__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-singleMedicinePrice__perMonth {
    gap: 5px;
    gap: 0.3125rem;
    padding: 5px 5px;
    padding: 0.3125rem 0.3125rem;
    width: 100%;
  }
  .p-singleMedicinePrice__perMonthLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-singleMedicinePrice__perMonthPrice {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-singleMedicinePrice__perMonthUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-singleMedicinePrice__note {
    margin-top: 20px;
    margin-top: 1.25rem;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinAbout__body:not(:first-of-type) {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .p-skinAbout__body {
    border-radius: 1.25rem;
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
  }
  .p-skinAbout__section + .p-skinAbout__title {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .p-skinAbout__lead {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinAbout__concerns {
    gap: 30px 20px;
    gap: 1.875rem 1.25rem;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 8px;
    margin-top: 0.5rem;
    max-width: 720px;
    max-width: 45rem;
  }
  .p-skinAbout__concernItem {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-skinAbout__concernIcon {
    width: 100px;
    width: 6.25rem;
    height: 100px;
    height: 6.25rem;
  }
  .p-skinAbout__concernIcon img {
    width: 100px;
    width: 6.25rem;
    height: 100px;
    height: 6.25rem;
  }
  .p-skinAbout__concernText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinApproach {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-skinApproach__titleMain {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinApproach__titleSub {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinApproach__intro {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinApproach__steps {
    gap: 8px;
    gap: 0.5rem;
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-skinApproach__step {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-skinApproach__stepContent {
    gap: 25px;
    gap: 1.5625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-skinApproach__stepImage {
    width: 150px;
    width: 9.375rem;
  }
  .p-skinApproach__stepTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-skinApproach__stepDescription {
    margin-top: 10px;
    margin-top: 0.625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  .p-skinApproach__summary {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6875;
  }
  .p-skinChoice__inner {
    padding-bottom: 160px;
    padding-bottom: 10rem;
  }
  .p-skinChoice__body {
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
  }
  .p-skinChoice__section:not(:first-child) {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
  .p-skinChoice__text {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinChoice__buttons {
    gap: 18px 20px;
    gap: 1.125rem 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-skinChoice__button {
    padding-left: 82px;
    padding-left: 5.125rem;
    max-width: 350px;
    max-width: 21.875rem;
    min-height: 90px;
    min-height: 5.625rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinChoice__button::after {
    border-width: 4px;
  }
  .p-skinChoice__buttonIcon {
    left: 20px;
    left: 1.25rem;
    width: 54px;
    width: 3.375rem;
  }
  .p-skinChoice__buttonTextWrapper {
    gap: 4px;
    gap: 0.25rem;
  }
  .p-skinChoice__buttonTitle {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-skinChoice__buttonSubtitle {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-skinMedicineList__sections {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-skinMedicineList {
    margin-top: 60px;
    margin-top: 3.75rem;
  }
  .p-skinMedicineList__item {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-skinMedicineList__item + .p-skinMedicineList__item {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-skinMedicineList__content {
    padding: 20px 40px 15px;
    padding: 1.25rem 2.5rem 0.9375rem;
  }
  .p-skinMedicineList__header {
    gap: 30px;
    gap: 1.875rem;
  }
  .p-skinMedicineList__image {
    width: 180px;
    width: 11.25rem;
    height: 180px;
    height: 11.25rem;
  }
  .p-skinMedicineList__name {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5;
  }
  .p-skinMedicineList__tags {
    gap: 8px;
    gap: 0.5rem;
  }
  .p-skinMedicineList__tag {
    padding: 3px 8px;
    padding: 0.1875rem 0.5rem;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6666666667;
  }
  .p-skinMedicineList__detailLink {
    margin-top: 16px;
    margin-top: 1rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineList__detailLink:hover {
    opacity: 0.7;
  }
  .p-skinMedicineList__price {
    padding: 2px 40px;
    padding: 0.125rem 2.5rem;
  }
  .p-skinMedicineList__price .p-skinMedicineList__priceToggle {
    margin-right: -30px;
    margin-right: -1.875rem;
  }
  .p-skinMedicineList__priceAmount {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinMedicineList__priceAmount span {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineList__priceToggle {
    margin-right: -16px;
    margin-right: -1rem;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineList__priceDetail {
    margin-top: 2px;
    margin-top: 0.125rem;
    padding-bottom: 48px;
    padding-bottom: 3rem;
  }
  .p-skinMedicineListPrice__mainTab {
    padding: 3px 20px;
    padding: 0.1875rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineListPrice__mainTab:hover:not(.is-active) {
    background-color: rgba(47, 206, 185, 0.1);
  }
  .p-skinMedicineListPrice__mainTab:hover:not(.is-active)::before {
    background-color: rgba(47, 206, 185, 0.1);
  }
  .p-skinMedicineListPrice__mainContent {
    padding: 15px 12px 4px;
    padding: 0.9375rem 0.75rem 0.25rem;
  }
  .p-skinMedicineListPrice__tab {
    padding: 4px 20px;
    padding: 0.25rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineListPrice__priceContent {
    padding: 15px 12px;
    padding: 0.9375rem 0.75rem;
  }
  .p-skinMedicineListPrice__monthly {
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
  }
  .p-skinMedicineListPrice__monthlyLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinMedicineListPrice__monthlyPrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinMedicineListPrice__monthlyUnit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-skinMedicineListPrice__subscriptionHeader {
    gap: 10px;
    gap: 0.625rem;
  }
  .p-skinMedicineListPrice__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-skinMedicineListPrice__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinMedicineListPrice__periodOptions {
    gap: 5px;
    gap: 0.3125rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-skinMedicineListPrice__periodLabel {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 2px 2px;
    padding: 0.125rem 0.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-skinMedicineListPrice__price {
    padding: 12px 2px;
    padding: 0.75rem 0.125rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinMedicineListPrice__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinMedicineListPrice__periodDetail {
    padding: 2px 5px;
    padding: 0.125rem 0.3125rem;
  }
  .p-skinMedicineListPrice__periodDetailLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinMedicineListPrice__periodDetailPrice {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineListPrice__periodDetailUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinMedicineListPriceExternal__dosage {
    padding: 2px 20px;
    padding: 0.125rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinMedicineListPriceExternal__price {
    padding: 20px 20px 21px 20px;
    padding: 1.25rem 1.25rem 1.3125rem 1.25rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinMedicineListPriceExternal__price span {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-skinMedicineListPrice__fees {
    margin-top: 2px;
    margin-top: 0.125rem;
  }
  .p-skinMedicineListPrice__feePlus {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-skinMedicineListPrice__feePlus img {
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-skinMedicineListPrice__feeItems {
    gap: 10px;
    gap: 0.625rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .p-skinMedicineListPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinMedicineListPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinMedicineListPrice__feeValue span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinMedicineListPrice__disclaimer {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7857142857;
  }
  .p-skinMedicineListPrice__cta {
    margin-top: 20px;
    margin-top: 1.25rem;
    max-width: 460px;
    max-width: 28.75rem;
  }
  .p-skinMedicineTable {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-skinMedicineTable__table {
    min-width: auto;
  }
  .p-skinMedicineTable__header {
    padding: 8px;
    padding: 0.5rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-skinMedicineTable__header:first-child {
    width: 210px;
    width: 13.125rem;
  }
  .p-skinMedicineTable__stepImage {
    width: 50px;
    width: 3.125rem;
  }
  .p-skinMedicineTable__stepLabel {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinMedicineTable__stepLabel:has(br) {
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-skinMedicineTable__medicine {
    gap: 16px;
    gap: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px 10px 8px 20px;
    padding: 0.5rem 0.625rem 0.5rem 1.25rem;
  }
  .p-skinMedicineTable__medicineImage {
    margin-bottom: 0;
  }
  .p-skinMedicineTable__medicineName {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinMedicineTable__icon {
    width: 25px;
    width: 1.5625rem;
  }
  .p-skinMedicineTable__cta {
    margin-top: 30px;
    margin-top: 1.875rem;
    max-width: 460px;
    max-width: 28.75rem;
  }
  .p-skinMedicineTable__note {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-skinMedicineTable__note p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinPoint {
    padding: 40px 50px;
    padding: 2.5rem 3.125rem;
  }
  .p-skinPoint__section:not(:first-of-type) {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
  .p-skinPoint__content {
    gap: 24px;
    gap: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 6px;
    margin-top: 0.375rem;
  }
  .p-skinPoint__textStepsWrapper {
    gap: 25px;
    gap: 1.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .p-skinPoint__text {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinPoint__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 12px;
    margin-top: 0.75rem;
    max-width: 345px;
    max-width: 21.5625rem;
  }
  .p-skinPoint__steps {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 35px;
    padding: 0.9375rem 2.1875rem;
    width: 345px;
    width: 21.5625rem;
  }
  .p-skinPoint__stepItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-skinPoint__stepBadge {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-skinPoint__stepImage {
    width: 73px;
    width: 4.5625rem;
    height: 73px;
    height: 4.5625rem;
  }
  .p-skinPoint__stepText {
    margin-top: 2px;
    margin-top: 0.125rem;
    line-height: 1.4;
  }
  .p-skinPointSection__inner {
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
  }
  .p-skinSets {
    margin-top: 56px;
    margin-top: 3.5rem;
    margin-right: -10px;
    margin-right: -0.625rem;
    margin-left: -10px;
    margin-left: -0.625rem;
    padding-right: 10px;
    padding-right: 0.625rem;
    padding-left: 10px;
    padding-left: 0.625rem;
  }
  .p-skinSets__title::before {
    bottom: -20px;
    bottom: -1.25rem;
    width: 78px;
    width: 4.875rem;
    height: 4.5px;
    height: 0.28125rem;
  }
  .p-skinSets__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.6;
  }
  .p-skinSet + .p-skinSet {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
  .p-skinSet {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-skinSet__header {
    padding: 16px 40px;
    padding: 1rem 2.5rem;
  }
  .p-skinSet__name {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
  }
  .p-skinSet__content {
    gap: 20px;
    gap: 1.25rem;
    padding: 15px 40px 15px 40px;
    padding: 0.9375rem 2.5rem 0.9375rem 2.5rem;
  }
  .p-skinSet__description p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5;
  }
  .p-skinSet__body {
    gap: 30px;
    gap: 1.875rem;
  }
  .p-skinSet__image img {
    width: 180px;
    width: 11.25rem;
    height: 180px;
    height: 11.25rem;
  }
  .p-skinSet__medicineRow {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-skinSet__medicineLabel {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinSet__medicineItem {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6875;
  }
  .p-skinSet__note {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .p-skinSet__detailLink a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-skinSet__detailLink a:hover {
    opacity: 0.7;
  }
  .p-skinSet__price {
    padding: 2px 40px;
    padding: 0.125rem 2.5rem;
  }
  .p-skinSet__priceAmount {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinSet__priceAmount span {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinSet__priceToggle {
    margin-right: -16px;
    margin-right: -1rem;
    padding: 10px 0 10px 15px;
    padding: 0.625rem 0 0.625rem 0.9375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinSet__priceDetail {
    margin-top: 2px;
    margin-top: 0.125rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
  }
  .p-skinSet__priceInitialFees {
    gap: 10px;
    gap: 0.625rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .p-skinSet__priceInitialFee {
    padding: 4px 30px;
    padding: 0.25rem 1.875rem;
  }
  .p-skinSet__priceInitialFeeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinSet__priceInitialFeeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinSet__priceInitialFeeValue span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinSet__pricePlus {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-skinSet__pricePlus img {
    width: 22px;
    width: 1.375rem;
    height: 22px;
    height: 1.375rem;
  }
  .p-skinSetPrice__tab {
    padding: 4px 20px;
    padding: 0.25rem 1.25rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinSetPrice__priceContent {
    padding: 15px 4px 12px 4px;
    padding: 0.9375rem 0.25rem 0.75rem 0.25rem;
  }
  .p-skinSetPrice__monthly {
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
  }
  .p-skinSetPrice__monthlyLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinSetPrice__monthlyPrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinSetPrice__monthlyUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinSetPrice__monthlyPrice {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-skinSetPrice__monthlyUnit {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .p-skinSetPrice__subscriptionHeader {
    gap: 10px;
    gap: 0.625rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-skinSetPrice__subscriptionIcon {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .p-skinSetPrice__subscriptionTitle {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-skinSetPrice__periodOptions {
    gap: 5px;
    gap: 0.3125rem;
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-skinSetPrice__periodLabel {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 2px 5px;
    padding: 0.125rem 0.3125rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-skinSetPrice__periodDetailLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinSetPrice__periodDetailPrice {
    margin-top: 3px;
    margin-top: 0.1875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinSetPrice__periodDetailUnit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinSetPrice__price {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-skinSetPrice__unit {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-skinSetPrice__disclaimer {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-skinSetPrice__ctaButton {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-skinTabs {
    padding-bottom: 175px;
    padding-bottom: 10.9375rem;
  }
  .p-skinTabs__inner {
    padding-bottom: 80px;
    padding-bottom: 5rem;
  }
  .p-skinTabs__tabs {
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .p-skinTabs__tab {
    padding: 10px 20px 12px 20px;
    padding: 0.625rem 1.25rem 0.75rem 1.25rem;
  }
  .p-skinTabs__tab:first-child {
    border-top-left-radius: 20px;
    border-top-left-radius: 1.25rem;
  }
  .p-skinTabs__tab:last-child {
    border-top-right-radius: 20px;
    border-top-right-radius: 1.25rem;
  }
  .p-skinTabs__tab:hover {
    opacity: 0.8;
  }
  .p-skinTabs__tabIcon {
    width: 54px;
    width: 3.375rem;
    height: 54px;
    height: 3.375rem;
  }
  .p-skinTabs__tabIcon img {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
  }
  .p-skinTabs__tabText {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-skinTabs__content {
    padding: 0;
  }
  .p-skinTabs__content#medicine-tab {
    padding-right: 50px;
    padding-right: 3.125rem;
    padding-bottom: 50px;
    padding-bottom: 3.125rem;
    padding-left: 50px;
    padding-left: 3.125rem;
  }
  .p-skinTabs__content--withCta .p-skinTabs__contentInner {
    padding: 50px;
    padding: 3.125rem;
  }
  .p-skinTabs__contentTitle {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .p-skinTabs__contentTitle--medicineList {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-skinTabs__contentText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinTabs__contentHeader {
    gap: 12px;
    gap: 0.75rem;
  }
  .p-skinTabs__label {
    padding: 6px 30px;
    padding: 0.375rem 1.875rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinTabs__description {
    margin-top: 8px;
    margin-top: 0.5rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-skinTabs__recommend {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-skinTabs__recommendTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-skinTabs__recommendations {
    gap: 25px;
    gap: 1.5625rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8px;
    margin-top: 0.5rem;
  }
  .p-skinTabs__recommendIcon img {
    width: 120px;
    width: 7.5rem;
    height: 120px;
    height: 7.5rem;
  }
  .p-skinTabs__recommendText {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiAbout__inner {
    padding-bottom: 170px;
    padding-bottom: 10.625rem;
  }
  .p-stiAbout__description {
    margin-top: -5px;
    margin-top: -0.3125rem;
  }
  .p-stiCases__inner {
    padding-bottom: 120px;
    padding-bottom: 7.5rem;
  }
  .p-stiCases__body {
    padding: 40px 48px;
    padding: 2.5rem 3rem;
  }
  .p-stiCases__description {
    margin-top: -6px;
    margin-top: -0.375rem;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-stiCases__list {
    gap: 20px 16px;
    gap: 1.25rem 1rem;
    margin-inline: auto;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 24px;
    margin-top: 1.5rem;
    max-width: 800px;
    max-width: 50rem;
  }
  .p-stiCases__item a {
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;
  }
  .p-stiCases__note {
    margin-top: 22px;
    margin-top: 1.375rem;
  }
  .p-stiCheck__inner {
    padding-bottom: 250px;
    padding-bottom: 15.625rem;
  }
  .p-stiCheck__sectionTitle {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .p-stiCheck__contents {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
  .p-stiCheck__item {
    margin-top: 30px;
    margin-top: 1.875rem;
    border-radius: 1.25rem;
    padding: 48px 80px;
    padding: 3rem 5rem;
  }
  .p-stiCheck__item:nth-child(2) {
    padding-bottom: 80px;
    padding-bottom: 5rem;
  }
  .p-stiCheck__header {
    gap: 14px;
    gap: 0.875rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;
  }
  .p-stiCheck__header::after {
    height: 3px;
  }
  .p-stiCheck__icon--circle {
    width: 43px;
    width: 2.6875rem;
    height: 43px;
    height: 2.6875rem;
  }
  .p-stiCheck__title {
    min-height: auto;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-stiCheck__title--single {
    padding-top: 0;
  }
  .p-stiCheck__steps {
    gap: 10px;
    gap: 0.625rem;
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
  .p-stiCheck__stepBadge {
    width: 85px;
    width: 5.3125rem;
    height: 32px;
    height: 2rem;
  }
  .p-stiCheck__stepTitle {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-stiCheck__stepContent {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
  }
  .p-stiCheck__kitWrapper {
    margin-top: 20px;
    margin-top: 1.25rem;
    max-width: 350px;
    max-width: 21.875rem;
  }
  .p-stiCheck__kitIcon {
    left: 10px;
    left: 0.625rem;
    width: 122px;
    width: 7.625rem;
    height: 82px;
    height: 5.125rem;
  }
  .p-stiCheck__kitLink {
    -webkit-box-shadow: 0 6px 4px rgba(187, 232, 228, 0.1);
    box-shadow: 0 6px 4px rgba(187, 232, 228, 0.1);
    border-width: 3px;
    padding: 16px 30px 16px 130px;
    padding: 1rem 1.875rem 1rem 8.125rem;
  }
  .p-stiCheck__kitLink::after {
    border-width: 4px;
  }
  .p-stiCheck__kitLink:hover::before,
  .p-stiCheck__kitLink:focus-visible::before {
    left: -10%;
  }
  .p-stiCheck__kitLabel {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-stiCheck__kitAction {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-stiCheck__kitArrow {
    width: 10px;
    width: 0.625rem;
    height: 16px;
    height: 1rem;
  }
  .p-stiPrice-section .p-lpContent__inner {
    margin-top: 100px;
    margin-top: 6.25rem;
    padding-bottom: 150px;
    padding-bottom: 9.375rem;
  }
  .p-stiPrice__feeGrid {
    gap: 10px;
    gap: 0.625rem;
    margin-inline: auto;
    max-width: 660px;
    max-width: 41.25rem;
  }
  .p-stiPrice__feeItem {
    padding: 4px 30px;
    padding: 0.25rem 1.875rem;
  }
  .p-stiPrice__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-stiPrice__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-stiPrice__feeUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-stiPrice__section {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-stiPrice__section + .p-stiPrice__section {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-stiPrice__cards {
    gap: 16px;
    gap: 1rem;
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-stiPrice__medicine {
    padding: 8px 30px 12px 30px;
    padding: 0.5rem 1.875rem 0.75rem 1.875rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-stiPrice__amount {
    padding: 4px 30px 6px 30px;
    padding: 0.25rem 1.875rem 0.375rem 1.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-stiPrice__price {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-stiPrice__priceUnit {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-stiPrice__notes {
    gap: 3px;
    gap: 0.1875rem;
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .p-stiTreatment {
    padding: 60px 0;
    padding: 3.75rem 0;
  }
  .p-stiTreatment__header {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
  .p-stiTreatment__content {
    margin-top: 60px;
    margin-top: 3.75rem;
    padding: 50px 80px;
    padding: 3.125rem 5rem;
  }
  .p-stiTreatment__description {
    margin-top: -6px;
    margin-top: -0.375rem;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__section {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .p-stiTreatment__symptomsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-stiTreatment__sectionTitle {
    padding: 2px 30px;
    padding: 0.125rem 1.875rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-stiTreatment__symptomsRow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-stiTreatment__symptomsRow:not(:last-child) {
    border-right: 1px solid #73ddd0;
    border-right: 0.0625rem solid #73ddd0;
    border-bottom: none;
  }
  .p-stiTreatment__gender {
    min-width: auto;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__symptomsList {
    padding: 5px 10px 8px;
    padding: 0.3125rem 0.625rem 0.5rem;
  }
  .p-stiTreatment__symptomItem:not(:last-of-type) {
    margin-bottom: 13px;
    margin-bottom: 0.8125rem;
  }
  .p-stiTreatment__symptomPart {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__symptomText {
    margin-top: 0;
    line-height: 1.3;
  }
  .p-stiTreatment__symptomNote {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  .p-stiTreatment__medicineBlock {
    padding: 14px 80px;
    padding: 0.875rem 5rem;
  }
  .p-stiTreatment__medicineType {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__medicineList {
    margin-top: 0;
  }
  .p-stiTreatment__medicineItem {
    padding-left: 20px;
    padding-left: 1.25rem;
  }
  .p-stiTreatment__medicineItem + .p-stiTreatment__medicineItem {
    margin-top: 0;
  }
  .p-stiTreatment__medicineItem::before {
    left: 6px;
    left: 0.375rem;
  }
  .p-stiTreatment__medicineNote {
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-stiTreatment__periodBlock {
    padding: 15px 80px;
    padding: 0.9375rem 5rem;
  }
  .p-stiTreatment__periodContent:not(:last-child) {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    padding-bottom: 15px;
    padding-bottom: 0.9375rem;
  }
  .p-stiTreatment__periodName {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__periodList {
    margin-top: 0;
  }
  .p-stiTreatment__periodItem {
    padding-left: 20px;
    padding-left: 1.25rem;
  }
  .p-stiTreatment__periodItem:not(:last-child) {
    margin-bottom: 0;
  }
  .p-stiTreatment__periodDescription {
    margin-top: 0;
  }
  .p-stiTreatment__sideEffectBlock {
    padding: 15px 80px;
    padding: 0.9375rem 5rem;
  }
  .p-stiTreatment__sideEffectsList {
    gap: 0;
  }
  .p-stiTreatment__sideEffectItem {
    padding-left: 20px;
    padding-left: 1.25rem;
  }
  .p-stiTreatment__sideEffectNote {
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-stiTreatment__contraindicationWrapper {
    padding: 15px 80px;
    padding: 0.9375rem 5rem;
  }
  .p-stiTreatment__contraindicationBlock:not(:last-child) {
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
  }
  .p-stiTreatment__contraindicationName {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-stiTreatment__contraindicationText {
    margin-top: 2px;
    margin-top: 0.125rem;
  }
  .p-subscriptionPricing__note {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-subscriptionPricing__body {
    padding: 12px;
    padding: 0.75rem;
  }
  .p-subscriptionPricing__label {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-subscriptionPricing__table {
    gap: 5px;
    gap: 0.3125rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 10px;
    margin-top: 0.625rem;
  }
  .p-subscriptionPricing__table--3cols {
    grid-template-columns: repeat(3, 1fr);
  }
  .p-subscriptionPricing__column {
    display: block;
  }
  .p-subscriptionPricing__period {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 5px 0;
    padding: 0.3125rem 0;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-subscriptionPricing__total {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-subscriptionPricing__total::after {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-subscriptionPricing__monthly {
    margin-top: 5px;
    margin-top: 0.3125rem;
    padding: 3px 0 8px;
    padding: 0.1875rem 0 0.5rem;
    width: 100%;
  }
  .p-subscriptionPricing__monthlyLabel {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-subscriptionPricing__value {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
  }
  .p-subscriptionPricing__value::after {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-subscriptionPricing__separator {
    margin-top: 10px;
    margin-top: 0.625rem;
    width: 22px;
    width: 1.375rem;
  }
  .p-subscriptionPricing__fees {
    gap: 10px;
    gap: 0.625rem;
    margin-top: 5px;
    margin-top: 0.3125rem;
  }
  .p-subscriptionPricing__fee {
    gap: 10px;
    gap: 0.625rem;
    padding: 4px;
    padding: 0.25rem;
  }
  .p-subscriptionPricing__feeLabel {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-subscriptionPricing__feeValue {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .p-subscriptionPricing__feeValue::after {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-subscriptionPricing__disclaimer {
    margin-top: 15px;
    margin-top: 0.9375rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-trialMedicineSection {
    margin-top: 50px;
    margin-top: 3.125rem;
  }
  .p-trialMedicineList {
    margin-top: 12px;
    margin-top: 0.75rem;
  }
  .p-trialMedicineCard__title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
  }
  .p-trialMedicineCard__body {
    padding-top: 16px;
    padding-top: 1rem;
  }
  .p-trialMedicineCard__list {
    gap: 8px;
    gap: 0.5rem;
    padding-right: 50px;
    padding-right: 3.125rem;
    padding-left: 50px;
    padding-left: 3.125rem;
  }
  .p-trialMedicineCard__item {
    padding-left: 20px;
    padding-left: 1.25rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-trialMedicineCard__item::before {
    top: 10px;
    top: 0.625rem;
  }
  .p-trialMedicineCard__setLabel {
    margin-top: 10px;
    margin-top: 0.625rem;
    margin-right: 50px;
    margin-right: 3.125rem;
    margin-left: 50px;
    margin-left: 3.125rem;
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 3px 20px;
    padding: 0.1875rem 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-trialMedicineCard__price,
  .p-trialMedicineCard__note {
    padding-right: 50px;
    padding-right: 3.125rem;
    padding-left: 50px;
    padding-left: 3.125rem;
  }
  .p-trialMedicineCard__price {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .p-trialMedicineCard__unit {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-trialMedicineCard__note {
    margin-top: 6px;
    margin-top: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .u-indentSp6 {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .u-onlyTab {
    display: block;
  }
  .u-hidden--tab {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .p-lpReasonsWorry__box {
    padding: 55px 40px 38px 40px;
    padding: 3.4375rem 2.5rem 2.375rem 2.5rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .p-stiPrice__card {
    border-radius: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .post-page-numbers + .post-page-numbers {
    margin-left: 20px;
  }
  .is-fixed .p-header__navLink {
    padding: 0 10px;
    padding: 0 0.625rem;
  }
  .p-lpReasonsWorry__list {
    gap: 20px;
    gap: 1.25rem;
  }
  .p-lpReasonsWorry__item--02::before {
    right: -5px;
    right: -0.3125rem;
    bottom: 4px;
    bottom: 0.25rem;
    width: 95px;
    width: 5.9375rem;
    height: 84px;
    height: 5.25rem;
  }
  .post-page-numbers + .post-page-numbers {
    margin-left: 20px;
  }
  .u-onlyPc {
    display: block;
  }
  .u-hidden--pc {
    display: none !important;
  }
}
@media (min-width: 1100px) {
  html {
    font-size: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .is-fixed .p-header__contents {
    gap: 0 33px;
    gap: 0 2.0625rem;
  }
  .p-header__logo {
    width: 290px;
    width: 18.125rem;
  }
  .is-fixed .p-header__navLink {
    padding: 0 14px;
    padding: 0 0.875rem;
  }
  .p-pill__icon {
    width: 54px;
    width: 3.375rem;
  }
  .p-pill__description {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .p-article__credits {
    gap: 15px;
    gap: 0.9375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .u-onlySp {
    display: block;
  }
  .u-hidden--sp {
    display: none !important;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
    font-size: calc(var(--vw-unitless) / 375 * 100%);
  }
}/*# sourceMappingURL=style.css.map */