*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  border: 0;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

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

ol,
ul {
  list-style: none;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

@media print {
  body {
    display: none !important;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  color: inherit;
  font: inherit;
  vertical-align: top;
}

:root {
  --color-text-black: #000000;
  --color-text-black-ex: #150b0b;
  --color-text-white: #ffffff;
  --background-white: #ffffff;
  --background-black: #000000;
  --background-gray: #d8d7d5;
  --background-gray-light: #e0dfdc;
  --background-gray-brown: #2c2013;
  --ff-noto: "Noto Sans JP", sans-serif;
  --ff-arial: "arial", sans-serif;
  --fz-base: 16px;
  --fw-base: 400;
  --fw-md: 500;
  --fw-bold: 700;
}

body {
  background-color: var(--background-white);
  color: var(--color-text-black);
  font-family: var(--ff-noto);
  font-size: var(--fz-base);
  font-weight: var(--fw-base);
}

.l-header {
  inline-size: 100%;
  inset-block-start: 30px;
  inset-inline-start: 50%;
  position: fixed;
  translate: -50% 0;
  z-index: 30;
}

.l-header__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-inline: clamp(1.875rem, 0.625rem + 2.6041666667vi, 3.75rem);
  position: relative;
}

.l-header__btn {
  align-items: center;
  background: var(--background-white);
  block-size: 80px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  inline-size: 80px;
  justify-content: center;
  padding: 0;
  position: relative;
}

.l-header__btn-line {
  background: var(--color-text-black);
  block-size: 3px;
  inline-size: 35px;
  position: absolute;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.l-header__btn-line:nth-child(1) {
  inset-block-start: 24px;
}

.l-header__btn-line:nth-child(2) {
  inset-block-start: 50%;
  translate: 0 -50%;
}

.l-header__btn-line:nth-child(3) {
  inset-block-end: 24px;
}

.l-header__btn.is-checked .l-header__btn-line:nth-child(1) {
  inset-block-start: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.l-header__btn.is-checked .l-header__btn-line:nth-child(2) {
  opacity: 0;
}

.l-header__btn.is-checked .l-header__btn-line:nth-child(3) {
  inset-block-end: auto;
  inset-block-start: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.l-header__logo {
  translate: 26px 0;
}

.l-header__snss {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 0.375rem + 1.3020833333vi, 1.9375rem);
}

.l-header__sns {
  display: block;
}

.l-drawer {
  block-size: 100svh;
  clip-path: circle(
    0px at var(--drawer-origin-x, 40px) var(--drawer-origin-y, 40px)
  );
  inset: 0;
  position: fixed;
  transition:
    clip-path 0.6s ease-in-out,
    visibility 0s linear 0.6s;
  visibility: hidden;
  z-index: 40;
}

.l-drawer.is-checked {
  clip-path: circle(
    150vmax at var(--drawer-origin-x, 40px) var(--drawer-origin-y, 40px)
  );
  transition:
    clip-path 0.6s ease-in-out,
    visibility 0s linear 0s;
  visibility: visible;
}

.l-drawer__inner {
  background-image: linear-gradient(145deg, #ffffff 30%, #edebe7);
  block-size: 100svh;
  padding-block-start: 84px;
  position: relative;
  z-index: 1;
}

.l-drawer__inner::after {
  background: url(../img/svg/logo-white.svg) no-repeat center center/contain;
  block-size: 187px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0px;
  inset-inline-start: 50%;
  max-inline-size: 1200px;
  position: absolute;
  translate: -50% 0;
  z-index: -1;
}

.l-drawer__top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-inline: auto;
  max-inline-size: 1690px;
  padding-inline: 25px;
}

.l-drawer__btn {
  align-items: center;
  background: var(--background-black);
  block-size: 80px;
  border: 2px solid var(--background-black);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  inline-size: 80px;
  justify-content: center;
  padding: 0;
  position: relative;
}

.l-drawer__btn-line {
  background-color: var(--background-white);
  block-size: 3px;
  inline-size: 35px;
  position: absolute;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.l-drawer__btn-line:nth-child(1) {
  inset-block-start: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.l-drawer__btn-line:nth-child(2) {
  opacity: 0;
}

.l-drawer__btn-line:nth-child(3) {
  inset-block-end: auto;
  inset-block-start: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.l-drawer.is-closing .l-drawer__btn-line {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}

.l-drawer__bottom {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-block-start: 133px;
  margin-inline: auto;
  max-inline-size: 1250px;
  padding-inline: 25px;
}

.l-drawer__items {
  display: grid;
  gap: 32px clamp(4.25rem, 2.4285714286rem + 7.7714285714vi, 8.5rem);
  grid-auto-flow: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
}

.l-drawer__link {
  display: block;
  font-family: var(--ff-arial);
  font-size: clamp(1.5rem, 0.8035714286rem + 2.9714285714vi, 3.125rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.l-drawer__char {
  block-size: 1lh;
  clip-path: inset(0);
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.l-drawer__char > span {
  display: inline-block;
  font-weight: 700;
  will-change: transform;
}

.l-drawer__char > span::after {
  content: attr(data-char);
  display: block;
}

.l-drawer-item__details {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-block-start: 25px;
}

.l-drawer-itemDetails__link {
  display: block;
  font-family: var(--ff-arial);
  font-size: clamp(1.125rem, 0.9107142857rem + 0.9142857143vi, 1.625rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  padding-inline-start: 45px;
  position: relative;
  text-transform: uppercase;
}

.l-drawer-itemDetails__link::before {
  background: var(--background-black);
  block-size: 3px;
  content: "";
  inline-size: 20px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.l-drawer__snss {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.l-drawer__sns {
  display: block;
}

.l-main {
  overflow: hidden;
}

.l-footer {
  background: var(--background-black);
  padding-block: 68.8px 62.2px;
}

.l-footer__inner {
  margin-inline: auto;
  max-inline-size: 1248px;
  padding-inline: 24px;
}

.l-footer__container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.l-footer__content {
  display: flex;
  flex-direction: column;
}

.l-footer__list {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-block-start: 61px;
  padding-inline-start: 5px;
}

.l-footer__link {
  color: var(--color-text-white);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.45;
  text-transform: uppercase;
}

.l-footer__char {
  block-size: 1lh;
  clip-path: inset(0);
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.l-footer__char > span {
  display: inline-block;
  font-weight: 500;
  will-change: transform;
}

.l-footer__char > span::after {
  content: attr(data-char);
  display: block;
}

.l-footer__snss {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 31.3px;
}

.l-footer__sns {
  display: block;
}

.l-footer__copyright {
  margin-block-start: 112px;
  text-align: left;
}

.l-footer-copyright__text {
  color: var(--color-text-white);
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2.0714285714;
}

.c-sectionTitle {
  font-family: var(--ff-arial);
  font-size: clamp(5rem, -1.0759493671rem + 12.6582278481vi, 10rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.15;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.p-fv {
  background: #545454;
  inline-size: 100%;
}

.p-fv__inner {
  inline-size: 100%;
  position: relative;
}

.p-fv__img {
  display: block;
  inline-size: 100%;
}

.p-fv__img img {
  block-size: auto;
  display: block;
  inline-size: 100%;
}

.p-fv__logo {
  inline-size: 100%;
  inset-block-end: 30px;
  inset-inline-start: 50%;
  max-inline-size: 1232px;
  padding-inline: 16px;
  position: absolute;
  translate: -50% 0;
  z-index: 1;
}

.p-fv__logo img {
  display: block;
  inline-size: 100%;
}

.p-topVideo {
  aspect-ratio: 16 / 9;
  background: #545454;
  inline-size: 100%;
}

.p-topVideo__inner {
  block-size: 100%;
  inline-size: 100%;
  position: relative;
}

.p-topVideo__iframe {
  block-size: 100%;
  border: none;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
}

.p-topMaking {
  padding-block: 38px 0px;
}

.p-topMaking__inner {
  margin-inline: auto;
  max-inline-size: 2200px;
}

.p-topMaking__head {
  text-align: center;
  max-width: 560px;
  width: 90%;
  display: block;
  margin: 0 auto;
}

.p-topMaking__link {
  display: block;
  font-family: var(--ff-arial);
  font-size: 40px;
  font-weight: 700;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  letter-spacing: 0.13em;
  margin-block-start: 22px;
  margin-inline: auto;
  position: relative;
  white-space: nowrap;
}

.p-topMaking__link::before {
  background: var(--background-black);
  block-size: 3px;
  content: "";
  inline-size: 100%;
  inset-block-end: 5px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50% 0;
}

.p-topMaking__body {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: row;
  /* gap: clamp(1.5rem, -6.0189873418rem + 15.664556962vi, 7.6875rem); */
  gap: clamp(1.5rem, -4.86rem + 21.95vw, 12.5rem);
  margin-block-start: 70px;
  padding-inline-end: 25px;
  padding-inline-start: 70px;
}

.p-topMaking__img {
  background: var(--background-gray-light);
  block-size: clamp(26.875rem, -13.6819620253rem + 84.4936708861vi, 60.25rem);
  inline-size: clamp(20rem, -10.3797468354rem + 63.2911392405vi, 45rem);
  overflow: hidden;
  position: relative;
  max-width: 500px;
  height: auto;
}

/* .p-topMaking__picture {
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
} */

.p-topMaking__picture img {
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
  object-position: center top;
}

.p-topMaking__copy {
  font-size: clamp(1.75rem, 0.2768542199rem + 3.0690537084vi, 3.25rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6538461538;
  position: relative;
}

/* .p-topMaking__profile {
	margin-block-end: 5px;
	margin-block-start: clamp(3.5rem, -7.4367088608rem + 22.7848101266vi, 12.5rem);
} */

.p-topMaking-profile__en {
  font-family: var(--ff-arial);
  font-size: clamp(1.5rem, 1.1962025316rem + 0.6329113924vi, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.1428571429;
  text-transform: uppercase;
}

.p-topMaking-profile__ja {
  font-size: clamp(2.625rem, 2.3212025316rem + 0.6329113924vi, 2.875rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.1304347826;
  margin-block-start: clamp(1.25rem, -0.0614754098rem + 2.7322404372vi, 2.5rem);
}

.p-topMaking__texts {
  margin-block-start: clamp(
    1.5rem,
    -1.0573770492rem + 5.3278688525vi,
    3.9375rem
  );
}

.p-topMaking__text {
  font-size: clamp(0.875rem, 0.4193037975rem + 0.9493670886vi, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2.6;
  margin-block: calc((1em - 1lh) / 2);
}

.p-topMaking__text + .p-topMaking__text {
  margin-block-start: 15px;
}

.p-topConcept {
  padding-block: 174px 20px;
}

.p-topConcept__mv {
  margin-block-start: 21px;
  padding-inline-start: clamp(7.5rem, 4.4620253165rem + 6.3291139241vi, 10rem);
  position: relative;
  text-align: right;
  z-index: -1;
}

.p-topConcept__copy {
  font-size: clamp(2.5rem, -0.9615384615rem + 7.2115384615vi, 6.25rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
  margin-block-start: -80px;
  padding-inline-start: clamp(
    1.5625rem,
    -3.2291666667rem + 9.9826388889vi,
    8.75rem
  );
}

.p-topConcept__container {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(2rem, -5.737704918rem + 16.1202185792vi, 9.375rem);
  margin-block-start: 62px;
  padding-inline-start: 25px;
}

.p-topConcept__laundry {
  position: relative;
  z-index: -1;
}

.p-topConcept__content {
  margin-block-start: 79px;
  max-inline-size: clamp(27.5rem, 9.1393442623rem + 38.2513661202vi, 45rem);
}

.p-topConcept-content__title {
  font-size: clamp(1.25rem, 0.856557377rem + 0.8196721311vi, 1.625rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 2.3076923077;
  padding-block-end: 37px;
  position: relative;
}

.p-topConcept-content__title::after {
  background-color: var(--color-text-black);
  block-size: 2px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  position: absolute;
}

.p-topConcept-content__img--sp {
  display: none;
}

.p-topConcept-content__img--sp img {
  inline-size: 100%;
}

.p-topConcept-content__text {
  font-size: clamp(0.875rem, 0.743852459rem + 0.2732240437vi, 1rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.5;
  margin-block-start: 35px;
}

.p-topConcept-content__text sup {
  font-size: clamp(0.625rem, 0.493852459rem + 0.2732240437vi, 0.75rem);
}

.p-topConcept-content__add {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.6;
  margin-block-start: 33px;
}

.p-topConcept__baby {
  margin-block-start: -265px;
  padding-inline-end: clamp(
    25.375rem,
    -12.4854651163rem + 78.8759689922vi,
    76.25rem
  );
}

.p-topFeature {
  padding-block: 74px 20px;
}

.p-topFeature__head .c-sectionTitle {
  text-align: left;
}

.p-topFeature__body {
  margin-block-start: 21px;
}

.p-topFeature__mv {
  padding-inline-start: clamp(
    7.5rem,
    -8.237704918rem + 32.7868852459vi,
    22.5rem
  );
  text-align: right;
}

.p-topFeature__copy {
  font-size: clamp(2.25rem, -0.261627907rem + 5.2325581395vi, 5.625rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3333333333;
  margin-block-start: -160px;
  margin-inline: auto;
  max-inline-size: 2200px;
  padding-inline-start: clamp(
    1.5625rem,
    -5.2281976744rem + 14.1472868217vi,
    10.6875rem
  );
  position: relative;
  z-index: 1;
}

.p-topFeature__copy sup {
  font-size: clamp(1.125rem, -0.6454918033rem + 3.6885245902vi, 2.8125rem);
  font-weight: 300;
}

.p-topFeature-ingredient {
  margin-block-start: 117px;
  margin-inline: auto;
  max-inline-size: 2200px;
  position: relative;
  z-index: 2;
}

.p-topFeature-ingredient__inner {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, -0.8139534884rem + 3.7790697674vi, 3.4375rem);
  justify-content: flex-end;
}

.p-topFeature-ingredient__container {
  margin-block-start: 20px;
  margin-inline: auto;
  max-inline-size: 1400px;
  text-align: center;
}
.p-topFeature-ingredient__container .p-topFeature-ingredient__title {
  display: block;
}

.p-topFeature-ingredient__title {
  /* font-size: clamp(1.25rem, -0.1270491803rem + 2.868852459vi, 2.5625rem); */
  font-size: clamp(2.125rem, 1.833rem + 0.608vw, 2.563rem);
  font-weight: 700;
  display: block;
  letter-spacing: 0.06em;
  line-height: 1.9375;
  margin-inline: auto;
  max-inline-size: 956px;
  padding-block-end: 31px;
  position: relative;
}

.p-topFeature-ingredient__title::before {
  background: var(--color-text-black);
  block-size: 2px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  position: absolute;
}

.p-topFeature-ingredient__wrap {
  display: flex;
  margin-block-start: 80px;
  max-inline-size: 955px;

  /* max-width: clamp(419px, calc(47vw + 62px), 955px); */
  justify-content: space-between;
  gap: clamp(30px, calc(0vw + 27px), 34px);
  margin-inline: auto;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-topFeature-ingredient__wrap {
    flex-direction: column;
    margin-block-start: 0;
  }
}
.p-topFeature-ingredient-detail {
  margin-block-start: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .p-topFeature-ingredient-detail {
    margin-block-start: 60px;
    flex-direction: column;
    align-items: stretch;
    max-width: 400px;
    margin-inline: auto;
  }
}
.p-topFeature-ingredient-detail__text {
  color: var(--background-black);
  outline: solid 2px var(--background-black);
  background-color: var(--color-text-white);
  font-weight: 700;
  text-align: center;
  padding-block: 0.9rem;
  padding-inline: 1.6rem;
  font-size: clamp(20px, calc(0vw + 19px), 25px);
}
.p-topFeature-ingredient-detail__text sup {
  font-size: clamp(0.625rem, 0.493852459rem + 0.2732240437vi, 0.75rem);
  line-height: normal;
}

.p-topFeature-ingredient__image {
  inline-size: min(100%, 357px);
  margin: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-topFeature-ingredient__image {
    inline-size: auto;
    width: 100%;
  }
}
.p-topFeature-ingredient__list {
  display: grid;
  width: 100%;
  max-width: 629px;
  gap: clamp(10px, calc(1vw + -1px), 27px);
  grid-template-rows: repeat(3, 1fr);
}

.p-topFeature-ingredient__item {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-start;
  /* max-inline-size: 374px; */
}

/* .p-topFeature-ingredient__item:nth-child(2) .p-topFeature-ingredient-item__text,
.p-topFeature-ingredient__item:nth-child(3)
  .p-topFeature-ingredient-item__text {
  margin-block-start: 17px;
} */

.p-topFeature-ingredient-item__img {
  inline-size: 100%;
  max-inline-size: 170px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.p-topFeature-ingredient-item__img img {
  max-width: 50px;
}
@media screen and (max-width: 767px) {
  .p-topFeature-ingredient-item__img img {
    max-width: 150px;
  }
}

/* .p-topFeature-ingredient-item__content {
  margin-block-start: -24px;
} */

.p-topFeature-ingredient__border {
  display: block;
  width: 45px;
  height: 1px;
  background-color: var(--background-black);
}
@media screen and (max-width: 767px) {
  .p-topFeature-ingredient__border {
    display: none;
  }
}
.p-topFeature-ingredient-item__content {
  flex-grow: 1;
}
.p-topFeature-ingredient-item__category {
  color: #424c52;
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  /* inline-size: 100%; */
  /* letter-spacing: 0.04em; */
  line-height: 1.2;
  margin-inline: auto;
  /* max-inline-size: 181px;
  padding-block: 6px 7px; */
  /* text-align: center; */
}

.p-topFeature-ingredient-item__category--pc {
  /* margin-block-start: -28px; */
  position: relative;
  margin: 0;
  z-index: 1;
}

.p-topFeature-ingredient-item__text {
  font-size: clamp(1rem, 0.4754098361rem + 1.0928961749vi, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4583333333;
  /* margin-block-start: 22px; */
  text-align: left;
}

.p-topFeature-ingredient-item__text .u-hidden-sp {
  display: block;
}
.p-topFeature-ingredient-item__text .u-hidden-pc {
  display: none;
}

.p-topFeature-ingredient-item__text .small {
  font-weight: 500;
}

.p-topFeature-ingredient-item__text .middle {
  font-weight: 500;
}

.p-topFeature-ingredient-item__text sup {
  font-size: clamp(0.625rem, 0.493852459rem + 0.2732240437vi, 0.75rem);
  line-height: normal;
}

.p-topFeature-ingredient___video {
  background: var(--background-gray-light);
  block-size: clamp(13.5rem, 0.011627907rem + 28.1007751938vi, 31.625rem);
  inline-size: clamp(23.4375rem, 5.5305232558rem + 37.3062015504vi, 47.5rem);
}

.p-topAssurance {
  /* background: rgba(224, 223, 220, 0.3); */
  margin-block-start: 100px;
  position: relative;
  z-index: 2;
}

.p-topAssurance__inner {
  padding-block: 64px;
}
.p-topFeature-ingredient__title {
  display: inline-block;
}
.p-topAssurance__inner {
  margin-inline: auto;
  max-inline-size: 1250px;
  padding-inline: 25px;
}

/* .p-topAssurance__top {
  display: flex;
  flex-direction: row;
  gap: 20px;
} */

.p-topAssurance__top--pc {
  margin-block-start: 120px;
  text-align: center;
}

.p-topAssurance__top--pc .p-topFeature-ingredient__title {
  display: inline-block;
}

.p-topAssurance-top__icons {
  margin-block-start: 80px;
  display: flex;
  gap: 40px;
  justify-content: center;
  /* grid-template-columns: repeat(4, 1fr); */
}

.p-topAssurance-top-icons__img {
  max-inline-size: 189px;
}

.p-topAssurance-top-icons__img img {
  inline-size: 100%;
}

/* .p-topAssurance-top__texts {
  inline-size: 100%;
  margin-block-start: 16px;
  max-inline-size: 390px;
}

.p-topAssurance-top_text {
  background: var(--background-black);
  border-radius: 70px;
  color: var(--color-text-white);
  font-size: clamp(1rem, 0.488372093rem + 1.0658914729vi, 1.6875rem);
  font-weight: 700;
  inline-size: 100%;
  letter-spacing: 0.06em;
  line-height: 1.7407407407;
  padding-block: 11px 14px;
  text-align: center;
} */

.p-topAssurance-top_text sup {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
}

.p-topAssurance-top_text + .p-topAssurance-top_text {
  margin-block-start: 22px;
}

.p-topAssurance__add {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
  margin-block-start: 27px;
}

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

.p-topAssurance__add--pc {
  margin-block-start: 31px;
  text-align: left;
  display: inline-block;
}

/* .p-topAssurance__bottom {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, -5.1763485477rem + 11.8257261411vi, 4.0625rem);
} */

.p-topAssurance__bottom {
  text-align: center;
  background: #f6f5f5;
}
.p-topAssurance__bottom .p-topAssurance-bottom__title {
  display: inline-block;
}
.p-topAssurance__bottom__inner {
  padding-block: 64px;
}
.p-topAssurance-bottom__title {
  /* font-size: clamp(1.5rem, -0.0933609959rem + 3.3195020747vi, 2.5rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2.4; */
  font-size: clamp(1.25rem, -0.1270491803rem + 2.868852459vi, 2.5625rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.9375;
  margin-inline: auto;
  max-inline-size: 956px;
  padding-block-end: 31px;
  position: relative;
}

.p-topAssurance-bottom__title:after {
  background: var(--color-text-black);
  block-size: 2px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .p-topAssurance-bottom__title:after {
    display: none;
  }
}

.p-topAssurance-bottom__list {
  display: flex;
  gap: 20px;
  margin-block-start: 80px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-topAssurance-bottom__list {
    margin-block-start: 0;
  }
}
.p-topAssurance-bottom__item {
  background: var(--background-gray);
  block-size: clamp(7.0625rem, -0.406379668rem + 15.5601659751vi, 11.75rem);
  color: var(--color-text-white);
  display: grid;
  font-size: clamp(1.125rem, 0.1291493776rem + 2.0746887967vi, 1.75rem);
  font-weight: 500;
  inline-size: clamp(7.0625rem, -0.406379668rem + 15.5601659751vi, 11.75rem);
  letter-spacing: 0.06em;
  line-height: 1.3928571429;
  place-items: center;
  position: relative;
  text-align: center;
}

.p-topAssurance-bottom__item::before {
  background: var(--background-white);
  block-size: 2px;
  content: "";
  inline-size: calc(100% - 20px);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-topAssurance-bottom__item--small {
  font-size: clamp(1rem, 0.601659751rem + 0.8298755187vi, 1.25rem);
  line-height: 1.4;
}

.p-topAssurance-bottomItem__text {
  background: var(--background-gray);
  position: relative;
  z-index: 1;
}

.p-topFragrance {
  padding-block: 148px 0px;
}

.p-topFragrance__head {
  padding-inline: 25px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.p-topFragrance__head::before {
  background: var(--background-white);
  block-size: 1625px;
  border-radius: 80%;
  content: "";
  inline-size: 4472px;
  inset-block-end: -137px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: -1;
}

.p-topFragrance-head__title {
  font-family: var(--ff-arial);
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-topFragrance-head__copy {
  font-size: clamp(2.3125rem, -0.4976265823rem + 5.8544303797vi, 4.625rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-block-start: 22px;
}

.p-topFragrance-head__copy .hidden {
  display: none;
}

.p-topFragrance-head__supplement {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-block-start: 24px;
}

.p-topFragrance-head__supplement sup {
  font-size: 12px;
}

.p-topFragrance-head__add {
  font-size: 10px;
  margin-block-start: 41px;
  margin-inline: auto;
  max-inline-size: 1219px;
  padding-inline: 25px;
  text-align: left;
}

.p-topFragrance-body__inner {
  color: #2c2013;
  margin-inline: auto;
  max-inline-size: 1254px;
  padding-inline: 25px;
}

.p-topFragrance-body__head {
  text-align: center;
}

.p-topFragrance__title--en {
  font-family: var(--ff-arial);
  font-size: clamp(3.125rem, -1.854253112rem + 10.3734439834vi, 6.25rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-topFragrance__title--en .hidden {
  display: none;
}

.p-topFragrance__title--ja {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.13em;
  margin-block-start: 20px;
}

.p-topFragrance__container {
  display: flex;
  flex-direction: row;
  gap: 45px;
  margin-block-start: 40px;
}

.p-product-floral .p-topFragrance__container {
  align-items: flex-end;
}
.p-topFragrance__content {
  margin-block-start: 4px;
}

.p-topFragrance-content__title {
  font-size: clamp(1.5625rem, -0.927126556rem + 5.1867219917vi, 3.125rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.6;
}

.p-topFragrance-content__title--floral {
  font-size: clamp(1.5625rem, -0.6283713693rem + 4.5643153527vi, 2.9375rem);
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.p-topFragrance-content__text {
  font-size: clamp(1rem, 0.4024896266rem + 1.244813278vi, 1.375rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 2.2727272727;
  margin-block-start: 32px;
  max-inline-size: 653px;
}
.p-topFragrance__img {
  flex-shrink: 0;
}
.p-topFragrance-content__info {
  display: flex;
  justify-content: center;
  gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  margin-block-start: 39px;
  max-inline-size: 625px;
}

.p-topFragrance-content__item {
  max-inline-size: clamp(105px, calc(6vw + 82px), 200px);
}

.p-topFragrance__add {
  font-size: 10px;
  margin-block-start: 32px;
}

.p-topFragrance-lily {
  padding-block: 227px 227px;
}

.p-topFragrance-lily {
  position: relative;
}

.p-topFragrance-lily::before {
  background: url(../img/fragrance-lily-bg.webp) no-repeat center center/cover;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  position: absolute;
  z-index: -1;
}

.p-topFragrance-floral {
  padding-block: 227px 307px;
}

.p-topFragrance-floral {
  position: relative;
}

.p-topFragrance-floral::before {
  background: url(../img/fragrance-floral-bg.webp) no-repeat center center/cover;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  position: absolute;
  z-index: -1;
}

.p-topFragrance-lily {
  z-index: 0;
}

.p-topFragrance-floral {
  position: relative;
  z-index: 1;
}

.p-topProduct {
  padding-block: 0px 15px;
  position: relative;
  z-index: 1;
}

.p-topProduct::before {
  background: var(--background-white);
  block-size: 1625px;
  border-radius: 80%;
  content: "";
  inline-size: 4472px;
  inset-block-start: -180px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: -1;
}

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

.p-topProduct-head__title {
  font-family: var(--ff-arial);
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-topProduct-head__copy {
  font-size: clamp(1.5rem, -0.9303797468rem + 5.0632911392vi, 3.5rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.7142857143;
  margin-block-start: 20px;
}

.p-topProduct-head__copy .hidden {
  display: none;
}

.p-topProduct__body {
  background: var(--background-white);
  margin-block-start: 114px;
  margin-inline: auto;
  max-inline-size: 1920px;
}

.p-topProduct__top {
  display: flex;
  flex-direction: row;
  inline-size: 100%;
}

.p-topProduct__swiper {
  box-sizing: border-box;
  flex: 1 1 50%;
  max-inline-size: 50%;
}

.p-topProduct__swiper .p-topProduct-swiper {
  padding-block-end: 58px;
}

.p-topProduct__swiper .p-topProduct-swiper__pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}

.p-topProduct__swiper .swiper-pagination-bullet {
  background: transparent !important;
  block-size: 14px !important;
  border: 3px solid var(--background-black);
  border-radius: 50%;
  inline-size: 14px !important;
  opacity: 1 !important;
  transition: all 1.5s ease-in-out !important;
}

.p-topProduct__swiper .swiper-pagination-bullet-active {
  background: var(--background-black) !important;
  block-size: 18px !important;
  inline-size: 18px !important;
}

.p-topProduct-swiper__item {
  display: block;
}

.p-topProduct__container {
  box-sizing: border-box;
  flex: 1 1 50%;
  inline-size: 100%;
  max-inline-size: 50%;
  overflow: hidden;
}

.p-topProduct-container__inner {
  margin-block-start: clamp(
    0.0625rem,
    -34.7589285714rem + 37.1428571429vi,
    9.8125rem
  );
  margin-inline: auto;
  max-inline-size: 630px;
}

.p-topProduct__name {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-align: center;
  text-transform: uppercase;
}

.p-topProduct__items {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5625rem, -1.0957278481rem + 5.5379746835vi, 3.75rem);
  justify-content: center;
}

.p-topProduct__item {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  margin-block-start: 32px;
}

.p-topProduct-item__img {
  text-align: center;
}

.p-topProduct-item__kind {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-block-start: 6px;
  text-align: center;
}

.p-topProduct-item__details {
  border: 1px solid var(--background-black);
  border-radius: 13px;
  display: grid;
  flex-grow: 1;
  font-size: 16px;
  font-weight: 500;
  inline-size: 100%;
  margin-block-start: 14px;
  padding-block: 0px 1px;
  padding-inline: 8px;
  place-items: center;
  text-align: center;
}

.p-topProduct-item__title {
  font-size: 20px;
  font-weight: 700;
  padding-block-end: 10px;
  position: relative;
}

.p-topProduct-item__title::before {
  background: var(--background-black);
  block-size: 1px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0px;
  inset-inline-start: 0px;
  position: absolute;
}

.p-topProduct-item__price {
  padding-block-start: 9px;
  padding-inline-start: 10px;
}

.p-topProduct-item__price span:nth-child(1) {
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 0.07em;
}

.p-topProduct-item__price span:nth-child(2) {
  font-size: 14px;
  font-weight: 300;
}

.p-topProduct-item__price span:nth-child(3) {
  font-size: 18px;
  font-weight: 300;
  margin-inline-start: 6px;
}

.p-topProduct__item .p-topProduct-item__info:nth-child(4) {
  margin-block-start: clamp(
    0.9375rem,
    -1.4669324578rem + 2.8142589118vi,
    1.875rem
  );
}

.p-topProduct-item__info + .p-topProduct-item__info {
  margin-block-start: 14px;
}

.p-topProduct__btn {
  background: var(--background-black);
  border: 2px solid var(--background-black);
  color: var(--color-text-white);
  display: block;
  font-family: var(--ff-arial);
  font-size: 23px;
  font-weight: 700;
  inline-size: 100%;
  letter-spacing: 0.1em;
  margin-block-start: clamp(
    1.25rem,
    -0.3529549719rem + 1.8761726079vi,
    1.875rem
  );
  padding-block: 10px 9.3px;
  text-align: center;
  text-transform: uppercase;
}

.p-topProduct__bottom {
  display: flex;
  flex-direction: row-reverse;
  inline-size: 100%;
  margin-block-start: -58px;
}

.p-topProduct__swiper {
  box-sizing: border-box;
  flex: 1 1 50%;
  inline-size: 100%;
  max-inline-size: 50%;
}

.p-topProduct__swiper .p-topProductBottom-swiper {
  padding-block-end: 58px;
}

.p-topProduct__swiper .p-topProductBottom-swiper__pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}

.p-topProduct__swiper .swiper-pagination-bullet {
  background: transparent !important;
  block-size: 14px !important;
  border: 3px solid var(--background-black);
  border-radius: 50%;
  inline-size: 14px !important;
  opacity: 1 !important;
  transition: all 1.5s ease-in-out !important;
}

.p-topProduct__swiper .swiper-pagination-bullet-active {
  background: var(--background-black) !important;
  block-size: 18px !important;
  inline-size: 18px !important;
}

.p-topProduct__bottom .p-topProduct-container__inner {
  margin-block-start: clamp(
    4.375rem,
    -18.4037162162rem + 23.5135135135vi,
    9.8125rem
  );
}

.p-topProduct__bottom .p-topProduct__item {
  margin-block-start: 21px;
}

.p-topProduct__bottom .p-topProduct-item__kind {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-block-start: 0px;
  text-align: center;
}

.p-topProduct__bottom .p-topProduct-item__details {
  margin-block-start: 12px;
}

.p-topProduct__bottom .swiper-slide:nth-child(even) img {
  transform: translate(3px, -3px);
}

.p-topFaq {
  padding-block: 120px 160px;
}

.p-topFaq__inner {
  margin-inline: auto;
  max-inline-size: 680px;
  padding-inline: 25px;
}

.p-topFaq__title {
  font-family: var(--ff-arial);
  font-size: 90px;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.1444444444;
  text-align: center;
  text-transform: uppercase;
}

.p-topFaq__text {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 2.6666666667;
  margin-block-start: 15px;
  text-align: center;
}

.p-topFaq__btn {
  background: var(--background-black);
  border: 2px solid var(--background-black);
  color: var(--color-text-white);
  display: block;
  font-family: var(--ff-arial);
  font-size: 23px;
  font-weight: 700;
  inline-size: 100%;
  letter-spacing: 0.1em;
  line-height: 1.3043478261;
  margin-block-start: 57px;
  padding-block: 12px 12.3px;
  text-align: center;
  text-transform: uppercase;
}

.p-point {
  padding-block: 88px 140px;
  position: relative;
}

.p-point::before {
  background: var(--background-white);
  block-size: 1685px;
  border-radius: 80%;
  content: "";
  inline-size: 4472px;
  inset-block-end: -90px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
}

.p-point__inner {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.p-point__title {
  font-family: var(--ff-arial);
  font-size: clamp(5rem, -0.2459016393rem + 10.9289617486vi, 10rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-point__container {
  margin-block-start: 34px;
}

.p-point__copy {
  font-size: clamp(2.5rem, -0.2540983607rem + 5.737704918vi, 5.125rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4634146341;
  margin-inline: auto;
  max-inline-size: 1690px;
  padding-inline: 25px;
}
.p-point-text__add {
  margin-inline: auto;
  margin-block-start: 20px;
  max-inline-size: 1690px;
  padding-inline: 25px;
}

.p-point__wrapper {
  margin-block-start: 102px;
}

.p-point__item {
  align-items: center;
  display: flex;
  gap: clamp(1.5rem, -4.7950819672rem + 13.1147540984vi, 7.5rem);
}

.p-point-text__title {
  position: relative;
  z-index: 1;
}

.p-point__item--imgLeft {
  flex-direction: row;
}

.p-point__item--imgRight {
  flex-direction: row-reverse;
}

.p-point__item--imgLeft .p-point__img {
  display: block;
  flex: 1;
  margin-block-start: 15px;
  max-inline-size: 880px;
}

.p-point__item--imgLeft .p-point__texts {
  flex: 1;
  max-inline-size: 585px;
  padding-inline-end: 25px;
}

.p-point__item--imgLeft .p-point-text__title {
  font-family: var(--ff-arial);
  font-size: clamp(2.5rem, -0.1229508197rem + 5.4644808743vi, 5rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-point__item--imgLeft .p-point-text__copy {
  font-size: clamp(1.75rem, 0.7008196721rem + 2.1857923497vi, 2.75rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5681818182;
  margin-block-start: 25px;
}

.p-point__item--imgLeft .p-point-text__copy sup {
  font-size: clamp(1.125rem, 0.6004098361rem + 1.0928961749vi, 1.625rem);
  letter-spacing: normal;
}

.p-point__item--imgLeft .p-point-text__mainText {
  font-size: clamp(0.875rem, 0.743852459rem + 0.2732240437vi, 1rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.25;
  margin-block-start: 41px;
}

.p-point__item--imgLeft .p-point-text__mainText sup {
  font-size: 10px;
  letter-spacing: normal;
}

.p-point__item--imgLeft .p-point-text__add {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.6;
  margin-block-start: -2px;
}

.p-point__item--imgRight {
  gap: clamp(1.5rem, -5.5819672131rem + 14.7540983607vi, 8.25rem);
  margin-block-start: 126px;
}

.p-point__item--imgRight .p-point__img {
  display: block;
  flex: 1;
  margin-block-start: 15px;
  max-inline-size: 800px;
}

.p-point__item--imgRight .p-point__texts {
  flex: 1;
  max-inline-size: 640px;
  padding-inline-start: 25px;
}

.p-point--softener .p-point__item--imgRight .p-point__texts {
  max-inline-size: 675px;
}

.p-point__item--imgRight .p-point-text__title {
  font-family: var(--ff-arial);
  font-size: clamp(2.5rem, -0.1229508197rem + 5.4644808743vi, 5rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.p-point__item--imgRight .p-point-text__copy {
  font-size: clamp(1.625rem, 0.4446721311rem + 2.4590163934vi, 2.75rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5681818182;
  margin-block-start: 25px;
}

.p-point__item--imgRight .p-point-text__copy sup {
  font-size: clamp(1.125rem, 0.6004098361rem + 1.0928961749vi, 1.625rem);
  letter-spacing: normal;
}

.p-point__item--imgRight .p-point-text__mainText {
  font-size: clamp(0.84375rem, 0.6798155738rem + 0.3415300546vi, 1rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.25;
  margin-block-start: 41px;
}

.p-point__item--imgRight .p-point-text__mainText sup {
  font-size: 6px;
  letter-spacing: normal;
}

.p-point__item--imgRight .p-point-text__img {
  margin-block-start: 33px;
  margin-inline: auto;
}

.p-point__item--imgRight .p-point-text__add {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.6;
  margin-block-start: 31px;
}

.p-point--mist .p-point-text__copy span {
  font-size: clamp(0.75rem, 0.0942622951rem + 1.3661202186vi, 1.375rem);
  font-weight: 600;
  letter-spacing: 0.06em;
}

.p-point--mist .p-point-text__copy span sup {
  font-size: clamp(0.5rem, 0.368852459rem + 0.2732240437vi, 0.625rem);
}

.p-point--mist .p-point-text__img {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(4, 1fr);
}

.p-point--mist .p-point__wrapper {
  margin-block-start: -125px;
}

.p-point--mist .p-point__item--imgRight {
  margin-block-start: 0;
}

.p-point--mist .p-point__item--imgRight {
  margin-block-start: 0;
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(1) {
  gap: clamp(1.5rem, -2.4344262295rem + 8.1967213115vi, 5.25rem);
  padding-inline-end: clamp(
    1.5625rem,
    -3.7398255814rem + 11.0465116279vi,
    8.6875rem
  );
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(1) .p-point__img {
  max-inline-size: 720px;
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(2) {
  gap: clamp(1.5rem, -2.3032786885rem + 7.9234972678vi, 5.125rem);
  margin-block-start: 124px;
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(2) .p-point__texts {
  max-inline-size: 620px;
}

.p-point--mist
  .p-point__wrapper
  .p-point__item:nth-of-type(2)
  .p-point-text__add {
  margin-block-start: 44px;
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(3) {
  gap: clamp(1.5rem, -28.75rem + 40.3333333333vi, 16.625rem);
  margin-block-start: 124px;
  padding-inline-end: clamp(1.5625rem, -12.6875rem + 19vi, 8.6875rem);
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(3) .p-point__img {
  max-inline-size: 720px;
}

.p-point--mist .p-point__wrapper .p-point__item:nth-of-type(3) .p-point__texts {
  max-inline-size: 680px;
}

.p-point--mist
  .p-point__wrapper
  .p-point__item:nth-of-type(3)
  .p-point-text__add {
  margin-block-start: 20px;
}

.p-product-lily {
  background: linear-gradient(
    135deg,
    rgb(255, 255, 255) 20%,
    rgb(237, 235, 231) 100%
  );
  background: #f1f1f1;
  color: #2c2013;
  padding-block: 152px 140px;
}

.p-product-floral {
  background: linear-gradient(
    135deg,
    rgb(255, 255, 255) 30%,
    rgb(254, 236, 238) 100%
  );
  color: #40191e;
  padding-block: 152px 140px;
}

.p-product-lily.p-topFragrance-lily::before,
.p-product-floral.p-topFragrance-floral::before {
  content: none;
}

.p-product__title {
  font-family: var(--ff-arial);
  font-size: clamp(5rem, 2.1803278689rem + 5.8743169399vi, 7.6875rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.p-product__title span {
  font-family: var(--ff-arial);
  font-size: clamp(5rem, 2.1803278689rem + 5.8743169399vi, 7.6875rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.p-product__title--lily {
  color: #d9d4cc;
}

.p-product__title--floral {
  color: #f4bcc0;
  line-height: 1;
}

.p-product__item {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: clamp(0.875rem, 0.875rem + 0vi, 0.875rem);
  margin-block-start: -10px;
  padding-inline-end: 25px;
  padding-inline-start: clamp(
    6.25rem,
    -21.7767857143rem + 25.5952380952vi,
    8.9375rem
  );
}

.p-product--item__container {
  inline-size: 100%;
  margin-block-start: 56px;
  max-inline-size: 828px;
}

.p-product-item__title {
  align-items: center;
  display: flex;
  font-size: clamp(1.75rem, 0.9631147541rem + 1.6393442623vi, 2.5rem);
  font-weight: 700;
  gap: 16px;
  letter-spacing: 0.1em;
}

.p-product-item__title--sp {
  display: none;
}

.p-product-item__title::after {
  block-size: 0;
  border-block-end: 2px solid currentColor;
  content: "";
  flex: 1;
  min-inline-size: 0;
  opacity: 1;
}

.p-product-item__points {
  display: grid;
  gap: 10px 10px;
  grid-template-columns: repeat(6, 1fr);
  margin-block-start: 50px;
}

.p-product-item__features {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1.25fr;
  margin-block-start: 18px;
}

.p-product__feature {
  background: var(--background-white);
  border-radius: 29px;
  font-size: clamp(1rem, 0.6721311475rem + 0.6830601093vi, 1.3125rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-block: 14px 13px;
  text-align: center;
}

.p-product-item__ingredient {
  margin-block-start: 29.5px;
}

.p-product-itemIngredient__title {
  font-size: clamp(1.125rem, 0.4692622951rem + 1.3661202186vi, 1.75rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: normal;
  text-align: center;
  font-weight: 700;
}

.p-product-itemIngredient__list {
  display: grid;
  gap: clamp(0.5rem, -3.25rem + 5vi, 1.4375rem);
  grid-template-columns: repeat(4, auto);
  margin-block-start: 20px;
}

.p-product--mist .p-product-itemIngredient__list {
  grid-template-columns: repeat(3, auto);
}

.p-product-itemIngredient__item {
  border-radius: 29px;
  display: grid;
  overflow: hidden;
  padding-block: 10px 12px;
  place-items: center;
  position: relative;
  text-align: center;
}

.p-product-itemIngredient__item::before {
  background: var(--background-white);
  block-size: 2px;
  content: "";
  inline-size: calc(100% - 5px);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(-15deg);
}

.p-product-itemIngredient__item:nth-of-type(1)
  .p-product-itemIngredient__item--text {
  font-size: clamp(0.875rem, 0.4159836066rem + 0.956284153vi, 1.3125rem);
}

.p-product-itemIngredient__item--lily {
  background: #c5c3bf;
}

.p-product-itemIngredient__item--lily .p-product-itemIngredient__item--text {
  background: #c5c3bf;
}

.p-product-itemIngredient__item--floral {
  background: #dbc7c3;
}

.p-product-itemIngredient__item--floral .p-product-itemIngredient__item--text {
  background: #dbc7c3;
}

.p-product-itemIngredient__item--text {
  color: var(--color-text-white);
  font-size: clamp(1rem, 0.4098360656rem + 1.2295081967vi, 1.5625rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: normal;
  padding-inline: 10px;
  position: relative;
}

.p-product__ctas {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-block-start: 51px;
}

.p-product__cta {
  inline-size: 100%;
}

.p-product-cta__title {
  background: var(--background-white);
  font-size: clamp(1rem, 0.737704918rem + 0.5464480874vi, 1.25rem);
  font-weight: 700;
  line-height: normal;
  padding-block: 16px 9px;
  padding-inline-start: 16px;
}

.p-product-cta__body {
  background: var(--background-white);
  margin-block-start: 4px;
  padding-block: 9px 18px;
  padding-inline: 16px;
}

.p-product-cta__info {
  display: flex;
  flex-direction: row;
  gap: clamp(0.625rem, -1.6607142857rem + 3.5714285714vi, 1.6875rem);
}

.p-product-ctaInfo__price,
.p-product-ctaInfo__volume {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 11px;
}

.p-product-ctaInfo__price--title,
.p-product-ctaInfo__volume--title {
  font-size: clamp(0.9375rem, 0.7407786885rem + 0.4098360656vi, 1.125rem);
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: normal;
}

.p-product-ctaInfo__price--text,
.p-product-ctaInfo__volume--text {
  font-size: clamp(0.9375rem, 0.7407786885rem + 0.4098360656vi, 1.125rem);
  font-weight: 300;
  letter-spacing: 0.07em;
  line-height: normal;
}

.p-product-ctaInfo__price--text span,
.p-product-ctaInfo__volume--text span {
  font-size: clamp(0.625rem, 0.493852459rem + 0.2732240437vi, 0.75rem);
  font-weight: 300;
  letter-spacing: 0px;
}

.p-product-ctaInfo__btns {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-block-start: 14px;
}

.p-product__ctas--sp {
  display: none;
}

.p-product-ctaInfo__btn {
  color: var(--color-text-white);
  display: grid;
  font-size: clamp(1rem, 0.9344262295rem + 0.1366120219vi, 1.0625rem);
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: normal;
  padding-block: 16px 16px;
  padding-inline: 6px;
  place-items: center;
  text-align: center;
}

.p-product-ctaInfo__btn--lily {
  background: #2c2013;
  border: 1px solid #2c2013;
}

.p-product-ctaInfo__btn--floral {
  background: #40191e;
  border: 1px solid #40191e;
}

.p-product-ctaInfo__btn br {
  display: none;
}

.p-product-item__add {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: normal;
  letter-spacing: -0.01rem;
  line-height: normal;
  margin-block-start: 21px;
  padding-inline-end: 5px;
  text-align: right;
}

.p-product-item__add--pc {
  display: block;
}

.p-product-item__add--sp {
  display: none;
}

.p-product-item__wrap {
  margin-block-start: 70px;
  padding-inline-end: 25px;
  padding-inline-start: clamp(1.5625rem, -59.03125rem + 69.25vi, 18.875rem);
}

.p-product-item__wrap .p-topFragrance__container {
  gap: 19px;
}

.p-product-item__wrap .p-topFragrance__content {
  margin-block-start: 39px;
}

.p-product-item__wrap .p-topFragrance-content__title {
  letter-spacing: 0.1em;
  line-height: 1.45;
}

.p-product-item__wrap .p-topFragrance-content__text {
  margin-block-start: 23px;
  max-inline-size: 605px;
}

.p-product-item__wrap .p-topFragrance-content__info {
  margin-block-start: 20px;
}

.p-product-item__wrap .p-topFragrance__add {
  margin-block-start: 10px;
}

.p-product--mist .p-product-item__title {
  font-size: clamp(1.625rem, 0.8381147541rem + 1.6393442623vi, 2.375rem);
}

.p-product--mist .p-product-item__title--pc br {
  display: none;
}

.p-product--mist .p-product-item__title::after {
  content: none;
}

.p-qa {
  padding-block: 93px 200px;
}

.p-qa__title {
  font-family: var(--ff-arial);
  font-size: 160px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
  translate: 10px 0px;
}

.p-qa__container {
  margin-block-start: 34px;
  margin-inline: auto;
  max-inline-size: 1250px;
  padding-inline: 25px;
}

.p-qa__details {
  background: #f7f6f4;
  border-radius: 20px;
}

.p-qa__details + .p-qa__details {
  margin-block-start: 60px;
}

.p-qa__summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between;
  padding-block: 54px 54px;
  padding-inline: clamp(1.5rem, -1.2341772152rem + 5.6962025316vi, 3.75rem);
}

.p-qa__summary::-webkit-details-marker {
  display: none;
}

.p-qa__titles {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.p-qa__icon {
  font-family: var(--ff-arial);
  font-size: 36px;
  font-weight: 700;
  line-height: 100%;
}

.p-qa__text--q {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.1153846154;
}

.qa__btn {
  block-size: 37px;
  flex-shrink: 0;
  inline-size: 37px;
  position: relative;
}

.qa__btn-line {
  background-color: var(--color-text-black);
  block-size: 4px;
  inline-size: 100%;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%) scaleX(1);
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease;
}

.qa__btn-line:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg) scaleX(1);
}

.p-qa__details[open] .qa__btn-line:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}

.p-qa__answer {
  max-block-size: 0;
  opacity: 0;
  overflow: hidden;
  padding-block: 0px 0px;
  padding-inline: clamp(1.5rem, -1.2341772152rem + 5.6962025316vi, 3.75rem)
    clamp(1.375rem, -7.5870253165rem + 18.6708860759vi, 8.75rem);
  transition:
    max-block-size 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    padding-block 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.p-qa__details[open] .p-qa__answer {
  max-block-size: 560px;
  opacity: 1;
  padding-block: 0px 56px;
}

.p-qa-answer__texts {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.p-qa__text--a {
  font-size: clamp(1.125rem, 0.6693037975rem + 0.9493670886vi, 1.5rem);
  letter-spacing: 0.1em;
  line-height: 1.8333333333;
  margin-block: calc((1em - 1lh) / 2);
}

.p-qa__text--a a {
  color: #1f89e5;
  font-weight: 300;
  position: relative;
}

.p-qa__text--a .pc-hidden {
  display: none;
}

.p-qa__text--a a::after {
  background-color: #1f89e5;
  block-size: 1px;
  content: "";
  inset-block-end: 1px;
  inset-inline-end: 2px;
  inset-inline-start: 0;
  position: absolute;
}

.p-qa__img {
  margin-block-start: 60px;
}

.js-details::details-content {
  content-visibility: unset;
  display: block grid;
}

.js-details:not([open])::details-content {
  grid-template-rows: 0fr;
}

.js-details[open]::details-content {
  grid-template-rows: 1fr;
}

.l-header__sns,
.l-footer__sns,
.l-drawer__sns {
  transition:
    opacity 0.4s cubic-bezier(0.43, -0.005, 0.64, 1),
    filter 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.p-topMaking__link {
  transition:
    opacity 0.4s cubic-bezier(0.43, -0.005, 0.64, 1),
    filter 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.l-header__btn {
  transition: background 0.45s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.l-header__btn-line {
  transition: background 0.45s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.l-drawer__btn {
  transition: background 0.45s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.l-drawer__btn-line {
  transition: background 0.45s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.p-topProduct__btn,
.p-topFaq__btn {
  transition:
    background 0.4s cubic-bezier(0.43, -0.005, 0.64, 1),
    color 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.l-footer__char > span,
.l-drawer__char > span {
  transition:
    transform 0.3s cubic-bezier(0.65, 0, 0.35, 1),
    opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  transition-delay: calc(var(--i) * 0.04s);
}

.p-qa__summary {
  transition: filter 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.p-qa__text--a a {
  transition:
    opacity 0.4s cubic-bezier(0.43, -0.005, 0.64, 1),
    filter 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.p-product-ctaInfo__btn--lily,
.p-product-ctaInfo__btn--floral {
  transition:
    color 0.4s cubic-bezier(0.43, -0.005, 0.64, 1),
    background 0.4s cubic-bezier(0.43, -0.005, 0.64, 1);
}

.js-parallax {
  overflow: hidden;
  position: relative;
}
/* 
.js-parallax img {
  height: 110%;
} */

.js-img-radius {
  overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .js-details::details-content {
    transition-duration: 300ms;
    transition-property: grid-template-rows;
  }
}

@media (any-hover: hover) {
  .l-header__sns:hover,
  .l-footer__sns:hover,
  .l-drawer__sns:hover {
    filter: blur(1px);
    opacity: 0.5;
  }

  .p-topMaking__link:hover {
    filter: blur(1px);
    opacity: 0.6;
  }

  .l-header__btn:hover {
    background: #000;
  }

  .l-header__btn:hover .l-header__btn-line {
    background: #fff;
  }

  .l-drawer__btn:hover {
    background: #fff;
  }

  .l-drawer__btn:hover .l-drawer__btn-line {
    background: #000;
  }

  .p-topProduct__btn:hover,
  .p-topFaq__btn:hover {
    background: #fff;
    color: #000;
  }

  .l-footer__link:hover .l-footer__char > span {
    opacity: 0.7;
    transform: translateY(-50%);
  }

  .l-drawer__link:hover .l-drawer__char > span,
  .l-drawer-itemDetails__link:hover .l-drawer__char > span {
    opacity: 0.7;
    transform: translateY(-50%);
  }

  .p-qa__summary:hover {
    filter: blur(0.6px);
  }

  .p-qa__text--a a:hover {
    filter: blur(0.2px);
    opacity: 0.6;
  }

  .p-product-ctaInfo__btn--lily:hover {
    background: #fff;
    color: #2c2013;
  }

  .p-product-ctaInfo__btn--floral:hover {
    background: #fff;
    color: #40191e;
  }
}

@media (min-width: 450px) and (max-width: 767px) {
  .u-hidden-mid {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .p-topFeature-ingredient-item__category--sp {
    display: none;
  }

  .p-topFeature-ingredient-item__text .small {
    font-size: clamp(0.875rem, 0.481557377rem + 0.8196721311vi, 1.25rem);
    line-height: 1.75;
  }

  .p-topFeature-ingredient-item__text .middle {
    font-size: clamp(0.875rem, 0.3504098361rem + 1.0928961749vi, 1.375rem);
    line-height: 1.75;
  }

  .p-topAssurance__top--sp {
    display: none;
  }

  .p-topAssurance__add--sp {
    display: none;
  }

  .u-hidden-pc {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .u-hidden-tab {
    display: none;
  }
}

@media (min-width: 1920px) {
  .p-topProduct-swiper__item img {
    inline-size: 100%;
  }

  .p-point__wrapper {
    margin-inline: auto;
    max-inline-size: 1920px;
  }
}

@media (min-width: 1921px) {
  .p-point__item--imgLeft {
    padding-inline-start: 190px;
  }

  .p-point__item--imgRight {
    padding-inline-end: 190px;
  }
}

@media screen and (min-width: 1921px) {
  .p-product__item {
    margin-inline: auto;
    max-inline-size: 1920px;
  }

  .p-product-item__wrap {
    margin-inline: auto;
    max-inline-size: 1920px;
  }
}

@media (min-width: 2000px) {
  /* .p-fv__img {
	max-block-size: 100%;
} */

  .p-topMaking__body {
    justify-content: center;
    padding-inline-end: 160px;
  }

  .p-point__title {
    margin-inline: auto;
    max-inline-size: 3000px;
  }
}

@media (min-width: 2200px) {
  .p-topFeature__copy {
    padding-inline-end: 0;
  }

  .p-topProduct__bottom .p-topProduct-container__inner {
    margin-block-start: 250px;
  }
}

@media (max-width: 1752px) {
  .p-product__item {
    justify-content: center;
    padding-inline-start: 25px;
  }
}

@media (max-width: 1700px) {
  .p-point--mist .p-point__wrapper {
    margin-block-start: 25px;
  }

  .p-product-item__wrap .p-topFragrance__container {
    justify-content: center;
    padding-inline-end: clamp(0.0625rem, -21.96875rem + 23.5vi, 3rem);
  }
}

@media (max-width: 1550px) {
  .p-topProduct__bottom .p-topProduct__container {
    margin-block-start: 30px;
  }

  .p-topProduct__bottom .p-topProduct-container__inner {
    margin-block-start: 40px;
  }
}

@media (max-width: 1525px) {
  .p-product-ctaInfo__btn br {
    display: block;
  }
}

@media (max-width: 1500px) {
  .p-topConcept__baby {
    margin-block-start: -100px;
  }

  .p-topProduct-container__inner {
    margin-block-start: 0px;
  }

  .p-topProduct__bottom {
    margin-block-start: -58px;
  }

  .p-product__item {
    align-items: center;
  }
}

@media (max-width: 1366px) {
  .p-topProduct__top {
    padding-inline-end: 0px;
  }

  .p-topProduct__container {
    margin-inline: auto;
    max-inline-size: none;
  }

  .p-topProduct__top .p-topProduct__container {
    padding-inline-start: 0px;
  }

  .p-topProduct__bottom .p-topProduct__container {
    margin-block-start: 0px;
    padding-inline-end: 0px;
  }

  .p-topProduct__bottom {
    margin-block-start: 80px;
    padding-inline-start: 0px;
  }

  .p-topProduct__swiper {
    display: none;
  }
}

@media (max-width: 1300px) {
  .p-product-item__wrap .p-topFragrance-content__title {
    letter-spacing: 0.06em;
  }
}

@media (max-width: 1250px) {
  .p-topConcept__baby {
    margin-block-start: -50px;
  }
  .p-topFragrance__img {
    flex-shrink: inherit;
  }
}

@media (max-width: 1200px) {
  .p-topAssurance__top {
    align-items: center;
    justify-content: center;
  }

  .p-topAssurance-top__texts {
    max-inline-size: 350px;
  }

  .p-topAssurance__bottom {
    justify-content: space-between;
  }

  .p-topProduct__bottom .p-topProduct-container__inner {
    margin-block-start: 0px;
  }

  .p-product-itemIngredient__list {
    grid-template-columns: repeat(2, 2fr);
  }

  .p-product-itemIngredient__item::before {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
}

@media (max-width: 1160px) {
  .p-product--mist .p-product-item__title--pc br {
    display: block;
  }
}

@media (max-width: 1150px) {
  .p-topConcept__baby {
    margin-block-start: 0px;
  }
}

@media (max-width: 1040px) {
  .p-topConcept__baby {
    margin-block-start: 20px;
  }
}

@media (max-width: 1025px) {
  .p-topFeature-ingredient__inner {
    align-items: center;
  }
}

@media (max-width: 1024px) {
  .p-product__ctas {
    flex-direction: column;
    margin-block-start: 20px;
  }
  .p-topFeature-ingredient__container {
    padding-inline: 0;
  }
}

@media screen and (max-width: 1024px) {
  .p-product-ctaInfo__btn br {
    display: none;
  }
}

@media (max-width: 900px) {
  .p-topAssurance-top__icons {
    gap: 16px;
    margin-block-start: 17px;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, 2fr);
  }

  .p-topAssurance-top-icons__img {
    max-inline-size: 120px;
  }

  .p-topProduct__bottom .swiper-slide:nth-child(even) img {
    transform: translate(3px, -2px);
  }
}

@media screen and (max-width: 899px) {
  .p-product-item__points {
    grid-template-columns: repeat(3, 2fr);
    margin-block-start: 32px;
  }

  .p-product-item__point {
    margin-inline: auto;
    max-inline-size: 100px;
  }

  .p-product-item__features {
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .p-product__feature {
    border-radius: 39px;
    font-size: 14px;
    line-height: 1.5;
    padding-block: 10px 9px;
  }

  .p-product-item__ingredient {
    margin-block-start: 20px;
  }

  .p-product__ctas--pc {
    display: none;
  }

  .p-product__ctas--sp {
    display: block flex;
    gap: 20px;
    padding-inline: clamp(1.5625rem, -1.7259247449rem + 14.0306122449vi, 5rem);
  }

  .p-product-item__wrap .p-topFragrance__container {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .p-topFeature-ingredient__item {
    flex-direction: column;
    justify-content: normal;
  }
  .l-header {
    inset-block-start: 0px;
  }

  .l-header__inner {
    padding-block: 10px;
    padding-inline: 19px;
  }

  .l-header__inner::before {
    background: var(--background-white);
    block-size: 42px;
    clip-path: circle(50% at 50% 50%);
    content: "";
    inline-size: 42px;
    inset-block-start: 10px;
    inset-inline-start: 19px;
    position: absolute;
    transition:
      inset-block-start 0.5s ease-in-out,
      inset-inline-start 0.2s ease-in-out,
      inline-size 0.4s ease-in-out,
      block-size 0.5s ease-in-out,
      clip-path 0.4s ease-in-out;
  }

  .l-header__inner.is-large::before {
    block-size: 62px;
    clip-path: circle(100% at 50% 50%);
    inline-size: 100%;
    inset-block-start: 0px;
    inset-inline-start: 0px;
  }

  .l-header__btn {
    background: none;
    block-size: 42px;
    inline-size: 42px;
  }

  .l-header__btn-line {
    block-size: 1.5px;
    inline-size: 18.65px;
  }

  .l-header__btn-line:nth-child(1) {
    inset-block-start: 26px;
  }

  .l-header__btn-line:nth-child(3) {
    inset-block-end: 26px;
  }

  .l-header__logo {
    max-inline-size: 128.41px;
    translate: 0px 0;
  }

  .l-header__snss {
    inline-size: 42px;
    visibility: hidden;
  }

  .l-drawer__inner {
    padding-block-start: 10px;
  }

  .l-drawer__inner::after {
    block-size: 80px;
  }

  .l-drawer__top {
    padding-inline: 19px;
  }

  .l-drawer__logo {
    display: none;
  }

  .l-drawer__btn {
    block-size: 42px;
    inline-size: 42px;
  }

  .l-drawer__btn-line {
    block-size: 1.5px;
    inline-size: 18.65px;
  }

  .l-drawer.is-closing .l-drawer__btn-line:nth-child(1) {
    inset-block-start: 26px;
    transform: none;
  }

  .l-drawer.is-closing .l-drawer__btn-line:nth-child(2) {
    opacity: 1;
  }

  .l-drawer.is-closing .l-drawer__btn-line:nth-child(3) {
    inset-block-end: 26px;
    inset-block-start: auto;
    transform: none;
  }

  .l-drawer__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 35px;
    margin-block-start: 43.5px;
    padding-inline-start: 40px;
  }

  .l-drawer__items {
    gap: 19.5px;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: unset;
  }

  .l-drawer__item:nth-child(4) {
    order: 5;
  }

  .l-drawer__item:nth-child(5) {
    order: 4;
  }

  .l-drawer-item__details {
    gap: 13px;
    margin-block-start: 14px;
  }

  .l-drawer-itemDetails__link {
    padding-inline-start: 41px;
  }

  .l-drawer__snss {
    gap: 20px;
  }

  .l-drawer__sns {
    max-inline-size: 24px;
  }

  .l-footer {
    padding-block: 60px 33px;
  }

  .l-footer__container {
    align-items: center;
    flex-direction: column;
    gap: 34px;
  }

  .l-footer__logo {
    margin-inline: auto;
    max-inline-size: 192.62px;
    text-align: center;
  }

  .l-footer__list {
    display: grid;
    gap: 10px 36px;
    grid-template-columns: repeat(2, 3fr);
    margin-block-start: 35px;
    padding-inline-start: 13px;
  }

  .l-footer__item:nth-child(1) {
    order: 1;
  }

  .l-footer__item:nth-child(2) {
    order: 3;
  }

  .l-footer__item:nth-child(3) {
    order: 5;
  }

  .l-footer__item:nth-child(4) {
    order: 4;
  }

  .l-footer__item:nth-child(5) {
    order: 2;
  }

  .l-footer__link {
    font-size: clamp(0.8125rem, 0.6335877863rem + 0.7633587786vi, 1rem);
    line-height: 2.2307692308;
  }

  .l-footer__sns {
    max-inline-size: 32px;
  }

  .l-footer__copyright {
    margin-block-start: 35px;
    text-align: center;
  }

  .l-footer-copyright__text {
    font-size: 10px;
    line-height: 2.9;
  }

  .c-sectionTitle {
    font-size: 50px;
    letter-spacing: 0.1em;
    line-height: 1.16;
  }

  /* .p-fv__img {
	max-block-size: clamp(34.375rem, 16.4381377551rem + 76.5306122449vi, 53.125rem);
	min-block-size: auto;
}

.p-fv__img img {
	min-block-size: auto;
}

.p-topFv {
	block-size: 640px;
}

.p-topVideo {
	block-size: 211px;
} */

  .p-topVideo__img {
    max-inline-size: 88px;
  }

  .p-topMaking {
    padding-block: 21px 0px;
  }

  .p-topMaking__link {
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-block-start: 0;
  }

  .p-topMaking__link::before {
    block-size: 1px;
    inset-block-end: 3px;
  }

  .p-topMaking__link::after {
    content: "▶︎";
    font-size: 13px;
  }

  .p-topMaking__body {
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
    margin-block-start: 57px;
    padding-block-start: 61px;
    padding-inline-end: 0;
    position: relative;
    padding-inline-start: 0px;
  }

  .p-topMaking__copy {
    font-size: 18px;
    inset-block-start: 23px;
    inset-inline-start: 37px;
    letter-spacing: 0.44em;
    position: absolute;
    text-orientation: upright;
    writing-mode: vertical-rl;
  }

  .p-topMaking__profile {
    margin-block-start: 0;
    padding-inline-end: 25px;
    padding-inline-start: clamp(
      1.5625rem,
      -4.1030534351rem + 24.1730279898vi,
      7.5rem
    );
  }

  .p-topMaking-profile__en {
    letter-spacing: 0.1em;
  }

  .p-topMaking-profile__ja {
    margin-block-start: 28px;
  }

  .p-topMaking__texts {
    margin-block-start: 28px;
  }

  .p-topMaking__text {
    line-height: 1.8;
  }

  .p-topMaking__text + .p-topMaking__text {
    margin-block-start: 6px;
  }

  .p-topConcept {
    padding-block: 76px 20px;
  }

  .p-topConcept__head .c-sectionTitle {
    padding-inline-start: 25px;
  }

  .p-topConcept__mv {
    margin-block-start: -25px;
    padding-inline-start: 0;
  }

  .p-topConcept__mv img {
    aspect-ratio: 375/400;
    -o-object-fit: cover;
    inline-size: 100%;
    object-fit: cover;
  }

  .p-topConcept__copy {
    font-size: 36px;
    letter-spacing: normal;
    line-height: 1.5;
    margin-block-start: -32px;
    padding-inline-start: 25px;
    white-space: nowrap;
  }

  .p-topConcept__container {
    flex-direction: column;
    gap: 0;
    margin-block-start: -35px;
    padding-inline-start: 0;
  }

  .p-topConcept__laundry {
    padding-inline-start: clamp(8.5rem, 0.368622449rem + 34.693877551vi, 17rem);
  }

  .p-topConcept__laundry img {
    aspect-ratio: 240/280;
    -o-object-fit: cover;
    inline-size: 100%;
    object-fit: cover;
  }

  .p-topConcept__content {
    margin-block-start: 36px;
    max-inline-size: none;
    padding-inline: 25px;
  }

  .p-topConcept-content__title {
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 1.8;
    padding-block-end: 0;
    padding-inline-end: 0px;
  }

  .p-topConcept-content__title::after {
    content: none;
  }

  .p-topConcept-content__img--sp {
    display: block;
    margin-block-start: 39px;
  }

  .p-topConcept-content__text {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.8;
    margin-block-start: 15px;
  }

  .p-topConcept-content__text sup {
    font-size: 8px;
  }

  .p-topConcept-content__add {
    margin-block-start: 18px;
  }

  .p-topConcept__baby {
    display: none;
  }

  .p-topFeature {
    padding-block: 58px 20px;
  }

  .p-topFeature__head .c-sectionTitle {
    padding-inline-end: 25px;
    text-align: right;
    transform: translateX(5px);
  }

  .p-topFeature__body {
    margin-block-start: 20px;
  }

  .p-topFeature__mv {
    padding-inline: 25px;
    text-align: center;
  }

  .p-topFeature__mv img {
    aspect-ratio: 325/216.67;
    -o-object-fit: cover;
    inline-size: 100%;
    object-fit: cover;
  }

  .p-topFeature__copy {
    font-size: 36px;
    letter-spacing: normal;
    line-height: 1.5;
    margin-block-start: 19px;
  }

  .p-topFeature__copy sup {
    font-size: 18px;
  }

  .p-topFeature-ingredient {
    margin-block-start: 33px;
  }

  .p-topFeature-ingredient__inner {
    align-items: normal;
    flex-direction: column-reverse;
    gap: 20px;
    padding-inline: 25px;
  }

  .p-topFeature-ingredient__container {
    margin-block-start: 0px;
  }

  .p-topFeature-ingredient__title {
    font-size: 20px;
    margin-inline: auto;
    text-align: left;
    max-inline-size: 650px;
    padding-block-end: 23px;
  }

  .p-topFeature-ingredient__title::before {
    content: none;
    inline-size: 100%;
  }

  .p-topFeature-ingredient__list {
    gap: 40px;
    grid-template-columns: repeat(1, 3fr);
    margin-block-start: 8px;
  }

  .p-topFeature-ingredient__item {
    flex-direction: row;
    margin-inline: auto;
    max-inline-size: 500px;
  }

  .p-topFeature-ingredient__item:nth-child(2) {
    flex-direction: row-reverse;
  }

  .p-topFeature-ingredient__item:nth-child(2)
    .p-topFeature-ingredient-item__content {
    margin-inline-end: -40px;
    margin-inline-start: 0px;
  }

  .p-topFeature-ingredient__item:nth-child(2)
    .p-topFeature-ingredient-item__text,
  .p-topFeature-ingredient__item:nth-child(3)
    .p-topFeature-ingredient-item__text {
    margin-block-start: 19px;
    white-space: nowrap;
  }

  .p-topFeature-ingredient-item__img {
    max-inline-size: 150px;
  }

  .p-topFeature-ingredient-item__content {
    inline-size: 200px;
    margin-block-start: -10px;
    margin-inline-start: -40px;
    position: relative;
    z-index: 1;
  }

  .p-topFeature-ingredient-item__category {
    font-size: 14px;
    max-inline-size: none;
    padding-block: 12px;
    color: var(--color-text-white);
    background-color: var(--color-text-black);
    border-radius: 100vw;
    text-align: center;
  }

  .p-topFeature-ingredient-item__category--pc {
    display: none;
  }

  .p-topFeature-ingredient-item__text {
    font-size: 18px;
    line-height: 1.5;
    margin-block-start: 18px;
    text-align: center;
  }
  .p-topFeature-ingredient-item__text .u-hidden-sp {
    display: none;
  }
  .p-topFeature-ingredient-item__text .u-hidden-pc {
    display: block;
  }
  .p-topFeature-ingredient___video {
    block-size: 216px;
    inline-size: 325px;
    margin-inline: auto;
    padding-inline: 25px;
  }

  .p-topAssurance {
    margin-block-start: 0;
    padding-block: 40px 0;
  }

  .p-topAssurance__inner {
    max-inline-size: 550px;
  }

  .p-topAssurance__top {
    flex-direction: column;
    gap: 5px;
  }

  .p-topAssurance__top--pc {
    display: none;
  }
  .p-topAssurance__top--sp {
    margin-inline: 25px;
    text-align: center;
  }

  .p-topAssurance-top__icons {
    padding-inline: 32px;
  }

  .p-topAssurance-top_text {
    font-size: 16px;
    line-height: 2.8125;
    padding-block: 0px 0px;
  }

  .p-topAssurance-top_text sup {
    font-size: 8px;
  }

  .p-topAssurance-top_text + .p-topAssurance-top_text {
    margin-block-start: 11px;
  }

  .p-topAssurance__add {
    margin-block-start: 17px;
  }

  .p-topAssurance__add--pc {
    display: none;
  }

  .p-topAssurance__bottom {
    flex-direction: column;
    gap: 21px;
    margin-block-start: 43px;
  }

  .p-topAssurance-bottom__title {
    font-size: 24px;
    line-height: normal;
  }

  .p-topAssurance-bottom__list {
    gap: 11px 9px;
    grid-template-columns: repeat(2, 2fr);
  }

  .p-topAssurance-bottom__item {
    block-size: clamp(3.125rem, -1.0602678571rem + 17.8571428571vi, 7.5rem);
    font-size: clamp(0.875rem, 0.6358418367rem + 1.0204081633vi, 1.125rem);
    inline-size: clamp(9.875rem, 5.1516262755rem + 20.1530612245vi, 14.8125rem);
    line-height: 1.6111111111;
  }

  .p-topAssurance-bottom__item::before {
    transform: translate(-50%, -50%) rotate(-15deg);
  }

  .p-topAssurance-bottom__item--small {
    font-size: 14px;
    line-height: 120%;
  }

  .p-topAssurance-bottomItem__text {
    inline-size: calc(100% - 80px);
  }

  .p-topAssurance-bottom__item--small .p-topAssurance-bottomItem__text {
    inline-size: calc(100% - 60px);
  }

  .p-topFragrance {
    padding-block: 72px 0;
  }

  .p-topFragrance__head {
    padding-inline: 20px;
  }

  .p-topFragrance__head::before {
    block-size: clamp(12.6875rem, 0.5502232143rem + 51.7857142857vi, 25.375rem);
    inline-size: clamp(35rem, 1.5178571429rem + 142.8571428571vi, 70rem);
    inset-block-end: -80px;
  }

  .p-topFragrance-head__title {
    font-size: 36px;
    letter-spacing: 0.1em;
  }

  .p-topFragrance-head__copy {
    font-size: 36px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin-block-start: 14px;
  }

  .p-topFragrance-head__supplement {
    font-size: 16px;
    letter-spacing: 0.06em;
    margin-block-start: 18px;
  }

  .p-topFragrance-head__supplement sup {
    font-size: 10px;
  }

  .p-topFragrance-head__add {
    margin-block-start: 21px;
    padding-inline: 7px;
  }

  .p-topFragrance__title--en {
    font-size: 42px;
    letter-spacing: 0.1em;
    line-height: 1.1428571429;
  }

  .p-topFragrance__title--ja {
    font-size: 12px;
  }

  .p-topFragrance__container {
    flex-direction: column;
    gap: 0;
    margin-block-start: 15px;
  }

  .p-topFragrance__content {
    display: contents;
  }

  .p-topFragrance-content__title {
    font-size: 24px;
    letter-spacing: normal;
    line-height: 1.8;
    order: 1;
    text-align: center;
  }

  .p-topFragrance-content__title--floral {
    font-size: 24px;
    white-space: wrap;
  }

  .p-topFragrance-content__text {
    font-size: 16px;
    line-height: 1.8;
    margin-block-start: 14px;
    margin-inline: auto;
    max-inline-size: 550px;
    order: 3;
  }

  .p-topFragrance-content__info {
    gap: 20px;
    margin-block-start: 24px;
    margin-inline: auto;
    max-inline-size: 500px;
    order: 4;
  }

  .p-topFragrance__img {
    margin-block-start: 10px;
    margin-inline: auto;
    max-inline-size: 400px;
    order: 2;
    text-align: center;
  }

  .p-topFragrance__add {
    margin-block-start: 10px;
  }

  .p-topFragrance-lily {
    padding-block: 114px 42px;
  }

  .p-topFragrance-lily::before {
    background: url(../img/fragrance-lily-bg-sp.webp) no-repeat center
      center/cover;
  }

  .p-topFragrance-floral {
    padding-block: 60px 128px;
  }

  .p-topFragrance-floral::before {
    background-position: -375px center;
  }

  .p-topProduct {
    padding-block: 11px 0px;
  }

  .p-topProduct::before {
    block-size: clamp(12.6875rem, 0.5502232143rem + 51.7857142857vi, 25.375rem);
    inline-size: clamp(35rem, 1.5178571429rem + 142.8571428571vi, 70rem);
    inset-block-start: -77px;
  }

  .p-topProduct-head__title {
    font-size: 50px;
    letter-spacing: 0.1em;
  }

  .p-topProduct-head__copy {
    line-height: 1.8;
    margin-block-start: 9px;
  }

  .p-topProduct__body {
    margin-block-start: 47px;
  }

  .p-topProduct__top {
    align-items: normal;
  }

  .p-topProduct__swiper {
    display: none;
  }

  .p-topProduct__container {
    max-inline-size: 100%;
  }

  .p-topProduct-container__inner {
    padding-inline: 25px;
  }

  .p-topProduct__name {
    font-size: 36px;
  }

  .p-topProduct__items {
    gap: 25px;
    margin-block-start: 3px;
  }

  .p-topProduct-item__img {
    padding-inline: 38px;
  }

  .p-topProduct-item__kind {
    font-size: 18px;
    margin-block-start: 22px;
  }

  .p-topProduct-item__details {
    font-size: 10px;
    margin-block-start: 10px;
    padding-block: 2px 4px;
    padding-inline: 4px;
  }

  .p-topProduct-item__title {
    font-size: 16px;
    padding-block-end: 7px;
  }

  .p-topProduct-item__price {
    padding-inline-start: 0;
  }

  .p-topProduct-item__price span:nth-child(1) {
    font-size: 18px;
    letter-spacing: 0;
  }

  .p-topProduct-item__price span:nth-child(2) {
    font-size: 10px;
  }

  .p-topProduct-item__price span:nth-child(3) {
    font-size: 12px;
  }

  .p-topProduct__item .p-topProduct-item__info:nth-child(4) {
    margin-block-start: 20px;
  }

  .p-topProduct-item__info + .p-topProduct-item__info {
    margin-block-start: 21px;
  }

  .p-topProduct__btn {
    font-size: 18px;
    margin-block-start: 40px;
    padding-block: 17px 20px;
  }

  .p-topProduct__bottom {
    padding-inline-start: 0px;
  }

  .p-topProduct__bottom .p-topProduct-container__inner {
    margin-block-start: 109px;
  }

  .p-topProduct__bottom .p-topProduct__items {
    margin-block-start: 15px;
  }

  .p-topProduct__bottom .p-topProduct-item__img {
    padding-inline: 17px;
  }

  .p-topProduct__bottom .p-topProduct-item__kind {
    font-size: 18px;
    margin-block-start: 20px;
  }

  .p-topProduct__bottom .p-topProduct-item__details {
    margin-block-start: 7px;
  }

  .p-topFaq {
    padding-block: 79px 149px;
  }

  .p-topFaq__title {
    font-size: 36px;
    letter-spacing: 0.1em;
    line-height: 1.1666666667;
  }

  .p-topFaq__text {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }

  .p-topFaq__btn {
    font-size: 18px;
    line-height: 1.6666666667;
    margin-block-start: 24px;
    margin-inline: auto;
    max-inline-size: 500px;
    padding-block: 17px 17px;
  }

  .p-point {
    padding-block: 58px 80px;
  }

  .p-point::before {
    content: none;
  }

  .p-point__title {
    font-size: clamp(3.125rem, 1.3313137755rem + 7.6530612245vi, 5rem);
    letter-spacing: 0.1em;
    line-height: 1.16;
    text-align: center;
    translate: 3px 0px;
  }

  .p-point__container {
    margin-block-start: 11px;
  }

  .p-point__copy {
    font-size: clamp(1.5rem, 0.0650510204rem + 6.1224489796vi, 3rem);
    line-height: 1.5;
  }

  .p-point__wrapper {
    margin-block-start: 52px;
    padding-inline: clamp(1.5625rem, -0.7692920918rem + 9.9489795918vi, 4rem);
  }

  .p-point__item {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }

  .p-point__item--imgLeft .p-point__img {
    margin-block-start: -42px;
    order: 2;
  }

  /* .p-point__item--imgLeft .p-point__img img {
    aspect-ratio: 325/160;
    object-fit: cover;
    object-position: center;
  } */

  .p-point__item--imgLeft .p-point__texts {
    display: contents;
  }

  .p-point__item--imgLeft .p-point-text__title {

    font-size: clamp(2.25rem, 1.0542091837rem + 5.1020408163vi, 3.5rem);
    letter-spacing: 0.1em;
    order: 1;
  }

  .p-point__item--imgLeft .p-point-text__copy {
    font-size: clamp(1.25rem, 0.7716836735rem + 2.0408163265vi, 1.75rem);
    line-height: 1.8;
    margin-block-start: 0px;
    order: 3;
  }

  .p-point__item--imgLeft .p-point-text__copy sup {
    font-size: 14px;
  }

  .p-point__item--imgLeft .p-point-text__mainText {
    font-size: 14px;
    line-height: 1.8;
    margin-block-start: 0px;
    order: 4;
  }

  .p-point__item--imgLeft .p-point-text__mainText sup {
    font-size: 8px;
  }

  .p-point__item--imgLeft .p-point-text__add {
    margin-block-start: 2px;
    order: 5;
  }

  .p-point__item--imgRight {
    margin-block-start: 52px;
  }

  .p-point__item--imgRight .p-point__img {
    margin-block-start: -42px;
    order: 2;
  }

  /* .p-point__item--imgRight .p-point__img img {
    aspect-ratio: 325/160;
  } */

  .p-point__item--imgRight .p-point__texts {
    display: contents;
  }

  .p-point__item--imgRight .p-point-text__title {
    font-size: clamp(2.25rem, 1.0542091837rem + 5.1020408163vi, 3.5rem);
    letter-spacing: 0.1em;
    order: 1;
  }

  .p-point__item--imgRight .p-point-text__copy {
    font-size: clamp(1.25rem, 0.7716836735rem + 2.0408163265vi, 1.75rem);
    line-height: 1.8;
    margin-block-start: 22px;
    order: 3;
  }

  .p-point__item--imgRight .p-point-text__copy sup {
    font-size: 14px;
  }

  .p-point__item--imgRight .p-point-text__mainText {
    font-size: 14px;
    line-height: 1.8;
    margin-block-start: 0px;
    order: 4;
  }

  .p-point__item--imgRight .p-point-text__mainText sup {
    font-size: 6px;
  }

  .p-point__item--imgRight .p-point-text__img {
    margin-block-start: 0px;
    order: 5;
  }

  .p-point__item--imgRight .p-point-text__add {
    margin-block-start: 4px;
    order: 6;
  }

  .p-point--mist .p-point__container {
    margin-block-start: 20px;
  }

  .p-point--mist .p-point-text__copy span {
    font-size: clamp(0.84375rem, 0.5746970663rem + 1.1479591837vi, 1.125rem);
  }

  .p-point--mist .p-point-text__img {
    gap: 20px;
    grid-template-columns: repeat(2, 2fr);
    padding-inline: 52.5px;
  }

  .p-point--mist .p-point__wrapper {
    margin-block-start: 52px;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(1) {
    padding-inline-end: 0;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(1) .p-point__img {
    margin-block-start: -49px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(1)
    .p-point-text__copy {
    margin-block-start: 11px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(1)
    .p-point-text__mainText {
    margin-block-start: -10px;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(2) {
    margin-block-start: 51px;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(2) .p-point__img {
    margin-block-start: -47px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(2)
    .p-point-text__add {
    margin-block-start: -7px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(2)
    .p-point-text__copy {
    margin-block-start: -11px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(2)
    .p-point-text__mainText {
    margin-block-start: -10px;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(3) {
    margin-block-start: 52px;
    padding-inline-end: 0;
  }

  .p-point--mist .p-point__wrapper .p-point__item:nth-of-type(3) .p-point__img {
    margin-block-start: -52px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(3)
    .p-point-text__copy {
    margin-block-start: 11px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(3)
    .p-point-text__mainText {
    margin-block-start: -10px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(3)
    .p-point-text__img {
    margin-block-start: -8px;
  }

  .p-point--mist
    .p-point__wrapper
    .p-point__item:nth-of-type(3)
    .p-point-text__add {
    margin-block-start: -5px;
  }

  .p-product-lily {
    background: linear-gradient(
      135deg,
      rgb(255, 255, 255) -40%,
      rgb(237, 235, 231) 120%
    );
    padding-block: 2px 40px;
  }

  .p-product-floral {
    background: linear-gradient(
      135deg,
      rgb(255, 255, 255) -40%,
      rgb(254, 236, 238) 120%
    );
    padding-block: 2px 40px;
  }

  .p-product__title {
    font-size: clamp(4.375rem, 1.3855229592rem + 12.7551020408vi, 7.5rem);
    letter-spacing: 0.06em;
    line-height: 1;
    margin-block: calc((1em - 1lh) / 2);
  }

  .p-product__title span {
    display: none;
  }

  .p-product__item {
    align-items: normal;
    flex-direction: column;
    gap: 0;
    margin-block-start: -29px;
  }

  .p-product-item__img {
    margin-inline: auto;
    max-inline-size: clamp(
      12.875rem,
      -3.5073341837rem + 69.8979591837vi,
      30rem
    );
    padding-inline-end: clamp(0.5rem, -3.8048469388rem + 18.3673469388vi, 5rem);
  }

  .p-product-item__img img {
    translate: clamp(-1.25rem, -2.3860012755rem + 4.8469387755vi, -0.0625rem) 0;
  }

  .p-product--item__container {
    margin-block-start: 10px;
  }

  .p-product-item__title {
    font-size: 24px;
    letter-spacing: 0.05em;
  }

  .p-product-item__title--pc {
    display: none;
  }

  .p-product-item__title--sp {
    display: block;
    padding-block: 0px 20px;
    text-align: center;
  }

  .p-product-item__title::after {
    content: none;
  }

  .p-product-item__points {
    grid-template-columns: repeat(3, 2fr);
    margin-block-start: 20px;
    margin-inline: auto;
    max-inline-size: 480px;
  }

  .p-product-item__point {
    margin-inline: auto;
  }

  .p-product-item__features {
    margin-block-start: 20px;
    margin-inline: auto;
    max-inline-size: 560px;
  }

  .p-product-itemIngredient__title {
    font-size: 18px;
  }

  .p-product-itemIngredient__list {
    gap: 11px 8px;
    margin-inline: auto;
    max-inline-size: 560px;
  }

  .p-product-itemIngredient__item {
    border-radius: 100vw;
    padding-block: 18px 18px;
  }

  .p-product-itemIngredient__item::before {
    transform: translate(-50%, -50%) rotate(-15deg);
  }

  .p-product-itemIngredient__item:nth-of-type(4) {
    padding-block: 10px 10px;
  }

  .p-product-cta__title {
    font-size: 18px;
    padding-block: 7px 7px;
    padding-inline-start: 0px;
    text-align: center;
  }

  .p-product-cta__body {
    margin-block-start: 2px;
    padding-block: 15px 10px;
    padding-inline: 11px;
  }

  .p-product-cta__info {
    gap: 16px;
    justify-content: center;
  }

  .p-product-ctaInfo__price--title,
  .p-product-ctaInfo__volume--title {
    font-size: 16px;
  }

  .p-product-ctaInfo__price--text,
  .p-product-ctaInfo__volume--text {
    font-size: 16px;
  }

  .p-product-ctaInfo__btns {
    margin-block-start: 11px;
  }

  .p-product-ctaInfo__btn {
    font-size: 16px;
    letter-spacing: 0.05em;
    padding-block: 18px 18px;
    padding-inline: 0px;
  }

  .p-product-item__add {
    font-size: 10px;
    margin-block-start: 20px;
    padding-inline-end: 0;
    text-align: left;
  }

  .p-product-item__add--pc {
    display: none;
  }

  .p-product-item__add--sp {
    display: block;
  }

  .p-product-item__wrap {
    margin-block-start: 40px;
  }

  .p-product-item__wrap .p-topFragrance__container {
    gap: 5px;
    padding-inline-end: 0;
  }

  .p-product-item__wrap .p-topFragrance-content__title {
    font-size: clamp(1.25rem, 0.6521045918rem + 2.5510204082vi, 1.875rem);
    line-height: 1.7;
  }

  .p-product-item__wrap .p-topFragrance-content__text {
    font-size: 14px;
    letter-spacing: 0.04em;
    margin-block-start: 11px;
  }

  .p-product-item__wrap .p-topFragrance-content__info {
    margin-block-start: 14px;
  }

  .p-product-item__wrap .p-topFragrance__img {
    margin-block-start: 10px;
  }

  .p-product--mist .p-product-item__title {
    font-size: 24px;
    line-height: 1.5;
  }

  .p-product--mist .p-product-item__title--pc br {
    display: none;
  }

  .p-product--mist .p-product-item__img {
    padding-inline-end: clamp(0.5rem, -3.8048469388rem + 18.3673469388vi, 5rem);
  }

  .p-product--mist .p-product-item__img img {
    translate: clamp(-1.375rem, -1.7935267857rem + 1.7857142857vi, -0.9375rem) 0;
  }

  .p-qa {
    padding-block: 50px 150px;
  }

  .p-qa__title {
    font-size: 50px;
    letter-spacing: 0.1em;
    translate: 3px 0px;
  }

  .p-qa__container {
    margin-block-start: 31.5px;
  }

  .p-qa__details {
    border-radius: 10px;
  }

  .p-qa__details + .p-qa__details {
    margin-block-start: 30px;
  }

  .p-qa__summary {
    align-items: flex-start;
    gap: 11px;
    padding-block: 20px 20px;
    padding-inline: 20px;
  }

  .p-qa__titles {
    gap: 10px;
  }

  .p-qa__icon {
    font-size: 20px;
  }

  .p-qa__text--q {
    font-size: 16px;
    line-height: 1.5;
  }

  .qa__btn {
    block-size: 20px;
    inline-size: 20px;
    margin-block-start: 4px;
  }

  .qa__btn-line {
    block-size: 2px;
  }

  .p-qa__answer {
    padding-inline: 20px
      clamp(1.875rem, -0.1578443878rem + 8.6734693878vi, 4rem);
  }

  .p-qa__details[open] .p-qa__answer {
    padding-block: 0px 28px;
  }

  .p-qa-answer__texts {
    gap: 10px;
  }

  .p-qa__text--a {
    font-size: 13px;
    line-height: 1.6153846154;
  }

  .p-qa__text--a .pc-hidden {
    display: block;
  }

  .p-qa__text--a .sp-hidden {
    display: none;
  }

  .p-qa__img {
    margin-block-start: 24px;
    padding-inline-start: 24.45px;
  }

  .u-hidden-sp {
    display: none;
  }
}

@media (max-width: 600px) {
  .p-topFragrance-head__copy .hidden {
    display: block;
  }

  .p-topFragrance__title--en .hidden {
    display: block;
  }

  .p-topProduct-head__copy .hidden {
    display: block;
  }
}

@media (max-width: 550px) {
  .p-topMaking__copy {
    font-size: 18px;
    inset-block-start: 23px;
  }
}

@media (max-width: 450px) {
  .p-qa__titles {
    align-items: flex-start;
  }

  .p-qa__text--q {
    margin-block: calc((1em - 1lh) / 2);
  }
}