@charset "UTF-8";

/* --------------------------------------------
MAIN VISUAL
--------------------------------------------- */
#top{
	@media screen and ( width <= 768px ){
		padding-inline : calc( 58 * var( --viewportBase ) );
	}
	@media print , screen and ( width > 768px ){
		padding-inline : var( --wrapPaddingInline );
	}
}
#mv{
	> p:not( .is-sp ){
		letter-spacing : .05em;
		&:nth-of-type( 1 ){
			font-weight : 700;
		}
	}
	@media screen and ( width <= 768px ){
		position : relative;
		padding-top : calc( 31 * var( --remBase ) );
		padding-bottom : calc( ( 30 - 5.5 ) * var( --remBase ) );
		h1{
			position : sticky;
			top : calc( var( --headerHeight ) + 31 * var( --remBase ) );
			width : fit-content;
			margin-inline : auto;
			img{
				height : calc( 212 * var( --remBase ) );
			}
		}
		> p{
			&:nth-of-type( 1 ){
				margin-top : calc( 98 * var( --remBase ) );
				font-size : calc( 36 * var( --remBase ) );
				line-height : calc( 64 / 36 );
			}
			&:nth-of-type( 2 ){
				margin-top : calc( 566 * var( --remBase ) );
				font-size : calc( 19 * var( --remBase ) );
				line-height : calc( 34 / 19 );
			}
			&:nth-of-type( 3 ){
				position : fixed;
				bottom : calc( 15 * var( --remBase ) );
				right : calc( 15 * var( --viewportBase ) );
				img{
					height : calc( 67 * var( --remBase ) );
				}
				&.is-scrolled{
					opacity : 0;
					translate : 0 -10%;
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		display : grid;
		grid-template-rows : auto 1fr;
		grid-template-columns : calc( 578 * var( --contentBase ) ) auto;
		row-gap : calc( 54 * var( --remBase ) );
		align-items : start;
		justify-content : space-between;
		padding-top : calc( 142 * var( --remBase ) );
		padding-bottom : calc( ( 86 - 2.5 ) * var( --remBase ) );
		h1{
			grid-row : 1/-1;
			grid-column : 2;
			align-self : start;
			img{
				height : calc( 353.02 * var( --remBase ) );
			}
		}
		> p{
			&:nth-of-type( 1 ){
				grid-row : 1;
				grid-column : 1;
				font-size : calc( 40 * var( --remBase ) );
				line-height : 1.6;
			}
			&:nth-of-type( 2 ){
				grid-row : 2;
				grid-column : 1;
				font-size : calc( 27 * var( --remBase ) );
				line-height : calc( 46 / 27 );
			}
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	@media screen and ( width <= 768px ){
		#mv p.is-sp{
			transition : translate .3s linear , opacity .3s linear;
		}
	}
}

/* --------------------------------------------
TITLE
--------------------------------------------- */
.title01{
	padding-block : calc( 10 * var( --remBase ) );
	font-weight : 500;
	letter-spacing : .1em;
	@media screen and ( width <= 768px ){
		font-size : calc( 24 * var( --remBase ) );
		line-height : calc( 29 / 24 );
	}
	@media print , screen and ( width > 768px ){
		font-size : calc( 36 * var( --remBase ) );
		line-height : calc( 43 / 36 );
	}
}