@font-face {
  font-family: "Butler900";
  src: url("../fonts/butler/Butler_Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil900";
  src: url("../fonts/butler/Butler_Black_Stencil.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Butler700";
  src: url("../fonts/butler/Butler_Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil700";
  src: url("../fonts/butler/Butler_Bold_Stencil.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Butler800";
  src: url("../fonts/butler/Butler_ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil800";
  src: url("../fonts/butler/Butler_ExtraBold_Stencil.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Butler300";
  src: url("../fonts/butler/Butler_Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil300";
  src: url("../fonts/butler/Butler_Light_Stencil.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Butler500";
  src: url("../fonts/butler/Butler_Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil500";
  src: url("../fonts/butler/Butler_Medium_Stencil.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Butler400";
  src: url("../fonts/butler/Butler_Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil400";
  src: url("../fonts/butler/Butler_Regular_Stencil.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Butler200";
  src: url("../fonts/butler/Butler_Ultra_Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil200";
  src: url("../fonts/butler/Butler_Ultra_Light_Stencil.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
.p_product_mv__img {
  aspect-ratio: 390/544;
}
@media screen and (min-width: 768px) {
  .p_product_mv__img {
    aspect-ratio: 1920/882;
  }
}
.p_product_mv__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_product_features {
  padding-top: 53px;
}
@media screen and (min-width: 768px) {
  .p_product_features {
    padding-top: 123px;
  }
}
.p_product_features__wrap {
  padding-top: 40px;
}
.p_product_features__blocks .container02 {
  padding: 0 47px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_product_features__blocks .container02 {
    max-width: 975px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
.p_product_features__block01 {
  margin-top: 133px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block01 {
    margin-top: 106.5px;
  }
}
.p_product_features__block02 {
  margin-top: 83px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 {
    margin-top: 56px;
  }
}
.p_product_features__block02 .ttl {
  font-size: 1.505625rem;
  font-weight: 500;
  line-height: 1.7650477377;
  letter-spacing: 0.155em;
  color: #505050;
  font-feature-settings: "palt";
  margin: 0 -15px 0 0;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .ttl {
    font-size: 1.1625rem;
    line-height: 1.8286290323;
    letter-spacing: 0.1em;
    font-feature-settings: unset;
    margin: 0;
  }
}
.p_product_features__block02 .ttl .char_r {
  top: -4px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .ttl .char_r {
    top: 1px;
  }
}
.p_product_features__block02 .ttl sup:not(.char_r) {
  font-size: 0.7528125rem;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .ttl sup:not(.char_r) {
    font-size: 0.6975rem;
  }
}
.p_product_features__block02 .whitespace {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .whitespace {
    white-space: wrap;
  }
}
.p_product_features__block02 .flexarea {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea {
    margin-top: -7.5px;
    gap: 0;
    flex-direction: row;
  }
}
.p_product_features__block02 .flexarea_content {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea_content {
    width: calc(100% - clamp(24.0625rem, 1.2152777778vw + 23.4791666667rem, 24.9375rem));
    padding-right: clamp(1.25rem, 6.0763888889vw + -1.6666666667rem, 5.625rem);
    margin-top: 32px;
  }
}
.p_product_features__block02 .flexarea_content__desc {
  font-size: 0.885625rem;
  font-weight: 500;
  line-height: 1.9004940014;
  letter-spacing: 0.099em;
  color: #505050;
  text-align: justify;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea_content__desc {
    font-size: 0.93rem;
    line-height: 2.0005040323;
    letter-spacing: 0.08em;
    font-feature-settings: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea_content__desc .char_r {
    top: 2px;
  }
}
.p_product_features__block02 .flexarea_content__desc sup:not(.char_r) {
  font-size: 0.4428125rem;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea_content__desc sup:not(.char_r) {
    font-size: 0.558rem;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .flexarea_fig {
    width: clamp(24.0625rem, 1.2152777778vw + 23.4791666667rem, 24.9375rem);
    position: relative;
    right: clamp(0rem, 13.4375vw + -13.4375rem, 2.6875rem);
    top: clamp(0rem, -9.2592592593vw + 6.9444444444rem, 2.5rem);
  }
}
.p_product_features__block02 .notes {
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.7147177419;
  letter-spacing: 0.1em;
  text-align: justify;
  font-feature-settings: "palt";
  color: #505050;
  margin-top: 75px;
  margin-left: 1px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block02 .notes {
    font-size: 0.73078125rem;
    line-height: 1.7273893521;
    margin-top: 44px;
    margin-left: 0;
  }
}
.p_product_features__block03 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block03 .c_box01 {
    margin-top: 97px;
  }
}
.p_product_features__block04 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .c_box01 {
    margin-top: 105.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__fig {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__contentarea {
    margin-top: 29px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__contentarea .line {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__contentarea .desc02 {
    margin-top: 14px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__contentarea .notes {
    margin-top: 50.25px;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__grbtns {
    margin-top: 51px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block04 .product_box__list {
    margin-top: 87.75px;
  }
}
.p_product_features__block05 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .c_box01 {
    margin-top: 105.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box__fig {
    margin-top: 23px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box__contentarea {
    margin-top: 46.5px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box__contentarea .desc02 {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box__contentarea .notes {
    margin-top: 61.5px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box__grbtns {
    margin-top: 59.25px;
  }
}
.p_product_features__block05 .product_box02__list {
  margin-top: 111px;
}
@media screen and (min-width: 768px) {
  .p_product_features__block05 .product_box02__list {
    margin-top: 83.25px;
  }
}
.p_product_howto {
  padding-top: 136px;
  padding-bottom: 96px;
}
@media screen and (min-width: 768px) {
  .p_product_howto {
    padding-top: 103px;
    padding-bottom: 162px;
  }
}
.p_product_howto__wrap {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_product_howto .container {
    max-width: 975px;
  }
}
.p_product_howto__blocks {
  position: relative;
  display: grid;
  margin-top: 44px;
}
@media screen and (min-width: 768px) {
  .p_product_howto__blocks {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 58px;
  }
}
.p_product_howto__blocks.has_2col::after {
  content: none;
}
.p_product_howto__blocks.has_2col .c_howto__block::after {
  content: none;
}
.p_product_howto__block {
  position: relative;
  padding-top: 28px;
  margin-top: 54px;
  border-top: solid 1px #231815;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block {
    border-top: 0;
    padding: 18.75px;
    margin-top: 0;
  }
}
.p_product_howto__block::before, .p_product_howto__block::after {
  position: absolute;
  right: 0;
  background-color: #231815;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block::before, .p_product_howto__block::after {
    content: "";
  }
}
.p_product_howto__block::before {
  top: 0;
  width: 1px;
  height: 100%;
}
.p_product_howto__block::after {
  bottom: 0;
  width: 100%;
  height: 1px;
}
.p_product_howto__block:first-child {
  margin-top: 0;
}
.p_product_howto__block:last-child {
  padding-bottom: 37px;
  border-bottom: solid 1px #231815;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.p_product_howto__block__num {
  position: relative;
  left: 4px;
  font-size: 1.0975rem;
  font-weight: 500;
  line-height: 1;
  color: #505050;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__num {
    position: absolute;
    top: 0;
    left: 12px;
    font-size: 1.355625rem;
  }
}
.p_product_howto__block__inner {
  display: flex;
  gap: 30px 21px;
  margin-top: 13px;
  padding-left: 8px;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__inner {
    margin-top: 0;
    padding: 0;
    gap: 22.5px clamp(0.46875rem, 4.875vw + -3.1875rem, 1.6875rem);
  }
}
.p_product_howto__block__img .img {
  position: relative;
  width: 107px;
  display: block;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__img .img {
    width: clamp(4.6875rem, 14.625vw + -6.28125rem, 8.34375rem);
  }
}
.p_product_howto__block__img .img01 {
  width: 102px;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__img .img01 {
    left: 0;
    width: clamp(5.71875rem, 18.75vw + -8.34375rem, 10.40625rem);
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__img .img05,
  .p_product_howto__block__img .img06 {
    width: 129px;
    top: -10px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__img .img06 {
    top: -10px;
    left: clamp(0rem, 4.0625vw + -4.0625rem, 0.8125rem);
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__content {
    padding-top: 20px;
  }
}
.p_product_howto__block__content .txt {
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: 0.7975rem;
  color: #505050;
  text-align: justify;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p_product_howto__block__content .txt {
    font-size: 0.903125rem;
    letter-spacing: 0.1em;
    line-height: 1.6668396471;
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block:nth-child(even) {
    border-right: 0;
    padding-right: 0;
    padding-left: 33px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block:nth-child(even)::before {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block:nth-child(even) .c_howto__block__num {
    left: 18.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_howto__block:nth-child(even) .c_howto__block__inner {
    gap: 22.5px 10.5px;
  }
}
.p_product_howto__txt01 {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #505050;
  margin-top: 27px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p_product_howto__txt01 {
    margin-top: 96px;
    font-size: 0.764375rem;
    line-height: 2.0871165644;
  }
}
.p_product_howto__intro {
  font-size: 1.01875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 129px;
  text-align: center;
  line-height: 1.7392638037;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .p_product_howto__intro {
    line-height: 1.8286290323;
    font-size: 1.1625rem;
    margin-top: 138px;
  }
}

.c_box01 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 93px;
}
@media screen and (min-width: 768px) {
  .c_box01 {
    gap: clamp(1.875rem, 2.6041666667vw + 0.625rem, 3.75rem);
    flex-direction: row;
  }
}
.c_box01__item {
  width: 100%;
}
.c_box01__item .fig {
  position: relative;
  aspect-ratio: 567.48/385.18;
  width: 100%;
}
.c_box01__item .fig_cat {
  position: absolute;
  right: 9px;
  bottom: 1px;
  font-weight: 500;
  font-size: 0.775rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .fig_cat {
    right: 12.75px;
    bottom: 6px;
    font-size: 0.6975rem;
  }
}
.c_box01__item .fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c_box01__item .content {
  color: #505050;
}
.c_box01__item .content_ttl {
  font-size: 1.505625rem;
  font-weight: 500;
  line-height: 1.7650477377;
  letter-spacing: 0.15em;
  margin-top: 41px;
  font-feature-settings: "palt";
  width: calc(100% + 12px);
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl {
    width: auto;
    font-size: 1.1625rem;
    line-height: 1.8286290323;
    letter-spacing: 0.1em;
    font-feature-settings: unset;
    margin-top: 23px;
  }
}
.c_box01__item .content_ttl .char_r {
  top: -4px;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl .char_r {
    top: 1px;
  }
}
.c_box01__item .content_ttl sup:not(.char_r) {
  font-size: 0.775rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl sup:not(.char_r) {
    font-size: 0.6975rem;
  }
}
.c_box01__item .content_desc {
  font-size: 0.885625rem;
  font-weight: 500;
  line-height: 1.9004940014;
  letter-spacing: 0.11em;
  margin-top: 34px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc {
    font-size: 0.93rem;
    line-height: 2.0005040323;
    letter-spacing: 0.087em;
    margin-top: 12.75px;
  }
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc .char_r {
    top: 3px;
  }
}
.c_box01__item .content_desc sup:not(.char_r) {
  font-size: 0.4428125rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc sup:not(.char_r) {
    font-size: 0.558rem;
  }
}
.c_box01__item .content_notes {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.7147177419;
  letter-spacing: 0.3em;
  font-feature-settings: "palt";
  color: #505050;
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_notes {
    font-size: 0.73078125rem;
    line-height: 1.7273893521;
    letter-spacing: 0.15em;
    margin-top: 18.75px;
  }
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_notes sup:not(.char_r) {
    font-size: 0.43846875rem;
  }
}

.product_box__ttl {
  font-size: 1.01875rem;
  line-height: 1.9128834356;
  letter-spacing: 0.1em;
  color: #505050;
  font-feature-settings: "palt";
  margin-inline: auto;
  position: relative;
  width: calc(100% + clamp(0rem, -2.5510204082vw + 1.2228954082rem, 0.625rem));
}
@media screen and (min-width: 768px) {
  .product_box__ttl {
    left: clamp(0rem, 7.5vw + -7.5rem, 1.5rem);
    width: max-content;
    font-size: 1.9265625rem;
    line-height: 2;
    letter-spacing: 0.178em;
  }
}
.product_box__ttl sup:not(.char_r) {
  font-size: 0.509375rem;
}
@media screen and (min-width: 768px) {
  .product_box__ttl sup:not(.char_r) {
    font-size: 1.1559375rem;
  }
}
.product_box__fig {
  margin-top: 43px;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product_box__fig {
    max-width: 732px;
    margin-inline: auto;
    margin-top: 70.5px;
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i01 {
    margin-top: 57px;
    left: clamp(0rem, 8.75vw + -8.75rem, 1.75rem);
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i02 {
    left: -31px;
    max-width: 747px;
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i03 {
    left: -5px;
    max-width: 738px;
  }
}
.product_box__contentarea {
  color: #505050;
  margin-inline: auto;
  margin-top: 33px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea {
    margin-top: 27px;
    max-width: clamp(30.765625rem, -8.671875vw + 41.171875rem, 32.5rem);
  }
}
.product_box__contentarea .ttl {
  font-size: 0.885625rem;
  line-height: 1.4001411433;
  letter-spacing: 0.15em;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .ttl {
    font-size: 1.3621875rem;
    line-height: 1.4631796284;
    letter-spacing: 0.15em;
  }
}
.product_box__contentarea .weight {
  font-size: 0.664375rem;
  font-weight: 500;
  line-height: 1.5644402634;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .weight {
    margin-top: 6px;
    font-size: 0.96328125rem;
    line-height: 1.6554744526;
    letter-spacing: 0.1em;
  }
}
.product_box__contentarea .desc {
  font-size: 0.664375rem;
  font-weight: 500;
  line-height: 1.6669802446;
  letter-spacing: 0.15em;
  text-align: justify;
  margin-top: 9px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc {
    font-size: 0.96328125rem;
    line-height: 1.7931873479;
    letter-spacing: 0.15em;
    margin-top: 13.5px;
  }
}
.product_box__contentarea .line {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #505050;
  margin-top: 9.75px;
}
.product_box__contentarea .desc02 {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.6431451613;
  letter-spacing: 0.1em;
  text-align: justify;
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc02 {
    font-size: 0.89671875rem;
    margin-right: clamp(-1.875rem, -2.6041666667vw + 1.25rem, 0rem);
    line-height: 1.8520648197;
  }
}
.product_box__contentarea .desc02 sup:not(.char_r) {
  font-size: 0.31rem;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc02 sup:not(.char_r) {
    font-size: 0.53803125rem;
  }
}
.product_box__contentarea .notes {
  font-size: 0.4875rem;
  font-weight: 400;
  line-height: 2.0897435897;
  letter-spacing: 0.15em;
  color: #545252;
  margin-top: 13px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .notes {
    font-size: 0.73078125rem;
    margin-top: 30px;
    line-height: 1.7273893521;
  }
}
.product_box__grbtns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 63px;
}
@media screen and (min-width: 768px) {
  .product_box__grbtns {
    margin-top: 72px;
  }
}

.product_box02__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 96px;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .product_box02__list {
    gap: 15px;
    margin-top: 78px;
  }
}
.product_box02__list .item {
  width: 227px;
  height: 146px;
  background-color: #f0f0e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.32875rem;
  font-weight: 500;
  line-height: 1.4666039511;
  letter-spacing: 0.1em;
  text-align: center;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .product_box02__list .item {
    width: 170.25px;
    height: 109.5px;
    font-size: 0.9965625rem;
  }
}
.product_box02__list .item .item_txtsmall {
  font-size: 0.79725rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.1em;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .product_box02__list .item .item_txtsmall {
    font-size: 0.5979375rem;
    margin-top: 3px;
  }
}
.product_box02__desc {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.7862903226;
  letter-spacing: 0.08em;
  text-align: justify;
  margin-top: 48px;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .product_box02__desc {
    font-size: 0.7640625rem;
    line-height: 1.9128834356;
    letter-spacing: 0.03em;
    margin-top: 82px;
  }
}

.product_box__contentarea {
  position: relative;
  margin-top: 36px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea {
    margin-top: 18px;
    left: clamp(0rem, 9.375vw + -9.375rem, 1.875rem);
  }
}
.product_box__contentarea .line {
  margin-top: 13px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .line {
    margin-top: 9.75px;
  }
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc02 {
    margin-top: 11px;
  }
}
.product_box__contentarea .notes {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .notes {
    margin-top: 12px;
  }
}

@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i01, .p_product_mask .p_product_howto__block.i02 {
    padding-top: 0;
  }
}
.p_product_mask .p_product_howto__block.i02 .square {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  height: 10px;
  width: 10px;
  display: none;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i02 .square {
    display: block;
    content: "";
    bottom: -3px;
    left: -5px;
    height: 13.5px;
    width: 9px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i01 {
    padding-left: 16.5px;
  }
}
.p_product_mask .p_product_howto__block.i01 .p_product_howto__block__inner {
  gap: 30px 26px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i01 .p_product_howto__block__inner {
    margin-top: 0;
    gap: 22.5px clamp(0.46875rem, 4.875vw + -3.1875rem, 1.6875rem);
  }
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i01 .p_product_howto__block__content {
    padding-top: clamp(0rem, 10.125vw + -7.59375rem, 2.53125rem);
  }
}
.p_product_mask .p_product_howto__block.i02 {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i02 {
    padding-top: 0;
  }
}
.p_product_mask .p_product_howto__block.i02 .p_product_howto__block__inner {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i02 .p_product_howto__block__inner {
    margin-top: 0;
  }
}
.p_product_mask .p_product_howto__block.i02 .p_product_howto__block__content {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i02 .p_product_howto__block__content {
    padding-top: clamp(0rem, 9vw + -6.75rem, 2.25rem);
  }
}
.p_product_mask .p_product_howto__block.i03 {
  margin-top: 39px;
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03 {
    margin-top: 0;
    padding-top: 18.75px;
  }
}
.p_product_mask .p_product_howto__block.i03 .p_product_howto__block__inner {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03 .p_product_howto__block__inner {
    gap: 22.5px 15px;
    margin-top: 0;
  }
}
.p_product_mask .p_product_howto__block.i03 .p_product_howto__block__content {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03 .p_product_howto__block__content {
    padding-top: clamp(0rem, 18.375vw + -13.78125rem, 4.59375rem);
  }
}
.p_product_mask .p_product_howto__block.i04 {
  margin-top: 43px;
  padding-top: 38px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i04 {
    margin-top: 0;
    padding-top: 18.75px;
  }
}
.p_product_mask .p_product_howto__block.i04 .p_product_howto__block__inner {
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i04 .p_product_howto__block__inner {
    gap: 22.5px 15px;
    margin-top: 0;
  }
}
.p_product_mask .p_product_howto__block.i04 .p_product_howto__block__content {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i04 .p_product_howto__block__content {
    padding-top: clamp(0rem, 14.25vw + -10.6875rem, 3.5625rem);
  }
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03, .p_product_mask .p_product_howto__block.i04 {
    border-bottom: 0;
    padding-top: 14.25px;
    padding-bottom: 9.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03::after, .p_product_mask .p_product_howto__block.i04::after {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .p_product_mask .p_product_howto__block.i03 .p_product_howto__block__num, .p_product_mask .p_product_howto__block.i04 .p_product_howto__block__num {
    top: 20px;
  }
}

.p_product_serum .p_product_features__block04 .product_box__contentarea {
  margin-top: 41px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_features__block04 .product_box__contentarea {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_features__block04 .product_box__contentarea .notes {
    margin-top: 11px;
    width: calc(100% + 120px);
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_features__block04 .c_box01 {
    margin-top: 119px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_features__block04 .c_box01__item .content_desc {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_features__block04 .c_box01__item .content_notes {
    margin-top: 28px;
  }
}
.p_product_serum .p_product_howto {
  padding-top: 141px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto {
    padding-top: 101px;
  }
}
.p_product_serum .p_product_howto__blocks {
  margin-top: 132px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__blocks {
    margin-top: 127px;
  }
}
.p_product_serum .p_product_howto__block {
  padding-top: 35px;
  margin-top: 31px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__block {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 42px;
  }
}
.p_product_serum .p_product_howto__block:first-child {
  margin-top: 0;
}
.p_product_serum .p_product_howto__block__inner {
  gap: 30px 7px;
  margin-top: -23px;
  padding: 0 0 0 22px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__block__inner {
    margin-top: 0;
    padding: 0;
    gap: 22.5px clamp(0.46875rem, 4.875vw + -3.1875rem, 1.6875rem);
  }
}
.p_product_serum .p_product_howto__block__content {
  padding-top: 34px;
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__block__content {
    padding-top: 71px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__block__num {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_product_serum .p_product_howto__txt01 {
    margin-top: 120px;
  }
}

.p_product_cream .p_product_features__block05 .product_box__contentarea {
  margin-top: 45px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_features__block05 .product_box__contentarea .notes {
    margin-top: 14px;
  }
}
.p_product_cream .p_product_features__block05 .product_box02__list {
  margin-top: 97px;
}
.p_product_cream .p_product_features__block05 .c_box01 {
  margin-top: 91px;
  gap: 88px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_features__block05 .c_box01 {
    margin-top: 118px;
  }
}
.p_product_cream .p_product_features__block05 .c_box01__item .content_notes {
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_features__block05 .c_box01__item .content_notes {
    margin-top: 32px;
  }
}
.p_product_cream .product_box02__desc {
  margin-top: 46px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .product_box02__desc {
    margin-top: 79px;
  }
}
.p_product_cream .p_product_howto {
  padding-top: 141px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto {
    padding-top: 116px;
  }
}
.p_product_cream .p_product_howto__blocks {
  margin-top: 132px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__blocks {
    margin-top: 132px;
  }
}
.p_product_cream .p_product_howto__block {
  padding-top: 35px;
  margin-top: 31px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__block {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: clamp(1.875rem, 1.0416666667vw + 1.375rem, 2.625rem);
  }
}
.p_product_cream .p_product_howto__block:first-child {
  margin-top: 0;
}
.p_product_cream .p_product_howto__block__inner {
  gap: 30px 7px;
  margin-top: -23px;
  padding: 0 0 0 22px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__block__inner {
    margin-top: 0;
    padding: 0;
    gap: 22.5px clamp(0.46875rem, 5.0625vw + -3.328125rem, 1.734375rem);
  }
}
.p_product_cream .p_product_howto__block__content {
  padding-top: 34px;
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__block__content {
    padding-top: 71px;
  }
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__block__num {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_product_cream .p_product_howto__txt01 {
    margin-top: 120px;
  }
}

/*# sourceMappingURL=product.css.map */