@charset "UTF-8";

/* --------------------------------------------
MAIN VISUAL
--------------------------------------------- */
#mv{
	width : 100%;
	height : auto;
}

/* --------------------------------------------
CTA
--------------------------------------------- */
#cta{
	color : white;
	background-position : center top;
	background-size : cover;
}
#cta h2{
	border-block-color : #000000;
}
#cta .box > dl a{
	color : white;
}
@media screen and ( width <= 750px ){
	#cta{
		padding-block : calc( 40 var( --remBase ) );
		background-repeat : no-repeat;
		background-size : cover;
		background: var( --yellow );
		color: #000;
	}
}
@media print , screen and ( width > 750px ){
	#cta{
		padding-block : calc( 80 var( --remBase ) );
		background-repeat : repeat-x;
		background-size : auto 100%;
		background: var( --yellow );
		color: #000;
	}
}
.cta h2{
	border-block-style : solid;
	border-block-width : 1px;
	border-color: #000;
	font-weight : 800;
}
.cta p{
	font-weight : 700;
	line-height : 1.3;
	text-align : center;
	text-indent : .1em;
	letter-spacing : .1em;
}
.cta .box > dl{
	display : grid;
}
.cta .box > dl > dt{
	padding-right : .25em;
}
.cta .box > dl > dt , .cta .box > dl > dd:nth-of-type( 1 ){
	font-family : Inter , sans-serif;
	font-weight : 700;
}
.cta .box > dl > dd:nth-of-type( 2 ){
	font-weight : 500;
}
.cta .box > dl > dd:nth-of-type( 1 ) a{
	color: #000 !important;
}
	.cta dl dl{
	display : grid;
	align-items : baseline;
}
.cta dl dl ul{
	display : grid;
	grid-auto-flow : column;
	align-items : baseline;
}
.cta dl dl li + li::before{
	content : "、";
}
.cta dl dl dt:nth-of-type( n+2 ){
	padding-left : .25em;
}
.cta .box > ul{
	display : grid;
}
.cta .box > ul a{
	display : grid;
	align-items : center;
	width : 100%;
	height : 100%;
	font-weight : 700;
}
.cta .contact{
	/*--background-color : var( --yellow );--*/
	background: #000;
	color: #fff;
}
.cta .line{
	color : white;
	background-color : var( --green );
}
@media screen and ( width <= 750px ){
	.cta h2{
		padding-block : calc( 16 var( --remBase ) );
		font-size : 2.8rem;
		line-height : 1.4;
		text-align : center;
	}
	.cta h2 + p{
		margin-top : calc( 16 var( --remBase ) );
		font-size : 2rem;
	}
	.cta .box{
		margin-top : calc( 16 var( --remBase ) );
	}
	.cta .box > dl{
		display : grid;
		grid-template-columns : auto auto;
		row-gap : calc( 4 var( --remBase ) );
	}
	.cta .box > dl > dt , .cta .box > dl > dd:nth-of-type( 1 ){
		grid-row : 1;
		font-family : Inter , sans-serif;
		font-size : 3.6rem;
		font-weight : 700;
	}
	.cta .box > dl > dt{
		justify-self : end;
	}
	.cta .box > dl > dd:nth-of-type( 1 ){
		justify-self : start;
	}
	.cta .box > dl > dd:nth-of-type( 2 ){
		grid-row : 2;
		grid-column : 1/-1;
	}
	.cta dl dl{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
	}
	.cta dl dl dt , .cta dl dl dd{
		font-size : 1.2rem;
		font-weight : 500;
		line-height : 1.5;
	}
	.cta dl dl dt:nth-of-type( n+2 ){
		margin-left : .5em;
	}
	.cta dl dl ul{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : start;
	}
	.cta dl dl ul li + li::before{
		content : "、";
	}
	.cta .box > ul{
		grid-template-columns : calc( 235 var( --percentBase ) )  1fr;
		grid-auto-rows : calc( 80 var( --remBase ) );
		margin-top : calc( 16 var( --remBase ) );
	}
	.cta .contact{
		justify-content : center;
		font-size : 2.2rem;
	}
	.cta .line{
		justify-content : center;
		font-size : 1.8rem;
		line-height : 1.2;
	}
}
@media print , screen and ( width > 750px ){
	.cta h2{
		width : fit-content;
		padding-block : calc( 16 var( --remBase ) );
		margin-inline : auto;
		font-size : 6rem;
		line-height : 1.4;
	}
	.cta h2 span{
		font-size : 5rem;
		line-height : 1.4;
	}
	.cta h2 + p{
		margin-top : calc( 19 var( --remBase ) );
		font-size : 3.4rem;
	}
	.cta .box{
		display : grid;
		grid-template-columns : auto calc( 440 var( --percentBase ) );
		column-gap : calc( 17 var( --percentBase ) );
		align-items : start;
		justify-content : center;
		margin-top : calc( 12 var( --remBase ) );
	}
	.cta .box > dl{
		grid-template-columns : auto auto;
		row-gap : calc( 11 var( --remBase ) );
		align-items : start;
	}
	.cta .box > dl > dt , .cta .box > dl > dd:nth-of-type( 1 ){
		grid-row : 1;
		font-size : 4.6rem;
	}
	.cta .box > dl > dd:nth-of-type( 2 ){
		grid-row : 2;
		grid-column : 1/-1;
		font-size : 1.4rem;
		line-height : 1.5;
	}
	.cta dl dl{
		grid-auto-flow : column;
		justify-content : end;
	}
	.cta dl dl ul{
		justify-content : end;
	}
	.cta .box > ul{
		grid-template-columns : calc( 320 * 100% / 440 ) 1fr;
		grid-auto-rows : calc( 80 var( --remBase ) );
	}
	.cta .box > ul a{
		justify-content : center;
	}
	.cta .contact{
		font-size : 2.2rem;
		text-align : center;
		text-indent : .05em;
		letter-spacing : .05em;
	}
	.cta .line{
		font-size : 1.8rem;
	}
}