@charset "UTF-8";

/* --------------------------------------------
PROMISE
--------------------------------------------- */
#promise{
	background-color : #ffe;
	h2{
		span{
			display : block;
			font-weight : 700;
			text-align : center;
		}
	}
	> ul{
		margin-inline : auto;
		> li{
			counter-increment : no;
			background-color : white;
			outline : solid calc( 2 * var( --remBase ) ) var( --green );
		}
	}
	header{
		picture{
			width : 100%;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
	}
	h3{
		display : grid;
		font-weight : 800;
		&::before{
			font-family : Barlow , sans-serif;
			font-weight : 700;
			color : var( --green );
			content : "promise";
		}
		&::after{
			font-family : Barlow , sans-serif;
			font-weight : 700;
			color : var( --green );
			content : counter( no , decimal-leading-zero );
		}
		span span{
			text-decoration : solid underline var( --yellow );
		}
	}
	@media screen and ( width <= 768px ){
		padding-block : calc( 40 * var( --remBase ) );
		background-image : url( "../images/ui/parts/lattice01_sp.webp" );
		background-repeat : repeat-y;
		background-position : 0 0;
		background-size : 100% auto;
		h2{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 27 / 18 );
					color : #616161;
				}
				&:nth-of-type( 2 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
					color : var( --green );
				}
			}
		}
		> ul{
			width : calc( 346 * var( --contentBase ) );
			margin-top : calc( 24 * var( --remBase ) );
			> li + li{
				margin-top : calc( 36 * var( --remBase ) );
			}
			> li{
				padding-top : calc( 24 * var( --remBase ) );
				border-radius : calc( 15 * var( --remBase ) );
				&:not( :nth-child( 3 ) ){
					padding-bottom : calc( 24 * var( --remBase ) );
				}
			}
		}
		header{
			padding-inline : calc( 17 * 100% / 346 );
			picture{
				width : 100%;
				height : calc( 208 * var( --remBase ) );
			}
		}
		h3{
			grid-template-columns : 1fr auto calc( 8 * 100% / 346 ) auto  1fr;
			align-items : center;
			justify-content : center;
			margin-top : calc( 7 * var( --remBase ) );
			&::before{
				grid-row : 1;
				grid-column : 2;
				font-size : calc( 10 * var( --remBase ) );
				line-height : calc( 15 / 10 );
			}
			&::after{
				grid-row : 1;
				grid-column : 4;
				font-size : calc( 25 * var( --remBase ) );
				line-height : calc( 35 / 25 );
			}
			> span{
				grid-row : 2;
				grid-column : 1/-1;
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 27 / 18 );
				text-align : center;
				span{
					text-decoration-thickness : calc( 16 * var( --remBase ) );
					text-underline-offset : -1em;
				}
			}
		}
		> ul{
			> li{
				> p{
					padding-inline : calc( 17 * 100% / 346 );
					margin-top : calc( 20 * var( --remBase ) );
					font-size : calc( 14 * var( --remBase ) );
					line-height : calc( 21 / 14 );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 80 * var( --remBase ) );
		background-image : url( "../images/ui/parts/lattice01_pc.png" );
		background-repeat : repeat;
		background-position : center top;
		h2{
			padding-block : calc( 44 * var( --remBase ) );
			border-image-source : linear-gradient( var( --green ) , var( --green ) );
			border-image-slice : 0 fill;
			border-image-outset : 0 100vw 0 100vw;
			span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
					color : white;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 5 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
					color : var( --yellow );
				}
			}
		}
		> ul{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 483 * 100% / 1009 ) );
			row-gap : calc( 43 * var( --remBase ) );
			justify-content : space-between;
			width : calc( 1009 * var( --contentBase ) );
			margin-top : calc( 84 * var( --remBase ) );
			> li{
				padding-top : calc( 42 * var( --remBase ) );
				border-radius : calc( 15 * var( --remBase ) );
				&:nth-child( -n+2 ){
					padding-bottom : calc( 42 * var( --remBase ) );
				}
				&:nth-child( n+3 ){
					display : grid;
					grid-template-rows : subgrid;
					grid-row : span 3;
					row-gap : 0;
				}
			}
		}
		header{
			display : grid;
			grid-template-columns : 1fr calc( 206 * 100% / 412 );
			align-content : space-between;
			height : calc( 137 * var( --remBase ) );
			padding-left : calc( 37 * 100% / 483 );
			padding-right : calc( 34 * 100% / 483 );
			picture{
				grid-row : 1;
				grid-column : 2;
				height : 100%;
			}
			h3{
				display : grid;
				grid-template-columns : auto 1fr;
				grid-row : 1;
				grid-column : 1;
				column-gap : calc( 10 * 100% / 206 );
				align-content : space-between;
				align-items : baseline;
				&::before{
					grid-row : 1;
					grid-column : 1;
					font-size : calc( 20 * var( --remBase ) );
				}
				&::after{
					grid-row : 1;
					grid-column : 2;
					font-size : calc( 40 * var( --remBase ) );
				}
				> span{
					grid-row : 2;
					grid-column : 1/-1;
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
					span{
						text-decoration-thickness : calc( 28 * var( --remBase ) );
						text-underline-offset : -1em;
					}
				}
			}
		}
		> ul{
			> li{
				> p{
					padding-left : calc( 37 * 100% / 483 );
					padding-right : calc( 34 * 100% / 483 );
					margin-top : calc( 28 * var( --remBase ) );
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 27 / 18 );
				}
			}
		}
	}
}
#promise0301{
	background-color : #ffe;
	h4{
		font-weight : 700;
		color : var( --green );
		text-align : center;
	}
	ul{
		display : grid;
		flex-wrap : wrap;
	}
	li{
		display : grid;
		grid-template-columns : auto auto;
		grid-auto-flow : column;
		align-items : start;
		justify-content : start;
		font-weight : 700;
		&:nth-child( 8 ) , &:nth-child( 10 ){
			grid-column : 2/4;
		}
		&::before{
			display : block;
			width : auto;
			aspect-ratio : 49/44;
			font-size : 0;
			content : "";
			background : url( "../images/ui/icon/check01.svg" ) left top / contain no-repeat;
		}
	}
	p{
		position : relative;
		&::after{
			position : absolute;
			bottom : 0;
			right : 0;
			display : block;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	a{
		display : block;
		align-content : center;
		margin-inline : auto;
		color : var( --green );
		text-align : center;
		background-color : white;
		border-radius : 100vmax;
		outline : solid 1px var( --green );
		outline-offset : -1px;
	}
	@media screen and ( width <= 768px ){
		padding-inline : calc( 4 * 100% / 346 );
		padding-top : calc( 26 * var( --remBase ) );
		padding-bottom : calc( 24 * var( --remBase ) );
		padding-right : calc( 4 * 100% / 346 );
		margin-top : calc( 15 * var( --remBase ) );
		h4{
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 24 / 16 );
		}
		ul{
			grid-template-columns : calc( 136 * 100% / 338 ) calc( 95 * 100% / 338 ) 1fr;
			row-gap : calc( 6 * var( --remBase ) );
			margin-top : calc( 25 * var( --remBase ) );
		}
		li{
			column-gap : calc( 3 * var( --remBase ) );
			margin-left : calc( 3 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			&::before{
				height : calc( 19 * var( --remBase ) );
			}
		}
		p{
			margin-top : calc( 36 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 18 / 12 );
			&::after{
				height : calc( 109 * var( --remBase ) );
				aspect-ratio : 171/218;
				background-image : url( "../images/ihinseiri/prefecture/promise/img0302_sp.webp" );
			}
		}
		a{
			width : calc( 228 * 100% / 346 );
			height : calc( 38 * var( --remBase ) );
			margin-top : calc( 31 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 29 * var( --remBase ) );
		padding-bottom : calc( 42 * var( --remBase ) );
		padding-left : calc( 16 * 100% / 483 );
		padding-right : calc( 8 * 100% / 483 );
		margin-top : calc( 15 * var( --remBase ) );
		border-radius : calc( 42 * var( --remBase ) ) calc( 42 * var( --remBase ) ) 0 0;
		h4{
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 36 / 24 );
		}
		ul{
			grid-template-columns : calc( 180 * 100% / 459 ) calc( 130 * 100% / 459 ) 1fr;
			row-gap : calc( 8 * var( --remBase ) );
			margin-top : calc( 33 * var( --remBase ) );
		}
		li{
			column-gap : calc( 6 * var( --remBase ) );
			margin-left : calc( 4 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 30 / 20 );
			&::before{
				height : calc( 26 * var( --remBase ) );
			}
		}
		p{
			margin-top : calc( 28 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 24 / 16 );
			&::after{
				height : calc( 133 * var( --remBase ) );
				aspect-ratio : 104/133;
				background-image : url( "../images/ihinseiri/prefecture/promise/img0302_pc.webp" );
			}
		}
		a{
			width : calc( 372 * 100% / 459 );
			height : calc( 65 * var( --remBase ) );
			margin-top : calc( 34 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
		}
	}
}
@media ( hover : hover ){
	#promise0301 a:hover{
		color : white;
		background-color : var( --green );
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#promise0301 a{
		transition : background-color var( --transitionBase ) , color var( --transitionBase );
	}
}
#promise0401{
	h4{
		text-align : center;
		background-color : var( --lightGreen );
	}
	li{
		font-weight : 800;
		color : var( --green );
		text-align : center;
		&::before{
			display : block;
			width : auto;
			aspect-ratio : 1;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : center;
			background-size : contain;
		}
		&:nth-child( 1 ){
			&::before{
				background-image : url( "../images/ihinseiri/prefecture/promise/img040201_sp.webp" );
			}
		}
		&:nth-child( 2 ){
			&::before{
				background-image : url( "../images/ihinseiri/prefecture/promise/img040202_sp.webp" );
			}
		}
		&:nth-child( 3 ){
			&::before{
				background-image : url( "../images/ihinseiri/prefecture/promise/img040203_sp.webp" );
			}
		}
	}
	@media screen and ( width <= 768px ){
		padding-inline : calc( 8 * 100% / 346 );
		margin-top : calc( 19 * var( --remBase ) );
		h4{
			padding-block : calc( 6.5 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			border-radius : calc( 4 * var( --remBase ) );
		}
		ul{
			display : grid;
			grid-template-columns : repeat( 3 , calc( 96 * 100% / 328 ) );
			column-gap : calc( 18 * 100% / 328 );
			justify-content : center;
			margin-top : calc( 20 * var( --remBase ) );
		}
		li{
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 14 / 12 );
			&::before{
				height : calc( 96 * var( --remBase ) );
				margin-bottom : calc( 6 * var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-inline : calc( 13 * 100% / 483 );
		padding-bottom : calc( 34 * var( --remBase ) );
		padding-left : calc( 16 * 100% / 483 );
		margin-top : calc( 48 * var( --remBase ) );
		h4{
			padding-block : calc( 10.5 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 32 / 24 );
			border-radius : calc( 10 * var( --remBase ) );
		}
		ul{
			display : grid;
			grid-template-rows : calc( 110 * var( --remBase ) ) auto 1fr;
			grid-template-columns : repeat( 3 , calc( 130 * 100% / 454 ) );
			justify-content : center;
			margin-top : calc( 26 * var( --remBase ) );
		}
		li{
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 24 / 20 );
			&::before{
				height : calc( 130 * var( --remBase ) );
				margin-bottom : calc( 12 * var( --remBase ) );
			}
			&:nth-child( 1 ){
				grid-row : 2/4;
				grid-column : 1;
				&::before{
					background-image : url( "../images/ihinseiri/prefecture/promise/img040201_pc.webp" );
				}
			}
			&:nth-child( 2 ){
				grid-row : 2/4;
				grid-column : 3;
				&::before{
					background-image : url( "../images/ihinseiri/prefecture/promise/img040202_pc.webp" );
				}
			}
			&:nth-child( 3 ){
				grid-row : 1/3;
				grid-column : 2;
				&::before{
					background-image : url( "../images/ihinseiri/prefecture/promise/img040203_pc.webp" );
				}
			}
		}
	}
}

/* --------------------------------------------
CTA
--------------------------------------------- */
.cta{
	.ctaOuter{
		margin-inline : auto;
		background-color : var( --green );
	}
	.ctaBox{
		background-color : #fff;
	}
	h2{
		font-weight : 800;
		text-align : center;
		text-decoration : underline solid var( --yellow );
		span{
			color : var( --red );
		}
	}
	.ctaService{
		border-bottom : dashed var( --green ) calc( 2 * var( --remBase ) );
		h3{
			font-weight : 700;
			color : var( --green );
		}
		li{
			display : grid;
			grid-auto-flow : column;
			align-items : start;
			justify-content : start;
			font-weight : 700;
			color : #616161;
			&::before{
				display : block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../images/parts/cta/check.webp" ) left top / contain no-repeat;
			}
		}
	}
	.ctaMerits{
		display : grid;
		align-items : center;
		justify-content : center;
		li{
			grid-auto-flow : column;
			height : 100%;
			font-weight : 900;
			background-color : #f5f5f5;
			span{
				color : var( --red );
			}
		}
	}
	.ctaBox > p{
		font-weight : 700;
		text-align : center;
	}
	.tel{
		> a{
			position : relative;
			display : block;
			text-align : center;
			background-color : var( --red );
			border-radius : 100vmax;
			&::before{
				position : absolute;
				display : block;
				width : auto;
				aspect-ratio : 84.934 / 100;
				font-size : 0;
				content : "";
				background : url( "../images/ui/icon/tel.svg" ) left top / contain no-repeat;
				filter : var( --filterWhite );
			}
			&::after{
				position : absolute;
				inset : 0;
				display : block;
				margin : auto;
				pointer-events : none;
				content : "";
				border : solid calc( 2 * var( --remBase ) ) white;
				border-radius : 100vmax;
			}
			span{
				display : block;
				text-align : center;
				&:nth-of-type( 1 ){
					font-weight : 800;
					color : var( --yellow );
					text-align : center;
					text-indent : -.11em;
					letter-spacing : .11em;
				}
				&:nth-of-type( 2 ){
					font-weight : 700;
					color : white;
				}
			}
		}
		dl{
			display : grid;
			grid-auto-flow : column;
			align-items : baseline;
			justify-content : center;
			dt , dd{
				font-weight : 700;
			}
		}
		dd a{
			font-family : Barlow , sans-serif;
			font-weight : 700;
		}
	}
	.line , .web{
		a{
			display : grid;
			grid-template-columns : auto 1fr;
			align-items : center;
			font-weight : 800;
			color : white;
			text-align : center;
			border : solid calc( 2 * var( --remBase ) ) white;
			&::before{
				display : block;
				grid-column : 1;
				width : auto;
				font-size : 0;
				content : "";
				filter : var( --filterWhite );
				background-repeat : no-repeat;
				background-position : 0 0;
				background-size : contain;
			}
		}
	}
	.line{
		a{
			background-color : var( --lineColor );
			&::before{
				aspect-ratio : 104.952 / 100;
				background-image : url( "../images/ui/sns/line.svg" );
			}
		}
	}
	.web{
		a{
			background-color : #1f67cc;
			&::before{
				aspect-ratio : 125.552 / 100;
				background-image : url( "../images/ui/icon/email.svg" );
			}
		}
	}
	@media screen and ( width <= 768px ){
		.ctaOuter{
			padding-inline : calc( 16 * var( --viewportBase ) );
			padding-top : calc( 32 * var( --remBase ) );
			padding-bottom : calc( 32 * var( --remBase ) );
			border-radius : calc( 14 * var( --remBase ) );
		}
		.ctaBox{
			padding-top : calc( 27 * var( --remBase ) );
			padding-bottom : calc( 19 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) );
			box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
		}
		h2{
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 30 / 20 );
			text-decoration-thickness : calc( 5 * var( --remBase ) );
			text-underline-offset : calc( -2.5 * var( --remBase ) );
			span{
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 36 / 24 );
			}
		}
		.ctaService{
			width : calc( 293 * 100% / 318 );
			padding-bottom : calc( 6 * var( --remBase ) );
			margin-inline : auto;
			margin-top : calc( 31 * var( --remBase ) );
			h3{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 21 / 14 );
			}
			ul{
				position : relative;
				display : grid;
				grid-template-columns : auto auto;
				row-gap : calc( 4 * var( --remBase ) );
				column-gap : calc( 3 * 100% / 293 );
				justify-content : start;
				margin-top : calc( 5 * var( --remBase ) );
				&::before{
					position : absolute;
					bottom : 0;
					left : calc( 173 * 100% / 293 );
					display : block;
					width : auto;
					height : calc( 115 * var( --remBase ) );
					aspect-ratio : 131/115;
					font-size : 0;
					content : "";
					background : url( "../images/parts/cta/bg_sp.webp" ) left top / contain no-repeat;
				}
			}
			li{
				position : relative;
				column-gap : calc( 4 * var( --remBase ) );
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 21 / 14 );
				&::before{
					height : calc( 16 * var( --remBase ) );
					margin-top : calc( 2.5 * var( --remBase ) );
				}
				&:nth-child( 2 ) , &:nth-child( 5 ){
					width : fit-content;
					padding-left : calc( 5 * var( --remBase ) );
					padding-right : calc( 4 * var( --remBase ) );
					background-color : white;
					border-radius : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) 0;
				}
				&:nth-child( 4 ){
					grid-row : 3;
					grid-column : 1;
				}
				&:nth-child( 5 ){
					grid-row : 2;
					grid-column : 2;
				}
			}
		}
		.ctaMerits{
			grid-template-columns : repeat( 3 , calc( 100 * 100% / 318 ) );
			grid-auto-rows : calc( 60 * var( --remBase ) );
			column-gap : calc( 6 * 100% / 318 );
			margin-top : calc( 16 * var( --remBase ) );
			li{
				display : block;
				align-content : center;
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
				text-align : center;
				span{
					font-size : calc( 20 * var( --remBase ) );
					line-height : calc( 30 / 20 );
				}
				&:nth-child( 1 ){
					border-radius : calc( 20 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) );
				}
				&:nth-child( 2 ){
					border-radius : calc( 4 * var( --remBase ) );
				}
				&:nth-child( 3 ){
					border-radius : calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 20 * var( --remBase ) ) calc( 4 * var( --remBase ) );
				}
			}
		}
		.ctaBox > p{
			margin-top : calc( 20 * var( --remBase ) );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 12 * var( --remBase ) );
					line-height : calc( 18 / 12 );
				}
				&:last-of-type{
					font-size : calc( 14 * var( --remBase ) );
					line-height : calc( 21 / 14 );
				}
			}
		}
		.ctaContacts{
			margin-top : calc( 12 * var( --remBase ) );
		}
		.tel{
			a{
				width : calc( 332 * 100% / 343 );
				height : calc( 75 * var( --remBase ) );
				padding-top : calc( 15 * var( --remBase ) );
				margin-inline : auto;
				&::after{
					width : calc( 100% - 5 * 100% / 332 );
					height : calc( 100% - 4 * var( --remBase ) );
				}
				&::before{
					top : calc( 11 * var( --remBase ) );
					left : calc( 32 * 100% / 332 );
					height : calc( 35 * var( --remBase ) );
				}
				span{
					&:nth-of-type( 1 ){
						padding-left : calc( 10 * 100% / 332 );
						font-size : calc( 24 * var( --remBase ) );
					}
					&:nth-of-type( 2 ){
						padding-left : calc( 10 * 100% / 332 );
						margin-top : calc( 5 * var( --remBase ) );
						font-size : calc( 14 * var( --remBase ) );
					}
				}
			}
			dl{
				column-gap : calc( 15 * 100% / 343 );
				margin-top : calc( 3 * var( --remBase ) );
				dt{
					font-size : calc( 15 * var( --remBase ) );
				}
				dd{
					font-size : calc( 24 * var( --remBase ) );
				}
			}
		}
		.line{
			margin-top : calc( 20 * var( --remBase ) );
		}
		.web{
			margin-top : calc( 13 * var( --remBase ) );
		}
		.line , .web{
			a{
				width : calc( 325 * 100% / 343 );
				height : calc( 65 * var( --remBase ) );
				margin-inline : auto;
				border-radius : calc( 18 * var( --remBase ) );
				box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
			}
		}
		.line{
			a{
				padding-inline : calc( 29 * 100% / 325 );
				font-size : calc( 24 * var( --remBase ) );
				&::before{
					height : calc( 36 * var( --remBase ) );
				}
			}
		}
		.web{
			a{
				padding-inline : calc( 26 * 100% / 325 );
				font-size : calc( 24 * var( --remBase ) );
				&::before{
					height : calc( 30 * var( --remBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		.ctaOuter{
			width : calc( 1022 * var( --viewportBase ) );
			padding-inline : calc( 43 * var( --viewportBase ) );
			padding-top : calc( 37 * var( --remBase ) );
			padding-bottom : calc( 36 * var( --remBase ) );
			border-radius : calc( 14 * var( --remBase ) );
			box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
		}
		.ctaBox{
			padding-top : calc( 16 * var( --remBase ) );
			padding-bottom : calc( 18 * var( --remBase ) );
			background : url( "../images/parts/cta/bg_pc.webp" ) center bottom -1px / calc( 937 * 100% / 936 ) auto no-repeat white;
			border-radius : calc( 10 * var( --remBase ) );
		}
		h2{
			font-size : calc( 44 * var( --remBase ) );
			line-height : calc( 66 / 44 );
			text-decoration-thickness : calc( 9 * var( --remBase ) );
			text-underline-offset : calc( -4.5 * var( --remBase ) );
			span{
				font-size : calc( 56 * var( --remBase ) );
				line-height : calc( 84 / 56 );
			}
		}
		.ctaService{
			width : calc( 853 * 100% / 926 );
			padding-bottom : calc( 20 * var( --remBase ) );
			margin-inline : auto;
			margin-top : calc( 4 * var( --remBase ) );
			h3{
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 36 / 24 );
			}
			ul{
				display : grid;
				grid-auto-flow : column;
				justify-content : space-between;
			}
			li{
				column-gap : calc( 14 * var( --remBase ) );
				font-size : calc( 26 * var( --remBase ) );
				line-height : calc( 39 / 26 );
				&::before{
					height : calc( 19 * var( --remBase ) );
					margin-top : calc( 10 * var( --remBase ) );
				}
			}
		}
		.ctaMerits{
			grid-template-columns : repeat( 3 , calc( 268 * 100% / 926 ) );
			grid-auto-rows : calc( 74 * var( --remBase ) );
			column-gap : calc( 20 * 100% / 926 );
			margin-top : calc( 29 * var( --remBase ) );
			li{
				display : grid;
				align-items : center;
				justify-content : center;
				font-size : calc( 30 * var( --remBase ) );
				line-height : calc( 45 / 30 );
				span{
					font-size : calc( 40 * var( --remBase ) );
					line-height : calc( 60 / 40 );
				}
				&:nth-child( 1 ){
					border-radius : calc( 20 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) );
				}
				&:nth-child( 2 ){
					border-radius : calc( 4 * var( --remBase ) );
				}
				&:nth-child( 3 ){
					border-radius : calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 20 * var( --remBase ) ) calc( 4 * var( --remBase ) );
				}
			}
		}
		.ctaBox > p{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 36 / 24 );
		}
		.ctaContacts{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 284 * 100% / 584 ) );
			row-gap : calc( 17 * var( --remBase ) );
			justify-content : space-between;
			width : calc( 584 * 100% / 926 );
			margin-inline : auto;
			margin-top : calc( 38 * var( --remBase ) );
		}
		.tel{
			grid-row : 1;
			grid-column : 1/-1;
			> a{
				height : calc( 127 * var( --remBase ) );
				padding-top : calc( 26 * var( --remBase ) );
				&::after{
					width : calc( 100% - 10 * 100% / 584 );
					height : calc( 100% - 7 * var( --remBase ) );
				}
				&::before{
					top : calc( 23 * var( --remBase ) );
					left : calc( 62 * 100% / 584 );
					height : calc( 75 * var( --remBase ) );
				}
				span{
					&:nth-of-type( 1 ){
						padding-left : calc( 67 * 100% / 584 );
						font-size : calc( 44 * var( --remBase ) );
					}
					&:nth-of-type( 2 ){
						padding-left : calc( 86 * 100% / 584 );
						font-size : calc( 22 * var( --remBase ) );
						line-height : calc( 42 / 22 );
					}
				}
			}
			dl{
				column-gap : calc( 31 * 100% / 584 );
				margin-top : calc( 12 * var( --remBase ) );
				dt{
					font-size : calc( 22 * var( --remBase ) );
				}
				dd{
					font-size : calc( 40 * var( --remBase ) );
				}
			}
		}
		.line{
			grid-row : 2;
			grid-column : 1;
		}
		.web{
			grid-row : 2;
			grid-column : 2;
		}
		.line , .web{
			a{
				height : calc( 99 * var( --remBase ) );
				border-radius : calc( 18 * var( --remBase ) );
				box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
			}
		}
		.line{
			a{
				padding-inline : calc( 20 * 100% / 284 );
				font-size : calc( 30 * var( --remBase ) );
				line-height : calc( 34 / 30 );
				&::before{
					height : calc( 60 * var( --remBase ) );
				}
			}
		}
		.web{
			a{
				padding-inline : calc( 22 * 100% / 284 );
				font-size : calc( 29 * var( --remBase ) );
				&::before{
					height : calc( 45 * var( --remBase ) );
				}
			}
		}
	}
}
@media ( hover : hover ){
	.cta{
		.tel a:hover{
			background-color : white;
			&::before{
				filter : var( --filterRed );
			}
			&::after{
				border-color : var( --red );
			}
			span:nth-of-type( 2 ){
				color : var( --red );
			}
		}
		.line a:hover{
			color : var( --lineColor );
			background-color : white;
			&::before{
				filter : var( --filterLineColor );
			}
		}
		.web a:hover{
			color : #1f67cc;
			background-color : white;
			&::before{
				filter : invert( 31% ) sepia( 54% ) saturate( 2273% ) hue-rotate( 199deg ) brightness( 90% ) contrast( 90% );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	.cta{
		.tel a{
			transition : background var( --transitionBase );
			&::before{
				transition : filter var( --transitionBase );
			}
			&::after{
				transition : border var( --transitionBase );
			}
			span:nth-of-type( 2 ){
				transition : color var( --transitionBase );
			}
		}
		.line , .web{
			a{
				transition : background var( --transitionBase ) , color var( --transitionBase );
				&::before{
					transition : filter var( --transitionBase );
				}
			}
		}
	}
}

/* --------------------------------------------
CTA01
--------------------------------------------- */
#cta01{
	margin-top : calc( 40 * var( --remBase ) );
}

/* --------------------------------------------
NAV SECTIONS
--------------------------------------------- */
#navSections{
	li{
		border-bottom : solid 1px #f5f5f5;
		a{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : space-between;
			&::after{
				display : block;
				aspect-ratio : 25.6866/27;
				font-size : 0;
				content : "";
				background-repeat : no-repeat;
				background-position : center;
				background-size : contain;
			}
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 53 * var( --remBase ) );
		padding-bottom : calc( 38 * var( --remBase ) );
		margin-top : calc( 31 * var( --remBase ) );
		ul{
			padding-inline : calc( 7.5 * var( --contentBase ) );
		}
		li + li{
			margin-top : calc( 15 * var( --remBase ) );
		}
		a{
			padding-bottom : calc( 9 * var( --remBase ) );
			padding-right : calc( 7 * 100% / 335 );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 30 / 20 );
			&::after{
				height : calc( 28 * var( --remBase ) );
				background-image : url( "../images/ui/arrow/down02_sp.svg" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-block : calc( 71 * var( --remBase ) );
		ul{
			display : grid;
			grid-template-columns : repeat( 3 , calc( 318 * 100% / 1018 ) );
			row-gap : calc( 49 * var( --remBase ) );
			justify-content : space-between;
			width : calc( 1018 * var( --contentBase ) );
			margin-inline : auto;
		}
		a{
			padding-bottom : calc( 9 * var( --remBase ) );
			padding-right : calc( 7 * 100% / 318 );
			font-size : calc( 26 * var( --remBase ) );
			line-height : calc( 39 / 26 );
			&::after{
				height : calc( 27 * var( --remBase ) );
				background-image : url( "../images/ui/arrow/down02_pc.svg" );
			}
		}
	}
}

/* --------------------------------------------
SERVICES
--------------------------------------------- */
#services{
	header{
		background-color : var( --lightGreen );
	}
	h2{
		background-color : white;
		> span{
			display : block;
			font-weight : 800;
			text-align : center;
			&:nth-of-type( 1 ){
				color : #616161;
			}
			&:nth-of-type( 2 ){
				color : var( --green );
			}
		}
	}
	header{
		p{
			font-weight : 700;
			color : #3e3e3e;
			&::after{
				display : block;
				height : 0;
				margin-inline : auto;
				font-size : 0;
				content : "";
				border-bottom : dashed calc( 2 * var( --remBase ) ) #e8e8e8;
			}
		}
	}
	ul{
		display : grid;
		align-items : start;
		justify-content : space-between;
		margin-inline : auto;
	}
	li{
		overflow : hidden;
		background-color : white;
		border-radius : calc( 12 * var( --remBase ) );
		box-shadow : 0 calc( 1 * var( --remBase ) ) calc( 3 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	picture{
		width : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	summary{
		span{
			display : grid;
			grid-template-columns : 1fr auto;
			align-items : center;
			margin-inline : auto;
			font-weight : 800;
			color : var( --green );
			&::after{
				display : block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../images/ui/arrow/down02_sp.svg" ) left top / contain no-repeat;
			}
		}
	}
	details[open]{
		summary{
			span::after{
				rotate : -180deg;
			}
		}
	}
	.detailContent{
		margin-inline : auto;
		border-top : solid 1px #d9d9d9;
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 40 * var( --remBase ) );
		header{
			padding-top : calc( 40 * var( --remBase ) );
			padding-bottom : calc( 10 * var( --remBase ) );
		}
		h2{
			padding-top : calc( 16 * var( --remBase ) );
			padding-bottom : calc( 8 * var( --remBase ) );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 27 / 18 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 1 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
			}
		}
		header{
			p{
				position : relative;
				padding-bottom : calc( 12 * var( --remBase ) );
				padding-left : calc( 32 * var( --viewportBase ) );
				padding-right : calc( 100 * var( --viewportBase ) );
				margin-top : calc( 22 * var( --remBase ) );
				font-size : calc( 13 * var( --remBase ) );
				line-height : calc( 20 / 13 );
				&::after{
					position : absolute;
					bottom : 0;
					left : 50%;
					width : calc( 340 * var( --viewportBase ) );
					translate : -50% 0;
				}
				&::before{
					position : absolute;
					bottom : calc( 11 * var( --remBase ) );
					right : calc( 18 * var( --viewportBase ) );
					display : block;
					height : calc( 107 * var( --remBase ) );
					aspect-ratio : 78/107;
					font-size : 0;
					content : "";
					background : url( "../images/ihinseiri/prefecture/services/bg_sp.webp" ) left top / contain no-repeat;
				}
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 167 * 100% / 349 ) );
			row-gap : calc( 26 * var( --remBase ) );
			width : calc( 349 * var( --viewportBase ) );
			margin-top : calc( 28 * var( --remBase ) );
		}
		picture{
			height : calc( 92 * var( --remBase ) );
		}
		summary{
			span{
				width : calc( 138 * 100% / 167 );
				height : calc( 42 * var( --remBase ) );
				&:not( .small ){
					font-size : calc( 15 * var( --remBase ) );
					line-height : calc( 23 / 15 );
				}
				&.small{
					font-size : calc( 14 * var( --remBase ) );
					line-height : calc( 18 / 14 );
				}
				&::after{
					height : calc( 20 * var( --remBase ) );
				}
			}
		}
		.detailContent{
			width : calc( 138 * 100% / 167 );
			padding-top : calc( 9 * var( --remBase ) );
			padding-bottom : calc( 14 * var( --remBase ) );
			p{
				font-size : calc( 12 * var( --remBase ) );
				line-height : calc( 18 / 12 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 74 * var( --remBase ) );
		header{
			position : relative;
			padding-inline : max( ( ( 100% - 1060px ) / 2 ) , calc( 30 * var( --viewportBase ) ) );
			padding-top : calc( 76 * var( --remBase ) );
			padding-bottom : calc( 8 * var( --remBase ) );
			&::before{
				position : absolute;
				bottom : 0;
				left : calc( 50% - min( 500 * var( --viewportBase ) , 500px ) );
				display : block;
				width : auto;
				height : calc( 198 * var( --remBase ) );
				aspect-ratio : 993/198;
				font-size : 0;
				content : "";
				background : url( "../images/ihinseiri/prefecture/services/bg_pc.webp" ) left top / contain no-repeat;
				translate :  ;
			}
		}
		h2{
			padding-top : calc( 30 * var( --remBase ) );
			padding-bottom : calc( 18 * var( --remBase ) );
			border-radius : calc( 40 * var( --remBase ) );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( -14 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
				}
			}
		}
		header{
			p{
				margin-top : calc( 35 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
				line-height : calc( 35 / 22 );
				text-align : center;
				&::after{
					width : calc( 600 * 100% / 1060 );
					margin-top : calc( 18 * var( --remBase ) );
				}
			}
		}
		ul{
			grid-template-columns : repeat( 4 , calc( 225 * 100% / 974 ) );
			row-gap : calc( 40 * var( --remBase ) );
			width : calc( 974 * var( --viewportBase ) );
			margin-top : calc( 48 * var( --remBase ) );
		}
		picture{
			height : calc( 124 * var( --remBase ) );
		}
		summary{
			span{
				width : calc( 186 * 100% / 225 );
				height : calc( 56 * var( --remBase ) );
				&:not( .small ){
					font-size : calc( 20 * var( --remBase ) );
					line-height : calc( 30 / 20 );
				}
				&.small{
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 20 / 18 );
				}
				&::after{
					height : calc( 20 * var( --remBase ) );
				}
			}
		}
		.detailContent{
			width : calc( 186 * 100% / 225 );
			padding-top : calc( 12 * var( --remBase ) );
			padding-bottom : calc( 18 * var( --remBase ) );
			p{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 22 / 18 );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#services details summary span::after{
		transition : rotate var( --transitionBase );
	}
	#services details::details-content{
		transition : width var( --transitionBase ) , height var( --transitionBase ) , content-visibility var( --transitionBase ) allow-discrete;
	}
}

/* --------------------------------------------
SAFE
--------------------------------------------- */
#safe{
	background-color : #ffe;
	.box{
		margin-inline : auto;
		background-color : white;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	h2{
		font-weight : 800;
		color : var( --green );
		text-align : center;
		&::after{
			display : block;
			margin-inline : auto;
			font-size : 0;
			content : "";
			background-color : var( --yellow );
		}
	}
	.lede{
		font-weight : 700;
		text-align : center;
	}
	.list01{
		display : grid;
		li{
			display : grid;
			grid-template-rows : subgrid;
			grid-row : span 2;
			background-color : var( --lightGreen );
		}
		picture{
			align-self : center;
			width : 100%;
			img{
				width : 100%;
				height : 100%;
				object-fit : contain;
			}
		}
		span{
			align-self : center;
			font-weight : 700;
			color : var( --green );
			text-align : center;
		}
	}
	.list02{
		border-top : solid 1px var( --green );
	}
	@media screen and ( width <= 768px ){
		padding-block : calc( 40 * var( --remBase ) );
		.box{
			width : calc( 340 * var( --viewportBase ) );
			padding-top : calc( 22 * var( --remBase ) );
			padding-bottom : calc( 17 * var( --remBase ) );
		}
		h2{
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 30 / 24 );
			&::after{
				width : calc( 34 * 100% / 340 );
				height : calc( 3 * var( --remBase ) );
				margin-top : calc( 11 * var( --remBase ) );
			}
		}
		.lede{
			margin-top : calc( 37 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 20 / 16 );
		}
		.list01{
			grid-template-columns : repeat( 3 , calc( 103 * 100% / 340 ) );
			row-gap : calc( 11 * var( --remBase ) );
			column-gap : calc( 6 * 100% / 340 );
			justify-content : center;
			margin-top : calc( 23 * var( --remBase ) );
			li{
				row-gap : calc( 7 * var( --remBase ) );
				padding-inline : calc( 5 * 100% / 103 );
				padding-top : calc( 7 * var( --remBase ) );
				padding-bottom : calc( 6 * var( --remBase ) );
				border-radius : calc( 6 * var( --remBase ) );
			}
			picture{
				height : calc( 75 * var( --remBase ) );
			}
			span{
				font-size : calc( 12 * var( --remBase ) );
			}
		}
		.list02{
			width : calc( 315 * 100% / 340 );
			padding-top : calc( 14 * var( --remBase ) );
			margin-inline : auto;
			margin-top : calc( 15 * var( --remBase ) );
			li{
				font-size : calc( 10 * var( --remBase ) );
				line-height : calc( 14 / 10 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 56 * var( --remBase ) );
		padding-bottom : calc( 64 * var( --remBase ) );
		.box{
			width : calc( 1024 * var( --viewportBase ) );
			padding-block : calc( 24 * var( --remBase ) );
		}
		h2{
			font-size : calc( 44 * var( --remBase ) );
			line-height : calc( 65 / 44 );
			&::after{
				width : calc( 94 * 100% / 1024 );
				height : calc( 6 * var( --remBase ) );
				margin-top : calc( 33 * var( --remBase ) );
			}
		}
		.lede{
			margin-top : calc( 34 * var( --remBase ) );
			font-size : calc( 26 * var( --remBase ) );
		}
		.list01{
			grid-template-columns : repeat( 6 , calc( 156 * 100% / 1024 ) );
			column-gap : calc( 8 * 100% / 1024 );
			justify-content : center;
			margin-top : calc( 34 * var( --remBase ) );
			li{
				row-gap : calc( 10 * var( --remBase ) );
				padding-inline : calc( 7 * 100% / 156 );
				padding-top : calc( 11 * var( --remBase ) );
				padding-bottom : calc( 6 * var( --remBase ) );
				border-radius : calc( 6 * var( --remBase ) );
			}
			picture{
				height : calc( 112 * var( --remBase ) );
			}
			span{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 20 / 18 );
			}
		}
		.list02{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : space-evenly;
			width : calc( 980 * 100% / 1024 );
			padding-top : calc( 14 * var( --remBase ) );
			margin-top : calc( 37 * var( --remBase ) );
			margin-left : calc( 35 * 100% / 1024 );
			li{
				font-size : calc( 14 * var( --remBase ) );
			}
		}
	}
}
#safeSupport{
	position : relative;
	&::after{
		position : absolute;
		display : block;
		width : auto;
		font-size : 0;
		content : "";
		background-repeat : no-repeat;
		background-position : 0 0;
		background-size : contain;
	}
	h3{
		font-weight : 700;
		color : var( --red );
	}
	p{
		font-weight : 700;
	}
	@media screen and ( width <= 768px ){
		padding-left : calc( 12 * 100% / 340 );
		margin-top : calc( 32 * var( --remBase ) );
		&::after{
			top : calc( -14 * var( --remBase ) );
			left : calc( 211 * 100% / 340 );
			height : calc( 134 * var( --remBase ) );
			aspect-ratio : 117 / 134;
			background-image : url( "../images/ihinseiri/prefecture/safe/bg_sp.webp" );
		}
		h3{
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 20 / 14 );
		}
		p{
			margin-top : calc( 9 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 20 / 12 );
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 784 * 100% / 1024 );
		padding-top : calc( 18 * var( --remBase ) );
		padding-bottom : calc( 25 * var( --remBase ) );
		padding-left : calc( 23 * 100% / 1024 );
		margin-top : calc( 49 * var( --remBase ) );
		margin-left : calc( 56 * 100% / 1024 );
		background-color : white;
		border-radius : calc( 40 * var( --remBase ) );
		outline : solid 1px #e8e8e8;
		outline-offset : -1px;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
		&::after{
			top : calc( -35 * var( --remBase ) );
			left : calc( 720 * 100% / 784 );
			height : calc( 213 * var( --remBase ) );
			aspect-ratio : 219/213;
			background-image : url( "../images/ihinseiri/prefecture/safe/bg_pc.webp" );
		}
		h3{
			font-size : calc( 26 * var( --remBase ) );
			line-height : calc( 36 / 26 );
		}
		p{
			margin-top : calc( 16 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 24 / 20 );
		}
	}
}

/* --------------------------------------------
PRICE
--------------------------------------------- */
#price{
	h2{
		> span{
			display : block;
			text-align : center;
			&:nth-of-type( 1 ){
				position : relative;
				align-content : center;
				margin-inline : auto;
				font-weight : 700;
				border-radius : 100vmax;
				&::after{
					position : absolute;
					top : 100%;
					left : 50%;
					font-size : 0;
					content : "";
					translate : -50% 0;
				}
			}
			&:nth-of-type( 2 ){
				font-weight : 800;
			}
			&:nth-of-type( 3 ){
				font-weight : 800;
			}
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 41 * var( --remBase ) );
		padding-bottom : calc( 40 * var( --remBase ) );
		h2{
			> span{
				&:nth-of-type( 1 ){
					width : calc( 108 * var( --viewportBase ) );
					height : calc( 26 * var( --remBase ) );
					font-size : calc( 16 * var( --remBase ) );
					color : white;
					background-color : var( --green );
					&::after{
						width : calc( 2 * 100% / 108 );
						height : calc( 12 * var( --remBase ) );
						background-color : var( --green );
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 17 * var( --remBase ) );
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
					color : var( --green );
				}
				&:nth-of-type( 3 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
					color : var( --green );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 64 * var( --remBase ) );
		h2{
			padding-block : calc( 52 * var( --remBase ) );
			background-color : var( --green );
			> span{
				&:nth-of-type( 1 ){
					width : calc( 190 * var( --viewportBase ) );
					height : calc( 62 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					color : var( --green );
					background-color : white;
					&::after{
						width : calc( 3 * 100% / 190 );
						height : calc( 12 * var( --remBase ) );
						background-color : white;
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 40 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
					color : white;
				}
				&:nth-of-type( 3 ){
					margin-top : calc( 2 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
					color : var( --yellow );
				}
			}
		}
	}
}
#priceLedes{
	> p{
		margin-inline : auto;
		color : #3e3e3e;
		&:nth-of-type( 1 ){
			font-weight : 700;
		}
		&:nth-of-type( 2 ){
			position : relative;
			margin-inline : auto;
			font-weight : 800;
			background-color : #fffff9;
			outline : solid calc( 2 * var( --remBase ) ) #d9d9d9;
			outline-offset : calc( -2 * var( --remBase ) );
			&::after{
				position : absolute;
				bottom : 0;
				display : block;
				width : auto;
				font-size : 0;
				content : "";
				background-repeat : no-repeat;
				background-position : 0 0;
				background-size : contain;
			}
			em{
				color : var( --red );
			}
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 28 * var( --remBase ) );
		p{
			width : calc( 346 * var( --viewportBase ) );
		}
		> p:nth-of-type( 1 ){
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		> p:nth-of-type( 2 ){
			padding-block : calc( 12 * var( --remBase ) );
			padding-left : calc( 14 * var( --viewportBase ) );
			padding-right : calc( 69 * var( --viewportBase ) );
			margin-top : calc( 27 * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : calc( 23 / 15 );
			border-radius : calc( 12 * var( --remBase ) );
			&::after{
				right : calc( 7 * 100% / 346 );
				height : calc( 111 * var( --remBase ) );
				aspect-ratio : 71/111;
				background-image : url( "../images/ihinseiri/prefecture/price/bg_lede_sp.webp" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		margin-top : calc( 72 * var( --remBase ) );
		p{
			width : calc( 984 * var( --viewportBase ) );
			padding-left : calc( 45 * var( --viewportBase ) );
		}
		> p:nth-of-type( 1 ){
			padding-right : calc( 45 * var( --viewportBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
		}
		> p:nth-of-type( 2 ){
			width : calc( 984 * var( --viewportBase ) );
			padding-block : calc( 20 * var( --remBase ) );
			margin-top : calc( 35 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 33 / 22 );
			border-radius : calc( 12 * var( --remBase ) );
			&::after{
				right : calc( 38 * 100% / 984 );
				height : calc( 147 * var( --remBase ) );
				aspect-ratio : 94/147;
				background-image : url( "../images/ihinseiri/prefecture/price/bg_lede_pc.webp" );
			}
		}
	}
}
#pricePlan{
	margin-inline : auto;
	background-color : var( --green );
	border-radius : calc( 12 * var( --remBase ) );
	h3{
		display : block;
		align-content : center;
		margin-inline : auto;
		font-weight : 800;
		color : white;
		text-align : center;
		border-radius : calc( 5 * var( --remBase ) );
		outline : solid 1px white;
		outline-offset : -1px;
	}
	.plans{
		display : grid;
		> li{
			background-color : white;
		}
	}
	h4{
		font-size : calc( 20 * var( --remBase ) );
		font-weight : 800;
		line-height : calc( 30 / 20 );
		text-align : center;
		border-bottom : solid calc( 3 * var( --remBase ) ) var( --green );
	}
	.lede{
		font-weight : 700;
		color : #3e3e3e;
		strong{
			font-weight : 700;
			color : var( --red );
		}
	}
	@media screen and ( width <= 768px ){
		width : calc( 340 * var( --viewportBase ) );
		padding-inline : calc( 12.5 * var( --viewportBase ) );
		padding-top : calc( 24 * var( --remBase ) );
		padding-bottom : calc( 34 * var( --remBase ) );
		margin-top : calc( 26 * var( --remBase ) );
		h3{
			width : calc( 200 * 100%  / 315 );
			height : calc( 50 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
		}
		.controller{
			display : grid;
			grid-template-columns : repeat( 3 , calc( 100 * 100% / 315 ) );
			grid-auto-rows : calc( 39 * var( --remBase ) );
			justify-content : space-between;
			margin-top : calc( 36 * var( --remBase ) );
			li{
				width : 100%;
				height : 100%;
			}
			button{
				display : block;
				align-content : center;
				width : 100%;
				height : 100%;
				font-size : calc( 14 * var( --remBase ) );
				font-weight : 800;
				line-height : calc( 15 / 14 );
				border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
				&[aria-selected="true"]{
					color : #3e3e3e;
					background-color : white;
				}
				&[aria-selected="false"]{
					color : var( --green );
					background-color : #d9d9d9;
				}
			}
		}
		.plans{
			grid-template-columns : 100%;
			> li{
				grid-row : 1;
				grid-column : 1;
				padding-inline : calc( 12 * 100% / 315 );
				padding-top : calc( 17 * var( --remBase ) );
				border-radius : 0 0 calc( 12 * var( --remBase ) ) calc( 12 * var( --remBase ) );
				&[hidden]{
					display : none;
				}
			}
		}
		h4{
			padding-bottom : calc( 14 * var( --remBase ) );
		}
		.lede{
			align-self : center;
			margin-top : calc( 19 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		ul ul , .box{
			margin-top : calc( 16 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1030 * var( --viewportBase ) );
		padding-inline : calc( 30 * var( --viewportBase ) );
		padding-top : calc( 38 * var( --remBase ) );
		padding-bottom : calc( 60 * var( --remBase ) );
		margin-top : calc( 68 * var( --remBase ) );
		h3{
			width : calc( 300 * 100%  / 970 );
			height : calc( 56 * var( --remBase ) );
			font-size : calc( 30 * var( --remBase ) );
		}
		.plans{
			grid-template-columns : repeat( 3 , calc( 315 * 100% / 970 ) );
			justify-content : space-between;
			margin-top : calc( 66 * var( --remBase ) );
			> li{
				position : relative;
				display : grid;
				grid-template-rows : subgrid;
				grid-row : span 3;
				padding-inline : calc( 12 * 100% / 315 );
				padding-top : calc( 24 * var( --remBase ) );
				border-radius : calc( 12 * var( --remBase ) );
			}
		}
		.recommend{
			position : absolute;
			bottom : 100%;
			left : 50%;
			display : block;
			align-content : end;
			width : calc( 163 * 100% / 315 );
			height : calc( 33 * var( --remBase ) );
			padding-bottom : calc( 4 * var( --remBase ) );
			font-size : calc( 17 * var( --remBase ) );
			font-weight : 800;
			color : var( --red );
			text-align : center;
			background-color : var( --yellow );
			border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
			translate : -50% 0;
		}
		h4{
			padding-bottom : calc( 20 * var( --remBase ) );
		}
		.lede{
			align-self : center;
			margin-top : calc( 21 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 27 / 18 );
		}
		ul ul , .box{
			margin-top : calc( 44 * var( --remBase ) );
		}
	}
}
#pricePlan01{
	li{
		filter : drop-shadow( calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
	}
	picture{
		text-align : center;
	}
	img{
		height : calc( 150 * var( --remBase ) );
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 22 * var( --remBase ) );
		li + li{
			margin-top : calc( 7 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 17 * var( --remBase ) );
		li + li{
			margin-top : calc( 8 * var( --remBase ) );
		}
	}
}
#pricePlan02 , #pricePlan03{
	picture{
		text-align : center;
		img{
			filter : drop-shadow( calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
		}
	}
	.more{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
		font-weight : 800;
		&::before , &::after{
			display : block;
			width : auto;
			aspect-ratio : 15 / 19;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		&::before{
			grid-column : 1;
			background-image : url( "../images/ihinseiri/prefecture/price/plan/parts01.svg" );
		}
		&::after{
			grid-column : 3;
			background-image : url( "../images/ihinseiri/prefecture/price/plan/parts02.svg" );
		}
	}
	.note{
		color : #616161;
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 19 * var( --remBase ) );
		.more{
			column-gap : calc( 17 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 24 / 16 );
			&::before , &::after{
				height : calc( 16 * var( --remBase ) );
			}
		}
		.note{
			padding-left : calc( 4 * 100% / 315 );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 15 / 10 );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 7 * var( --remBase ) );
		.more{
			column-gap : calc( 10 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 30 / 20 );
			&::before , &::after{
				height : calc( 17.83 * var( --remBase ) );
			}
		}
		.note{
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
	}
}
#pricePlan02{
	@media screen and ( width <= 768px ){
		picture{
			&:nth-of-type( 1 ){
				img{
					height : calc( 120 * var( --remBase ) );
				}
			}
			&:nth-of-type( 2 ){
				img{
					height : calc( 88 * var( --remBase ) );
				}
			}
		}
		.more{
			margin-top : calc( 15 * var( --remBase ) );
			margin-bottom : calc( 8 * var( --remBase ) );
		}
		.note{
			margin-top : calc( 12 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		picture{
			&:nth-of-type( 1 ){
				img{
					height : calc( 138 * var( --remBase ) );
				}
			}
			&:nth-of-type( 2 ){
				img{
					height : calc( 94 * var( --remBase ) );
				}
			}
		}
		.more{
			margin-top : calc( 6 * var( --remBase ) );
			margin-bottom : calc( 10 * var( --remBase ) );
		}
		.note{
			margin-top : calc( 18 * var( --remBase ) );
		}
	}
}
#pricePlan03{
	@media screen and ( width <= 768px ){
		picture{
			&:nth-of-type( 1 ){
				img{
					height : calc( 120 * var( --remBase ) );
				}
			}
			&:nth-of-type( 2 ){
				img{
					height : calc( 88 * var( --remBase ) );
				}
			}
		}
		.more{
			margin-top : calc( 13 * var( --remBase ) );
			margin-bottom : calc( 8 * var( --remBase ) );
		}
		.note{
			margin-top : calc( 12 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		picture{
			&:nth-of-type( 1 ){
				img{
					height : calc( 134.54 * var( --remBase ) );
				}
			}
			&:nth-of-type( 2 ){
				img{
					height : calc( 94 * var( --remBase ) );
				}
			}
		}
		.more{
			margin-top : calc( 11 * var( --remBase ) );
			margin-bottom : calc( 10 * var( --remBase ) );
		}
		.note{
			margin-top : calc( 18 * var( --remBase ) );
		}
	}
}
#priceCosts{
	margin-inline : auto;
	h3{
		font-weight : 800;
		color : var( --green );
		text-align : center;
	}
	table{
		display : block;
	}
	thead , tbody{
		display : block;
	}
	tr{
		display : grid;
		justify-content : space-between;
	}
	th , td{
		display : block;
		align-content : center;
		width : 100%;
		height : 100%;
		font-weight : 700;
		text-align : center;
		border-inline : solid calc( 2 * var( --remBase ) ) var( --green );
	}
	thead{
		tr:nth-of-type( 1 ) , tr:nth-of-type( 3 ){
			overflow : hidden;
		}
		th{
			color : white;
			background-color : var( --green );
		}
	}
	tbody{
		th , td{
			background-color : white;
			border-bottom : solid calc( 2 * var( --remBase ) ) var( --green );
		}
	}
	.notes{
		li{
			display : grid;
			grid-template-columns : auto 1fr;
			align-items : start;
		}
	}
	> dl{
		display : grid;
		justify-content : space-between;
		> div{
			background-color : #ffe;
			background-repeat : no-repeat;
			background-position : center;
			outline : solid calc( 2 * var( --remBase ) ) var( --green );
			outline-offset : calc( -2 * var( --remBase ) );
			> dt{
				align-content : center;
				margin-inline : auto;
				font-weight : 800;
				color : var( --green );
				text-align : center;
				background-color : white;
				outline : solid 1px var( --green );
				outline-offset : -1px;
			}
			> dd{
				margin-inline : auto;
			}
			> dd:nth-of-type( 1 ){
				display : grid;
				grid-auto-flow : column;
				align-items : baseline;
				justify-content : start;
				width : fit-content;
				font-family : Barlow , sans-serif;
				font-weight : 700;
				color : var( --red );
				text-decoration : underline solid var( --yellow );
				text-decoration-skip-ink : none;
				span{
					font-family : var( --fontFamily );
				}
			}
		}
		dl{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : space-between;
			height : 100%;
			font-weight : 700;
			color : white;
			background-color : var( --green );
		}
	}
	@media screen and ( width <= 768px ){
		width : calc( 358 * var( --viewportBase ) );
		margin-top : calc( 40 * var( --remBase ) );
		h3{
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 36 / 24 );
		}
		table{
			margin-top : calc( 27 * var( --remBase ) );
		}
		tr{
			grid-template-columns : repeat( 3 , calc( 117 * 100% / 358 ) );
		}
		thead{
			tr{
				grid-auto-rows : calc( 55 * var( --remBase ) );
				border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
			}
			th{
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 20 / 16 );
			}
		}
		tbody{
			tr{
				grid-auto-rows : calc( 34 * var( --remBase ) );
			}
			th{
				font-size : calc( 14 * var( --remBase ) );
			}
			td{
				font-size : calc( 14 * var( --remBase ) );
			}
		}
		.notes{
			margin-top : calc( 14 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 15 / 10 );
		}
		> dl{
			grid-template-columns : repeat( 2 , calc( 160 * 100% / 334 ) );
			row-gap : calc( 14 * var( --remBase ) );
			width : calc( 334 * 100% / 358 );
			margin-inline : auto;
			margin-top : calc( 14 * var( --remBase ) );
			> div{
				padding-top : calc( 10 * var( --remBase ) );
				padding-bottom : calc( 8 * var( --remBase ) );
				background-position : center calc( 43 * var( --remBase ) );
				background-size : auto calc( 69 * var( --remBase ) );
				border-radius : calc( 15 * var( --remBase ) );
				&:nth-of-type( 1 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/1k_sp.webp" );
				}
				&:nth-of-type( 2 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/2dk_sp.webp" );
				}
				&:nth-of-type( 3 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/3dk_sp.webp" );
				}
				&:nth-of-type( 4 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/house_sp.webp" );
				}
				> dt{
					width : calc( 112 * 100% / 160 );
					height : calc( 27 * var( --remBase ) );
					font-size : calc( 18 * var( --remBase ) );
					border-radius : calc( 10 * var( --remBase ) );
				}
				> dd:nth-of-type( 1 ){
					margin-top : calc( 78 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 38 / 30 );
					text-decoration-thickness : calc( 4 * var( --remBase ) );
					span{
						font-size : calc( 12 * var( --remBase ) );
						line-height : calc( 15 / 12 );
					}
				}
				> dd:nth-of-type( 2 ){
					width : calc( 108 * 100% / 160 );
					height : calc( 18 * var( --remBase ) );
					margin-top : calc( 7 * var( --remBase ) );
				}
				dl{
					padding-inline : calc( 17 * 100% / 108 );
					font-size : calc( 12 * var( --remBase ) );
					border-radius : calc( 3 * var( --remBase ) );
				}
			}
		}
		.note{
			margin-top : calc( 11 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 15 / 10 );
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1030 * var( --viewportBase ) );
		margin-top : calc( 50 * var( --remBase ) );
		h3{
			font-size : calc( 30 * var( --remBase ) );
			line-height : calc( 45 / 30 );
		}
		table{
			margin-top : calc( 36 * var( --remBase ) );
		}
		tr{
			grid-template-columns : repeat( 3 , calc( 338 * 100% / 1030 ) );
		}
		thead{
			tr{
				grid-auto-rows : calc( 78 * var( --remBase ) );
				border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
			}
			th{
				font-size : calc( 22 * var( --remBase ) );
				line-height : calc( 26 / 22 );
			}
		}
		tbody{
			tr{
				grid-auto-rows : calc( 48 * var( --remBase ) );
			}
			th{
				font-size : calc( 22 * var( --remBase ) );
			}
			td{
				font-size : calc( 20 * var( --remBase ) );
			}
		}
		.notes{
			margin-top : calc( 20 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		> dl{
			grid-template-columns : repeat( 4 , calc( 240 * 100% / 1020 ) );
			width : calc( 1020 * 100% / 1030 );
			margin-inline : auto;
			margin-top : calc( 28 * var( --remBase ) );
			> div{
				padding-top : calc( 15 * var( --remBase ) );
				padding-bottom : calc( 12 * var( --remBase ) );
				background-position : center calc( 69 * var( --remBase ) );
				background-size : auto calc( 104 * var( --remBase ) );
				border-radius : calc( 15 * var( --remBase ) );
				&:nth-of-type( 1 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/1k_pc.webp" );
				}
				&:nth-of-type( 2 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/2dk_pc.webp" );
				}
				&:nth-of-type( 3 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/3dk_pc.webp" );
				}
				&:nth-of-type( 4 ){
					background-image : url( "../images/ihinseiri/prefecture/price/plan/house_pc.webp" );
				}
				> dt{
					width : calc( 166 * 100% / 240 );
					height : calc( 40 * var( --remBase ) );
					font-size : calc( 22 * var( --remBase ) );
					border-radius : calc( 10 * var( --remBase ) );
				}
				> dd:nth-of-type( 1 ){
					margin-top : calc( 119 * var( --remBase ) );
					font-size : calc( 40 * var( --remBase ) );
					line-height : calc( 51 / 40 );
					text-decoration-thickness : calc( 6 * var( --remBase ) );
					span{
						font-size : calc( 20 * var( --remBase ) );
						line-height : calc( 26 / 20 );
					}
				}
				> dd:nth-of-type( 2 ){
					width : calc( 162 * 100% / 240 );
					height : calc( 28 * var( --remBase ) );
					margin-top : calc( 10 * var( --remBase ) );
				}
				dl{
					padding-inline : calc( 26 * 100% / 162 );
					font-size : calc( 18 * var( --remBase ) );
					border-radius : calc( 3 * var( --remBase ) );
				}
			}
		}
		.note{
			margin-top : calc( 14 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
	}
}
#priceServices{
	h3{
		align-content : center;
		margin-inline : auto;
		font-weight : 700;
		text-align : center;
		background-color : var( --lightGreen );
		border-radius : calc( 4 * var( --remBase ) );
		outline : solid 1px var( --green );
		outline-offset : -1px;
	}
	ul{
		display : grid;
		justify-content : space-between;
		margin-inline : auto;
	}
	li{
		font-weight : 700;
		color : var( --green );
		text-align : center;
		&::before{
			display : block;
			width : auto;
			aspect-ratio : 1;
			margin-inline : auto;
			content : "";
			background-repeat : no-repeat;
			background-position : center;
			background-size : contain;
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 30 * var( --remBase ) );
		h3{
			width : calc( 330 * var( --viewportBase ) );
			height : calc( 34 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
		}
		ul{
			grid-template-columns : repeat( 3 , calc( 96 * 100% / 330 ) );
			row-gap : calc( 15 * var( --remBase ) );
			width : calc( 330 * var( --viewportBase ) );
			margin-top : calc( 15 * var( --remBase ) );
		}
		li{
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 14 / 12 );
			&::before{
				height : calc( 96 * var( --remBase ) );
				margin-bottom : calc( 7 * var( --remBase ) );
			}
			&:nth-child( 1 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img01_sp.webp" );
			}
			&:nth-child( 2 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img02_sp.webp" );
			}
			&:nth-child( 3 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img03_sp.webp" );
			}
			&:nth-child( 4 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img04_sp.webp" );
			}
			&:nth-child( 5 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img05_sp.webp" );
			}
			&:nth-child( 6 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img06_sp.webp" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		margin-top : calc( 60 * var( --remBase ) );
		h3{
			width : calc( 672 * var( --viewportBase ) );
			height : calc( 54 * var( --remBase ) );
			font-size : calc( 26 * var( --remBase ) );
		}
		ul{
			grid-template-columns : repeat( 6 , calc( 142 * 100% / 1000 ) );
			width : calc( 1000 * var( --viewportBase ) );
			margin-top : calc( 30 * var( --remBase ) );
		}
		li{
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 24 / 20 );
			&::before{
				height : calc( 142 * var( --remBase ) );
				margin-bottom : calc( 12 * var( --remBase ) );
			}
			&:nth-child( 1 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img01_pc.webp" );
			}
			&:nth-child( 2 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img02_pc.webp" );
			}
			&:nth-child( 3 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img03_pc.webp" );
			}
			&:nth-child( 4 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img04_pc.webp" );
			}
			&:nth-child( 5 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img05_pc.webp" );
			}
			&:nth-child( 6 )::before{
				background-image : url( "../images/ihinseiri/prefecture/price/service/img06_pc.webp" );
			}
		}
	}
}
#priceEstimate{
	margin-inline : auto;
	h3{
		font-weight : 800;
		color : #616161;
		text-align : center;
	}
	ul{
		margin-inline : auto;
		font-size : 0;
		background-color : #f5f5f5;
	}
	li{
		display : inline;
		&:not( :last-child )::after{
			white-space : pre;
			content : " ／ ";
		}
	}
	.link01{
		margin-inline : auto;
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 32 * var( --remBase ) );
		&::before{
			display : block;
			width : calc( 288 * var( --viewportBase ) );
			height : 0;
			margin-inline : auto;
			content : "";
			border-top : dashed calc( 2 * var( --remBase ) ) var( --green );
		}
		h3{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 24 / 16 );
		}
		ul{
			width : calc( 354 * var( --viewportBase ) );
			padding-block : calc( 16 * var( --remBase ) );
			padding-inline : calc( 8 * var( --viewportBase ) );
			margin-top : calc( 14 * var( --remBase ) );
		}
		li{
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 18  / 12 );
		}
		.link01{
			width : calc( 228 * var( --viewportBase ) );
			margin-top : calc( 30 * var( --remBase ) );
			&::after{
				right : calc( 17.5 * 100% / 228 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 998 * var( --viewportBase ) );
		padding-top : calc( 38 * var( --remBase ) );
		margin-top : calc( 52 * var( --remBase ) );
		border-top : dashed calc( 2 * var( --remBase ) ) var( --green );
		h3{
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 36 / 24 );
		}
		ul{
			width : calc( 946 * 100% / 998 );
			padding-block : calc( 20 * var( --remBase ) );
			padding-inline : calc( 20 * 100% / 998 );
			margin-top : calc( 16 * var( --remBase ) );
		}
		li{
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 27  / 18 );
		}
		.link01{
			width : calc( 450 * 100% / 998 );
			margin-top : calc( 64 * var( --remBase ) );
			&::after{
				right : calc( 25 * 100% / 450 );
			}
		}
	}
}
#pricePoints{
	margin-inline : auto;
	h3{
		align-content : center;
		text-align : center;
		background-color : var( --lightGreen );
		outline : solid 1px var( --green );
		outline-offset : -1px;
		box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 1 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	.lede{
		font-weight : 700;
	}
	summary{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : space-between;
		font-weight : 700;
		border-bottom : solid 1px #f5f5f5;
		&::after{
			display : block;
			width : auto;
			aspect-ratio : 1;
			font-size : 0;
			content : "";
			background : url( "../images/ihinseiri/prefecture/price/points/parts.svg" ) left top / contain no-repeat;
		}
	}
	details[open] summary::after{
		rotate : -180deg;
	}
	.detailContent{
		li{
			display : grid;
			grid-template-columns : auto 1fr;
			align-items : start;
			font-weight : 800;
			color : var( --green );
			&::before{
				display : block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../images/ihinseiri/prefecture/price/points/check.svg" ) left top / contain no-repeat;
			}
		}
		p{
			color : #3e3e3e;
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 26 * var( --remBase ) );
		h3{
			height : calc( 75 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
		}
		.lede{
			padding-inline : calc( 19 * var( --viewportBase ) );
			margin-top : calc( 27 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		> ul{
			width : calc( 335 * var( --viewportBase ) );
			margin-inline : auto;
			margin-top : calc( ( 34 - 7 ) * var( --remBase ) );
			> li + li{
				margin-top : calc( 10 * var( --remBase ) );
			}
		}
		summary{
			padding-block : calc( 7 * var( --remBase ) );
			padding-right : calc( 7 * 100% / 335 );
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 27 / 18 );
			&::after{
				height : calc( 27 * var( --remBase ) );
			}
		}
		.detailContent{
			padding-top : calc( 24 * var( --remBase ) );
			p , li{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 21 / 14 );
			}
			p + ul , ul + p{
				margin-top : calc( 26 * var( --remBase ) );
			}
			li{
				+ li{
					margin-top : calc( 15 * var( --remBase ) );
				}
				column-gap : calc( 8 * 100% / 335 );
				&::before{
					height : calc( 16 * var( --remBase ) );
					margin-top : calc( 2.5 * var( --remBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1040 * var( --viewportBase ) );
		margin-top : calc( 76 * var( --remBase ) );
		h3{
			height : calc( 76 * var( --remBase ) );
			font-size : calc( 26 * var( --remBase ) );
		}
		.lede{
			margin-top : calc( 38 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 33 / 22 );
		}
		> ul{
			display : grid;
			grid-template-columns : repeat( 3 , calc( 326 * 100% / 1040 ) );
			align-items : start;
			justify-content : space-between;
			margin-top : calc( ( 70 - 8 ) * var( --remBase ) );
		}
		summary{
			padding-block : calc( 8 * var( --remBase ) );
			padding-right : calc( 6 * 100% / 326 );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 30 / 20 );
			&::after{
				height : calc( 28 * var( --remBase ) );
			}
		}
		.detailContent{
			padding-top : calc( 16 * var( --remBase ) );
			p , li{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 27 / 18 );
			}
			p + ul , ul + p{
				margin-top : calc( 27 * var( --remBase ) );
			}
			li{
				+ li{
					margin-top : calc( 10 * var( --remBase ) );
				}
				column-gap : calc( 8 * 100% / 326 );
				&::before{
					height : calc( 20 * var( --remBase ) );
					margin-top : calc( 3.5 * var( --remBase ) );
				}
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#pricePoints summary::after{
		transition : rotate var( --transitionBase );
	}
	#pricePoints details::details-content{
		transition : height var( --transitionBase ) , content-visibility var( --transitionBase ) allow-discrete;
	}
}

/* --------------------------------------------
PAYMENT
--------------------------------------------- */
#payments{
	background-color : var( --lightGreen );
	&::after{
		display : block;
		width : fit-content;
		aspect-ratio : 222/44;
		margin-inline : auto;
		font-size : 0;
		content : "";
	}
	hgroup{
		font-weight : 800;
		text-align : center;
		p{
			color : var( --green );
		}
		h2{
			color : #3e3e3e;
		}
	}
	dt{
		position : relative;
		z-index : 1;
		align-content : center;
		margin-inline : auto;
		font-weight : 800;
		color : white;
		text-align : center;
		background-color : var( --green );
		border-radius : 100vmax;
	}
	ul{
		background-color : white;
		box-shadow : 0 calc( 1 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	.list01{
		position : relative;
		&::before{
			position : absolute;
			bottom : 100%;
			display : block;
			width : auto;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( ( 36 + 49 ) * var( --remBase ) );
		&::after{
			height : calc( 44 * var( --remBase ) );
			margin-top : calc( 12 * var( --remBase ) );
			background : url( "../images/ihinseiri/prefecture/payments/bg02_sp.webp" ) left top / contain no-repeat;
		}
		hgroup{
			p{
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
			}
			h2{
				margin-top : calc( 12 * var( --remBase ) );
				font-size : calc( 20 * var( --remBase ) );
				line-height : calc( 30 / 20 );
			}
		}
		dl{
			width : calc( 338 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 22 * var( --remBase ) );
		}
		dt{
			width : calc( 238 * 100% / 338 );
			height : calc( 24 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
		}
		dd{
			margin-top : calc( -12 * var( --remBase ) );
		}
		ul{
			display : flex;
			flex-wrap : wrap;
			justify-content : center;
			border-radius : calc( 12 * var( --remBase ) );
		}
		.list01{
			column-gap : calc( 36 * 100% / 338 );
			column-gap : calc( 11 * 100% / 338 );
			padding-top : calc( 22 * var( --remBase ) );
			padding-bottom : calc( 13 * var( --remBase ) );
			&::before{
				right : calc( -1 * 100% / 338 );
				height : calc( 106 * var( --remBase ) );
				aspect-ratio : 85/106;
				background-image : url( "../images/ihinseiri/prefecture/payments/bg_sp.webp" );
			}
			li:nth-child( 1 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
			li:nth-child( 4 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
			li:nth-child( n + 5 ){
				margin-inline : calc( 4.5 * var( --remBase ) );
			}
			li:nth-child( 5 ){
				img{
					height : calc( 70 * var( --remBase ) );
				}
			}
			li:nth-child( 6 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
			li:nth-child( 7 ){
				img{
					height : calc( 69 * var( --remBase ) );
				}
			}
		}
		dd + dt{
			margin-top : calc( 36 * var( --remBase ) );
		}
		.list02{
			column-gap : calc( 22 * 100% / 338 );
			padding-block : calc( 13 * var( --remBase ) );
			li:nth-child( 1 ){
				img{
					height : calc( 75 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				img{
					height : calc( 77 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				img{
					height : calc( 76 * var( --remBase ) );
				}
			}
			li:nth-child( n+4 ){
				margin-top : calc( -12 * var( --remBase ) );
			}
			li:nth-child( 4 ){
				img{
					height : calc( 66 * var( --remBase ) );
				}
			}
			li:nth-child( 5 ){
				img{
					height : calc( 70 * var( --remBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 80 * var( --remBase ) );
		padding-bottom : calc( ( 10 + 19 + 334 ) * var( --remBase ) );
		&::after{
			height : calc( 74 * var( --remBase ) );
			aspect-ratio : 368/74;
			margin-top : calc( 19 * var( --remBase ) );
			background : url( "../images/ihinseiri/prefecture/payments/bg02_pc.webp" ) left top / contain no-repeat;
		}
		hgroup{
			p{
				font-size : calc( 30 * var( --remBase ) );
				line-height : calc( 45 / 30 );
			}
			h2{
				margin-top : calc( 18 * var( --remBase ) );
				font-size : calc( 40 * var( --remBase ) );
				line-height : calc( 57 / 40 );
			}
		}
		dl{
			width : calc( 980 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 62 * var( --remBase ) );
		}
		dt{
			width : calc( 690 * 100% / 980 );
			height : calc( 44 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
		}
		dd{
			margin-top : calc( -22 * var( --remBase ) );
		}
		ul{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : center;
			border-radius : calc( 12 * var( --remBase ) );
		}
		.list01{
			column-gap : calc( 36 * 100% / 980 );
			padding-top : calc( 30 * var( --remBase ) );
			padding-bottom : calc( 10 * var( --remBase ) );
			&::before{
				right : calc( 12 * 100% / 980 );
				height : calc( 169 * var( --remBase ) );
				aspect-ratio : 164/169;
				background-image : url( "../images/ihinseiri/prefecture/payments/bg_pc.webp" );
			}
			li:nth-child( 1 ){
				img{
					height : calc( 103 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				img{
					height : calc( 103 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				img{
					height : calc( 103 * var( --remBase ) );
				}
			}
			li:nth-child( 4 ){
				img{
					height : calc( 103 * var( --remBase ) );
				}
			}
			li:nth-child( 5 ){
				img{
					height : calc( 109 * var( --remBase ) );
				}
			}
			li:nth-child( 6 ){
				img{
					height : calc( 109 * var( --remBase ) );
				}
			}
			li:nth-child( 7 ){
				img{
					height : calc( 109 * var( --remBase ) );
				}
			}
		}
		dd + dt{
			margin-top : calc( 32 * var( --remBase ) );
		}
		.list02{
			column-gap : calc( 52 * 100% / 980 );
			padding-top : calc( 36 * var( --remBase ) );
			padding-bottom : calc( 6 * var( --remBase ) );
			li:nth-child( 1 ){
				img{
					height : calc( 78 * var( --remBase ) );
				}
			}
			li:nth-child( 2 ){
				order : 3;
				img{
					height : calc( 111 * var( --remBase ) );
				}
			}
			li:nth-child( 3 ){
				order : 5;
				img{
					height : calc( 70 * var( --remBase ) );
				}
			}
			li:nth-child( 4 ){
				order : 2;
				img{
					height : calc( 111 * var( --remBase ) );
				}
			}
			li:nth-child( 5 ){
				order : 4;
				img{
					height : calc( 111 * var( --remBase ) );
				}
			}
		}
	}
}

/* --------------------------------------------
MERITS
--------------------------------------------- */
#merits{
	position : relative;
	z-index : 0;
	overflow-x : clip;
	&::before{
		position : absolute;
		top : 0;
		left : 0;
		z-index : -1;
		display : block;
		width : 100%;
		clip-path : ellipse( 50% 50% at 50% 50% );
		content : "";
		background-color : white;
	}
	h2{
		font-weight : 800;
		color : var( --green );
		span{
			display : block;
			text-align : center;
		}
	}
	p{
		display : grid;
		grid-template-rows : 1fr auto;
		align-items : center;
		justify-content : center;
		font-weight : 800;
		&::before , &::after{
			display : block;
			grid-row : 1/-1;
			width : auto;
			aspect-ratio : 41 / 122;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		&::before{
			grid-column : 1;
			background-image : url( "../images/ihinseiri/prefecture/merits/bg01.svg" );
		}
		&::after{
			grid-column : 3;
			background-image : url( "../images/ihinseiri/prefecture/merits/bg02.svg" );
		}
		> span{
			grid-column : 2;
			&:nth-of-type( 1 ){
				display : grid;
				grid-row : 1;
				grid-auto-flow : column;
				align-items : baseline;
				justify-content : center;
				em{
					display : grid;
					grid-auto-flow : column;
					align-items : baseline;
					text-decoration : underline solid var( --yellow );
					text-decoration-skip-ink : none;
					> span{
						display : grid;
						grid-auto-flow : column;
						align-items : baseline;
						color : var( --red );
					}
				}
			}
			&:nth-of-type( 2 ){
				display : block;
				grid-row : 2;
				color : var( --red );
				text-align : center;
			}
		}
	}
	ul{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
	}
	li{
		position : relative;
		align-content : center;
		width : auto;
		aspect-ratio : 1;
		font-weight : 800;
		text-align : center;
		border : solid calc( 2 * var( --remBase ) ) #d9d9d9;
		border-radius : 50%;
		em{
			color : var( --green );
		}
		&::before{
			position : absolute;
			left : 50%;
			z-index : 1;
			display : block;
			width : auto;
			aspect-ratio : 1;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : center;
			background-size : contain;
			translate : -50% 0;
		}
	}
	@media screen and ( width <= 768px ){
		min-height : calc( 98 * var( --remBase ) );
		padding-top : calc( 29 * var( --remBase ) );
		margin-top : calc( -49 * var( --remBase ) );
		&::before{
			height : calc( 98 * var( --remBase ) );
		}
		h2{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 9 * var( --remBase ) );
					font-size : calc( 20 * var( --remBase ) );
					line-height : calc( 30 / 20 );
				}
			}
		}
		p{
			column-gap : calc( 12 * var( --contentBase ) );
			justify-content : center;
			margin-top : calc( 71 * var( --remBase ) );
			&::before , &::after{
				height : calc( 63 * var( --remBase ) );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 21 / 18 );
					> em{
						font-size : calc( 20 * var( --remBase ) );
						line-height : calc( 21 / 20 );
						text-decoration-thickness : calc( 9 * var( --remBase ) );
						text-underline-offset : calc( -4 * var( --remBase ) );
						> span{
							font-size : calc( 18 * var( --remBase ) );
							line-height : calc( 21 / 18 );
							span{
								font-size : calc( 40 * var( --remBase ) );
							}
						}
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 9 * var( --remBase ) );
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 21 / 18 );
				}
			}
		}
		ul{
			column-gap : calc( 13 * var( --contentBase ) );
			margin-top : calc( 35 * var( --remBase ) );
		}
		li{
			height : calc( 92 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			&:nth-child( 1 )::before{
				top : calc( -8 * var( --remBase ) );
				height : calc( 26 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/money_sp.webp" );
			}
			&:nth-child( 2 )::before{
				top : calc( -7 * var( --remBase ) );
				height : calc( 24 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/calc_sp.webp" );
			}
			&:nth-child( 3 )::before{
				top : calc( -8 * var( --remBase ) );
				height : calc( 26 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/heart_sp.webp" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		min-height : calc( 668 * var( --remBase ) );
		padding-top : calc( 75 * var( --remBase ) );
		margin-top : calc( -334 * var( --remBase ) );
		&::before{
			height : calc( 668 * var( --remBase ) );
		}
		h2{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 19 * var( --remBase ) );
					font-size : calc( 40 * var( --remBase ) );
					line-height : calc( 57 / 40 );
				}
			}
		}
		p{
			column-gap : calc( 12 * var( --contentBase ) );
			justify-content : center;
			margin-top : calc( 71 * var( --remBase ) );
			&::before , &::after{
				height : calc( 121.05 * var( --remBase ) );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					> em{
						font-size : calc( 40 * var( --remBase ) );
						text-decoration-thickness : calc( 9 * var( --remBase ) );
						text-underline-offset : calc( -1 * var( --remBase ) );
						> span{
							font-size : calc( 30 * var( --remBase ) );
							span{
								font-size : calc( 55 * var( --remBase ) );
							}
						}
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 7 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
				}
			}
		}
		ul{
			column-gap : calc( 30 * var( --contentBase ) );
			margin-top : calc( 88 * var( --remBase ) );
		}
		li{
			height : calc( 202 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 30 / 24 );
			&::before{
				height : calc( 57 * var( --remBase ) );
			}
			&:nth-child( 1 )::before{
				top : calc( -18 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/money_pc.webp" );
			}
			&:nth-child( 2 )::before{
				top : calc( -16 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/calc_pc.webp" );
			}
			&:nth-child( 3 )::before{
				top : calc( -18 * var( --remBase ) );
				background-image : url( "../images/ihinseiri/prefecture/merits/heart_pc.webp" );
			}
		}
	}
}

/* --------------------------------------------
CTA02
--------------------------------------------- */
#cta02{
	@media screen and ( width <= 768px ){
		margin-top : calc( 40 * var( --remBase ) );
	}
	@media print , screen and ( width > 768px ){
		margin-top : calc( 76 * var( --remBase ) );
	}
}

/* --------------------------------------------
PURCHASE
--------------------------------------------- */
#purchase{
	background-color : var( --lightGreen );
	h2{
		>span{
			display : block;
			text-align : center;
		}
	}
	.lede{
		font-weight : 700;
		color : #3e3e3e;
	}
	ul{
		display : grid;
		justify-content : space-between;
	}
	li{
		overflow : hidden;
		background-color : white;
		box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	picture{
		width : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	h3{
		font-weight : 800;
		color : #616161;
	}
	li{
		dl{
			margin-inline : auto;
		}
		dt{
			align-content : center;
			font-weight : 700;
			color : white;
			text-align : center;
			background-color : var( --green );
		}
		dd{
			display : grid;
			grid-auto-flow : column;
			align-items : baseline;
			justify-content : start;
			font-family : Barlow , sans-serif;
			font-weight : 700;
			color : var( --red );
			span{
				font-family : var( --fontFamily );
			}
		}
	}
	>dl{
		margin-inline : auto;
		dt{
			display : block;
			align-content : center;
			font-weight : 700;
			text-align : center;
			background-color : #fff;
			outline : solid 1px #616161;
			outline-offset : -1px;
		}
		dd{
			font-weight : 700;
			color : #3e3e3e;
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 36 * var( --remBase ) );
		margin-top : calc( 40 * var( --remBase ) );
		h2{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
					color : var( --green );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 6 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
				}
			}
		}
		.lede{
			padding-inline : calc( 11 * var( --contentBase ) );
			margin-top : calc( 48 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
		}
		ul{
			grid-template-columns : repeat( 3 , calc( 110 * var( --contentBase ) ) );
			row-gap : calc( 11 * var( --remBase ) );
			margin-top : calc( 54 * var( --remBase ) );
		}
		li{
			padding-bottom : calc( 3 * var( --remBase ) );
			border-radius : calc( 7 * var( --remBase ) );
		}
		picture{
			height : calc( 94 * var( --remBase ) );
		}
		h3{
			padding-left : calc( 6 * 100% / 110 );
			margin-top : calc( 6 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
		}
		li{
			dl{
				width : calc( 98 * 100% / 110 );
				margin-top : calc( -1 * var( --remBase ) );
			}
			dt{
				width : calc( 70 * 100% / 98 );
				height : calc( 14 * var( --remBase ) );
				font-size : calc( 10 * var( --remBase ) );
				border-radius : calc( 5 * var( --remBase ) );
			}
			dd{
				margin-top : calc( -3 * var( --remBase ) );
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 31 / 24 );
				span{
					font-size : calc( 14 * var( --remBase ) );
					line-height : calc( 18 / 14 );
				}
			}
		}
		> dl{
			width : calc( 330 * var( --contentBase ) );
			margin-top : calc( 32 * var( --remBase ) );
			dt{
				height : calc( 34 * var( --remBase ) );
				font-size : calc( 14 * var( --remBase ) );
				line-height : 1.5;
			}
			dd{
				margin-top : calc( 15 * var( --remBase ) );
				font-size : calc( 14 * var( --remBase ) );
				line-height : 1.5;
				+ dt{
					margin-top : calc( 40 * var( --remBase ) );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 72 * var( --remBase ) );
		margin-top : calc( 88 * var( --remBase ) );
		h2{
			padding-top : calc( 43 * var( --remBase ) );
			padding-bottom : calc( 52 * var( --remBase ) );
			border-image-source : linear-gradient( var( --green ) , var( --green ) );
			border-image-slice : 0 fill;
			border-image-outset : 0 100vw 0 100vw;
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
					color : white;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 18 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 57 / 50 );
					color : var( --yellow );
				}
			}
		}
		.lede{
			width : calc( 1010 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 54 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
		}
		ul{
			grid-template-columns : repeat( 3 , calc( 300 * 100% / 948 ) );
			row-gap : calc( 33 * var( --remBase ) );
			width : calc( 948 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 54 * var( --remBase ) );
		}
		li{
			padding-bottom : calc( 19 * var( --remBase ) );
			border-radius : calc( 7 * var( --remBase ) );
		}
		picture{
			height : calc( 186 * var( --remBase ) );
		}
		h3{
			padding-left : calc( 18 * 100% / 300 );
			margin-top : calc( 6 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : 1.5;
		}
		li{
			dl{
				width : calc( 268 * 100% / 300 );
				margin-top : calc( 1 * var( --remBase ) );
			}
			dt{
				width : calc( 132 * 100% / 268 );
				height : calc( 28 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				border-radius : calc( 5 * var( --remBase ) );
			}
			dd{
				margin-top : calc( -8 * var( --remBase ) );
				font-size : calc( 50 * var( --remBase ) );
				line-height : 1.28;
				span{
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 38 / 30 );
				}
			}
		}
		> dl{
			width : calc( 950 * var( --contentBase ) );
			margin-top : calc( 80 * var( --remBase ) );
			dt{
				height : calc( 50 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
				line-height : 1.5;
			}
			dd{
				margin-top : calc( 19 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				line-height : 1.5;
				+ dt{
					margin-top : calc( 14 * var( --remBase ) );
				}
			}
		}
	}
}

/* --------------------------------------------
CASE
--------------------------------------------- */
#case{
	h2{
		position : relative;
		&::before{
			position : absolute;
			display : block;
			width : auto;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		> span{
			display : block;
			text-align : center;
		}
	}
	.lede{
		display : block;
		align-content : center;
		font-weight : 700;
		text-align : center;
		background-color : var( --lightGreen );
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 35 * var( --remBase ) );
		overflow-x : clip;
		h2{
			padding-bottom : calc( 14 * var( --remBase ) );
			&::before{
				bottom : calc( -4 * var( --remBase ) );
				left : 0;
				height : calc( 113 * var( --remBase ) );
				aspect-ratio : 375/113;
				background-image : url( "../images/ihinseiri/prefecture/case/bg_sp.webp" );
			}
			> span{
				color : var( --green );
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : 1.5;
				}
			}
		}
		.lede{
			height : calc( 26 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
		}
		.link01{
			width : calc( 228 * var( --viewportBase ) );
			&::after{
				right : calc( 15 * 100% / 225 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 52 * var( --remBase ) );
		h2{
			height : calc( 211 * var( --remBase ) );
			padding-top : calc( * var( --remBase ) );
			padding-top : calc( 51 * var( --remBase ) );
			border-image-source : linear-gradient( var( --green ) , var( --green ) );
			border-image-slice : 0 fill;
			border-image-outset : 0 100vw 0 100vw;
			&::before{
				bottom : calc( -4 * var( --remBase ) );
				left : calc( 50% - min( 513px , calc( 513 * var( --viewportBase ) ) ) );
				height : calc( 198 * var( --remBase ) );
				aspect-ratio : 999/198;
				background-image : url( "../images/ihinseiri/prefecture/case/bg_pc.webp" );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : 1.5;
					color : white;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 18 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : 1.13;
					color : var( --yellow );
				}
			}
		}
		.lede{
			height : calc( 50 * var( --remBase ) );
			font-size : calc( 26 * var( --remBase ) );
		}
		.link01{
			width : calc( 450 * var( --contentBase ) );
			margin-top : calc( 50 * var( --remBase ) );
			&::after{
				right : calc( 26 * 100% / 450 );
			}
		}
	}
}
#case01{
	> li{
		position : relative;
		counter-increment : no;
		filter : drop-shadow( 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
		border-radius : 0 calc( 5 * var( --remBase ) ) calc( 5 * var( --remBase ) ) calc( 5 * var( --remBase ) );
		&::before , &::after{
			align-content : center;
			width : calc( 123 * 100% / 335 );
			height : calc( 35 * var( --remBase ) );
			font-family : Barlow , sans-serif;
			font-weight : 700;
			line-height : 1;
		}
		&::before{
			display : block;
			padding-left : calc( 21 * 100% / 335 );
			font-size : calc( 22 * var( --remBase ) );
			color : #616161;
			content : "CASE";
			background-color : #f5f5f5;
		}
		&::after{
			position : absolute;
			top : 0;
			left : 0;
			left : calc( 78 * 100% / 335 );
			font-size : calc( 25 * var( --remBase ) );
			color : var( --green );
			content : counter( no , decimal-leading-zero );
		}
	}
	h3{
		font-weight : 800;
		color : white;
		background-color : var( --green );
		border-radius : 0 calc( 5 * var( --remBase ) ) 0 0;
	}
	picture{
		width : 100%;
		overflow : hidden;
		border-radius : 50%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	li > picture{
		height : calc( 167 * var( --remBase ) );
	}
	dl{
		display : grid;
		grid-template-columns : calc( 87 * 100% / 319 ) auto calc( 87 * 100% / 319 ) auto;
		column-gap : calc( 5 * 100% / 319 );
		align-items : center;
		justify-content : start;
		padding-left : calc( 16 * 100% / 335 );
		background-color : white;
	}
	dt , dd{
		font-size : calc( 18 * var( --remBase ) );
	}
	dt{
		display : block;
		align-content : center;
		height : calc( 29 * var( --remBase ) );
		font-weight : 700;
		color : white;
		text-align : center;
		background-color : var( --green );
		border-radius : 0 calc( 5 * var( --remBase ) ) 0 calc( 5 * var( --remBase ) );
	}
	dd{
		font-weight : 700;
	}
	li > p{
		display : grid;
		grid-template-rows : calc( 73 * var( --remBase ) ) calc( 30 * var( --remBase ) ) calc( 14 * var( --remBase ) ) calc( 80 * var( --remBase ) );
		grid-template-columns : calc( 135 * 100% / 305 ) 1fr calc( 135 * 100% / 305 );
		padding-inline : calc( 15 * 100% / 335 );
		background-color : #fffecd;
		> span{
			&:nth-of-type( 1 ) , &:nth-of-type( 3 ){
				grid-column : 1;
				height : 100%;
				outline : solid 1px #d9d9d9;
				outline-offset : -1px;
				> span{
					display : block;
					align-content : center;
					font-size : calc( 19 * var( --remBase ) );
					text-align : center;
					&:nth-of-type( 1 ){
						height : calc( 35 * var( --remBase ) );
						font-weight : 700;
						background-color : #d9d9d9;
					}
					&:nth-of-type( 2 ){
						height : calc( 38 * var( --remBase ) );
						font-weight : 800;
						color : #616161;
						background-color : white;
					}
				}
			}
			&:nth-of-type( 1 ){
				grid-column : 1;
			}
			&:nth-of-type( 3 ){
				grid-column : 3;
			}
			&:nth-of-type( 2 ){
				grid-row : 1;
				grid-column : 2;
				align-self : center;
				margin-top : calc( 29 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
				font-weight : 800;
				line-height : 1.5;
				text-align : center;
			}
			&:nth-of-type( 4 ){
				grid-column : 2;
				text-align : center;
				img{
					height : 100%;
				}
			}
			&:nth-of-type( 5 ){
				grid-row : 4;
				grid-column : 1/-1;
				height : 100%;
				filter : drop-shadow( 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
				outline : solid calc( 2 * var( --remBase ) ) var( --red );
				outline-offset : calc( -2 * var( --remBase ) );
				> span{
					display : block;
					align-content : center;
					font-weight : 800;
					text-align : center;
					&:nth-of-type( 1 ){
						height : calc( 35 * var( --remBase ) );
						font-size : calc( 23 * var( --remBase ) );
						color : white;
						background-color : var( --red );
					}
					&:nth-of-type( 2 ){
						height : calc( 45 * var( --remBase ) );
						font-size : calc( 26 * var( --remBase ) );
						color : var( --red );
						background-color : white;
					}
				}
			}
		}
	}
	section{
		display : grid;
		grid-template-rows : auto 1fr;
		grid-template-columns : auto 1fr;
		background-color : white;
		border-radius : 0 0 calc( 5 * var( --remBase ) ) calc( 5 * var( --remBase ) );
		picture{
			grid-row : 1;
			grid-column : 1;
			width : auto;
			height : calc( 67 * var( --remBase ) );
			aspect-ratio : 1;
			margin-inline : auto;
			filter : drop-shadow( 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
			border-radius : 50%;
			outline : solid calc( 2 * var( --remBase ) ) var( --green );
			outline-offset : calc( -2 * var( --remBase ) );
		}
		h4{
			display : grid;
			grid-row : 2;
			grid-column : 1;
			align-items : baseline;
			justify-content : center;
			font-size : calc( 16 * var( --remBase ) );
			font-weight : 800;
			line-height : 1.5;
			span{
				font-size : calc( 14 * var( --remBase ) );
				line-height : 1.5;
			}
		}
		p{
			grid-row : 1/-1;
			grid-column : 2;
		}
	}
	@media screen and ( width <= 768px ){
		width : calc( 335 * var( --viewportBase ) );
		margin-inline : auto;
		margin-top : calc( 20 * var( --remBase ) );
		> li{
			+ li{
				margin-top : calc( 34 * var( --remBase ) );
			}
		}
		h3{
			padding-block : calc( 14.5 * var( --remBase ) );
			padding-inline : calc( 15 * 100% / 335 );
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.5;
		}
		dl{
			padding-top : calc( 11 * var( --remBase ) );
			padding-bottom : calc( 12 * var( --remBase ) );
		}
		li > p{
			padding-top : calc( 13 * var( --remBase ) );
			padding-bottom : calc( 10 * var( --remBase ) );
		}
		section{
			row-gap : calc( 9 * var( --remBase ) );
			column-gap : calc( 21 * 100% / 310 );
			padding-top : calc( 23 * var( --remBase ) );
			padding-bottom : calc( 7 * var( --remBase ) );
			padding-left : calc( 17 * 100% / 335 );
			padding-right : calc( 8 * 100% / 335 );
			p{
				font-size : calc( 14 * var( --remBase ) );
				line-height : 1.5;
			}
		}
	}
	@media print , screen and ( width > 768px ){
		display : grid;
		grid-template-columns : repeat( 3 , calc( 335 * var( --contentBase ) ) );
		justify-content : space-between;
		margin-top : calc( 50 * var( --remBase ) );
		> li{
			display : grid;
			grid-template-rows : subgrid;
			grid-row : span 6;
		}
		h3{
			align-content : center;
			padding-block : calc( 10 * var( --remBase ) );
			padding-inline : calc( 15 * 100% / 335 );
			font-size : calc( 20 * var( --remBase ) );
			line-height : 1.5;
			border-radius : 0 calc( 5 * var( --remBase ) ) 0 0;
		}
		dl{
			padding-top : calc( 11 * var( --remBase ) );
			padding-bottom : calc( 29 * var( --remBase ) );
		}
		li > p{
			padding-top : calc( 14 * var( --remBase ) );
			padding-bottom : calc( 15 * var( --remBase ) );
		}
		section{
			row-gap : calc( 9 * var( --remBase ) );
			column-gap : calc( 21 * 100% / 310 );
			padding-top : calc( 27 * var( --remBase ) );
			padding-bottom : calc( 23 * var( --remBase ) );
			padding-left : calc( 16 * 100% / 335 );
			padding-right : calc( 9 * 100% / 335 );
			p{
				font-size : calc( 18 * var( --remBase ) );
				line-height : 1.5;
			}
		}
	}
}
#case02{
	font-size : 0;
	h3{
		font-weight : 800;
		text-align : center;
		text-decoration : solid underline var( --lightGreen );
	}
	.splide__slide{
		a{
			position : relative;
			display : block;
			margin-inline : auto;
			background-color : white;
			filter : drop-shadow( 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
			border-radius : calc( 5 * var( --remBase ) );
		}
	}
	picture{
		width : 100%;
		overflow : hidden;
		border-radius : calc( 5 * var( --remBase ) ) calc( 5 * var( --remBase ) ) 0 0;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
		&:has( img:nth-of-type( 2 ) ){
			display : grid;
			grid-template-rows : 100%;
			grid-template-columns : 100%;
			img{
				grid-row : 1;
				grid-column : 1;
			}
		}
		img:nth-of-type( 2 ){
			z-index : 1;
			opacity : 0;
		}
	}
	.category{
		position : absolute;
		z-index : 0;
		z-index : 2;
		align-content : center;
		align-items : center;
		width : fit-content;
		text-align : center;
		background-color : white;
	}
	header{
		display : grid;
		grid-template-columns : auto 1fr;
		align-items : center;
		hgroup{
			display : contents;
		}
		p{
			grid-row : 1;
			grid-column : 1;
			align-content : center;
			width : fit-content;
			font-weight : 700;
			color : white;
			background-color : var( --green );
			border-radius : calc( 5 * var( --remBase ) );
		}
		time{
			grid-row : 1;
			grid-column : 2;
			font-weight : 700;
			color : #616161;
		}
		h4{
			display : grid;
			grid-row : 2;
			grid-column : 1/-1;
			grid-auto-flow : column;
			column-gap : 1em;
			align-items : baseline;
			justify-content : start;
		}
	}
	dl{
		display : grid;
		align-items : center;
		font-weight : 700;
	}
	dt{
		align-content : center;
		color : var( --green );
		text-align : center;
		background-color : #d9d9d9;
		border-radius : calc( 5 * var( --remBase ) );
	}
	dd{
		em{
			color : var( --red );
		}
	}
	.splide__pagination{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
		button{
			display : block;
			width : auto;
			aspect-ratio : 1;
			background-color : var( --green );
			border-radius : 50%;
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 44 * var( --remBase ) );
		h3{
			font-size : calc( 22 * var( --remBase ) );
			line-height : 1.5;
			text-decoration-thickness : calc( 5 * var( --remBase ) );
			text-underline-offset : calc( -4 * var( --remBase ) );
		}
		.splide__track{
			padding-bottom : calc( 45 * var( --remBase ) );
			margin-top : calc( 16 * var( --remBase ) );
		}
		.splide__slide a{
			width : calc( 198 * 100% / 203 );
			padding-bottom : calc( 17 * var( --remBase ) );
		}
		picture{
			height : calc( 123 * var( --remBase ) );
		}
		.category{
			top : calc( 8 * var( --remBase ) );
			left : calc( 8 * 100% / 198 );
			height : calc( 18 * var( --remBase ) );
			padding-inline : calc( 12 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
		}
		header{
			row-gap : calc( 8 * var( --remBase ) );
			column-gap : calc( 10 * 100% / 182 );
			padding-inline : calc( 8 * 100% / 198 );
			padding-top : calc( 6 * var( --remBase ) );
			p{
				height : calc( 17 * var( --remBase ) );
				padding-inline : calc( 13 * var( --remBase ) );
				font-size : calc( 12 * var( --remBase ) );
			}
			time{
				font-size : calc( 10 * var( --remBase ) );
			}
			h4{
				font-size : calc( 12 * var( --remBase ) );
				line-height : calc( 18 / 12 );
				span{
					&:nth-of-type( 3 ){
						padding-left : calc( ( 15 - 12 ) * var( --remBase ) );
					}
				}
			}
		}
		dl{
			grid-template-columns : calc( 62 * 100% / 182 ) 1fr;
			row-gap : calc( 5 * var( --remBase ) );
			column-gap : calc( 13 * 100% / 182 );
			margin-inline : calc( 8 * 100% / 198 );
			margin-top : calc( 14 * var( --remBase ) );
		}
		dt{
			height : calc( 17 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
		}
		dd{
			font-size : calc( 12 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1004 * var( --contentBase ) );
		margin-inline : auto;
		margin-top : calc( 75 * var( --remBase ) );
		h3{
			font-size : calc( 24 * var( --remBase ) );
			line-height : 1.5;
			text-decoration-thickness : calc( 9 * var( --remBase ) );
			text-underline-offset : calc( -1 * var( --remBase ) );
		}
		.splide__track{
			padding-bottom : calc( 51 * var( --remBase ) );
			margin-top : calc( 30 * var( --remBase ) );
		}
		.splide__slide a{
			width : calc( 316 * 100% / 326 );
			padding-bottom : calc( 21 * var( --remBase ) );
		}
		picture{
			height : calc( 151 * var( --remBase ) );
		}
		.category{
			top : calc( 10 * var( --remBase ) );
			left : calc( 13 * 100% / 318 );
			height : calc( 22 * var( --remBase ) );
			padding-inline : calc( 25 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			border-radius : calc( 5 * var( --remBase ) );
		}
		header{
			row-gap : calc( 10 * var( --remBase ) );
			column-gap : calc( 16 * 100% / 292 );
			padding-inline : calc( 13 * 100% / 318 );
			padding-top : calc( 8 * var( --remBase ) );
			p{
				height : calc( 21 * var( --remBase ) );
				padding-inline : calc( 30 * var( --remBase ) );
				font-size : calc( 14 * var( --remBase ) );
			}
			time{
				font-size : calc( 14 * var( --remBase ) );
			}
			h4{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 21 / 14 );
				span{
					&:nth-of-type( 3 ){
						padding-left : calc( ( 55 - 14 ) * var( --remBase ) );
					}
				}
			}
		}
		dl{
			grid-template-columns : calc( 100 * 100% / 292 ) 1fr;
			row-gap : calc( 6 * var( --remBase ) );
			column-gap : calc( 20 * 100% / 292 );
			margin-inline : calc( 13 * 100% / 318 );
			margin-top : calc( 20 * var( --remBase ) );
		}
		dt{
			height : calc( 21 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
		}
		dd{
			font-size : calc( 16 * var( --remBase ) );
		}
		.splide__pagination{
			column-gap : calc( 29 * var( --contentBase ) );
			button{
				height : calc( 9 * var( --remBase ) );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#case02 picture > img:nth-of-type( 2 ){
		animation : fade 12s linear infinite;
	}
}
@keyframes fade{
	0%{
		opacity : 0;
	}
	25%{
		opacity : 1;
	}
	50%{
		opacity : 1;
	}
	75%{
		opacity : 0;
	}
	100%{
		opacity : 0;
	}
}

/* --------------------------------------------
STAFF
--------------------------------------------- */
#staff{
	h2{
		> span{
			display : block;
			font-weight : 800;
		}
	}
	.lede{
		position : relative;
		font-weight : 700;
		color : white;
		background-color : var( --green );
		&::after{
			position : absolute;
			display : block;
			width : auto;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 39 * var( --remBase ) );
		padding-bottom : calc( 36 * var( --remBase ) );
		h2{
			padding-left : calc( 14 * var( --viewportBase ) );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 5 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : 1.5;
				}
			}
		}
		.lede{
			width : calc( 346 * var( --viewportBase ) );
			padding-inline : calc( 16 * var( --viewportBase ) );
			padding-top : calc( 20 * var( --remBase ) );
			padding-bottom : calc( 21 * var( --remBase ) );
			margin-inline : auto;
			margin-top : calc( 6 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
			border-radius : calc( 5 * var( --remBase ) ) 0 calc( 5 * var( --remBase ) ) calc( 5 * var( --remBase ) );
			&::after{
				bottom : 100%;
				right : 0;
				height : calc( 98 * var( --remBase ) );
				aspect-ratio : 102/98;
				background-image : url( "../images/ihinseiri/prefecture/staff/bg_sp.webp" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 72 * var( --remBase ) );
		h2{
			height : calc( 209 * var( --remBase ) );
			padding-top : calc( 48 * var( --remBase ) );
			border-image-source : linear-gradient( var( --lightGreen ) , var( --lightGreen ) );
			border-image-slice : 0 fill;
			border-image-outset : 0 100vw 0 100vw;
			> span{
				color : #3e3e3e;
				text-align : center;
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 10 * var( --remBase ) );
					font-size : calc( 40 * var( --remBase ) );
					line-height : calc( 57 / 40 );
				}
			}
		}
		.lede{
			width : calc( 946 * var( --contentBase ) );
			padding-top : calc( 29 * var( --remBase ) );
			padding-bottom : calc( 28 * var( --remBase ) );
			padding-left : calc( 55 * var( --contentBase ) );
			padding-right : calc( 225 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 30 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
			border-radius : calc( 5 * var( --remBase ) );
			&::after{
				bottom : 0;
				right : calc( 25 * 100% / 946 );
				height : calc( 207 * var( --remBase ) );
				aspect-ratio : 210/207;
				background-image : url( "../images/ihinseiri/prefecture/staff/bg_pc.webp" );
			}
		}
	}
}
#staffMember{
	h3{
		> span{
			display : block;
			text-align : center;
			&:nth-of-type( 1 ){
				font-weight : 700;
			}
			&:nth-of-type( 2 ){
				font-weight : 800;
				color : var( --green );
				&::after{
					display : block;
					margin-inline : auto;
					font-size : 0;
					content : "";
					background-color : currentColor;
				}
			}
		}
	}
	ul{
		margin-inline : auto;
	}
	li{
		display : grid;
		grid-template-rows : auto 1fr;
		grid-template-columns : auto 1fr;
		align-items : start;
	}
	picture{
		grid-row : 1/-1;
		grid-column : 1;
		align-self : start;
		width : auto;
		aspect-ratio : 1;
		overflow : hidden;
		background-color : #f1f1f1;
		border-radius : 50%;
		outline : solid calc( 2 * var( --remBase ) ) var( --green );
		outline-offset : calc( -2 * var( --remBase ) );
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	h4{
		display : block;
		grid-row : 1;
		grid-column : 2;
		grid-auto-flow : column;
		align-items : baseline;
		font-weight : 700;
		> span{
			&:nth-of-type( 1 ){
				color : var( --green );
			}
			&:nth-of-type( 2 ){
				color : #616161;
			}
		}
	}
	p{
		grid-row : 2;
		grid-column : 2;
		align-self : start;
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 37 * var( --remBase ) );
		h3{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 24 / 18 );
				}
				&:nth-of-type( 2 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 28 / 24 );
					&::after{
						width : calc( 34 * var( --viewportBase ) );
						height : calc( 3 * var( --remBase ) );
						margin-top : calc( 26 * var( --remBase ) );
					}
				}
			}
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 28 * var( --remBase ) );
		h3{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 28 / 24 );
					&::after{
						width : calc( 34 * var( --viewportBase ) );
						height : calc( 3 * var( --remBase ) );
						margin-top : calc( 26 * var( --remBase ) );
					}
				}
			}
		}
		ul{
			width : calc( 348 * var( --viewportBase ) );
			margin-top : calc( 28 * var( --remBase ) );
		}
		li + li{
			margin-top : calc( 31 * var( --remBase ) );
		}
		li{
			row-gap : calc( 5 * var( --remBase ) );
			column-gap : calc( 16 * 100% / 348 );
		}
		picture{
			height : calc( 99 * var( --remBase ) );
		}
		h4{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 14 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					font-size : calc( 12 * var( --remBase ) );
					line-height : 1.5;
				}
			}
		}
		p{
			font-size : calc( 12 * var( --remBase ) );
			line-height : 1.5;
		}
	}
	@media print , screen and ( width > 768px ){
		margin-top : calc( 62 * var( --remBase ) );
		h3{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 47 / 24 );
				}
				&:nth-of-type( 2 ){
					font-size : calc( 36 * var( --remBase ) );
					line-height : calc( 47 / 36 );
					&::after{
						width : calc( 34 * var( --contentBase ) );
						height : calc( 6 * var( --remBase ) );
						margin-top : calc( 25 * var( --remBase ) );
					}
				}
			}
		}
		ul{
			display : grid;
			grid-template-columns : repeat( 2 , calc( 504 * 100% / 1034 ) );
			row-gap : calc( 18 * var( --remBase ) );
			width : calc( 1034 * var( --contentBase ) );
			margin-inline : auto;
			margin-top : calc( 40 * var( --remBase ) );
		}
		li{
			row-gap : calc( 8 * var( --remBase ) );
			column-gap : calc( 21 * 100% / 504 );
			&:nth-child( 1 ){
				order : 1;
			}
			&:nth-child( 2 ){
				order : 3;
			}
			&:nth-child( 3 ){
				order : 2;
			}
			&:nth-child( 4 ){
				order : 4;
			}
		}
		picture{
			height : calc( 130 * var( --remBase ) );
		}
		h4{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 24 * var( --remBase ) );
					line-height : 1.5;
				}
				&:nth-of-type( 2 ){
					font-size : calc( 20 * var( --remBase ) );
					line-height : 1.5;
				}
			}
		}
		p{
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.5;
		}
	}
}
#staffWomen{
	position : relative;
	background-color : #fff4f4;
	&::after{
		position : absolute;
		bottom : 0;
		display : block;
		width : auto;
		font-size : 0;
		content : "";
		background-repeat : no-repeat;
		background-position : 0 0;
		background-size : contain;
	}
	h3{
		align-content : center;
		height : calc( 57 * var( --remBase ) );
		font-weight : 700;
		color : #ff9797;
		background-color : white;
		border-radius : calc( 4 * var( --remBase ) );
		box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 1 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 20 * var( --remBase ) );
		padding-bottom : calc( 22 * var( --remBase ) );
		padding-left : calc( 12 * var( --viewportBase ) );
		padding-right : calc( 72 * var( --viewportBase ) );
		margin-top : calc( 39 * var( --remBase ) );
		&::after{
			right : calc( 12 * var( --viewportBase ) );
			height : calc( 193 * var( --remBase ) );
			aspect-ratio : 119/193;
			background-image : url( "../images/ihinseiri/prefecture/staff/bg02_sp.webp" );
		}
		h3{
			padding-left : calc( 15 * 100% / 291 );
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.5;
		}
		p{
			padding-left : calc( 14 * 100% / 291 );
			padding-right : calc( 23 * 100% / 291 );
			margin-top : calc( 12 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 20 / 14 );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-block : calc( 20 * var( --remBase ) );
		padding-left : calc( 34 * var( --contentBase ) );
		padding-right : calc( 210 * var( --contentBase ) );
		margin-top : calc( 71 * var( --remBase ) );
		border-radius : calc( 40 * var( --remBase ) );
		&::after{
			right : calc( 37 * var( --contentBase ) );
			height : calc( 246 * var( --remBase ) );
			aspect-ratio : 160/246;
			background-image : url( "../images/ihinseiri/prefecture/staff/bg02_pc.webp" );
		}
		h3{
			padding-left : calc( 43 * 100% / 836 );
			font-size : calc( 26 * var( --remBase ) );
		}
		p{
			padding-right : calc( 26 * 100% / 836 );
			margin-top : calc( 31 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 38 / 22 );
		}
	}
}

/* --------------------------------------------
VOICE
--------------------------------------------- */
#voice{
	h2{
		font-weight : 800;
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 137 * var( --remBase ) );
		background : url( "../images/ihinseiri/prefecture/voice/bg_sp.webp" ) 0 0 / 100% auto repeat-y;
		h2{
			padding-top : calc( 31 * var( --remBase ) );
			padding-bottom : calc( 16 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : 1.25;
			color : var( --green );
			text-align : center;
			text-decoration : underline solid var( --lightGreen );
			text-decoration-thickness : calc( 9 * var( --remBase ) );
			text-underline-offset : calc( -4 * var( --remBase ) );
			background-color : white;
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 80 * var( --remBase ) );
		background : url( "../images/ihinseiri/prefecture/voice/bg_pc.webp" ) left top repeat;
		h2{
			align-content : center;
			height : calc( 145 * var( --remBase ) );
			font-size : calc( 50 * var( --remBase ) );
			color : white;
			text-align : center;
			background-color : var( --green );
			border-image-source : linear-gradient( var( --green ) , var( --green ) );
			border-image-slice : 0 fill;
			border-image-outset : 0 100vw 0 100vw;
		}
	}
}
#voiceLedes{
	> p{
		font-weight : 700;
		color : #3e3e3e;
		text-align : center;
	}
	.bg{
		background-repeat : no-repeat;
		background-position : center top;
		background-size : 100% auto;
	}
	li{
		align-content : center;
		font-weight : 800;
		color : #3e3e3e;
		text-align : center;
		border-radius : 100vmax;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	.bg{
		p{
			align-content : center;
			margin-top : calc( 30 * var( --remBase ) );
			font-weight : 700;
			color : #ffe;
			text-align : center;
			background-color : var( --green );
		}
	}
	@media screen and ( width <= 768px ){
		> p{
			padding-top : calc( 16 * var( --remBase ) );
			padding-bottom : calc( 18 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
			background-color : white;
		}
		.bg{
			height : calc( 354 * var( --remBase ) );
			padding-top : calc( 43 * var( --remBase ) );
			background-image : url( "../images/ihinseiri/prefecture/voice/bg_lede_sp.webp" );
		}
		li{
			+ li{
				margin-top : calc( 12 * var( --remBase ) );
			}
			width : fit-content;
			padding-block : calc( 3.5 * var( --remBase ) );
			padding-inline : calc( 17 * var( --remBase ) );
			margin-inline : auto;
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.5;
			background-color : #ffe;
		}
		.bg p{
			height : calc( 57 * var( --remBase ) );
			margin-top : calc( 30 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.5;
		}
	}
	@media print , screen and ( width > 768px ){
		> p{
			align-content : center;
			height : calc( 88 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			background-color : white;
		}
		.bg{
			height : calc( 411 * var( --remBase ) );
			padding-top : calc( * var( --remBase ) );
			background-image : url( "../images/ihinseiri/prefecture/voice/bg_lede_pc.webp" );
		}
		ul{
			width : calc( 586 * var( --contentBase ) );
			padding-top : calc( 34 * var( --remBase ) );
			margin-left : calc( 34 * var( --contentBase ) );
		}
		li{
			+ li{
				margin-top : calc( 24 * var( --remBase ) );
			}
			height : calc( 73 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : 1.5;
			background-color : white;
		}
		.bg p{
			height : calc( 57 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
		}
	}
}
#voiceCases{
	margin-inline : auto;
	li{
		filter : drop-shadow( 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
	}
	.count{
		display : grid;
		grid-auto-flow : column;
		align-content : center;
		align-items : baseline;
		justify-content : center;
		height : calc( 39 * var( --remBase ) );
		background-color : var( --green );
		border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
		span{
			font-family : Barlow , sans-serif;
			font-size : calc( 24 * var( --remBase ) );
			font-weight : 700;
			color : #ffe;
		}
	}
	.box{
		display : grid;
		background-color : white;
		border-radius : 0 calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) );
	}
	h3{
		font-weight : 800;
		color : var( --green );
	}
	hgroup{
		p{
			font-weight : 800;
			color : var( --green );
		}
	}
	figure{
		img{
			display : block;
			width : auto;
			aspect-ratio : 1;
			margin-inline : auto;
			background-color : #fdfdec;
			border-radius : 50%;
			outline : solid 1px #d9d9d9;
			outline-offset : -1px;
		}
	}
	figcaption{
		display : flex;
		flex-wrap : wrap;
		column-gap : 1em;
		align-items : start;
		&::before{
			order : 2;
			width : 100%;
			height : 0;
			font-size : 0;
			content : "";
		}
		> span{
			color : #616161;
			&:nth-of-type( -n+1 ){
				order : 1;
			}
			&:nth-of-type( n+2 ){
				order : 3;
			}
		}
	}
	dt{
		display : block;
		align-content : center;
		font-weight : 700;
		color : var( --green );
		background-color : var( --lightGreen );
		border-top : 1px solid #d9d9d9;
	}
	dd{
		font-weight : 700;
		color : #616161;
	}
	.comments{
		display : grid;
		align-items : center;
		picture{
			position : relative;
			grid-row : 1;
			grid-column : 1/3;
			width : auto;
			aspect-ratio : 1;
			overflow : hidden;
			background-color : #fdfdec;
			border-radius : 50%;
			outline : solid 1px #d9d9d9;
			outline-offset : -1px;
			img{
				width : 100%;
				height : 100%;
				object-fit : cover;
				object-position : center;
			}
		}
		h4{
			grid-row : 1;
			grid-column : 2/4;
			font-weight : 700;
			color : var( --green );
			border-bottom : solid 1px #d9d9d9;
		}
		p{
			grid-row : 2;
			grid-column : 1/-1;
			font-weight : 700;
			color : #616161;
		}
	}
	@media screen and ( width <= 768px ){
		width : calc( 348 * var( --viewportBase ) );
		margin-top : calc( -68 * var( --remBase ) );
		> li + li{
			margin-top : calc( 34 * var( --remBase ) );
		}
		.count{
			width : calc( 136 * 100% / 348 );
		}
		.box{
			grid-template-rows : calc( 11 * var( --remBase ) ) auto calc( 3 * var( --remBase ) ) auto calc( 3 * var( --remBase ) ) calc( 21 * var( --remBase ) ) auto calc( 25 * var( --remBase ) ) auto;
			grid-template-columns : auto 1fr;
			column-gap : calc( 20 * 100% / 348 );
			align-items : center;
			padding-inline : calc( 17 * 100% / 348 );
			padding-top : calc( 21 * var( --remBase ) );
			padding-bottom : calc( 65 * var( --remBase ) );
		}
		figure{
			display : contents;
			img{
				grid-row : 1/6;
				grid-column : 1;
				height : calc( 102 * var( --remBase ) );
			}
		}
		.box > h3 , .box > hgroup{
			grid-row : 2;
			grid-column : 2;
		}
		h3{
			font-size : calc( 24 * var( --remBase ) );
			line-height : 1.5;
		}
		figcaption{
			grid-row : 4;
			grid-column : 2;
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.5;
			> span:nth-of-type( n+3 ){
				margin-top : calc( -5 * var( --remBase ) );
			}
		}
		dl{
			grid-row : 7;
			grid-column : 1/-1;
		}
		dt{
			height : calc( 34 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
		}
		dd{
			margin-top : calc( 16 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
			+ dt{
				margin-top : calc( 34 * var( --remBase ) );
			}
		}
		.comments{
			grid-template-columns : calc( 42 * 100% / 314 ) auto 1fr;
			grid-row : 9;
			grid-column : 1/-1;
			row-gap : calc( 14 * var( --remBase ) );
			picture{
				height : calc( 67 * var( --remBase ) );
			}
			h4{
				padding-left : calc( 34 * 100% / 272 );
				font-size : calc( 20 * var( --remBase ) );
				line-height : 1.2;
			}
			p{
				font-size : calc( 14 * var( --remBase ) );
				line-height : 1.5;
			}
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1030 * var( --contentBase ) );
		margin-top : calc( 56 * var( --remBase ) );
		> li + li{
			margin-top : calc( 60 * var( --remBase ) );
		}
		.count{
			width : calc( 131 * 100% / 1030 );
		}
		.box{
			grid-template-rows : auto calc( 10 * var( --remBase ) ) auto calc( 26 * var( --remBase ) ) auto;
			grid-template-columns : calc( 250 * 100% / 946 ) 1fr;
			column-gap : calc( 63 * 100% / 946 );
			align-items : start;
			padding-top : calc( 32 * var( --remBase ) );
			padding-bottom : calc( 22 * var( --remBase ) );
			padding-left : calc( 37 * 100% / 1030 );
			padding-right : calc( 47 * 100% / 1030 );
		}
		.box > h3 , .box > hgroup{
			grid-row : 1;
			grid-column : 1;
			text-align : center;
		}
		h3{
			font-size : calc( 30 * var( --remBase ) );
			line-height : 1.5;
		}
		hgroup{
			p{
				font-size : calc( 20 * var( --remBase ) );
				line-height : 1.5;
				text-align : center;
			}
		}
		figure{
			grid-row : 3;
			grid-column : 1;
			align-self : start;
			img{
				height : calc( 138 * var( --remBase ) );
			}
		}
		figcaption{
			justify-content : center;
			margin-top : calc( 20 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.5;
			&:nth-of-type( n + 3 ){
				margin-top : calc( -2 * var( --remBase ) );
			}
		}
		dl{
			display : grid;
			grid-template-rows : calc( 34 * var( --remBase ) ) 1fr;
			grid-template-columns : repeat( 2 , calc( 302 * 100% / 633 ) );
			grid-row : 1/5;
			grid-column : 2;
			row-gap : calc( 16 * var( --remBase ) );
			column-gap : calc( 29 * 100% / 633 );
			align-items : start;
			justify-content : start;
			margin-top : calc( 6 * var( --remBase ) );
		}
		dt{
			grid-row : 1;
			height : 100%;
			font-size : calc( 22 * var( --remBase ) );
		}
		dd{
			grid-row : 2;
			font-size : calc( 20 * var( --remBase ) );
			line-height : 1.5;
		}
		dt:nth-of-type( 1 ){
			grid-column : 1;
		}
		.comments{
			grid-template-columns : calc( 39 * 100% / 919 ) auto 1fr;
			grid-row : 4/6;
			grid-column : 1/-1;
			row-gap : calc( 14 * var( --remBase ) );
			padding-left : calc( 19 * 100% / 946 );
			padding-right : calc( 8 * 100% / 946 );
			picture{
				height : calc( 63 * var( --remBase ) );
			}
			h4{
				padding-left : calc( 32 * 100% / 880 );
				font-size : calc( 20 * var( --remBase ) );
				line-height : 2;
			}
			p{
				font-size : calc( 18 * var( --remBase ) );
				line-height : 1.5;
			}
		}
	}
}
#voiceReview{
	margin-inline : auto;
	h3{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
		> span{
			grid-column : 2;
			font-weight : 800;
			text-align : center;
			span{
				color : var( --green );
				text-decoration : underline solid var( --lightGreen );
			}
		}
		&::before , &::after{
			display : block;
			width : auto;
			aspect-ratio : 33.54/97.95;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		&::before{
			grid-column : 1;
			background-image : url( "../images/ui/parts/parts0101.svg" );
		}
		&::after{
			grid-column : 3;
			background-image : url( "../images/ui/parts/parts0102.svg" );
		}
	}
	.splide__slide{
		background-color : white;
	}
	h4{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : start;
		font-size : calc( 18 * var( --remBase ) );
		font-weight : 700;
		line-height : calc( 22 / 18 );
		img{
			display : grid;
			place-items : center;
			width : auto;
			aspect-ratio : 1;
			overflow : hidden;
			font-weight : 700;
			color : white;
			border-radius : 50%;
		}
	}
	.box{
		display : grid;
		grid-template-columns : 1fr auto;
		grid-auto-flow : column;
		align-items : center;
	}
	.rating{
		background-image : url( "../images/ui/parts/star.svg" );
		background-repeat : no-repeat;
		background-position : 0 0;
		background-size : auto 100%;
		&[data-review="5"]{
			background-image : url( "../images/ui/parts/review05.svg" );
		}
		&[data-review="4"]{
			background-image : url( "../images/ui/parts/review04.svg" );
		}
		&[data-review="3"]{
			background-image : url( "../images/ui/parts/review03.svg" );
		}
		&[data-review="2"]{
			background-image : url( "../images/ui/parts/review02.svg" );
		}
		&[data-review="1"]{
			background-image : url( "../images/ui/parts/review01.svg" );
		}
		.sr-only{
			display : none;
		}
	}
	time{
		color : #616161;
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( 50 * var( --remBase ) );
		h3{
			> span{
				font-size : calc( 24 * var( --remBase ) );
				line-height : 1.5;
				span{
					text-decoration-thickness : calc( 11 * var( --remBase ) );
					text-underline-offset : calc( -4 * var( --remBase ) );
				}
			}
			&::before , &::after{
				height : calc( 63.34 * var( --remBase ) );
			}
		}
		.splide__track{
			display : grid;
			grid-template-columns : auto calc( 315 * 100% / 346 );
			align-items : start;
			justify-content : space-between;
			height : calc( 458 * var( --remBase ) );
			padding-left : calc( 13 * var( --viewportBase ) );
			padding-right : calc( 16 * var( --viewportBase ) );
			margin-top : calc( 21 * var( --remBase ) );
			overflow-y : auto;
			> p{
				position : sticky;
				top : 0;
				grid-column : 1;
				> span{
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 21 / 16 );
					color : #616161;
					writing-mode : vertical-rl;
				}
				&::after{
					display : block;
					height : calc( 90 * var( --remBase ) );
					aspect-ratio : 14.73/90;
					margin-inline : auto;
					margin-top : calc( 12 * var( --remBase ) );
					font-size : 0;
					content : "";
					background : url( "../images/ihinseiri/prefecture/voice/arrow.svg" ) left top / contain no-repeat;
				}
			}
		}
		.splide__slide{
			padding-top : calc( 13 * var( --remBase ) );
			padding-bottom : calc( 19 * var( --remBase ) );
			padding-left : calc( 17 * 100% / 346 );
			padding-right : calc( 20 * 100% / 346 );
			border-radius : calc( 10 * var( --remBase ) );
			+ .splide__slide{
				margin-top : calc( 24 * var( --remBase ) );
			}
		}
		h4{
			column-gap : calc( 15 * 100% / 309 );
			img{
				height : calc( 43.5 * var( --remBase ) );
			}
		}
		.box{
			margin-top : calc( 8 * var( --remBase ) );
		}
		.rating{
			height : calc( 20 * var( --remBase ) );
		}
		time{
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 20 / 14 );
		}
		.splide__slide > p{
			margin-top : calc( 14 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 22 / 14 );
		}
	}
	@media print , screen and ( width > 768px ){
		width : calc( 1055 * var( --contentBase ) );
		margin-top : calc( 68 * var( --remBase ) );
		h3{
			column-gap : calc( 67 * var( --contentBase ) );
			> span{
				font-size : calc( 35 * var( --remBase ) );
				line-height : calc( 53 / 35 );
				span{
					text-decoration-thickness : calc( 17 * var( --remBase ) );
					text-underline-offset : calc( -8.5 * var( --remBase ) );
				}
			}
			&::before , &::after{
				height : calc( 97.95 * var( --remBase ) );
			}
		}
		.splide__track{
			margin-top : calc( 48 * var( --remBase ) );
		}
		.splide__slide{
			padding-top : calc( 12 * var( --remBase ) );
			padding-bottom : calc( 15 * var( --remBase ) );
			padding-left : calc( 16 * 100% / 1055 );
			padding-right : calc( 19 * 100% / 1055 );
			border-radius : calc( 10 * var( --remBase ) );
		}
		h4{
			column-gap : calc( 14 * 100% / 265 );
			img{
				height : calc( 41.48 * var( --remBase ) );
			}
		}
		.box{
			margin-top : calc( 8 * var( --remBase ) );
		}
		.rating{
			height : calc( 20 * var( --remBase ) );
		}
		time{
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 20 / 14 );
		}
		.splide__slide > p{
			margin-top : calc( 14 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 22 / 18 );
		}
		.splide__pagination{
			column-gap : calc( 22 * 100% / 1055 );
			margin-top : calc( 44 * var( --remBase ) );
			button{
				display : block;
				width : auto;
				height : calc( 7 * var( --remBase ) );
				aspect-ratio : 1;
				background-color : #616161;
				border-radius : 50%;
			}
		}
	}
}

/* --------------------------------------------
FLOW
--------------------------------------------- */
#flow{
	h2{
		align-content : center;
		font-weight : 800;
		color : white;
		text-align : center;
		background-color : var( --green );
	}
	.lede{
		position : relative;
		font-weight : 700;
		color : #616161;
		background-color : #ffe;
		&::after{
			position : absolute;
			left : 50%;
			display : block;
			clip-path : polygon( 0 0 , 100% 0 , 50% 100% );
			font-size : 0;
			content : "";
			background-color : #ffe;
			translate : -50% 0;
		}
	}
	ol{
		> li{
			position : relative;
			&::before{
				position : absolute;
				top : 0;
				left : 0;
				display : block;
				height : 100%;
				content : "";
				background-repeat : no-repeat;
				background-position : 0 0;
				background-size : 100% auto;
			}
			> p{
				strong{
					font-weight : 700;
					color : var( --red );
				}
			}
		}
	}
	h3{
		font-weight : 800;
		color : var( --green );
		span{
			display : block;
		}
	}
	@media screen and ( width <= 768px ){
		margin-top : calc( -86 * var( --remBase ) );
		h2{
			position : relative;
			height : calc( 104 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			border-radius : calc( 40 * var( --remBase ) )  calc( 40 * var( --remBase ) ) 0 0;
			&::after{
				position : absolute;
				bottom : 0;
				display : block;
				width : 100%;
				height : calc( 7 * var( --remBase ) );
				font-size : 0;
				content : "";
				background-image : linear-gradient( to right , var( --lightGreen ) , var( --lightGreen ) calc( 2 * var( --remBase ) ) , transparent calc( 2 * var( --remBase ) ) , transparent calc( 4 * var( --remBase ) ) );
				background-repeat : repeat-x;
				background-size : calc( 4 * var( --remBase ) ) calc( 7 * var( --remBase ) );
			}
		}
		.lede{
			padding-top : calc( 27 * var( --remBase ) );
			padding-bottom : calc( 21 * var( --remBase ) );
			padding-left : calc( 27 * var( --viewportBase ) );
			padding-right : calc( 22 * var( --viewportBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.5;
			&::after{
				bottom : calc( -23 * var( --remBase ) );
				width : calc( 226 * var( --viewportBase ) );
				height : calc( 39.43 * var( --remBase ) );
			}
		}
		ol{
			margin-top : calc( 43 * var( --remBase ) );
			> li{
				+ li{
					margin-top : calc( 25 * var( --remBase ) );
				}
				&::before{
					left : calc( 21 * var( --viewportBase ) );
					width : calc( 70 * var( --viewportBase ) );
				}
				&:nth-child( 1 ){
					&::before{
						background-image : url( "../images/ihinseiri/prefecture/flow/bg_title01_sp.webp" );
					}
				}
				&:nth-child( 2 ){
					&::before{
						background-image : url( "../images/ihinseiri/prefecture/flow/bg_title02_sp.webp" );
					}
				}
				&:nth-child( 3 ){
					&::before{
						background-image : url( "../images/ihinseiri/prefecture/flow/bg_title03_sp.webp" );
					}
				}
				&:nth-child( 4 ){
					&::before{
						background-image : url( "../images/ihinseiri/prefecture/flow/bg_title04_sp.webp" );
					}
				}
			}
			h3{
				margin-left : calc( 116 * var( --viewportBase ) );
				font-size : calc( 18 * var( --remBase ) );
				span{
					font-size : calc( 12 * var( --remBase ) );
					line-height : calc( 17 / 12 );
				}
			}
		}
		ol{
			> li{
				> p{
					margin-top : calc( 20 * var( --remBase ) );
					margin-left : calc( 116 * var( --viewportBase ) );
					font-size : calc( 14 * var( --remBase ) );
					line-height : calc( 17 / 14 );
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		h2{
			height : calc( 145 * var( --remBase ) );
			font-size : 50px;
		}
		.lede{
			position : relative;
			width : calc( 823 * var( --viewportBase ) );
			height : calc( 151 * var( --remBase ) );
			padding-top : calc( 25 * var( --remBase ) );
			padding-bottom : calc( 16 * var( --remBase ) );
			padding-left : calc( 34 * var( --viewportBase ) );
			padding-right : calc( 35 * var( --viewportBase ) );
			margin-inline : auto;
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
			filter : drop-shadow( 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
			&::after{
				bottom : calc( -23.14 * var( --remBase ) );
				width : calc( 257.44 * 100% / 823 );
				height : calc( 39.4 * var( --remBase ) );
			}
		}
		ol{
			display : grid;
			grid-template-columns : repeat( 2 , 1fr );
			row-gap : calc( 48 * var( --remBase ) );
			column-gap : calc( 43 * 100% / 998 );
			width : calc( 998 * var( --viewportBase ) );
			margin-inline : auto;
			margin-top : calc( 88 * var( --remBase ) );
			> li{
				padding-left : calc( 134 * 100% / 477.5 );
				&::before{
					width : calc( 98 * 100% / 477.5 );
				}
				&:nth-child( 1 )::before{
					background-image : url( "../images/ihinseiri/prefecture/flow/bg_title01_pc.webp" );
				}
				&:nth-child( 2 )::before{
					background-image : url( "../images/ihinseiri/prefecture/flow/bg_title02_pc.webp" );
				}
				&:nth-child( 3 )::before{
					background-image : url( "../images/ihinseiri/prefecture/flow/bg_title03_pc.webp" );
				}
				&:nth-child( 4 )::before{
					background-image : url( "../images/ihinseiri/prefecture/flow/bg_title04_pc.webp" );
				}
			}
		}
		h3{
			margin-top : calc( 5 * var( --remBase ) );
			font-size : calc( 26 * var( --remBase ) );
			span{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 24 / 18 );
			}
		}
		ol{
			> li{
				> p{
					margin-top : calc( 28 * var( --remBase ) );
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 24 / 18 );
				}
			}
		}
	}
}
#flowContacts{
	@media screen and ( width <= 768px ){
		width : calc( 350 * var( --viewportBase ) );
		padding-top : calc( 17 * var( --remBase ) );
		padding-bottom : calc( 10 * var( --remBase ) );
		margin-inline : auto;
		margin-top : calc( 15 * var( --remBase ) );
		background-color : #ffe;
		border-radius : calc( 10 * var( --remBase ) );
		outline : solid calc( 2 * var( --remBase ) ) var( --green );
		outline-offset : calc( -2 * var( --remBase ) );
		h4{
			font-size : calc( 20 * var( --remBase ) );
			font-weight : 800;
			line-height : calc( 30 / 20 );
			text-align : center;
			text-decoration : underline solid var( --yellow );
			text-decoration-thickness : calc( 5 * var( --remBase ) );
			text-underline-offset : calc( -2.5 * var( --remBase ) );
			span{
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 36 / 24 );
				color : var( --red );
			}
		}
		.ctaSpContacts{
			margin-top : calc( 12 * var( --remBase ) );
		}
		.tel{
			> a{
				position : relative;
				display : block;
				width : calc( 332 * 100% / 350 );
				height : calc( 75 * var( --remBase ) );
				padding-top : calc( 15 * var( --remBase ) );
				margin-inline : auto;
				text-align : center;
				background-color : var( --red );
				border-radius : 100vmax;
				&::before{
					position : absolute;
					top : calc( 11 * var( --remBase ) );
					left : calc( 32 * 100% / 332 );
					display : block;
					width : auto;
					height : calc( 35 * var( --remBase ) );
					aspect-ratio : 84.934 / 100;
					font-size : 0;
					content : "";
					background : url( "../images/ui/icon/tel.svg" ) left top / contain no-repeat;
					filter : var( --filterWhite );
				}
				&::after{
					position : absolute;
					inset : 0;
					display : block;
					width : calc( 100% - 5 * 100% / 332 );
					height : calc( 100% - 4 * var( --remBase ) );
					margin : auto;
					pointer-events : none;
					content : "";
					border : solid calc( 2 * var( --remBase ) ) white;
					border-radius : 100vmax;
				}
				span{
					display : block;
					text-align : center;
					&:nth-of-type( 1 ){
						padding-left : calc( 10 * 100% / 332 );
						font-size : calc( 24 * var( --remBase ) );
						font-weight : 800;
						color : var( --yellow );
						text-align : center;
						text-indent : -.11em;
						letter-spacing : .11em;
					}
					&:nth-of-type( 2 ){
						padding-left : calc( 10 * 100% / 332 );
						margin-top : calc( 5 * var( --remBase ) );
						font-size : calc( 14 * var( --remBase ) );
						font-weight : 700;
						color : white;
					}
				}
			}
			dl{
				display : grid;
				grid-auto-flow : column;
				column-gap : calc( 15 * 100% / 350 );
				align-items : baseline;
				justify-content : center;
				margin-top : calc( 3 * var( --remBase ) );
				dt , dd{
					font-weight : 700;
				}
				dt{
					font-size : calc( 15 * var( --remBase ) );
				}
				dd{
					font-size : calc( 24 * var( --remBase ) );
				}
			}
		}
		.line , .web{
			a{
				display : grid;
				grid-template-columns : auto 1fr;
				align-items : center;
				width : calc( 325 * 100% / 350 );
				height : calc( 65 * var( --remBase ) );
				margin-inline : auto;
				font-weight : 800;
				color : white;
				text-align : center;
				border : solid calc( 2 * var( --remBase ) ) white;
				border-radius : calc( 18 * var( --remBase ) );
				box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
				&::before{
					display : block;
					grid-column : 1;
					width : auto;
					font-size : 0;
					content : "";
					filter : var( --filterWhite );
					background-repeat : no-repeat;
					background-position : 0 0;
					background-size : contain;
				}
			}
		}
		.line{
			margin-top : calc( 20 * var( --remBase ) );
			a{
				padding-inline : calc( 29 * 100% / 325 );
				font-size : calc( 24 * var( --remBase ) );
				background-color : var( --lineColor );
				&::before{
					height : calc( 36 * var( --remBase ) );
					aspect-ratio : 104.952 / 100;
					background-image : url( "../images/ui/sns/line.svg" );
				}
			}
		}
		.web{
			margin-top : calc( 13 * var( --remBase ) );
			a{
				padding-inline : calc( 26 * 100% / 325 );
				font-size : calc( 24 * var( --remBase ) );
				background-color : #1f67cc;
				&::before{
				}
				&::before{
					height : calc( 30 * var( --remBase ) );
					aspect-ratio : 125.552 / 100;
					background-image : url( "../images/ui/icon/email.svg" );
				}
			}
		}
		.ctaSpNote{
			display : grid;
			grid-template-columns : auto 1fr;
			column-gap : calc( 4 * 100% / 332 );
			align-items : start;
			justify-content : start;
			padding-inline : calc( 9 * 100% / 350 );
			margin-top : calc( 7 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
			font-weight : 700;
			line-height : 1.25;
			color : var( --red );
			&::before{
				display : block;
				width : auto;
				height : calc( 19 * var( --remBase ) );
				aspect-ratio : 1;
				margin-top : calc( 5 * var( --remBase ) );
				font-size : 0;
				content : "";
				background : url( "../images/ihinseiri/prefecture/flow/star.svg" ) left top / contain no-repeat;
			}
		}
	}
}

/* --------------------------------------------
CTA03
--------------------------------------------- */
#cta03{
	@media screen and ( width <= 768px ){
		margin-top : calc( 35 * var( --remBase ) );
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 46 * var( --remBase ) );
		background-color : #fffffb;
	}
}

/* --------------------------------------------
AREA
--------------------------------------------- */
#area{
	background-color : #fffffb;
	.box , .notes{
		margin-inline : auto;
	}
	.box{
		overflow : hidden;
		border-radius : calc( 10 * var( --remBase ) );
		outline : solid calc( 3 * var( --remBase ) ) var( --green );
		outline-offset : calc( -3 * var( --remBase ) );
	}
	hgroup{
		display : block;
		font-weight : 800;
		text-align : center;
		background-color : var( --green );
		p{
			color : var( --yellow );
		}
		h2{
			color : white;
		}
	}
	.link{
		display : grid;
		li{
			border-bottom : solid 1px #d9d9d9;
		}
		li , a{
			width : 100%;
			height : 100%;
		}
		a{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : start;
			font-weight : 700;
			background-color : white;
			&::before{
				display : block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../images/ui/arrow/right02.svg" ) left center / contain no-repeat;
			}
		}
	}
	.notes{
		li{
			position : relative;
			padding-left : 1em;
			font-weight : 700;
			color : #616161;
			&::before{
				position : absolute;
				top : 0;
				left : 0;
			}
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 36 * var( --remBase ) );
		.box , .notes{
			width : calc( 335 * var( --viewportBase ) );
		}
		hgroup{
			padding-top : calc( 7 * var( --remBase ) );
			padding-bottom : calc( 17 * var( --remBase ) );
			p{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 27 / 18 );
			}
			h2{
				margin-top : calc( 4 * var( --remBase ) );
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 36 / 24 );
			}
		}
		.link{
			grid-template-columns : repeat( 2 , 1fr );
			grid-auto-rows : calc( 45 * var( --remBase ) );
			li:nth-child( -n2 ){
				border-top : solid 1px #d9d9d9;
			}
			li:not( :nth-child( 2n+2 ) ){
				border-right : solid 1px #d9d9d9;
			}
			a{
				column-gap : calc( 14 * var( --remBase ) );
				padding-left : calc( 12 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 27 / 18 );
				&::before{
					height : calc( 19 * var( --remBase ) );
				}
				&.length-7{
					font-size : calc( 16 * var( --remBase ) );
				}
			}
		}
		.notes{
			margin-top : calc( 10* var( --remBase ) );
			li{
				font-size : calc( 10 * var( --remBase ) );
				line-height : calc( 15 / 10 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 72 * var( --remBase ) );
		padding-bottom : calc( 46 * var( --remBase ) );
		.box , .notes{
			width : calc( 958 * var( --viewportBase ) );
		}
		hgroup{
			padding-block : calc( 22 * var( --remBase ) );
			p{
				font-size : calc( 30 * var( --remBase ) );
				line-height : calc( 45 / 30 );
			}
			h2{
				margin-top : calc( 1 * var( --remBase ) );
				font-size : calc( 40 * var( --remBase ) );
				line-height : calc( 60 / 40 );
			}
		}
		.link{
			grid-template-columns : repeat( 4 , 1fr );
			grid-auto-rows : calc( 68 * var( --remBase ) );
			li:nth-child( -n+4 ){
				border-top : solid 1px #d9d9d9;
			}
			li:not( :nth-child( 4n+4 ) ){
				border-right : solid 1px #d9d9d9;
			}
			a{
				column-gap : calc( 21 * var( --remBase ) );
				padding-left : calc( 36 * var( --remBase ) );
				font-size : calc( 26 * var( --remBase ) );
				line-height : calc( 39 / 26 );
				&::before{
					height : calc( 29 * var( --remBase ) );
				}
				&.length-6{
					font-size : calc( 23 * var( --remBase ) );
				}
				&.length-7{
					font-size : calc( 20 * var( --remBase ) );
				}
			}
		}
		.notes{
			margin-top : calc( 26 * var( --remBase ) );
			li{
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 21 / 16 );
			}
		}
	}
}

/* --------------------------------------------
PREFECTURES
--------------------------------------------- */
#prefectures{
	h2{
		display : grid;
		grid-template-rows : auto 1fr;
		align-items : center;
		justify-content : center;
		font-weight : 800;
		&::before , &::after{
			display : block;
			grid-row : 1/-1;
			width : auto;
			aspect-ratio : 48 / 92;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		&::before{
			grid-column : 1;
			background-image : url( "../images/ihinseiri/prefecture/prefectures/bg_title01.svg" );
		}
		&::after{
			grid-column : 3;
			background-image : url( "../images/ihinseiri/prefecture/prefectures/bg_title02.svg" );
		}
		> span{
			text-align : center;
			&:nth-of-type( 1 ){
				grid-row : 1;
				grid-column : 2;
				color : var( --green );
			}
			&:nth-of-type( 2 ){
				grid-row : 2;
				grid-column : 2;
				color : var( --red );
			}
		}
	}
	.lede{
		font-weight : 700;
	}
	.link{
		position : relative;
		margin-inline : auto;
		&::before{
			position : absolute;
			display : block;
			aspect-ratio : 467.837 / 500.179;
			font-size : 0;
			content : "";
			background : url( "../images/ui/parts/map.svg" ) left top / contain no-repeat;
			filter : var( --filterGreen );
		}
		> li{
			display : contents;
		}
		details{
			position : absolute;
			background-color : color-mix( in srgb , #f6fee2 90% , transparent );
			outline : solid calc( 2 * var( --remBase ) ) var( --green );
			outline-offset : calc( -2 * var( --remBase ) );
			&[open]{
				z-index : 1;
			}
		}
		summary{
			display : grid;
			grid-auto-flow : column;
			align-items : center;
			justify-content : center;
			span{
				font-weight : 700;
			}
			&::after{
				display : block;
				width : auto;
				aspect-ratio : 14.81 / 12.83;
				clip-path : polygon( 0 0 , 100% 0 , 50% 100% );
				font-size : 0;
				content : "";
				background-color : var( --green );
			}
		}
	}
	.link{
		ul{
			display : grid;
			justify-content : space-between;
		}
		li li{
			width : 100%;
			height : 100%;
		}
		a{
			display : block;
			align-content : center;
			width : 100%;
			height : 100%;
			font-weight : 700;
			text-align : center;
			background-color : white;
			box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 31 * var( --remBase ) );
		padding-bottom : calc( 35 * var( --remBase ) );
		h2{
			column-gap : calc( 14 * var( --contentBase ) );
			&::before , &::after{
				height : calc( 63 * var( --remBase ) );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 27 / 18 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( -4 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
				}
			}
		}
		.lede{
			padding-inline : calc( 33 * var( --viewportBase ) );
			margin-top : calc( 25 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		.link{
			width : calc( 361 * var( --viewportBase ) );
			height : calc( 415 * var( --remBase ) );
			margin-top : calc( 56 * var( --remBase ) );
			&::before{
				top : calc( 9 * var( --remBase ) );
				left : calc( 9 * 100% / 361 );
				height : calc( 368 * var( --remBase ) );
			}
		}
		details{
			padding-block : calc( 5.5 * var( --remBase ) );
			border-radius : calc( 5 * var( --remBase ) );
		}
		summary{
			column-gap : calc( 10 * var( --remBase ) );
			padding-inline : calc( 11 * var( --remBase ) );
			&::after{
				height : calc( 6.75 * var( --remBase ) );
			}
			span{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 21 / 14 );
			}
		}
		.link{
			> li:nth-child( 1 ){
				details{
					top : 0;
					left : calc( 123 * 100% / 361 );
				}
			}
			> li:nth-child( 3 ){
				details{
					top : calc( 208 * var( --remBase ) );
					right : calc( 20 * 100% / 361 );
				}
			}
			> li:nth-child( 4 ){
				details{
					top : calc( 152 * var( --remBase ) );
					left : calc( 134 * 100% / 361 );
				}
			}
			> li:nth-child( 5 ){
				details{
					top : calc( 283 * var( --remBase ) );
					left : calc( 194 * 100% / 361 );
				}
			}
			> li:nth-child( 6 ){
				details{
					top : calc( 202 * var( --remBase ) );
					left : calc( 80 * 100% / 361 );
				}
			}
			> li:nth-child( 7 ){
				details{
					top : calc( 240 * var( --remBase ) );
					left : 0;
				}
			}
			> li:nth-child( 8 ){
				details{
					top : calc( 305 * var( --remBase ) );
					left : calc( 104 * 100% / 361 );
				}
			}
			> li:nth-child( 9 ){
				details{
					bottom : 0;
					left : calc( 30 * 100% / 361 );
				}
			}
			ul{
				grid-template-columns : repeat( 3 , calc( 40 * var( --remBase ) ) );
				grid-auto-rows : calc( 22 * var( --remBase ) );
				row-gap : calc( 5 * var( --remBase ) );
				column-gap : calc( 5 * var( --remBase ) );
				padding-inline : calc( 9 * var( --remBase ) );
				margin-top : calc( 5 * var( --remBase ) );
			}
			a{
				font-size : calc( 14 * var( --remBase ) );
				border-radius : calc( 3 * var( --remBase ) );
				box-shadow : none;
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 82 * var( --remBase ) );
		padding-bottom : calc( 76 * var( --remBase ) );
		h2{
			column-gap : calc( 52 * var( --contentBase ) );
			&::before , &::after{
				height : calc( 91.3 * var( --remBase ) );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( -8 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
				}
			}
		}
		.lede{
			margin-top : calc( 44 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
			text-align : center;
		}
		.link{
			width : calc( 686 * var( --contentBase ) );
			height : calc( 789 * var( --remBase ) );
			margin-top : calc( 56 * var( --remBase ) );
			&::before{
				top : calc( 17 * var( --remBase ) );
				left : calc( 17 * 100% / 686 );
				height : calc( 700 * var( --remBase ) );
			}
		}
		details{
			padding-block : calc( 10.5 * var( --remBase ) );
			border-radius : calc( 5 * var( --remBase ) );
		}
		summary{
			column-gap : calc( 20 * var( --remBase ) );
			padding-inline : calc( 22 * var( --remBase ) );
			&::after{
				height : calc( 12.83 * var( --remBase ) );
			}
			span{
				font-size : calc( 26 * var( --remBase ) );
				line-height : calc( 39 / 26 );
			}
		}
		.link{
			> li:nth-child( 1 ){
				details{
					top : 0;
					left : calc( 217 * 100% / 686 );
				}
			}
			> li:nth-child( 3 ){
				details{
					top : calc( 395 * var( --remBase ) );
					right : calc( 38 * 100% / 686 );
				}
			}
			> li:nth-child( 4 ){
				details{
					top : calc( 289 * var( --remBase ) );
					left : calc( 255 * 100% / 686 );
				}
			}
			> li:nth-child( 5 ){
				details{
					top : calc( 538 * var( --remBase ) );
					left : calc( 369 * 100% / 686 );
				}
			}
			> li:nth-child( 6 ){
				details{
					top : calc( 384 * var( --remBase ) );
					left : calc( 152 * 100% / 686 );
				}
			}
			> li:nth-child( 7 ){
				details{
					top : calc( 456 * var( --remBase ) );
					left : 0;
				}
			}
			> li:nth-child( 8 ){
				details{
					top : calc( 580 * var( --remBase ) );
					left : calc( 198 * 100% / 686 );
				}
			}
			> li:nth-child( 9 ){
				details{
					bottom : 0;
					left : calc( 57 * 100% / 686 );
				}
			}
			ul{
				grid-template-columns : repeat( 3 , calc( 76 * var( --remBase ) ) );
				grid-auto-rows : calc( 42 * var( --remBase ) );
				row-gap : calc( 10 * var( --remBase ) );
				column-gap : calc( 10 * var( --remBase ) );
				padding-inline : calc( 16 * var( --remBase ) );
				margin-top : calc( 5 * var( --remBase ) );
			}
			a{
				font-size : calc( 24 * var( --remBase ) );
				border-radius : calc( 3 * var( --remBase ) );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#prefectures details::details-content{
		transition : width var( --transitionBase ) , height var( --transitionBase ) , content-visibility var( --transitionBase ) allow-discrete;
	}
}

/* --------------------------------------------
CTA04
--------------------------------------------- */
#cta04{
	@media screen and ( width <= 768px ){
		display : none;
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 46 * var( --remBase ) );
		background-color : #fffffb;
	}
}

/* --------------------------------------------
FAQ
--------------------------------------------- */
#faq{
	.box{
		margin-inline : auto;
		background-color : #fefffa;
		outline : solid var( --green ) calc( 2 * var( --remBase ) );
		outline-offset : calc( -2 * var( --remBase ) );
	}
	.lede{
		font-weight : 700;
		strong{
			font-weight : 700;
			color : var( --red );
		}
	}
	.box{
		margin-inline : auto;
	}
	details + details{
		border-top : calc( 2 * var( --remBase ) ) dotted var( --green );
	}
	summary{
		display : grid;
		grid-template-columns : auto 1fr;
		align-items : start;
		&::before{
			display : grid;
			place-items : center;
			width : auto;
			aspect-ratio : 1;
			padding-bottom : calc( 1em / 9 );
			font-family : Barlow , sans-serif;
			font-weight : 700;
			color : white;
			content : "Q";
			background-color : var( --green );
			border-radius : 50%;
		}
		span{
			font-weight : 700;
		}
	}
	.detailContent{
		display : grid;
		grid-template-columns : auto 1fr;
		align-items : start;
		&::before{
			display : grid;
			place-items : center;
			width : auto;
			aspect-ratio : 1;
			padding-bottom : calc( 1em / 9 );
			font-family : Barlow , sans-serif;
			font-weight : 700;
			color : var( --green );
			content : "A";
			background-color : #ffe;
			border-radius : 50%;
			outline : solid calc( 2 * var( --remBase ) ) var( --green );
			outline-offset : calc( -2 * var( --remBase ) );
		}
	}
	.link01{
		margin-inline : auto;
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 40 * var( --remBase ) );
		h2{
			> span{
				display : block;
				font-weight : 800;
				color : var( --green );
				text-align : center;
				&:nth-of-type( 1 ){
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 27 / 18 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 4 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
				}
			}
			&::after{
				display : block;
				width : calc( 34 * var( --viewportBase ) );
				height : calc( 3 * var( --remBase ) );
				margin-inline : auto;
				margin-top : calc( 29 * var( --remBase ) );
				font-size : 0;
				content : "";
				background-color : var( --green );
				border-radius : 100vmax;
			}
		}
		.lede{
			padding-inline : calc( 20 * var( --viewportBase ) );
			margin-top : calc( 27 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 22 / 14 );
		}
		.box{
			width : calc( 338 * var( --viewportBase ) );
			padding-inline : calc( 14 * var( --viewportBase ) );
			padding-top : calc( 6 * var( --remBase ) );
			padding-bottom : calc( 4 * var( --remBase ) );
			margin-top : calc( 14 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) );
		}
		details + details{
			margin-top : calc( 6 * var( --remBase ) );
		}
		details{
			padding-block : calc( 24 * var( --remBase ) );
		}
		summary{
			column-gap : calc( 16 * 100% / 310 );
			&::before{
				height : calc( 30 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
			}
			span{
				margin-top : calc( 3 * var( --remBase ) );
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
			}
		}
		.detailContent{
			column-gap : calc( 16 * 100% / 310 );
			padding-top : calc( 10 * var( --remBase ) );
			&::before{
				height : calc( 30 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
			}
			> div{
				font-size : calc( 14 * var( --remBase ) );
				line-height : calc( 20 / 14 );
			}
		}
		.link01{
			width : calc( 228 * var( --contentBase ) );
			margin-top : calc( 30 * var( --remBase ) );
			&::after{
				right : calc( 17.5 * 100% / 228 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 76 * var( --remBase ) );
		padding-bottom : calc( 76 * var( --remBase ) );
		h2{
			align-content : center;
			height : calc( 145 * var( --remBase ) );
			background-color : var( --green );
			span:not( .is-sp ){
				display : block;
				font-size : calc( 50 * var( --remBase ) );
				font-weight : 800;
				color : white;
				text-align : center;
				border-radius : 50%;
			}
		}
		.lede{
			margin-top : calc( 67 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 35 / 22 );
			text-align : center;
		}
		.box{
			width : calc( 984 * var( --viewportBase ) );
			padding-inline : calc( 33 * var( --viewportBase ) );
			padding-bottom : calc( 2 * var( --remBase ) );
			margin-top : calc( 71 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) );
		}
		details + details{
			margin-top : calc( 2 * var( --remBase ) );
		}
		details{
			padding-block : calc( 30 * var( --remBase ) );
		}
		summary{
			column-gap : calc( 34 * 100% / 918 );
			&::before{
				height : calc( 64 * var( --remBase ) );
				font-size : calc( 40 * var( --remBase ) );
			}
			span{
				margin-top : calc( 14 * var( --remBase ) );
				font-size : calc( 24 * var( --remBase ) );
				line-height : calc( 36 / 24 );
			}
		}
		.detailContent{
			column-gap : calc( 34 * 100% / 918 );
			padding-top : calc( 34 * var( --remBase ) );
			padding-bottom : calc( 16 * var( --remBase ) );
			&::before{
				height : calc( 64 * var( --remBase ) );
				font-size : calc( 40 * var( --remBase ) );
			}
			> div{
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 30 / 18 );
			}
		}
		.link01{
			width : calc( 450 * var( --viewportBase ) );
			margin-top : calc( 85 * var( --remBase ) );
			&::after{
				right : calc( 25.65 * 100% / 450 );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#faq details::details-content{
		transition : height var( --transitionBase ) , content-visibility var( --transitionBase ) allow-discrete;
	}
}

/* --------------------------------------------
CHECK
--------------------------------------------- */
#check{
	background-color : var( --lightGreen );
	h2{
		position : relative;
		overflow-x : clip;
		&::before{
			position : absolute;
			display : block;
			width : auto;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
		> span{
			display : block;
			text-align : center;
			&:nth-of-type( 1 ){
				position : relative;
				align-content : center;
				margin-inline : auto;
				font-weight : 700;
				color : white;
				text-align : center;
				background-color : var( --green );
				border-radius : 100vmax;
				&::after{
					position : absolute;
					top : 100%;
					left : 50%;
					display : block;
					content : "";
					background-color : var( --green );
					translate : -50% 0;
				}
			}
			&:nth-of-type( 2 ){
				font-weight : 800;
				color : #616161;
			}
			&:nth-of-type( 3 ){
				font-weight : 800;
				color : var( --green );
			}
		}
	}
	.box{
		margin-inline : auto;
		background-color : white;
		outline : solid 1px #d9d9d9;
		outline-offset : -1px;
	}
	details + details{
		border-top : solid 1px #d9d9d9;
	}
	summary{
		display : grid;
		align-items : start;
		&::before{
			display : block;
			width : auto;
			aspect-ratio : 100.35 / 100;
			font-size : 0;
			content : "";
			background : url( "../images/ui/icon/check02.svg" ) left top / contain no-repeat;
		}
		span{
			font-weight : 800;
			color : var( --green );
		}
		&::after{
			display : block;
			aspect-ratio : 13.3/14.4;
			clip-path : polygon( 0 0 , 100% 0 , 50% 100% );
			font-size : 0;
			content : "";
			background-color : #d9d9d9;
		}
	}
	details[open] summary::after{
		rotate : -180deg;
	}
	label{
		display : grid;
		grid-auto-flow : column;
		align-items : start;
		justify-content : start;
		font-weight : 700;
		color : #616161;
	}
	input[type="checkbox"]{
		accent-color : var( --green );
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 40 * var( --remBase ) );
		padding-bottom : calc( 38 * var( --remBase ) );
		h2{
			z-index : 0;
			padding-bottom : calc( 3 * var( --remBase ) );
			&::after{
				position : absolute;
				bottom : 0;
				z-index : -1;
				display : block;
				width : 100%;
				height : calc( 6 * var( --remBase ) );
				font-size : 0;
				content : "";
				background-color : var( --yellow );
			}
			&::before{
				bottom : 0;
				left : 0;
				z-index : -2;
				height : calc( 128 * var( --remBase ) );
				aspect-ratio : 372/128;
				background-image : url( "../images/ihinseiri/prefecture/check/bg_sp.webp" );
			}
			> span{
				&:nth-of-type( 1 ){
					width : calc( 108 * var( --viewportBase ) );
					height : calc( 26 * var( --remBase ) );
					font-size : calc( 16 * var( --remBase ) );
					&::after{
						width : calc( 2 * 100% / 108 );
						height : calc( 12 * var( --remBase ) );
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 14 * var( --remBase ) );
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
				}
				&:nth-of-type( 3 ){
					margin-top : calc( 4 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
				}
			}
		}
		.box{
			width : calc( 350 * var( --viewportBase ) );
			padding-block : calc( 18 * var( --remBase ) );
			padding-inline : calc( 16 * var( --viewportBase ) );
			margin-top : calc( 32 * var( --remBase ) );
			border-radius : calc( 12 * var( --remBase ) );
		}
		details{
			padding-block : calc( 18 * var( --remBase ) );
		}
		summary{
			grid-template-columns : auto  calc( 8 * 100% / 318 ) 1fr calc( 8 * 100% / 318 ) auto;
			padding-block : calc( 4 * var( --remBase ) );
			&::before{
				grid-row : 1;
				grid-column : 1;
				height : calc( 22 * var( --remBase ) );
				margin-top : calc( 1 * var( --remBase ) );
			}
			span{
				grid-row : 1;
				grid-column : 3;
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
			}
			&::after{
				grid-row : 1;
				grid-column : 5;
				height : calc( 11.25 * var( --remBase ) );
				margin-top : calc( 6.375 * var( --remBase ) );
			}
		}
		.detailContent{
			padding-top : calc( 12 * var( --remBase ) );
			padding-bottom : calc( 5 * var( --remBase ) );
		}
		ul{
			row-gap : calc( 21 * var( --remBase ) );
			padding-left : calc( 27 * 100% / 318 );
			&.column{
				display : grid;
				grid-template-columns : repeat( 2 , 1fr );
				row-gap : calc( 9 * var( --remBase ) );
			}
			&:not( .column ){
				> li + li{
					margin-top : calc( 9 * var( --remBase ) );
				}
			}
		}
		label{
			column-gap : calc( 9 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		input[type="checkbox"]{
			width : calc( 18 * var( --remBase ) );
			height : calc( 18 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 83 * var( --remBase ) );
		h2{
			height : calc( 319 * var( --remBase ) );
			padding-top : calc( 51 * var( --remBase ) );
			background-color : #fffffa;
			border-bottom : solid calc( 12 * var( --remBase ) ) var( --green );
			&::before{
				bottom : -1px;
				left : calc( 50% - ( ( 1281 - 754 )  ) * var( --viewportBase ) );
				height : calc( 250 * var( --remBase ) );
				aspect-ratio : 1023/250;
				background-image : url( "../images/ihinseiri/prefecture/check/bg_pc.webp" );
			}
			> span{
				&:nth-of-type( 1 ){
					width : calc( 195 * var( --viewportBase ) );
					height : calc( 50 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					&::after{
						width : calc( 3 * 100% / 190 );
						height : calc( 11 * var( --remBase ) );
					}
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 40 * var( --remBase ) );
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 3 ){
					margin-top : calc( -5 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
				}
			}
		}
		.box{
			width : calc( 980 * var( --viewportBase ) );
			padding-inline : calc( 28 * var( --viewportBase ) );
			padding-top : calc( 18 * var( --remBase ) );
			padding-bottom : calc( 2 * var( --remBase ) );
			margin-top : calc( 36 * var( --remBase ) );
			border-radius : calc( 12 * var( --remBase ) );
		}
		details{
			padding-block : calc( 17 * var( --remBase ) );
		}
		summary{
			grid-template-columns : calc( 14 * 100% / 924 ) auto  calc( 7 * 100% / 924 ) auto calc( 26 * 100% / 924 ) auto;
			justify-content : start;
			padding-block : calc( 6 * var( --remBase ) );
			&::before{
				grid-row : 1;
				grid-column : 2;
				height : calc( 28 * var( --remBase ) );
				margin-top : calc( 1 * var( --remBase ) );
			}
			span{
				grid-row : 1;
				grid-column : 4;
				font-size : calc( 20 * var( --remBase ) );
				line-height : calc( 30 / 20 );
			}
			&::after{
				grid-row : 1;
				grid-column : 6;
				height : calc( 14.4 * var( --remBase ) );
				margin-top : calc( 7.8 * var( --remBase ) );
			}
		}
		.detailContent{
			padding-top : calc( 16 * var( --remBase ) );
			padding-bottom : calc( 10 * var( --remBase ) );
		}
		ul{
			display : grid;
			row-gap : calc( 21 * var( --remBase ) );
			padding-left : calc( 27 * 100% / 924 );
			&.column{
				grid-template-columns : repeat( 4 , 1fr );
			}
			&:not( .column ){
				grid-template-columns : repeat( 2 , 1fr );
			}
		}
		label{
			column-gap : calc( 12 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 27 / 18 );
		}
		input[type="checkbox"]{
			width : calc( 27 * var( --remBase ) );
			height : calc( 27 * var( --remBase ) );
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#check summary::after{
		transition : rotate var( --transitionBase );
	}
	#check details::details-content{
		transition : height var( --transitionBase ) , content-visibility var( --transitionBase ) allow-discrete;
	}
}

/* --------------------------------------------
DONATION
--------------------------------------------- */
#donation{
	h2{
		> span{
			display : block;
			font-weight : 800;
			text-align : center;
		}
	}
	.lede{
		font-weight : 700;
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 33 * var( --remBase ) );
		background-color : white;
		h2{
			padding-top : calc( 50 * var( --remBase ) );
			padding-bottom : calc( 43 * var( --remBase ) );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
					color : #616161;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 1 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
					color : var( --green );
				}
			}
		}
		.box{
			margin-top : calc( 28 * var( --remBase ) );
		}
		.lede{
			padding-left : calc( 16 * var( --viewportBase ) );
			padding-right : calc( 21 * var( --viewportBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 83 * var( --remBase ) );
		h2{
			padding-top : calc( 50 * var( --remBase ) );
			padding-bottom : calc( 43 * var( --remBase ) );
			background-color : var( --green );
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
					color : white;
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 22 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 57 / 50 );
					color : var( --yellow );
				}
			}
		}
		.box{
			width : calc( 1022 * var( --viewportBase ) );
			margin-inline : auto;
			margin-top : calc( 65 * var( --remBase ) );
		}
		.lede{
			padding-left : calc( 28 * 100% / 1022 );
			padding-right : calc( 12 * 100% / 1022 );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 36 / 22 );
		}
	}
}
#donation01{
	background-color : #ffe;
	filter : drop-shadow( 0 calc( -3 * var( --remBase ) ) calc( 12 * var( --remBase ) ) color-mix( in srgb , #d9d9d9 33% , transparent ) );
	border-radius : calc( 25 * var( --remBase ) ) calc( 25 * var( --remBase ) ) 0 0;
	h3{
		font-weight : 800;
		color : #616161;
	}
	ul{
		display : grid;
		justify-content : space-between;
	}
	li{
		font-weight : 800;
		color : var( --green );
		text-align : center;
		&::before{
			display : block;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : center;
			background-size : cover;
		}
	}
	p{
		font-weight : 700;
		color : #3e3e3e;
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 21 * var( --remBase ) );
		padding-bottom : calc( 20 * var( --remBase ) );
		margin-top : calc( 18 * var( --remBase ) );
		h3{
			font-size : calc( 18 * var( --remBase ) );
			line-height : calc( 27 / 18 );
			text-align : center;
			&::after{
				display : block;
				width : calc( 125 * var( --viewportBase ) );
				height : 0;
				margin-inline : auto;
				font-size : 0;
				content : "";
				border-top : dashed calc( 4 * var( --remBase ) ) var( --yellow );
			}
		}
		ul{
			grid-template-columns : repeat( 4 , calc( 78 * 100% / 348 ) );
			padding-inline : calc( 13.5 * var( --viewportBase ) );
			margin-top : calc( 22 * var( --remBase ) );
		}
		li{
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			&::before{
				height : calc( 78 * var( --remBase ) );
				margin-bottom : calc( 4 * var( --remBase ) );
				border-radius : calc( 4 * var( --remBase ) );
			}
		}
		li:nth-child( 1 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0101_sp.webp" );
		}
		li:nth-child( 2 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0102_sp.webp" );
		}
		li:nth-child( 3 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0103_sp.webp" );
		}
		li:nth-child( 4 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0104_sp.webp" );
		}
		p{
			padding-inline : calc( 13.5 * var( --viewportBase ) );
			margin-top : calc( 17 * var( --remBase ) );
			font-size : calc( 13 * var( --remBase ) );
			line-height : calc( 20 / 13 );
		}
	}
	@media print , screen and ( width > 768px ){
		position : relative;
		padding-top : calc( 65 * var( --remBase ) );
		padding-bottom : calc( 29 * var( --remBase ) );
		padding-bottom : calc( 41 * var( --remBase ) );
		margin-top : calc( 97 * var( --remBase ) );
		h3{
			position : absolute;
			top : 0;
			left : 50%;
			align-content : center;
			width : calc( 432 * 100% / 1022 );
			height : calc( 67 * var( --remBase ) );
			font-size : calc( 28 * var( --remBase ) );
			text-align : center;
			background-color : #fffffb;
			border-radius : 100vmax;
			outline : solid 1px #d9d9d9;
			outline-offset : -1;
			translate : -50% -50%;
		}
		ul{
			grid-template-columns : repeat( 4 , calc( 212 * 100% / 948 ) );
			padding-inline : calc( 37 * 100% / 1022 );
		}
		li{
			font-size : calc( 24 * var( --remBase ) );
			line-height : calc( 36 / 24 );
			&::before{
				height : calc( 212 * var( --remBase ) );
				margin-bottom : calc( 11 * var( --remBase ) );
				border-radius : calc( 4 * var( --remBase ) );
			}
		}
		li:nth-child( 1 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0101_pc.webp" );
		}
		li:nth-child( 2 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0102_pc.webp" );
		}
		li:nth-child( 3 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0103_pc.webp" );
		}
		li:nth-child( 4 )::before{
			background-image : url( "../images/ihinseiri/prefecture/donation/img0104_pc.webp" );
		}
		p{
			padding-inline : calc( 37 * 100% / 1022 );
			margin-top : calc( 40 * var( --remBase ) );
			font-size : calc( 22 * var( --remBase ) );
			line-height : calc( 33 / 22 );
		}
	}
}
#donation02{
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : cover;
	box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	h3{
		align-content : center;
		margin-left : auto;
		font-weight : 700;
		color : #616161;
		text-align : center;
		background-color : #fffffb;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	ul{
		display : contents;
	}
	li{
		position : absolute;
		z-index : 1;
		filter : drop-shadow( 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent ) );
	}
	picture{
		width : 100%;
		height : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	p{
		position : relative;
		align-content : center;
		font-weight : 700;
		color : #616161;
		background-color : #fffffb;
		border-radius : 0 100vmax 100vmax 0;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
		&::before{
			position : absolute;
			bottom : 0;
			display : block;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	@media screen and ( width <= 768px ){
		height : calc( 393 * var( --remBase ) );
		padding-top : calc( 24 * var( --remBase ) );
		background-image : url( "../images/ihinseiri/prefecture/donation/bg_sp.webp" );
		h3{
			width : calc( 107 * var( --viewportBase ) );
			height : calc( 23 * var( --remBase ) );
			font-size : calc( 12 * var( --remBase ) );
			border-radius : 100vmax 0 0  100vmax;
		}
		li{
			width : calc( 106 * var( --viewportBase ) );
			height : calc( 106 * var( --remBase ) );
			&:nth-child( 1 ){
				top : calc( -6 * var( --remBase ) );
				left : calc( 19 * var( --viewportBase ) );
			}
			&:nth-child( 2 ){
				top : calc( 6 * var( --remBase ) );
				left : calc( 144 * var( --viewportBase ) );
			}
			&:nth-child( 3 ){
				top : calc( 70 * var( --remBase ) );
				right : calc( 7 * var( --viewportBase ) );
			}
			&:nth-child( 4 ){
				top : calc( 191 * var( --remBase ) );
				right : calc( 7 * var( --viewportBase ) );
			}
			&:nth-child( 5 ){
				bottom : calc( 39 * var( --remBase ) );
				left : calc( 144 * var( --viewportBase ) );
			}
			&:nth-child( 6 ){
				bottom : calc( 20 * var( --remBase ) );
				left : calc( 19 * var( --viewportBase ) );
			}
		}
		p{
			width : calc( 308 * var( --viewportBase ) );
			height : calc( 118 * var( --remBase ) );
			padding-left : calc( 78 * var( --viewportBase ) );
			margin-top : calc( 83 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			&::before{
				left : 0;
				height : calc( 122 * var( --remBase ) );
				aspect-ratio : 72/122;
				background-image : url( "../images/ihinseiri/prefecture/donation/bg01_sp.webp" );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		height : calc( 778 * var( --remBase ) );
		padding-top : calc( 47 * var( --remBase ) );
		background-image : url( "../images/ihinseiri/prefecture/donation/bg_pc.webp" );
		h3{
			width : calc( 290 * 100% / 1022 );
			height : calc( 46 * var( --remBase ) );
			font-size : calc( 30 * var( --remBase ) );
			border-radius : calc( 13 * var( --remBase ) ) 0 0  calc( 13 * var( --remBase ) );
		}
		li{
			width : calc( 288 * 100% / 1022 );
			height : calc( 210 * var( --remBase ) );
			&:nth-child( 1 ){
				top : calc( -12 * var( --remBase ) );
				left : calc( 52 * 100% / 1022 );
			}
			&:nth-child( 2 ){
				top : calc( 12 * var( --remBase ) );
				left : calc( 392 * 100% / 1022 );
			}
			&:nth-child( 3 ){
				top : calc( 138 * var( --remBase ) );
				right : calc( 20 * 100% / 1022 );
			}
			&:nth-child( 4 ){
				top : calc( 378 * var( --remBase ) );
				right : calc( 20 * 100% / 1022 );
			}
			&:nth-child( 5 ){
				bottom : calc( 77 * var( --remBase ) );
				left : calc( 392 * 100% / 1022 );
			}
			&:nth-child( 6 ){
				bottom : calc( 39 * var( --remBase ) );
				left : calc( 52 * 100% / 1022 );
			}
		}
		p{
			width : calc( 840 * 100% / 1022 );
			height : calc( 234 * var( --remBase ) );
			padding-left : calc( 212 * 100% / 1022 );
			margin-top : calc( 164 * var( --remBase ) );
			font-size : calc( 30 * var( --remBase ) );
			line-height : calc( 45 / 30 );
			&::before{
				left : calc( 22 * 100% / 840 );
				height : calc( 282 * var( --remBase ) );
				aspect-ratio : 167/282;
				background-image : url( "../images/ihinseiri/prefecture/donation/bg01_pc.webp" );
			}
		}
	}
}

/* --------------------------------------------
COLUMN
--------------------------------------------- */
#column{
	background-color : #fffffb;
	h2{
		span{
			display : block;
			font-weight : 800;
			text-align : center;
			&:nth-of-type( 1 ){
				color : #616161;
			}
			&:nth-of-type( 2 ){
				color : var( --green );
			}
		}
	}
	ul{
		display : grid;
	}
	li , article , li a{
		display : grid;
		grid-template-rows : subgrid;
		grid-row : span 5;
	}
	li a{
		position : relative;
		background-color : white;
		box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
	}
	picture{
		width : 100%;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.category{
		position : absolute;
		left : 0;
		align-content : center;
		width : fit-content;
		color : var( --green );
		text-align : center;
		background-color : white;
	}
	time{
		color : #616161;
	}
	.author{
		margin-inline : auto;
		font-weight : 700;
		color : #616161;
		border-bottom : solid 1px #d9d9d9;
	}
	h3{
		font-weight : 800;
		color : #3e3e3e;
	}
	.more{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : end;
		width : fit-content;
		margin-left : auto;
		font-weight : 700;
		color : #616161;
		&::after{
			display : block;
			width : auto;
			aspect-ratio : 8.33/7.19;
			clip-path : polygon( 0 0 , 100% 50% , 0 100% );
			font-size : 0;
			content : "";
			background-color : var( --green );
		}
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 30 * var( --remBase ) );
		padding-bottom : calc( 46 * var( --remBase ) );
		h2{
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 3 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
					&::after{
						display : block;
						width : calc( 51 * var( --viewportBase ) );
						height : calc( 5 * var( --remBase ) );
						margin-inline : auto;
						margin-top : calc( 24 * var( --remBase ) );
						content : "";
						background-color : #d9d9d9;
						border-radius : 100vmax;
					}
				}
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 162 * 100% / 342 ) );
			row-gap : calc( 23 * var( --remBase ) );
			justify-content : center;
			justify-content : space-between;
			padding-inline : calc( 16.5 * var( --viewportBase ) );
			margin-top : calc( 40 * var( --remBase ) );
		}
		li , article , li a{
			row-gap : 0;
		}
		li a{
			padding-bottom : calc( 12 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) );
		}
		picture{
			height : calc( 99 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
		}
		.category{
			top : calc( ( 99 - 23 ) * var( --remBase ) );
			min-width : calc( 64 * 100% / 162 );
			height : calc( 23 * var( --remBase ) );
			padding-inline : calc( 2 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			border-radius : 0 calc( 7 * var( --remBase ) ) 0 0;
		}
		time{
			padding-inline : calc( 9 * 100% / 222 );
			margin-top : calc( 10 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 15 / 10 );
		}
		.author{
			width : calc( 144 * 100% / 162 );
			padding-bottom : calc( 4 * var( --remBase ) );
			margin-top : calc( -1 * var( --remBase ) );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 15 / 10 );
		}
		h3{
			padding-inline : calc( 9 * 100% / 162 );
			margin-top : calc( 10 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 16 / 14 );
		}
		.more{
			column-gap : calc( 5 * var( --remBase ) );
			margin-top : calc( 10 * var( --remBase ) );
			margin-right : calc( 9 * 100% / 162 );
			font-size : calc( 10 * var( --remBase ) );
			line-height : calc( 16 / 10 );
			&::after{
				height : calc( 5.25 * var( --remBase ) );
			}
		}
		.link01{
			width : calc( 228 * var( --viewportBase ) );
			margin-top : calc( 37 * var( --remBase ) );
			&::after{
				right : calc( 15 * 100% / 228 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 80 * var( --remBase ) );
		h2{
			height : calc( 205 * var( --remBase ) );
			padding-top : calc( 55 * var( --remBase ) );
			padding-bottom : calc( 34 * var( --remBase ) );
			background : url( "../images/ihinseiri/prefecture/column/bg_pc.webp" ) center / auto 100% repeat-x;
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( -6 * var( --remBase ) );
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
				}
			}
		}
		ul{
			grid-template-columns : repeat( 4 , calc( 222 * var( --contentBase ) ) );
			column-gap : calc( 25 * var( --contentBase ) );
			justify-content : center;
			margin-top : calc( 69 * var( --remBase ) );
		}
		li a{
			padding-bottom : calc( 13 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) );
		}
		picture{
			height : calc( 136 * var( --remBase ) );
			border-radius : calc( 10 * var( --remBase ) ) calc( 10 * var( --remBase ) ) 0 0;
		}
		.category{
			top : calc( ( 136 - 32 ) * var( --remBase ) );
			min-width : calc( 88 * 100% / 222 );
			height : calc( 32 * var( --remBase ) );
			padding-inline : calc( 9 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
			border-radius : 0 calc( 7 * var( --remBase ) ) 0 0;
		}
		time{
			padding-inline : calc( 12 * 100% / 222 );
			margin-top : calc( 14 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		.author{
			width : calc( 198 * 100% / 222 );
			padding-bottom : calc( 4 * var( --remBase ) );
			margin-top : calc( -2 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			line-height : calc( 21 / 14 );
		}
		h3{
			padding-inline : calc( 12 * 100% / 222 );
			margin-top : calc( 13 * var( --remBase ) );
			font-size : calc( 20 * var( --remBase ) );
			line-height : calc( 26 / 20 );
		}
		.more{
			column-gap : calc( 7 * var( --remBase ) );
			margin-top : calc( 8 * var( --remBase ) );
			margin-right : calc( 12 * 100% / 222 );
			font-size : calc( 12 * var( --remBase ) );
			line-height : calc( 16 / 12 );
			&::after{
				height : calc( 7.19 * var( --remBase ) );
			}
		}
		.link01{
			width : calc( 450 * var( --viewportBase ) );
			margin-top : calc( 69 * var( --remBase ) );
			&::after{
				right : calc( 25 * 100% / 450 );
			}
		}
	}
}

/* --------------------------------------------
SNS
--------------------------------------------- */
#sns{
	h2{
		background-color : white;
		border-block : solid calc( 2 * var( --remBase ) ) var( --green );
		> span{
			font-weight : 700;
			text-align : center;
			&:nth-of-type( 1 ){
				grid-row : 1;
				grid-column : 2;
				color : #616161;
			}
			&:nth-of-type( 2 ){
				grid-row : 2;
				grid-column : 2;
				color : var( --green );
			}
		}
	}
	ul{
		display : grid;
		justify-content : center;
	}
	li{
		width : 100%;
		height : 100%;
	}
	a{
		display : grid;
		grid-template-columns : 1fr auto;
		align-items : center;
		width : 100%;
		height : 100%;
		background-color : white;
		> span{
			font-weight : 700;
			color : #616161;
			text-align : center;
		}
		&::after{
			display : block;
			width : auto;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : 0 0;
			background-size : contain;
		}
	}
	li:nth-child( 1 ) a::after{
		aspect-ratio : 1;
		background-image : url( "../images/ui/sns/instagram.webp" );
	}
	li:nth-child( 2 ) a::after{
		aspect-ratio : 1;
		background-image : url( "../images/ui/sns/line02.svg" );
	}
	li:nth-child( 3 ) a::after{
		aspect-ratio : 97.85 / 100;
		background-image : url( "../images/ui/sns/x.svg" );
	}
	li:nth-child( 4 ) a::after{
		aspect-ratio : 1;
		background-image : url( "../images/ui/sns/facebook.svg" );
	}
	li:nth-child( 5 ) a::after{
		aspect-ratio : 1;
		background-image : url( "../images/ui/sns/note.svg" );
	}
	li:nth-child( 6 ) a::after{
		aspect-ratio : 114.57 / 100;
		background-image : url( "../images/ui/sns/bp.svg" );
	}
	@media screen and ( width <= 768px ){
		padding-top : calc( 41 * var( --remBase ) );
		padding-bottom : calc( 40 * var( --remBase ) );
		background : url( "../images/ihinseiri/prefecture/sns/bg_sp.webp" ) left top / 100% auto repeat-y;
		h2{
			padding-top : calc( 11 * var( --remBase ) );
			padding-bottom : calc( 15 * var( --remBase ) );
			> span{
				display : block;
				text-align : center;
				&:nth-of-type( 1 ){
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 24 / 16 );
				}
				&:nth-of-type( 2 ){
					margin-top : calc( 3 * var( --remBase ) );
					font-size : calc( 24 * var( --remBase ) );
					line-height : calc( 36 / 24 );
				}
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 165 * var( --contentBase ) ) );
			grid-auto-rows : calc( 80 * var( --remBase ) );
			row-gap : calc( 17 * var( --remBase ) );
			column-gap : calc( 16 * var( --contentBase ) );
			margin-top : calc( 39 * var( --remBase ) );
		}
		a{
			padding-right : calc( 9 * 100% / 165 );
			border-radius : calc( 23 * var( --remBase ) );
			box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
			&::after{
				height : calc( 40 * var( --remBase ) );
			}
			> span{
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 24 / 16 );
			}
			span span{
				font-size : calc( 12 * var( --remBase ) );
				line-height : calc( 18 / 12 );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-top : calc( 71 * var( --remBase ) );
		padding-bottom : calc( 77 * var( --remBase ) );
		background : url( "../images/ihinseiri/prefecture/sns/bg_pc.webp" ) center top repeat;
		h2{
			display : grid;
			grid-template-rows : auto auto;
			row-gap : calc( 2 * var( --remBase ) );
			column-gap : calc( 58 * var( --viewportBase ) );
			align-items : center;
			justify-content : center;
			padding-top : calc( 22 * var( --remBase ) );
			padding-bottom : calc( 19 * var( --remBase ) );
			&::before , &::after{
				display : block;
				grid-row : 1/-1;
				width : auto;
				height : calc( 91.3 * var( --remBase ) );
				aspect-ratio : 48 / 92;
				font-size : 0;
				content : "";
				background-repeat : no-repeat;
				background-position : center;
				background-size : contain;
			}
			&::before{
				background-image : url( "../images/ihinseiri/prefecture/sns/bg_title01.svg" );
			}
			&::after{
				background-image : url( "../images/ihinseiri/prefecture/sns/bg_title02.svg" );
			}
			> span{
				&:nth-of-type( 1 ){
					font-size : calc( 30 * var( --remBase ) );
					line-height : calc( 45 / 30 );
				}
				&:nth-of-type( 2 ){
					font-size : calc( 50 * var( --remBase ) );
					line-height : calc( 75 / 50 );
				}
			}
		}
		ul{
			grid-template-columns : repeat( 2 , calc( 428 * var( --contentBase ) ) );
			grid-auto-rows : calc( 127 * var( --remBase ) );
			row-gap : calc( 29 * var( --remBase ) );
			column-gap : calc( 42 * var( --contentBase ) );
			margin-top : calc( 57 * var( --remBase ) );
		}
		a{
			padding-right : calc( 34 * 100% / 428 );
			border-radius : calc( 23 * var( --remBase ) );
			box-shadow : 0 calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) color-mix( in sRGB , black 25% , transparent );
			&::after{
				height : calc( 80 * var( --remBase ) );
			}
			> span{
				font-size : calc( 30 * var( --remBase ) );
				line-height : calc( 45 / 30 );
			}
			span span{
				font-size : calc( 20 * var( --remBase ) );
				line-height : calc( 30 / 20 );
			}
		}
	}
}