*,
*::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;
}

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__img {
	display: block;
	max-block-size: 1079px;
	min-block-size: 650px;
	overflow: hidden;
}

.p-fv__img img {
	block-size: auto;
	display: block;
	inline-size: 100%;
	-o-object-fit: cover;
	min-block-size: 650px;
	object-fit: cover;
}

.p-topFv {
	background: #545454;
	block-size: 1080px;
	inline-size: 100%;
}

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

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

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

.p-topVideo {
	background: #545454;
	block-size: 1080px;
	inline-size: 100%;
	opacity: 0.6;
}

.p-topVideo__inner {
	block-size: 100%;
	display: grid;
	inline-size: 100%;
	place-content: center;
}

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

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

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

.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: flex-end;
	display: flex;
	flex-direction: row;
	gap: clamp(1.5rem, -6.0189873418rem + 15.664556962vi, 7.6875rem);
	margin-block-start: 117px;
	padding-inline-end: 25px;
}

.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);
}

.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: 500;
	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: 400;
	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: 400;
	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: 600;
	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: 1250px;
	padding-inline: 25px;
}

.p-topFeature-ingredient__title {
	font-size: clamp(1.25rem, -0.1270491803rem + 2.868852459vi, 2.5625rem);
	font-weight: 500;
	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: 1.5px;
	content: "";
	inline-size: 100%;
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
}

.p-topFeature-ingredient__list {
	display: grid;
	gap: clamp(1.375rem, -0.6577868852rem + 4.2349726776vi, 3.3125rem);
	grid-template-columns: repeat(3, 1fr);
	margin-block-start: 80px;
}

.p-topFeature-ingredient__item {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 18px;
	justify-content: space-between;
	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: 220px;
}

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

.p-topFeature-ingredient-item__category {
	background: var(--background-black);
	border-radius: 24px;
	color: var(--color-text-white);
	font-size: clamp(0.75rem, 0.618852459rem + 0.2732240437vi, 0.875rem);
	font-weight: 500;
	inline-size: 100%;
	letter-spacing: 0.04em;
	line-height: 1.2857142857;
	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;
	z-index: 1;
}

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

.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: 58px;
	padding-block: 80px 80px;
	position: relative;
	z-index: 2;
}

.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: 56px;
}

.p-topAssurance-top__icons {
	display: grid;
	gap: 11px;
	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: 500;
	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;
	margin-block-start: 27px;
}

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

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

.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;
}

.p-topAssurance-bottom__list {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

.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: 500;
	letter-spacing: 0.06em;
	margin-block-start: 22px;
}

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

.p-topFragrance-head__supplement {
	font-size: 30px;
	font-weight: 500;
	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: 500;
	letter-spacing: 0.13em;
	margin-block-start: 20px;
}

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

.p-topFragrance__content {
	margin-block-start: 4px;
}

.p-topFragrance-content__title {
	font-size: clamp(1.5625rem, -0.927126556rem + 5.1867219917vi, 3.125rem);
	font-weight: 600;
	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;
}

.p-topFragrance-content__text {
	font-size: clamp(1rem, 0.4024896266rem + 1.244813278vi, 1.375rem);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 2.2727272727;
	margin-block-start: 32px;
	max-inline-size: 653px;
}

.p-topFragrance-content__info {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, 1fr);
	margin-block-start: 39px;
	max-inline-size: 625px;
}

.p-topFragrance-content__item {
	max-inline-size: 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: 500;
	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: 400;
	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: 400;
	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: 500;
	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: 400;
	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: 400;
	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: 600;
	letter-spacing: 0.06em;
	line-height: 1.4634146341;
	margin-inline: auto;
	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: 600;
	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__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: 600;
	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;
	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: 600;
	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: 500;
	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;
}

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

.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(4) .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: 500;
	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: 500;
	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: 400;
	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;
	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;
}

}

@media (max-width: 1200px) {

.p-topFeature-ingredient__item {
	flex-direction: column;
	justify-content: normal;
}

.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;
}

}

@media screen and (max-width: 1024px) {

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

}

@media (max-width: 900px) {

.p-topAssurance-top__icons {
	gap: 20px 22px;
	grid-template-columns: repeat(2, 2fr);
}

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

.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) {

.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;
}

.p-topMaking__copy {
	font-size: 22px;
	inset-block-start: 100px;
	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;
	padding-inline: 0px;
}

.p-topFeature-ingredient__title {
	font-size: 20px;
	margin-inline: auto;
	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: 9px 13px;
}

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

.p-topFeature-ingredient-item__text {
	font-size: 18px;
	line-height: 1.5;
	margin-block-start: 18px;
}

.p-topFeature-ingredient___video {
	block-size: 216px;
	inline-size: 325px;
	margin-inline: auto;
	padding-inline: 25px;
}

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

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

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

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

.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;
}

.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: 5px;
	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: 0;
	order: 2;
}

.p-point__item--imgLeft .p-point__img img {
	aspect-ratio: 325/218;
}

.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: -7px;
}

.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: 30px;
	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);
}

}