@charset "UTF-8";

/* --------------------------------------------
MAIN VISUAL
--------------------------------------------- */
#mv{
	h2{
		font-weight : 700;
		text-align : center;
	}
	> p{
		color : var( --color02 );
		letter-spacing : .03em;
	}
	@media screen and ( width <= 780px ){
		padding-bottom : calc( 80 var( --remBase ) );
		h2{
			margin-top : calc( ( 30 - 10 ) var( --remBase ) );
			font-size : 2.2rem;
			line-height : calc( 34 / 22 );
		}
		> p{
			margin-top : calc( ( 30 - 6 - 5 ) var( --remBase ) );
			font-size : 1.4rem;
			line-height : calc( 24 / 14 );
		}
		.more01{
			margin-right : calc( 20 var( --viewportBase ) );
			&[aria-expanded="false"]{
				margin-top : calc( ( ( 12 - 5 ) ) var( --remBase ) );
			}
			&[aria-expanded="true"]{
				margin-top : calc( 12 var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 780px ){
		padding-bottom : calc( ( 100 - 5 ) var( --remBase ) );
		> picture{
			text-align : center;
			img{
				height : calc( 445 var( --remBase ) );
			}
		}
		h2{
			margin-top : calc( ( 65 - 10 ) var( --remBase ) );
			font-size : 4.4rem;
			line-height : calc( 64 / 44 );
		}
		> p{
			width : calc( 1030 var( --percentBase ) );
			margin-inline : auto;
			margin-top : calc( ( 55 - 10 - 4 ) var( --remBase ) );
			font-size : 1.6rem;
			line-height : 1.5;
		}
		.more01{
			margin-right : calc( 85 var( --percentBase ) );
			&[aria-expanded="false"]{
				margin-top : calc( ( ( 20 - 4 ) ) var( --remBase ) );
			}
			&[aria-expanded="true"]{
				margin-top : calc( 20 var( --remBase ) );
			}
		}
	}
}