@charset "UTF-8";

/* --------------------------------------------
MAIN VISUAL
--------------------------------------------- */
#mvContentMore{
	p{
		color : var( --color02 );
		letter-spacing : .03em;
	}
	h3{
		font-weight : 700;
	}
	@media screen and ( width <= 780px ){
		&[aria-hidden="false"]{
			padding-top : calc( ( 24 - 5 - 5 - 17 ) var( --remBase ) );
		}
		.moreContents > p{
			font-size : 1.4rem;
			line-height : calc( 24 / 14 );
			+ section{
				margin-top : calc( ( 60 - 5 - 8.25 ) var( --remBase ) );
			}
		}
		section{
			+ section{
				margin-top : calc( ( 50 - 8.25 ) var( --remBase ) );
			}
			&:nth-of-type( odd ){
				picture{
					text-align : right;
					img{
						border-radius : calc( 15.61 var( --remBase ) ) 0  0 calc( 15.61 var( --remBase ) );
					}
				}
			}
			&:nth-of-type( even ){
				picture{
					img{
						border-radius : 0 calc( 15.61 var( --remBase ) ) calc( 15.61 var( --remBase ) ) 0;
					}
				}
			}
		}
		h3{
			font-size : 2.2rem;
			line-height : 1.75;
		}
		section p{
			margin-top : calc( ( 20 - 8.25 - 5 ) var( --remBase ) );
			font-size : 1.4rem;
			line-height : calc( 24 / 14 );
		}
		picture{
			margin-top : calc( ( 30 - 5 ) var( --remBase ) );
		}
		picture img{
			height : calc( 190 var( --remBase ) );
			overflow : hidden;
		}
	}
	@media print , screen and ( width > 780px ){
		.moreContents > p{
			width : calc( 1030 var( --percentBase ) );
			margin-inline : auto;
			font-size : 1.6rem;
			line-height : 1.5;
			+ section{
				margin-top : calc( ( 72 - 4 ) var( --remBase ) );
			}
		}
		section{
			display : grid;
			grid-template-rows : auto 1fr;
			row-gap : calc( ( ( 28 - 9 - 4 ) ) var( --remBase ) );
			align-items : start;
			+ section{
				margin-top : calc( 48 var( --remBase ) );
			}
			&:nth-of-type( odd ){
				grid-template-columns : calc( 30 var( --percentBase ) ) 1fr calc( 60 var( --percentBase ) ) calc( 450 var( --percentBase ) );
				picture{
					grid-column : 4;
					img{
						border-radius : calc( 20 var( --remBase ) ) 0 0 calc( 20 var( --remBase ) );
					}
				}
				h3{
					grid-column : 2;
				}
				p{
					grid-column : 2;
				}
			}
			&:nth-of-type( even ){
				grid-template-columns : calc( 450 var( --percentBase ) ) calc( 60 var( --percentBase ) ) 1fr calc( 30 var( --percentBase ) );
				picture{
					grid-column : 1;
					img{
						border-radius : 0 calc( 20 var( --remBase ) ) calc( 20 var( --remBase ) ) 0;
					}
				}
				h3{
					grid-column : 3;
				}
				p{
					grid-column : 3;
				}
			}
		}
		picture{
			grid-row : 1/-1;
		}
		h3{
			grid-row : 1;
			padding-top : calc( ( 42 - 9 ) var( --remBase ) );
			font-size : 2.4rem;
			line-height : 1.75;
		}
		section p{
			grid-row : 2/-1;
			font-size : 1.6rem;
			line-height : 1.5;
		}
	}
}

