@charset "utf-8";


/* ------------------------------------------------------------------------------------------------
* RESPONSIVE
* ------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1399px) {}



/* END RESPONSIVE 979px */


@media screen and (max-width:767px) {

	.u-inner {
		max-width: 1080px;
		margin: 40px auto;
		padding: 20px;
	}

	/*Main Visual*/
	.l-mv {
		margin-top: 0;
		background-image: url(../../img/position/kv-01@mobile.jpg);
	}

	.l-mv-copy__en {
		font-size: 5rem;
	}

	.l-mv-copy__jp {
		font-size: 1.1rem;
		width: 150px;
	}

	.l-section{
		margin-bottom: 4.0rem;
	}

	.l-container{
		padding: 7.8% 4.2%;
	}
	.l-attent{
		font-size: 10px;
	}

	/* //////////////////////////////////////////////////

	////////////////////////////////////////////////// */
	.leadcont .l-section{
		padding-top: 6.4%;
	}

	.leadcont .l-container{
		padding: 7.8% 4.2%;
	}

	.leadcont .l-background{
		width: 62.0%;
	}

	.leadcont .l-background .caption{
		display: none;
	}

	.leadcont .l-background .kome{
		position: absolute;
		z-index: 1;
		top: 1em;
		right: 1em;
		font-size: 1.0rem;
	}

	.leadcont .l-read_wrap{
		width: 100%;
		margin-bottom: 5%;
	}

	.leadcont .l-read_wrap .l-title{
		margin-bottom: .8em;
		font-size: 20px;
	}

	.leadcont .l-read_wrap .l-attent{
		letter-spacing: -.05em;
	}

	.leadcont .l-images{
		grid-template-columns: 1fr;
		gap: 2em;
	}

	.leadcont .l-images .legend{
		padding-top: 1em;
	}

	.leadcont .l-images .legend img{
		width: 94%;
	}

	/* //////////////////////////////////////////////////

	////////////////////////////////////////////////// */

	.l-sec_ttl{
		grid-template-columns: 1fr;
		justify-content: center;
		gap: .2em;
		margin-bottom: 4.8vw;
		text-align: center;
		line-height: 1.8;
		font-size: 4.8vw;
	}

	.l-sec_ttl::before{
		content: none;
	}



	.section_01 .l-images{
		grid-template-columns: 1fr;
		gap: 2em 0;
		margin-bottom: 2em;
	}

	.section_01 .l-images .span1{
		grid-area: 2 / 1 / 3 / 2;
	}
	.section_01 .l-images .span2{
		grid-area: 1 / 1 / 2 / 2;
		text-align: center;
	}
	.section_01 .l-images .span3{
		grid-area: 3 / 1 / 4 / 2;
		padding: 0 1em;
	}
	.section_01 .l-images .span4{
		grid-area: 4 / 1 / 5 / 2;
		padding: 0 1em;
	}

	.section_02 .l-section{
		margin-bottom: 0;
	}

	.section_02 .l-note{
		margin-bottom: 2em;
		text-align: center;
	}

	.section_02 .l-images{
		width: 100%;
		margin-bottom: 2em;
	}
	
	.u-note .u-inner{
		margin: auto;
		padding: 40px 20px;
	}

}


/* END RESPONSIVE 767px */

@media screen and (max-width:374px) {}

/* END RESPONSIVE 374px */
@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */
@media print {}

/* END PRINT */
