@charset "UTF-8";

/* --------------------------------------------
MESSAGE
--------------------------------------------- */
#message{
	@media screen and ( width <= 750px ){
		padding-bottom : calc( 90 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		padding-bottom : calc( 150 var( --remBase ) );
	}
}
#chief{
	hgroup{
		h3{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : start;
			font-weight : 400;
			span:nth-of-type( 1 ){
				padding-right : .25em;
			}
		}
	}
	dt{
		font-weight : 400;
		border-bottom : solid 1px currentColor;
	}
	dd{
		font-weight : 400;
	}
	ol{
		li{
			display : grid;
			grid-template-columns : auto 1fr;
			align-items : start;
			justify-content : start;
		}
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 48 - 12 ) var( --remBase ) );
		header{
			width : calc( 276 var( --percentBase ) );
			margin-inline : auto;
		}
		hgroup{
			margin-top : calc( ( 20 - 9.5 ) var( --remBase ) );
			p{
				font-size : 1.2rem;
				line-height : calc( 31 / 12 );
			}
			h3{
				margin-top : calc( ( 14 - 9.5 - 8.25 ) var( --remBase ) );
				span{
					&:nth-of-type( 1 ){
						font-size : 1.4rem;
						line-height : 1.75;
					}
					&:nth-of-type( 2 ){
						font-size : 2.2rem;
						line-height : 1.75;
					}
				}
			}
		}
		dl{
			margin-top : calc( ( 28 - 7 ) var( --remBase ) );
		}
		dt{
			padding-bottom : calc( ( 12 - 9 ) var( --remBase ) );
			font-size : 1.2rem;
			line-height : 2.5;
			+ dd{
				margin-top : calc( ( 13 - 5 ) var( --remBase ) );
			}
		}
		dd{
			font-size : 1.2rem;
			line-height : calc( 22 / 12 );
		}
		ol{
			li{
				grid-template-columns : calc( 66 var( --percentBase ) ) 1fr;
			}
		}
		dd + dt{
			margin-top : calc( ( 30 - 7 - 7 ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-columns : calc( 55 var( --percentBase ) ) calc( 433 var( --percentBase ) ) 1fr calc( 541 var( --percentBase ) );
		align-items : start;
		margin-top : calc( ( 96 - 19.5 ) var( --remBase ) );
		header{
			grid-column : 2;
		}
		hgroup{
			margin-top : calc( ( 25 - 5.5 ) var( --remBase ) );
			p{
				font-size : 2rem;
				line-height : 1.55;
			}
			h3{
				span{
					&:nth-of-type( 1 ){
						font-size : 2rem;
						line-height : 1.75;
					}
					&:nth-of-type( 2 ){
						font-size : 2.8rem;
						line-height : 1.75;
					}
				}
			}
		}
		dl{
			grid-column : 4;
			margin-top : calc( -7.5 var( --remBase ) );
		}
		:where( dt,dd ){
			font-size : 2rem;
			line-height : 1.75;
		}
		dt{
			padding-bottom : calc( ( 20 - 7.5 ) var( --remBase ) );
			+ dd{
				margin-top : calc( ( 20 - 7.5 ) var( --remBase ) );
			}
		}
		ol{
			li{
				grid-template-columns : calc( 88 * 100% / 541 ) 1fr;
			}
		}
		dd + dt{
			margin-top : calc( ( 52 - 7.5 - 7.5 ) var( --remBase ) );
		}
	}
}
#messageLede{
	position : relative;
	display : grid;
	overflow : hidden;
	&::after{
		position : absolute;
		bottom : 0;
		left : 0;
		display : block;
		width : 100%;
		font-size : 0;
		content : "";
		background-image : linear-gradient( to bottom , color-mix( in sRGB , white 0% , transparent ) , color-mix( in sRGB , white 100% , transparent ) );
	}
	&:has( + #messageMore[aria-expanded="false"] ){
		&::after{
			opacity : 1;
		}
	}
	&:has( + #messageMore[aria-expanded="true"] ){
		&::after{
			opacity : 0;
		}
	}
	p{
		font-weight : 400;
		+ p{
			margin-top : 1lh;
		}
	}
	@media screen and ( width <= 750px ){
		max-height : calc( ( 300 + 31 ) var( --remBase ) );
		margin-top : calc( ( 96 - 5 - 7 ) var( --remBase ) );
		&::after{
			height : calc( 126 var( --remBase ) );
		}
		p{
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
	}
	@media print , screen and ( width > 750px ){
		max-height : calc( ( 160 + 25 ) var( --remBase ) );
		margin-top : calc( ( 100 - 7.5 - 10 ) var( --remBase ) );
		&::after{
			height : calc( 126 var( --remBase ) );
		}
		p{
			font-size : 2rem;
			line-height : 2;
		}
	}
}
#messageMore{
	display : grid;
	grid-auto-flow : column;
	align-items : center;
	justify-content : center;
	width : fit-content;
	margin-inline : auto;
	font-weight : 500;
	color : var( --green );
	&::after{
		display : block;
		width : auto;
		aspect-ratio : 20/10;
		font-size : 0;
		content : "";
		background-image : url( "../../images/lp/ui/arrow/down01.svg" );
		filter : invert( 66% ) sepia( 27% ) saturate( 0% ) hue-rotate( 140deg ) brightness( 85% ) contrast( 94% );
		background-repeat : no-repeat;
		background-position : left center;
		background-size : contain;
	}
	&[aria-expanded="true"]{
		&::after{
			rotate : -180deg;
		}
	}
	@media screen and ( width <= 750px ){
		column-gap : calc( 8 var( --remBase ) );
		margin-top : calc( 28 var( --remBase ) );
		font-size : 1.6rem;
		&::after{
			height : calc( 10 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		column-gap : calc( 12 var( --remBase ) );
		margin-top : calc( 14 var( --remBase ) );
		font-size : 2rem;
		&::after{
			height : calc( 10 var( --remBase ) );
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#messageLede{
		transition : max-height var( --transitionBase );
	}
	#messageMore{
		transition : opacity var( --transitionBase );
		&::after{
			transition : rotate var( --transitionBase );
		}
	}
}

/* --------------------------------------------
INFORMATION
--------------------------------------------- */
#information{
	position : relative;
	overflow-x : clip;
	&::before{
		position : absolute;
		top : 0;
		z-index : -1;
		height : 100%;
		content : "";
		background-repeat : no-repeat;
		background-position : center top;
		background-size : 100% auto;
	}
	.title01{
		&::before{
			background-image : url( "../../images/lp/information/en.svg" );
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 150 - 12 ) var( --remBase ) );
		padding-bottom : calc( 184 var( --remBase ) );
		&::before{
			left : 0;
			width : 100%;
			background-image : url( "../../images/lp/information/bg_sp.svg" );
		}
		&::after{
			position : absolute;
			bottom : 0;
			left : 0;
			z-index : -2;
			width : 100%;
			height : calc( 100% - ( 7918 var( --remBase ) ) );
			content : "";
			background-image : url( "../../images/lp/information/bg_sp02.svg" );
			background-repeat : no-repeat;
			background-position : center bottom;
			background-size : 100% auto;
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 275 - 19.5 ) var( --remBase ) );
		padding-bottom : calc( 372 var( --remBase ) );
		&::before{
			left : 50%;
			width : min( 1366px , calc( 1366 var( --viewportBase ) ) );
			background-image : url( "../../images/lp/information/bg_pc.svg" );
			translate : -50% 0;
		}
	}
}
#treatments{
	h3{
		position : relative;
		display : grid;
		place-items : center;
		margin-inline : auto;
		font-weight : 700;
		color : white;
		&::before{
			position : absolute;
			inset : 0;
			z-index : -1;
			clip-path : polygon( 0% 0% , 71.084% 0% , 71.084% 0% , 75.772% 1.31% , 80.22% 5.102% , 84.368% 11.169% , 88.157% 19.305% , 91.527% 29.303% , 94.418% 40.957% , 96.77% 54.06% , 98.525% 68.406% , 99.621% 83.788% , 100% 100% , 28.916% 100% , 28.916% 100% , 24.228% 98.69% , 19.78% 94.898% , 15.632% 88.831% , 11.843% 80.695% , 8.473% 70.697% , 5.582% 59.043% , 3.23% 45.939% , 1.475% 31.594% , .379% 16.212% , 0% 0% , 0% 0% );
			font-size : 0;
			content : "";
			background-image : linear-gradient( to right , #00b1ac , #7dd261 );
		}
	}
	> ul{
		> li{
			> p{
				font-weight : 400;
			}
			> ul{
				> li{
					background-color : white;
					box-shadow : 0 0 calc( 5 var( --remBase ) ) color-mix( in sRGB , black 50% , transparent );
				}
			}
		}
	}
	h4{
		font-weight : 500;
		text-align : center;
		border-bottom : solid;
		border-bottom-width : 1px;
		+ p{
			font-weight : 400;
		}
	}
	a{
		display : grid;
		grid-auto-flow : row;
		align-content : center;
		justify-content : center;
		justify-items : center;
		outline : solid 1px #ebf4e4;
		outline-offset : -1px;
		&::after{
			display : block;
			width : auto;
			aspect-ratio : 20/10;
			font-size : 0;
			content : "";
			background-image : url( "../../images/lp/ui/arrow/down01.svg" );
			filter : var( --filterGreen );
			background-repeat : no-repeat;
			background-position : left center;
			background-size : contain;
		}
		&.fit{
			width : fit-content;
			margin-inline : auto;
		}
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 48 - 12 ) var( --remBase ) );
		> ul{
			> li{
				+ li{
					margin-top : calc( 80 var( --remBase ) );
				}
			}
		}
		h3{
			width : calc( 207.189 var( --percentBase ) );
			height : calc( 59.9102 var( --remBase ) );
			font-size : 1.8rem;
			line-height : calc( 55.47 / 18 );
		}
		> ul{
			> li{
				> p{
					margin-top : calc( ( 36 - 7 ) var( --remBase ) );
					font-size : 1.6rem;
					line-height : calc( 30 / 16 );
				}
				> picture{
					margin-top : calc( ( 34 - 7 ) var( --remBase ) );
				}
				> ul{
					margin-top : calc( 32 var( --remBase ) );
					> li{
						padding-inline : calc( 20.5 var( --percentBase ) );
						padding-top : calc( ( 22 - 8.25 ) var( --remBase ) );
						padding-bottom : calc( 30 var( --remBase ) );
						border-radius : calc( 20 var( --remBase ) );
						+ li{
							margin-top : calc( 34 var( --remBase ) );
						}
					}
				}
			}
		}
		h4{
			padding-bottom : calc( ( 20 - 8.25 ) var( --remBase ) );
			font-size : 2.2rem;
			line-height : 1.75;
			border-bottom-color : #95c072;
			+ p{
				margin-top : calc( ( 20 - 7 ) var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 30 / 16 );
				+ :where( a , ul ){
					margin-top : calc( ( 18 - 7 ) var( --remBase ) );
				}
				+ ul{
					display : grid;
					grid-template-columns : repeat( 2 , calc( 137 * 100% / 294 ) );
					justify-content : space-between;
				}
			}
		}
		a{
			row-gap : calc( ( 12 - 5.25 ) var( --remBase ) );
			height : calc( 70 var( --remBase ) );
			font-size : 1.4rem;
			line-height : 1.75;
			background-color : #e9f4e2;
			border-radius : calc( 15 var( --remBase ) );
			&::after{
				height : calc( 9 var( --remBase ) );
			}
			&.fit{
				padding-inline : calc( 13 var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( ( 64 - 19.5 ) var( --remBase ) );
		> ul{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 540 var( --percentBase ) ) );
			justify-content : space-between;
			> li{
				display : grid;
				grid-template-rows : subgrid;
				grid-row : span 4;
			}
		}
		h3{
			width : calc( 265.224 * 100% / 540 );
			height : calc( 76.6914 var( --remBase ) );
			font-size : 2.1rem;
			line-height : calc( 55.47 / 21 );
		}
		> ul{
			> li{
				> p{
					margin-top : calc( ( 42 - 10 ) var( --remBase ) );
					font-size : 2rem;
					line-height : 2;
				}
				> picture{
					margin-top : calc( ( 44 - 10 ) var( --remBase ) );
				}
				> ul{
					margin-top : calc( 50 var( --remBase ) );
					> li{
						padding-inline : calc( 40 * 100% / 540 );
						padding-top : calc( ( 36 - 9.75 ) var( --remBase ) );
						padding-bottom : calc( 28 var( --remBase ) );
						border-radius : calc( 25 var( --remBase ) );
						+ li{
							margin-top : calc( 32 var( --remBase ) );
						}
					}
				}
			}
		}
		h4{
			padding-bottom : calc( ( 28 - 9.75 ) var( --remBase ) );
			font-size : 2.6rem;
			line-height : 1.75;
			border-bottom-color : #82c26d;
			+ p{
				margin-top : calc( ( 32 - 10 ) var( --remBase ) );
				font-size : 2rem;
				line-height : 2;
				+ :where( a , ul ){
					margin-top : calc( ( 30 - 10 ) var( --remBase ) );
				}
				+ ul{
					display : grid;
					grid-template-columns : repeat( 2 , calc( 217 * 100% / 460 ) );
					justify-content : space-between;
				}
			}
		}
		a{
			row-gap : calc( ( 16 - 7.5 ) var( --remBase ) );
			height : calc( 94 var( --remBase ) );
			font-size : 2rem;
			line-height : 1.75;
			background-color : #ebf4e4;
			border-radius : calc( 20 var( --remBase ) );
			&::after{
				height : calc( 10 var( --remBase ) );
			}
			&.fit{
				padding-inline : calc( 36 var( --remBase ) );
			}
		}
	}
}
@media ( hover : hover ){
	#treatments a:hover{
		background-color : white;
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#treatments a{
		transition : background-color var( --transitionBase );
	}
}
:where( #general , #pediatrics , #cells , #beauty , #special ){
	background-color : white;
	box-shadow : 0 0 calc( 5 var( --remBase ) ) color-mix( in sRGB , black 50% , transparent );
	@media screen and ( width <= 750px ){
		padding-inline : calc( 20.5 var( --percentBase ) );
		border-radius : calc( 10 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		padding-left : calc( 36 var( --percentBase ) );
		padding-right : calc( 40 var( --percentBase ) );
		border-radius : calc( 15 var( --remBase ) );
	}
}
:where( #general , #pediatrics ){
	h4{
		font-weight : 500;
	}
	> ul{
		> li + li{
			border-top : solid 1px var( --lightGreen );
		}
	}
	li li{
		display : grid;
		grid-template-columns : auto 1fr;
		align-items : start;
		justify-content : start;
		font-weight : 400;
		&::before{
			width : auto;
			aspect-ratio : 1;
			font-size : 0;
			content : "";
			background-color : #b4ebd6;
			border-radius : 50%;
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 38 - 9.75 ) var( --remBase ) );
		padding-bottom : calc( ( 32 - 7 ) var( --remBase ) );
		> picture{
			margin-top : calc( ( 20 - 9.75 ) var( --remBase ) );
		}
		> ul{
			margin-top : calc( ( 32 - 8.25 ) var( --remBase ) );
			> li{
				+ li{
					padding-top : calc( ( 30 - 8.25 ) var( --remBase ) );
					margin-top : calc( ( 32 - 7 ) var( --remBase ) );
				}
			}
		}
		h4{
			font-size : 2.2rem;
			line-height : 1.75;
		}
		ul ul{
			margin-top : calc( ( 20 - 8.25 - 7 ) var( --remBase ) );
		}
		li li{
			column-gap : calc( 12 * 100% / 294 );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
			&::before{
				height : calc( 14 var( --remBase ) );
				margin-top : calc( 8 var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-columns : repeat( 2 , calc( 499 * 100% / 1042 ) );
		row-gap : calc( ( 46 - 15.75 ) var( --remBase ) );
		align-items : start;
		justify-content : space-between;
		.title02{
			grid-row : 1;
			grid-column : 1/-1;
		}
		> ul{
			grid-row : 2;
			grid-column : 1;
			margin-top : calc( -12 var( --remBase ) );
			> li{
				+ li{
					padding-top : calc( ( 50 - 12 ) var( --remBase ) );
					margin-top : calc( ( 52 - 10 ) var( --remBase ) );
				}
			}
		}
		> picture{
			grid-row : 2;
			grid-column : 2;
			margin-top : calc( 6 var( --remBase ) );
		}
		h4{
			font-size : 3.2rem;
			line-height : 1.75;
		}
		ul ul{
			margin-top : calc( ( 42 - 12 - 10 ) var( --remBase ) );
		}
		li li{
			column-gap : calc( 8 * 100% / 499 );
			font-size : 2rem;
			line-height : 2;
			&::before{
				height : calc( 18 var( --remBase ) );
				margin-top : calc( 11 var( --remBase ) );
			}
		}
	}
}
#general{
	@media screen and ( width <= 750px ){
		margin-top : calc( 52 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 86 - 15.75 ) var( --remBase ) );
		padding-bottom : calc( ( 78 - 10 ) var( --remBase ) );
		margin-top : calc( 147 var( --remBase ) );
	}
}
#pediatrics{
	@media screen and ( width <= 750px ){
		margin-top : calc( 52 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 84 - 15.75 ) var( --remBase ) );
		padding-bottom : calc( ( 98 - 10 ) var( --remBase ) );
		margin-top : calc( 100 var( --remBase ) );
	}
}
#cells{
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 38 - 9.75 ) var( --remBase ) );
		padding-bottom : calc( ( 50 - 7 ) var( --remBase ) );
		margin-top : calc( 50 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 88 - 15.75 ) var( --remBase ) );
		padding-bottom : calc( 80 var( --remBase ) );
		margin-top : calc( 100 var( --remBase ) );
	}
}
:where( #cell , #antiAging , #ips ){
	hgroup{
		p , h4{
			font-weight : 500;
		}
	}
	@media screen and ( width <= 750px ){
		hgroup{
			p{
				font-size : 1.8rem;
				line-height : 1.75;
			}
			h4{
				font-size : 2.2rem;
				line-height : 1.75;
			}
		}
	}
	@media print , screen and ( width > 750px ){
		hgroup{
			p{
				font-size : 2.6rem;
				line-height : 1.75;
			}
			h4{
				font-size : 3.2rem;
				line-height : 1.75;
			}
		}
	}
}
#cell{
	.box > p{
		font-weight : 400;
	}
	li{
		display : grid;
		align-items : center;
		background-color : #e9f4e2;
		> span{
			&:nth-of-type( 1 ){
				display : grid;
				place-items : center;
				align-content : center;
				color : white;
				background-color : #82c26d;
			}
		}
	}
	@media screen and ( width <= 750px ){
		.box{
			margin-top : calc( ( 20 - 9.75 ) var( --remBase ) );
		}
		hgroup{
			margin-top : calc( ( 36 - 6.75 ) var( --remBase ) );
		}
		.box{
			> p{
				margin-top : calc( ( 28 - 8.25 - 7 ) var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 30 / 16 );
			}
		}
		ul{
			margin-top : calc( ( 28 - 7 ) var( --remBase ) );
		}
		li{
			grid-template-columns : calc( 70 * 100% / 264 ) 1fr;
			column-gap : calc( 20 * 100% / 264 );
			padding-block : calc( 15 var( --remBase ) );
			padding-inline : calc( 15 * 100% / 294 );
			clip-path : polygon( 94.41% 100% , 5.59% 100% , 5.59% 100% , 4.962% 98.408% , 4.38% 96.933% , 3.833% 95.545% , 3.308% 94.216% , 2.795% 92.916% , 2.282% 91.615% , 1.758% 90.286% , 1.21% 88.898% , .628% 87.423% , 0% 85.831% , 0% 14.169% , 0% 14.169% , .628% 12.577% , 1.21% 11.102% , 1.758% 9.714% , 2.282% 8.385% , 2.795% 7.084% , 3.308% 5.784% , 3.833% 4.455% , 4.38% 3.067% , 4.962% 1.592% , 5.59% 0% , 94.41% 0% , 94.41% 0% , 95.038% 1.592% , 95.62% 3.067% , 96.167% 4.455% , 96.692% 5.784% , 97.205% 7.084% , 97.718% 8.385% , 98.242% 9.714% , 98.79% 11.102% , 99.372% 12.577% , 100% 14.169% , 100% 85.831% , 100% 85.831% , 99.372% 87.423% , 98.79% 88.898% , 98.242% 90.286% , 97.718% 91.616% , 97.205% 92.916% , 96.692% 94.216% , 96.167% 95.545% , 95.62% 96.933% , 95.038% 98.408% , 94.41% 100% );
			+ li{
				margin-top : calc( 20 var( --remBase ) );
			}
			> span{
				&:nth-of-type( 1 ){
					row-gap : calc( ( 19 - ( 24 / 3 * 2 ) ) var( --remBase ) );
					height : calc( 87 var( --remBase ) );
					clip-path : polygon( 84.074% 100% , 15.926% 100% , 15.926% 100% , 14.137% 98.56% , 12.479% 97.226% , 10.919% 95.971% , 9.425% 94.769% , 7.963% 93.593% , 6.502% 92.417% , 5.007% 91.215% , 3.448% 89.96% , 1.789% 88.625% , 0% 87.186% , 0% 12.814% , 0% 12.814% , 1.789% 11.375% , 3.448% 10.04% , 5.007% 8.785% , 6.502% 7.583% , 7.963% 6.407% , 9.425% 5.231% , 10.919% 4.029% , 12.479% 2.774% , 14.137% 1.44% , 15.926% 0% , 84.074% 0% , 84.074% 0% , 85.863% 1.44% , 87.521% 2.774% , 89.081% 4.029% , 90.575% 5.231% , 92.037% 6.407% , 93.498% 7.583% , 94.993% 8.785% , 96.553% 10.04% , 98.211% 11.375% , 100% 12.814% , 100% 87.186% , 100% 87.186% , 98.211% 88.626% , 96.553% 89.96% , 94.993% 91.215% , 93.499% 92.417% , 92.037% 93.593% , 90.576% 94.769% , 89.081% 95.971% , 87.521% 97.226% , 85.863% 98.56% , 84.074% 100% );
					font-size : 1.8rem;
					span{
						font-size : 2.4rem;
					}
				}
				&:nth-of-type( 2 ){
					font-size : 1.6rem;
					line-height : 1.75;
				}
			}
		}
		.link01{
			margin-top : calc( 40 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		.box{
			display : grid;
			grid-template-rows : auto 1fr;
			grid-template-columns : 1fr calc( 499 * 100% / 1042 );
			row-gap : calc( ( 42 - 9.75 - 10 ) var( --remBase ) );
			column-gap : calc( 52 * 100% / 1042 );
			align-items : center;
			align-items : start;
			margin-top : calc( ( 60 - 15.75 ) var( --remBase ) );
			picture{
				grid-row : 1/-1;
				grid-column : 2;
			}
			hgroup{
				grid-row : 1;
				grid-column : 1;
				margin-top : calc( -9.75 var( --remBase ) );
			}
			> p{
				grid-row : 2;
				grid-column : 1;
				font-size : 2rem;
				line-height : 2;
			}
		}
		ul{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 500 * 100% / 1042 ) );
			row-gap : calc( 36 var( --remBase ) );
			justify-content : space-between;
			margin-top : calc( 46 var( --remBase ) );
		}
		li{
			grid-template-columns : calc( 70 * 100% / 470 ) 1fr;
			column-gap : calc( 20 * 100% / 470 );
			padding-block : calc( 15 var( --remBase ) );
			padding-inline : calc( 15 * 100% / 500 );
			clip-path : polygon( 96% 100% , 4% 100% , 4% 100% , 3.551% 97.775% , 3.134% 95.713% , 2.742% 93.774% , 2.367% 91.916% , 2% 90.099% , 1.633% 88.282% , 1.258% 86.424% , .866% 84.485% , .449% 82.423% , 0% 80.198% , 0% 19.802% , 0% 19.802% , .449% 17.577% , .866% 15.515% , 1.258% 13.576% , 1.633% 11.718% , 2% 9.901% , 2.367% 8.084% , 2.742% 6.226% , 3.134% 4.287% , 3.551% 2.225% , 4% 0% , 96% 0% , 96% 0% , 96.449% 2.225% , 96.866% 4.287% , 97.258% 6.226% , 97.633% 8.084% , 98% 9.901% , 98.367% 11.718% , 98.742% 13.576% , 99.134% 15.515% , 99.551% 17.577% , 100% 19.802% , 100% 80.198% , 100% 80.198% , 99.551% 82.423% , 99.134% 84.485% , 98.742% 86.424% , 98.367% 88.282% , 98% 90.099% , 97.633% 91.916% , 97.258% 93.774% , 96.866% 95.713% , 96.449% 97.775% , 96% 100% );
			> span{
				&:nth-of-type( 1 ){
					row-gap : calc( ( 8 - 6 ) var( --remBase ) );
					height : calc( 70 var( --remBase ) );
					clip-path : polygon( 85.714% 100% , 14.286% 100% , 14.286% 100% , 12.681% 98.395% , 11.193% 96.908% , 9.794% 95.508% , 8.454% 94.168% , 7.143% 92.857% , 5.832% 91.546% , 4.492% 90.206% , 3.092% 88.807% , 1.605% 87.319% , 0% 85.714% , 0% 14.286% , 0% 14.286% , 1.605% 12.681% , 3.092% 11.193% , 4.492% 9.794% , 5.832% 8.454% , 7.143% 7.143% , 8.454% 5.832% , 9.794% 4.492% , 11.193% 3.092% , 12.681% 1.605% , 14.286% 0% , 85.714% 0% , 85.714% 0% , 87.319% 1.605% , 88.807% 3.092% , 90.206% 4.492% , 91.546% 5.832% , 92.857% 7.143% , 94.168% 8.454% , 95.508% 9.794% , 96.908% 11.193% , 98.395% 12.681% , 100% 14.286% , 100% 85.714% , 100% 85.714% , 98.395% 87.319% , 96.908% 88.807% , 95.508% 90.206% , 94.168% 91.546% , 92.857% 92.857% , 91.546% 94.168% , 90.206% 95.508% , 88.807% 96.908% , 87.319% 98.395% , 85.714% 100% );
					font-size : 1.8rem;
					span{
						font-size : 2.4rem;
					}
				}
				&:nth-of-type( 2 ){
					font-size : 2rem;
					line-height : 1.75;
					span{
						font-size : 1.6rem;
						line-height : 1.75;
					}
				}
			}
		}
		.link01{
			margin-top : calc( 52 var( --remBase ) );
		}
	}
}
:where( #antiAging , #ips ){
	> p{
		font-weight : 400;
		a{
			color : #00008c;
			&::after{
				display : inline-block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../../images/lp/ui/icon/blank.svg" ) center / contain  no-repeat;
			}
		}
	}
	@media screen and ( width <= 750px ){
		hgroup{
			margin-top : calc( ( 36 - 6.75 ) var( --remBase ) );
		}
		> p{
			margin-top : calc( ( 28 - 8.25 - 7 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
		p{
			a{
				&::after{
					height : calc( 15.4414 var( --remBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-rows : auto 1fr;
		row-gap : calc( ( 40 - 12 - 10 ) var( --remBase ) );
		column-gap : calc( 46 * 100% / 1042 );
		align-items : start;
		margin-top : calc( 80 var( --remBase ) );
		picture{
			grid-row : 1/-1;
		}
		hgroup{
			grid-row : 1;
			margin-top : calc( -9.75 var( --remBase ) );
		}
		> p{
			font-size : 2rem;
			line-height : 2;
			letter-spacing : -.02em;
		}
		p{
			a{
				&::after{
					height : calc( 18 var( --remBase ) );
				}
			}
		}
	}
}
#antiAging{
	@media screen and ( width <= 750px ){
		margin-top : calc( 80 var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		grid-template-columns : calc( 499 * 100% / 1042 ) 1fr;
		picture{
			grid-column : 1;
		}
		hgroup{
			grid-column : 2;
		}
	}
}
#ips{
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 80 - 7 ) var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		grid-template-columns : 1fr  calc( 499 * 100% / 1042 ) ;
		picture{
			grid-column : 2;
		}
		hgroup{
			grid-column : 1;
		}
	}
}
#beauty{
	p{
		font-weight : 400;
	}
	h4{
		display : grid;
		grid-template-columns : auto auto;
		align-items : start;
		justify-content : start;
		font-weight : 700;
		&::before{
			display : block;
			aspect-ratio : 18.012/27.79;
			font-size : 0;
			content : "";
			background-color : var( --lightGreen );
			border-radius : 100vmax;
		}
	}
	ul{
		display : grid;
		justify-content : space-between;
	}
	li{
		display : grid;
		place-items : center;
		align-content : center;
		align-items : center;
		justify-content : center;
		text-align : center;
		background-color : #e9f4e2;
		border-radius : 100vmax;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 40 - 9.75 ) var( --remBase ) );
		padding-bottom : calc( 50 var( --remBase ) );
		margin-top : calc( 40 var( --remBase ) );
		p{
			margin-top : calc( ( 22 - 9.75 - 7 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
		h4{
			column-gap : calc( 10 * 100% / 294 );
			margin-top : calc( ( 34 - 7 - 6.75 ) var( --remBase ) );
			font-size : 1.8rem;
			line-height : 1.75;
			&::before{
				height : calc( 23.5126 var( --remBase ) );
				margin-top : calc( 3.9937 var( --remBase ) );
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 137 * 100% / 294 ) );
			grid-auto-rows : calc( 70 var( --remBase ) );
			row-gap : calc( 20 var( --remBase ) );
			margin-top : calc( ( 28 - 6.75 ) var( --remBase ) );
		}
		li{
			font-size : 1.4rem;
			line-height : 1.75;
			span{
				display : contents;
				font-size : 1rem;
				line-height : 1.55;
			}
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( ( 84 - 15.75 ) var( --remBase ) );
		padding-bottom : calc( 76 var( --remBase ) );
		margin-top : calc( 82 var( --remBase ) );
		p{
			margin-top : calc( ( 48 - 15.75 - 7.5 ) var( --remBase ) );
			font-size : 2rem;
			line-height : 1.75;
		}
		h4{
			column-gap : calc( 12 * 100% / 1042 );
			margin-top : calc( ( 50 - 7.5 - 9.75 ) var( --remBase ) );
			font-size : 2.6rem;
			line-height : 1.75;
			&::before{
				height : calc( 27.79 var( --remBase ) );
				margin-top : calc( 8.855 var( --remBase ) );
			}
		}
		ul{
			grid-template-columns : repeat( 3 , calc( 324 * 100% / 1042 ) );
			grid-auto-rows : calc( 68 var( --remBase ) );
			row-gap : calc( 30 var( --remBase ) );
			margin-top : calc( ( 32 - 9.75 ) var( --remBase ) );
		}
		li{
			grid-auto-flow : column;
			font-size : 1.8rem;
			line-height : 1.75;
			span{
				font-size : 1.4rem;
				line-height : 1.75;
			}
		}
	}
}
#special{
	p{
		font-weight : 400;
	}
	.splide__slide picture{
		overflow : hidden;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.splide__arrows{
		position : relative;
		width : 100%;
	}
	.splide__arrow{
		position : absolute;
		z-index : 1;
		&[disabled]{
			display : none;
		}
		img{
			filter : var( --filterWhite );
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 40 - 9.75 ) var( --remBase ) );
		padding-bottom : calc( 50 var( --remBase ) );
		margin-top : calc( 50 var( --remBase ) );
		> p{
			margin-top : calc( ( 20 - 9.75 - 7 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
		.splide__arrows{
			margin-top : calc( ( 30 - 7 ) var( --remBase ) );
		}
		.splide__arrow{
			top : calc( 68 var( --remBase ) );
			img{
				height : calc( 30 var( --remBase ) );
			}
		}
		.splide__arrow--prev{
			left : calc( 14 var( --percentBase ) );
		}
		.splide__arrow--next{
			right : calc( 14 var( --percentBase ) );
		}
		.splide__slide picture{
			border-radius : calc( 8 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		display : grid;
		grid-template-rows : auto calc( ( 45 - 15.75 - 7.5 ) var( --remBase ) ) 1fr calc( 20 var( --remBase ) ) auto;
		grid-template-columns : 1fr calc( 499 * 100% /  1042 );
		row-gap :  ;
		column-gap : calc( 40 * 100% /  1042 );
		align-items : start;
		padding-top : calc( ( 84 - 15.75 ) var( --remBase ) );
		padding-bottom : calc( 80 var( --remBase ) );
		margin-top : calc( 94 var( --remBase ) );
		.title02{
			grid-row : 1;
			grid-column : 1;
			margin-top : calc( -15.75 var( --remBase ) );
		}
		> p{
			grid-row : 3;
			grid-column : 1;
			font-size : 2rem;
			line-height : 1.75;
		}
		.splide__arrows , .splide__track{
			grid-row : 1/4;
			grid-column : 2;
		}
		.splide__arrow{
			top : calc( 114 var( --remBase ) );
			img{
				height : calc( 51.6123 var( --remBase ) );
			}
		}
		.splide__arrow--prev{
			left : calc( 20 * 100% / 499 );
		}
		.splide__arrow--next{
			right : calc( 20 * 100% / 499 );
		}
		.splide__slide picture{
			border-radius : calc( 14 var( --remBase ) );
		}
	}
}

/* --------------------------------------------
LABO
--------------------------------------------- */
#labo{
	position : relative;
	z-index : 1;
	overflow : hidden;
	background-color : white;
	> p{
		font-weight : 400;
	}
	.articles{
		position : relative;
		&::before{
			position : absolute;
			width : auto;
			font-size : 0;
			content : "";
			background-color : #262c84;
		}
	}
	> h4{
		font-weight : 500;
		color : #0db1ac;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( ( 100 - 6.75 ) var( --remBase ) );
		padding-bottom : calc( 110 var( --remBase ) );
		margin-top : calc( -86 var( --remBase ) );
		border-top-left-radius : calc( 60 var( --remBase ) );
		> p{
			&:nth-of-type( 1 ){
				margin-top : calc( ( 36 - 9.75 - 7 ) var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 30 / 16 );
			}
		}
		.articles{
			margin-top : calc( ( 30 - 7 ) var( --remBase ) );
			&::before{
				top : 50%;
				left : 50%;
				height : calc( 18.9177 var( --remBase ) );
				aspect-ratio : 37.8354 / 18.9177;
				clip-path : polygon( 0 0 , 100% 0 , 50% 100% );
				translate : -50% -50%;
			}
		}
		> h4{
			margin-top : calc( ( 48 - 8.25 ) var( --remBase ) );
			font-size : 2.2rem;
			line-height : 1.75;
		}
		> p{
			&:nth-of-type( 2 ){
				margin-top : calc( ( 20 - 8.25 - 7 ) var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 30 / 16 );
			}
		}
		.link01{
			margin-top : calc( ( 52 - 7 ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		z-index : 2;
		padding-top : calc( ( 196 - 11.25 ) var( --remBase ) );
		padding-bottom : calc( 180 var( --remBase ) );
		margin-top : calc( -222 var( --remBase ) );
		border-top-left-radius : calc( 160 var( --remBase ) );
		> p{
			&:nth-of-type( 1 ){
				margin-top : calc( ( 54 - 15.75 - 7.5 ) var( --remBase ) );
				font-size : 2rem;
				line-height : 1.75;
			}
		}
		.articles{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 540 var( --percentBase ) ) );
			justify-content : space-between;
			margin-top : calc( ( 52 - 7.5 ) var( --remBase ) );
			&::before{
				top : calc( 156 var( --remBase ) );
				left : 50%;
				height : calc( 37.8354 var( --remBase ) );
				aspect-ratio : 18.9177 / 37.8354;
				clip-path : polygon( 0 0 , 100% 50% , 0 100% );
				translate : -50% 0;
			}
		}
		> h4{
			margin-top : calc( ( 52 - 12 ) var( --remBase ) );
			font-size : 3.2rem;
			line-height : 1.75;
		}
		> p{
			&:nth-of-type( 2 ){
				margin-top : calc( ( 44 - 12 - 10 ) var( --remBase ) );
				font-size : 2rem;
				line-height : 2;
			}
		}
		.link01{
			margin-top : calc( ( 60 - 10 ) var( --remBase ) );
		}
	}
}
:where( #laboProblem , #laboResults ){
	overflow : hidden;
	background-color : white;
	outline-width : 1px;
	outline-style : solid;
	outline-offset : -1px;
	h3{
		display : grid;
		place-items : center;
		font-weight : 700;
		color : white;
	}
	@media screen and ( width <= 750px ){
		height : calc( 278 var( --remBase ) );
		border-radius : calc( 20 var( --remBase ) );
		h3{
			height : calc( 65 var( --remBase ) );
			font-size : 1.8rem;
			line-height : 1.75;
		}
	}
	@media print , screen and ( width > 750px ){
		border-radius : calc( 25 var( --remBase ) );
		h3{
			height : calc( 77 var( --remBase ) );
			font-size : 2.6rem;
			line-height : 1.75;
		}
	}
}
#laboProblem{
	outline-color : #00bcda;
	h3{
		background-color : #00bcda;
	}
	p{
		display : grid;
		grid-auto-flow : column;
		align-items : start;
		justify-content : center;
		color : #0db1ac;
		> :where( span:nth-of-type( 1 ) , span:nth-of-type( 3 ) ){
			display : grid;
			place-items : center;
			aspect-ratio : 1;
			font-weight : 700;
			border : solid 1px currentColor;
			border-radius : 50%;
		}
		> span:nth-of-type( 2 ){
			position : relative;
			display : grid;
			align-items : end;
			justify-content : center;
			height : 50%;
			border-bottom-color : currentColor;
			border-bottom-style : dashed;
		}
	}
	@media screen and ( width <= 750px ){
		p{
			margin-top : calc( 26 var( --remBase ) );
			> :where( span:nth-of-type( 1 ) , span:nth-of-type( 3 ) ){
				height : calc( 75 var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 24.5 / 16 );
			}
			> span:nth-of-type( 2 ){
				padding-inline : calc( 23 var( --remBase ) );
				padding-bottom : calc( ( 15 - 6 ) var( --remBase ) );
				font-size : 1.6rem;
				line-height : 1.75;
				border-bottom-width : calc( 2 var( --remBase ) );
			}
		}
		ul{
			margin-top : calc( ( 24 - 5.25 ) var( --remBase ) );
			margin-left : calc( 49 var( --percentBase ) );
		}
		li{
			font-size : 1.4rem;
			line-height : 1.75;
		}
	}
	@media print , screen and ( width > 750px ){
		padding-bottom : calc( ( 36 - 7.75 ) var( --remBase ) );
		p{
			column-gap : calc( 15 * 100% / 540 );
			margin-top : calc( 28 var( --remBase ) );
			> :where( span:nth-of-type( 1 ) , span:nth-of-type( 3 ) ){
				height : calc( 110 var( --remBase ) );
				font-size : 2.2rem;
				line-height : calc( 34.5 / 22 );
			}
			> span:nth-of-type( 2 ){
				padding-inline : calc( 12 var( --remBase ) );
				padding-bottom : calc( ( 14 - 8.25 ) var( --remBase ) );
				font-size : 2.2rem;
				line-height : 1.75;
				border-bottom-width : calc( 2 var( --remBase ) );
			}
		}
		ul{
			margin-top : calc( ( 24 - 6.75 ) var( --remBase ) );
			margin-left : calc( 122 * 100% / 540 );
		}
		li{
			font-size : 1.8rem;
			line-height : 1.75;
		}
	}
}
#laboResults{
	outline-color : #3f90ee;
	h3{
		background-color : #3f90ee;
	}
	h4{
		display : grid;
		align-content : center;
		align-items : center;
		justify-content : center;
		margin-inline : auto;
		background-image : linear-gradient( 45deg , #def7de , #d2f4f4 );
		border-radius : 100vmax;
		span{
			display : block;
			font-weight : 700;
			color : #1e2889;
			text-align : center;
		}
	}
	p{
		text-align : center;
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( 58 var( --remBase ) );
		h4{
			width : calc( 254 var( --percentBase ) );
			height : calc( 100 var( --remBase ) );
			margin-top : calc( 24 var( --remBase ) );
			span{
				&:nth-of-type( 1 ){
					font-size : 1.4rem;
					line-height : calc( 21.5 / 14 );
				}
				&:nth-of-type( 2 ){
					font-size : 1.4rem;
					line-height : calc( 20.5 / 14 );
				}
				&:nth-of-type( 3 ){
					font-size : 1.8rem;
					line-height : 1.75;
				}
			}
		}
		p{
			margin-top : calc( ( 20 - 5.25 ) var( --remBase ) );
			font-size : 1.4rem;
			line-height : 1.75;
		}
	}
	@media print , screen and ( width > 750px ){
		h4{
			width : calc( 348 * 100% / 540 );
			height : calc( 136 var( --remBase ) );
			margin-top : calc( 26 var( --remBase ) );
			span{
				&:nth-of-type( 1 ){
					font-size : 1.8rem;
					line-height : calc( 25.5 / 18 );
				}
				&:nth-of-type( 2 ){
					font-size : 1.8rem;
					line-height : 1.75;
				}
				&:nth-of-type( 3 ){
					font-size : 2.6rem;
					line-height : 1.75;
				}
			}
		}
		p{
			margin-top : calc( ( 28 - 6.75 ) var( --remBase ) );
			font-size : 1.8rem;
			line-height : 1.75;
		}
	}
}

/* --------------------------------------------
RECRUIT
--------------------------------------------- */
#recruit{
	background-image : linear-gradient( 45deg , #def7de , #c3ebd7 );
	.title01::before{
		background-image : url( "../../images/lp/recruit/en.svg" );
	}
	h3{
		font-weight : 500;
		text-align : center;
	}
	> p{
		font-weight : 400;
	}
	ul{
		display : flex;
		flex-wrap : wrap;
	}
	li{
		display : grid;
		place-items : center;
		background-color : white;
		border-radius : 100vmax;
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 104 var( --remBase ) );
		padding-bottom : calc( 100 var( --remBase ) );
		.title01{
			&::before{
				height : calc( 29 var( --remBase ) );
			}
		}
		h3{
			&:nth-of-type( 1 ){
				margin-top : calc( ( 50 - 5.25 - 8.25 ) var( --remBase ) );
				font-size : 2.2rem;
				line-height : 1.75;
			}
		}
		> p{
			margin-top : calc( ( 32 - 8.25 - 7 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
		h3{
			&:nth-of-type( 2 ){
				margin-top : calc( ( 56 - 7 - 9 ) var( --remBase ) );
				font-size : 2rem;
				line-height : 1.9;
			}
		}
		ul{
			row-gap : calc( 20 var( --remBase ) );
			margin-top : calc( ( 28 - 9 ) var( --remBase ) );
		}
		li{
			height : calc( 40 var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 38 / 16 );
			&:nth-child( 1 ){
				width : calc( 73 var( --percentBase ) );
				margin-left : calc( 76 var( --percentBase ) );
			}
			&:nth-child( 2 ){
				width : calc( 90 var( --percentBase ) );
				margin-left : calc( 20 var( --percentBase ) );
			}
			&:nth-child( 3 ){
				width : calc( 138 var( --percentBase ) );
				margin-left : calc( 17.5 var( --percentBase ) );
			}
			&:nth-child( 4 ){
				width : calc( 149 var( --percentBase ) );
				margin-left : calc( 13 var( --percentBase ) );
			}
			&:nth-child( 5 ){
				width : calc( 149 var( --percentBase ) );
				margin-left : calc( 93 var( --percentBase ) );
			}
		}
		.link01{
			margin-top : calc( 52 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( 150 var( --remBase ) );
		padding-bottom : calc( 148 var( --remBase ) );
		.title01{
			&::before{
				height : calc( 52 var( --remBase ) );
			}
		}
		h3{
			&:nth-of-type( 1 ){
				margin-top : calc( ( 80 - 9.75 - 10.75 ) var( --remBase ) );
				font-size : 3rem;
				line-height : calc( 51.5 / 30 );
			}
		}
		> p{
			margin-top : calc( ( 48 - 10.75 - 10 ) var( --remBase ) );
			font-size : 2rem;
			line-height : 2;
		}
		h3{
			&:nth-of-type( 2 ){
				margin-top : calc( ( 78 - 10 - 6 ) var( --remBase ) );
				font-size : 2.6rem;
				line-height : calc( 38 / 26 );
			}
		}
		ul{
			column-gap : calc( 30 var( --percentBase ) );
			justify-content : center;
			margin-top : calc( ( 30 - 6 ) var( --remBase ) );
		}
		li{
			height : calc( 60 var( --remBase ) );
			padding-inline : calc( 40 var( --remBase ) );
			font-size : 2.4379999999999997rem;
		}
		.link01{
			margin-top : calc( 80 var( --remBase ) );
		}
	}
}

/* --------------------------------------------
CONTACT
--------------------------------------------- */
#contact{
	.title01::before{
		background-image : url( "../../images/lp/contact/en.svg" );
	}
	dt{
		font-weight : 400;
	}
	dt:has( + dd [aria-required] ){
		label{
			display : grid;
			align-items : start;
			justify-content : start;
			&::before{
				display : grid;
				place-items : center;
				color : white;
				content : "必須";
				background-color : #d20000;
			}
		}
	}
	dt:not( :has( + dd [aria-required] ) ){
		label{
			display : block;
		}
	}
	:is( select , input[type="text"] , input[type="email"] , textarea  ){
		width : 100%;
		background-color : white;
		border-radius : 0;
		outline : solid 1px #888;
		outline-offset : -1px;
		&::placeholder{
			color : #888;
		}
	}
	select{
		background-image : url( "../../images/lp/ui/arrow/down02.svg" );
	}
	.wpcf7-form-control-wrap[data-name="contact_check"]{
		display : block;
		.wpcf7-form-control , .wpcf7-list-item{
			display : contents;
		}
		label{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : center;
			width : fit-content;
			margin-inline : auto;
		}
		a{
			color : #003c8b;
			-webkit-text-decoration : underline;
			text-decoration : underline;
		}
		input{
			width : auto;
			aspect-ratio : 1;
			margin : 0;
			accent-color : var( --green );
		}
	}
	button[type="submit"]{
		position : relative;
		z-index : 1;
		display : grid;
		place-items : center;
		margin-inline : auto;
		overflow : hidden;
		font-weight : 500;
		color : white;
		border-radius : 100vmax;
		outline-width : 1px;
		outline-style : solid;
		outline-color : transparent;
		outline-offset : -1px;
		&::before{
			position : absolute;
			inset : 0;
			z-index : -1;
			display : block;
			font-size : 0;
			content : "";
			background-image : linear-gradient( to right , #00b1ac , #7dd261 );
		}
	}
	@media screen and ( width <= 750px ){
		padding-top : calc( 100 var( --remBase ) );
		padding-bottom : calc( 108 var( --remBase ) );
		.title01::before{
			height : calc( 29 var( --remBase ) );
		}
		dl{
			margin-top : calc( ( 56 - 5.25 - 5.25 ) var( --remBase ) );
		}
		dt{
			label{
				font-size : 1.6rem;
				line-height : calc( 26.5 / 16 );
			}
		}
		dt:has( + dd [aria-required] ){
			label{
				grid-template-columns : calc( 43 var( --percentBase ) ) auto;
				column-gap : calc( 16 var( --percentBase ) );
				&::before{
					height : calc( 26 var( --remBase ) );
					margin-top : calc( .25 var( --remBase ) );
					font-size : 1.6rem;
				}
			}
		}
		dd{
			margin-top : calc( ( 26 - 5.25 ) var( --remBase ) );
			+ dt{
				margin-top : calc( ( 36 - 5.25 ) var( --remBase ) );
			}
		}
		:is( select , input[type="text"] , input[type="email"] , textarea  ){
			padding-left : calc( 12 var( --percentBase ) );
			font-size : 1.6rem;
			line-height : calc( 26.5 / 16 );
		}
		:is( select , input[type="text"] , input[type="email"] ){
			height : calc( 40 var( --remBase ) );
		}
		select{
			background-position : right calc( 12 var( --remBase ) ) top 50%;
			background-size : calc( 9.9548 var( --remBase ) );
		}
		textarea{
			height : calc( 200 var( --remBase ) );
			padding-block : calc( 6.75 var( --remBase ) );
		}
		.wpcf7-form-control-wrap[data-name="contact_check"]{
			margin-top : calc( ( 36 - 5.25 ) var( --remBase ) );
			label{
				column-gap : calc( 8 var( --remBase ) );
			}
			input{
				height : calc( 18 var( --remBase ) );
				border-radius : calc( 3 var( --remBase ) );
			}
			.wpcf7-list-item-label{
				font-size : 1.6rem;
				line-height : calc( 26.5 / 16 );
			}
		}
		button[type="submit"]{
			width : calc( 294 var( --percentBase ) );
			height : calc( 80 var( --remBase ) );
			margin-top : calc( ( 54 - 5.25 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : 1.75;
		}
		.wpcf7-not-valid-tip{
			font-size : 1.6rem;
			line-height : calc( 26.5 / 16 );
		}
	}
	@media print , screen and ( width > 750px ){
		padding-top : calc( 150 var( --remBase ) );
		padding-bottom : calc( 200 var( --remBase ) );
		.title01::before{
			height : calc( 52 var( --remBase ) );
		}
		dl{
			display : grid;
			grid-template-columns : calc( 276 * 100% / 776 ) 1fr;
			row-gap : calc( 24 var( --remBase ) );
			align-items : start;
			width : calc( 776 var( --percentBase ) );
			margin-inline : auto;
			margin-top : calc( ( 78 - 9.75 ) var( --remBase ) );
		}
		dt{
			label{
				margin-top : calc( 6.75 var( --remBase ) );
				font-size : 1.8rem;
				line-height : calc( 26.5 / 18 );
			}
		}
		dt:has( + dd [aria-required] ){
			label{
				grid-template-columns : calc( 50 * 100% / 276 ) auto;
				column-gap : calc( 12 * 100% / 276 );
				&::before{
					height : calc( 30 var( --remBase ) );
					font-size : 1.8rem;
					line-height : calc( 26.5 / 18 );
				}
			}
		}
		dt:not( :has( + dd [aria-required] ) ){
			label{
				padding-left : calc( 62 * 100% / 276 );
			}
		}
		:is( select , input[type="text"] , input[type="email"] , textarea  ){
			padding-left : calc( 12 * 100% / 500 );
			font-size : 1.8rem;
			line-height : calc( 26.5 / 18 );
		}
		:is( select , input[type="text"] , input[type="email"] ){
			height : calc( 40 var( --remBase ) );
		}
		select{
			background-position : right calc( 12 var( --remBase ) ) top 50%;
			background-size : calc( 9.9551 var( --remBase ) );
		}
		textarea{
			height : calc( 200 var( --remBase ) );
			padding-block : calc( 6.75 var( --remBase ) );
		}
		.wpcf7-form-control-wrap[data-name="contact_check"]{
			margin-top : calc( ( 48 - 4.25 ) var( --remBase ) );
			label{
				column-gap : calc( 12 var( --remBase ) );
			}
			input{
				height : calc( 25.5 var( --remBase ) );
				border-radius : calc( 4 var( --remBase ) );
			}
			.wpcf7-list-item-label{
				font-size : 1.8rem;
				line-height : calc( 26.5 / 18 );
			}
		}
		button[type="submit"]{
			width : calc( 410 var( --percentBase ) );
			height : calc( 80 var( --remBase ) );
			margin-top : calc( ( 68 - 4.25 ) var( --remBase ) );
			font-size : 1.8rem;
			line-height : 1.75;
		}
		.wpcf7-not-valid-tip{
			font-size : 1.8rem;
			line-height : calc( 26.5 / 18 );
		}
	}
}
@media ( hover : hover ){
	#contact button[type="submit"]:hover{
		color : #64aeaa;
		outline-color : #64aeaa;
		&::before{
			opacity : 0;
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#contact button[type="submit"]{
		transition : color var( --transitionBase ) , outline-color var( --transitionBase );
		&::before{
			transition : opacity var( --transitionBase );
		}
	}
}

/* --------------------------------------------
ACCESS
--------------------------------------------- */
#access{
	.title01::before{
		background-image : url( "../../images/lp/access/en.svg" );
	}
	> p{
		font-weight : 400;
	}
	h3{
		display : grid;
		grid-template-columns : auto auto;
		align-items : start;
		justify-content : start;
		font-weight : 700;
		color : var( --lightGreen );
		&::before{
			width : auto;
			font-size : 0;
			content : "";
			background-color : currentColor;
			border-radius : 100vmax;
		}
	}
	> dl{
		display : grid;
		dt{
			display : grid;
			place-items : center;
			color : white;
			background-color : #82c26d;
		}
	}
	@media screen and ( width <= 750px ){
		.title01::before{
			height : calc( 30 var( --remBase ) );
		}
		> p{
			margin-top : calc( ( 50 - 5.25 - 7 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 30 / 16 );
		}
		h3{
			column-gap : calc( 10 var( --percentBase ) );
			font-size : 1.8rem;
			line-height : 1.75;
			&::before{
				height : calc( 23.5126 var( --remBase ) );
				aspect-ratio : 15.2397/23.5126;
				margin-top : calc( 3.9937 var( --remBase ) );
			}
		}
		> dl{
			grid-template-columns : calc( 64 var( --percentBase ) ) auto;
			column-gap : calc( 8 var( --percentBase ) );
			align-items : start;
			margin-top : calc( ( 36 - 7 ) var( --remBase ) );
			dt{
				height : calc( 31 var( --remBase ) );
				font-size : 1.4rem;
				line-height : 1.5;
				border-radius : calc( 9 var( --remBase ) );
			}
			dd{
				margin-top : calc( ( 8 - 3.5 ) var( --remBase ) );
				font-size : 1.4rem;
				line-height : 1.5;
			}
		}
		iframe{
			width : 100%;
			height : calc( 191 var( --remBase ) );
			margin-top : calc( ( 34 - 3.5 ) var( --remBase ) );
			object-fit : 375 / 191;
		}
	}
	@media print , screen and ( width > 750px ){
		.title01::before{
			height : calc( 54 var( --remBase ) );
		}
		> p{
			margin-top : calc( ( 58 - 9.75 - 10 ) var( --remBase ) );
			font-size : 2rem;
			line-height : 2;
			text-align : center;
		}
		h3{
			column-gap : calc( 12 var( --percentBase ) );
			font-size : 2.6rem;
			line-height : 1.75;
			&::before{
				height : calc( 27.79 var( --remBase ) );
				aspect-ratio : 18.012/27.79;
				margin-top : calc( 10.855 var( --remBase ) );
			}
		}
		> dl{
			grid-template-columns : calc( 83 var( --percentBase ) ) auto;
			column-gap : calc( 16 var( --percentBase ) );
			align-items : center;
			justify-content : center;
			margin-top : calc( ( 48 - 10 ) var( --remBase ) );
			dt{
				height : calc( 40 var( --remBase ) );
				font-size : 1.8rem;
				line-height : calc( 21 / 18 );
				border-radius : calc( 12 var( --remBase ) );
			}
			dd{
				font-size : 1.8rem;
				line-height : calc( 21 / 18 );
			}
		}
		iframe{
			width : 100%;
			height : calc( 383 var( --remBase ) );
			margin-top : calc( 58 var( --remBase ) );
			object-fit : 1118 / 383;
		}
	}
}
#accessStation{
	ol{
		display : grid;
		justify-content : space-between;
	}
	li{
		position : relative;
		counter-increment : no;
		&::before{
			position : absolute;
			top : 0;
			left : 0;
			display : grid;
			place-items : center;
			width : auto;
			aspect-ratio : 1;
			font-weight : 700;
			color : white;
			content : counter( no );
			background-color : #525252;
		}
	}
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 52 - 6.75 ) var( --remBase ) );
		ol{
			grid-template-columns : repeat( 2 , calc( 157 var( --percentBase ) ) );
			row-gap : calc( ( 32 - 5 ) var( --remBase ) );
			margin-top : calc( ( 34 - 6.75 ) var( --remBase ) );
		}
		li::before{
			height : calc( 20 var( --remBase ) );
			font-size : 1.178rem;
		}
		p{
			margin-top : calc( ( 12 - 5 ) var( --remBase ) );
			font-size : 1.2rem;
			line-height : calc( 22 / 12 );
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( ( 60 - 9.75 ) var( --remBase ) );
		ol{
			grid-template-columns : repeat( 3 , calc( 347 var( --percentBase ) ) );
			row-gap : calc( ( 54 - 7.5 ) var( --remBase ) );
			margin-top : calc( ( 52 - 9.75 ) var( --remBase ) );
		}
		li::before{
			height : calc( 46 var( --remBase ) );
			font-size : 2.6rem;
		}
		p{
			margin-top : calc( ( 20 - 7.5 ) var( --remBase ) );
			font-size : 2rem;
			line-height : 1.75;
		}
	}
}
:is( #accessTrain , #accessAirport ){
	h4{
		font-weight : 400;
		border-bottom : solid 1px #e3e3e3;
	}
	h5{
		font-weight : 400;
	}
	> ul > li{
		border-bottom : solid 1px #e3e3e3;
	}
	dl{
		display : grid;
		align-items : center;
		dt{
			display : contents;
			> span:not( .visuallyhidden ){
				display : grid;
				grid-row : 1;
				place-items : center;
				font-weight : 400;
				border : solid 1px #949494;
			}
		}
		dd{
			position : relative;
			grid-row : 1;
			align-self : center;
			height : 2lh;
			font-weight : 400;
			text-align : center;
			&::before{
				position : absolute;
				top : 50%;
				display : block;
				width : 100%;
				height : 1px;
				font-size : 0;
				content : "";
				background-color : #949494;
				translate : 0 -50%;
			}
			&::after{
				position : absolute;
				top : 50%;
				right : 0;
				width : auto;
				aspect-ratio : 7.3105 / 13.207;
				font-size : 0;
				content : "";
				background-image : url( "../../images/lp/ui/arrow/right02.svg" );
				filter : invert( 56% ) sepia( 45% ) saturate( 0% ) hue-rotate( 224deg ) brightness( 101% ) contrast( 73% );
				background-repeat : no-repeat;
				background-position : right center;
				background-size : contain;
				translate : 0 -50%;
			}
		}
		&:not( :has( dt:nth-of-type( 2 ) ) ){
			dt{
				span:nth-of-type( 1 ){
					grid-column : 1;
				}
				span:nth-of-type( 3 ){
					grid-column : 3;
				}
			}
			dd{
				grid-column : 2;
			}
		}
		&:has( dt:nth-of-type( 2 ) ){
			dt:nth-of-type( 1 ){
				> span:nth-of-type( 1 ){
					grid-column : 1;
				}
			}
			dt:nth-of-type( 2 ){
				> span:nth-of-type( 1 ){
					position : relative;
					grid-column : 3;
					> span{
						position : absolute;
						font-weight : 400;
						white-space : pre;
					}
				}
			}
			dd:nth-of-type( 1 ){
				grid-column : 2;
			}
			dd:nth-of-type( 2 ){
				grid-column : 4;
			}
		}
	}
	@media screen and ( width <= 750px ){
		> ul{
			margin-top : calc( ( 32 - 6.75 - 2.5 ) var( --remBase ) );
			> li{
				padding-bottom : calc( ( 21 - 5.5 ) var( --remBase ) );
				+ li{
					margin-top : calc( ( 30 - 2.5 ) var( --remBase ) );
				}
			}
		}
		h4{
			padding-bottom : calc( ( 14 - 2.5 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : calc( 21 / 16 );
		}
		ul{
			margin-top : calc( ( 20 - 3.5 ) var( --remBase ) );
		}
		h5{
			font-size : 1.4rem;
			line-height : 1.5;
		}
		li li{
			+ li{
				margin-top : calc( ( 30 - 3.5 ) var( --remBase ) );
			}
		}
		dl{
			margin-top : calc( ( 13 - 3.5 - 5.5 ) var( --remBase ) );
		}
		dt{
			> span:not( .visuallyhidden ){
				height : calc( 30 var( --remBase ) );
				font-size : 1.2rem;
				line-height : 1.75;
			}
		}
		dl{
			&:not( :has( dt:nth-of-type( 2 ) ) ){
				grid-template-columns : calc( 114 var( --percentBase ) ) 1fr calc( 114 var( --percentBase ) );
			}
			&:has( dt:nth-of-type( 2 ) ){
				grid-template-columns : calc( 71 var( --percentBase ) ) 1fr calc( 71 var( --percentBase ) ) 1fr calc( 71 var( --percentBase ) );
				dt:nth-of-type( 2 ){
					> span:nth-of-type( 1 ){
						span{
							top : calc( ( -27 - 3.5 ) var( --remBase ) );
							left : 0;
							font-size : 1.4rem;
							line-height : 1.5;
						}
					}
				}
			}
		}
		dd{
			font-size : 1rem;
			line-height : 2.1;
			&::after{
				height : calc( 13.207 var( --remBase ) );
			}
		}
		.sp-small{
			font-size : .8rem;
			line-height : calc( 21 / 8 );
		}
	}
	@media print , screen and ( width > 750px ){
		> ul{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 540 var( --percentBase ) ) );
			row-gap : calc( ( 50 - .5 ) var( --remBase ) );
			align-items : start;
			justify-content : space-between;
			margin-top : calc( ( 48 - 9.75 - .5 ) var( --remBase ) );
			> li{
				padding-bottom : calc( ( 35 - 4.5 ) var( --remBase ) );
			}
		}
		h4{
			padding-bottom : calc( ( 14 - .5 ) var( --remBase ) );
			font-size : 2rem;
			line-height : 1.05;
		}
		ul ul{
			padding-inline : calc( 20 * 100% / 540 );
			margin-top : calc( ( 26 - 3.5 ) var( --remBase ) );
		}
		h5{
			font-size : 1.4rem;
			line-height : 1.5;
		}
		li li{
			+ li{
				margin-top : calc( ( 26 - 3.5 ) var( --remBase ) );
			}
		}
		dl{
			margin-top : calc( ( 11 - 3.5 - 3.5 ) var( --remBase ) );
		}
		dt{
			> span:not( .visuallyhidden ){
				height : calc( 35 var( --remBase ) );
				font-size : 1.6rem;
				line-height : calc( 21 / 16 );
			}
		}
		dl{
			&:not( :has( dt:nth-of-type( 2 ) ) ){
				grid-template-columns : calc( 150 * 100% / 500 ) 1fr calc( 150 * 100% / 500 );
			}
			&:has( dt:nth-of-type( 2 ) ){
				grid-template-columns : calc( 100 * 100% / 500 ) 1fr calc( 100 * 100% / 500 ) 1fr calc( 100 * 100% / 500 );
				dt:nth-of-type( 2 ){
					> span:nth-of-type( 1 ){
						span{
							top : calc( ( -25 - 3.5 ) var( --remBase ) );
							left : calc( -6 var( --remBase ) );
							font-size : 1.4rem;
							line-height : 1.5;
						}
					}
				}
			}
		}
		dd{
			font-size : 1.4rem;
			line-height : calc( 23 / 14 );
			&::after{
				height : calc( 13.207 var( --remBase ) );
			}
		}
	}
}
#accessTrain{
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 52 - 5 - 6.75 ) var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( ( 94 - 7.5 - 9.75 ) var( --remBase ) );
	}
}
#accessAirport{
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 52 - 6.75 ) var( --remBase ) );
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( ( 84 - 9.75 ) var( --remBase ) );
	}
}
#accessParking{
	@media screen and ( width <= 750px ){
		margin-top : calc( ( 52 - 6.75 ) var( --remBase ) );
		.link01{
			margin-top : calc( ( 34 - 9.75 ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		margin-top : calc( ( 108 - 9.75 ) var( --remBase ) );
		.link01{
			margin-top : calc( ( 54 - 9.75 ) var( --remBase ) );
		}
	}
}

/* --------------------------------------------
SNS
--------------------------------------------- */
#sns{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	justify-content : center;
	@media screen and ( width <= 750px ){
		column-gap : calc( 32 var( --percentBase ) );
		padding-bottom : calc( 38 var( --remBase ) );
		margin-top : calc( 124 var( --remBase ) );
		.instagram{
			height : calc( 29 var( --remBase ) );
		}
		.facebook{
			height : calc( 32 var( --remBase ) );
		}
		.x{
			height : calc( 26.9553 var( --remBase ) );
		}
		.youtube{
			height : calc( 22.3053 var( --remBase ) );
		}
		.line{
			height : calc( 29.1538 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		column-gap : calc( 64 var( --percentBase ) );
		padding-bottom : calc( 66 var( --remBase ) );
		margin-top : calc( 135 var( --remBase ) );
		.instagram{
			height : calc( 58 var( --remBase ) );
		}
		.facebook{
			height : calc( 62.2703 var( --remBase ) );
		}
		.x{
			height : calc( 54 var( --remBase ) );
		}
		.youtube{
			height : calc( 44.6105 var( --remBase ) );
		}
		.line{
			height : calc( 59 var( --remBase ) );
		}
	}
}