/* --------------------------------------------
RECRUITS
--------------------------------------------- */
#recruits{
	@media screen and ( width <= 780px ){
		padding-bottom : calc( ( 78 - 10 ) var( --remBase ) );
		.splide__track{
			margin-top : calc( ( 24 - 10 ) var( --remBase ) );
		}
		.link01{
			margin-top : calc( ( 30 - 2.5 ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 780px ){
		padding-bottom : calc( ( 100 - 5 ) var( --remBase ) );
		.splide__arrows{
			margin-top : calc( ( 50 - 5 ) var( --remBase ) );
		}
		.link01{
			margin-top : calc( ( 24 - 3.5 ) var( --remBase ) );
		}
	}
}

/* --------------------------------------------
CEO
--------------------------------------------- */
#ceo{
	p{
		color : var( --color02 );
		letter-spacing : .03em;
	}
	@media screen and ( width <= 780px ){
		padding-bottom : calc( ( 80 - 10 ) var( --remBase ) );
		.box{
			margin-top : calc( ( 32 - 10 ) var( --remBase ) );
		}
		picture{
			width : calc( 216 var( --percentBase ) );
			margin-inline : auto;
		}
		h3{
			margin-top : calc( ( 20 - 5 ) var( --remBase ) );
			font-size : 1.8rem;
			line-height : calc( 28 / 18 );
		}
		p{
			font-size : 1.4rem;
			line-height : calc( 24 / 14 );
		}
		h3 + p{
			margin-top : calc( ( 26 - 10 - 5 ) var( --remBase ) );
		}
		.more01{
			margin-top : calc( ( ( 10 - 5 ) ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 780px ){
		padding-bottom : calc( 100 var( --remBase ) );
		.box{
			display : grid;
			grid-template-columns : calc( 64 var( --percentBase ) ) calc( 240 var( --percentBase ) ) calc( 80 var( --percentBase ) ) calc( 735 var( --percentBase ) );
			align-items : start;
			margin-top : calc( 46 var( --remBase ) );
		}
		picture{
			grid-row : 1/-1;
			grid-column : 2;
		}
		.box > div{
			grid-row : 1/-1;
			grid-column : 4;
		}
		h3{
			padding-top : calc( ( 18 - 7.5 ) var( --remBase ) );
			font-size : 2.4rem;
			line-height : calc( 39 / 24 );
		}
		p{
			font-size : 1.6rem;
			line-height : 1.5;
		}
		h3 + p{
			margin-top : calc( ( 32 - 7.5 - 4 ) var( --remBase ) );
		}
		.more01{
			margin-top : calc( ( ( 20 - 4 ) ) var( --remBase ) );
		}
	}
}

/* --------------------------------------------
ACCESS
--------------------------------------------- */
#access{
	.title01{
		font-family : Arial , "Helvetica Neue" , Helvetica , sans-serif;
	}
	iframe{
		width : 100%;
	}
	dt{
		font-weight : 700;
	}
	dd{
		display : grid;
		align-items : start;
		justify-content : start;
		font-weight : 700;
		&::before{
			display : block;
			width : auto;
			margin-inline : auto;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : left center;
			background-size : contain;
		}
		&:nth-of-type( 1 ){
			&::before{
				aspect-ratio : 17/22.5881;
				background-image : url( "../../images/recruit/ui/icon/mappin.svg" );
			}
		}
		&:nth-of-type( 2 ){
			&::before{
				aspect-ratio : 1;
				background-image : url( "../../images/recruit/ui/icon/web.svg" );
			}
		}
	}
	@media screen and ( width <= 780px ){
		.box{
			margin-top : calc( ( 32 - 8.25 - 13.5 ) var( --remBase ) );
		}
		dt{
			font-size : 1.5rem;
			line-height : 2.8;
		}
		dd{
			grid-template-columns : calc( 18 var( --percentBase ) ) auto;
			column-gap : calc( 14 var( --percentBase ) );
			font-size : 1.4rem;
			line-height : 1.5;
		}
		dt + dd{
			margin-top : calc( ( 34 - 13.5 - 3.5 ) var( --remBase ) );
		}
		dd:nth-of-type( 1 ){
			&::before{
				height : calc( 22.0716 var( --remBase ) );
				margin-top : calc( -.5358 var( --remBase ) );
			}
		}
		dd:nth-of-type( 2 ){
			&::before{
				height : calc( 18 var( --remBase ) );
				margin-top : calc( 1.5 var( --remBase ) );
			}
		}
		dd + dd{
			margin-top : calc( ( 23 - 3.5 - 3.5 ) var( --remBase ) );
		}
		iframe{
			height : calc( 390 var( --remBase ) );
			margin-top : calc( ( 40 - 3.5 ) var( --remBase ) );
		}
	}
	@media print , screen and ( width > 780px ){
		padding-bottom : calc( 100 var( --remBase ) );
		.box{
			display : grid;
			grid-template-columns : 1fr calc( 503 * 100% / 1140 );
			align-items : start;
			padding-inline : calc( 30 var( --percentBase ) );
			margin-top : calc( 60 var( --remBase ) );
		}
		dl{
			grid-column : 1;
		}
		iframe{
			grid-column : 2;
		}
		dt{
			padding-top : calc( ( 20 - 12 ) var( --remBase ) );
			font-size : 1.8rem;
			line-height : calc( 42 / 18 );
		}
		dd{
			grid-template-columns : calc( 21 * 100% / 637 ) auto;
			column-gap : calc( 12 * 100% / 637 );
			font-size : 1.6rem;
			line-height : 1.5;
		}
		dt + dd{
			margin-top : calc( ( 46 - 12 - 4 ) var( --remBase ) );
		}
		dd:nth-of-type( 1 ){
			&::before{
				height : calc( 22.5881 var( --remBase ) );
				margin-top : calc( .70595 var( --remBase ) );
			}
		}
		dd:nth-of-type( 2 ){
			&::before{
				height : calc( 21 var( --remBase ) );
				margin-top : calc( 1.5 var( --remBase ) );
			}
		}
		dd + dd{
			margin-top : calc( ( 28 - 4 - 4 ) var( --remBase ) );
		}
		iframe{
			height : calc( 503 var( --remBase ) );
		}
	}
}