@charset "utf-8";

/* TOP MV */

#main_visual_top { overflow:hidden; pointer-events:none; }
.main_visual_top_copy { text-align:center; position:absolute; width:100%; opacity:0; }
.main_visual_top_copy h2 { line-height:1.5; }
.main_visual_top_inner { position:relative; }
.main_visual_lines { position:relative; width:100%; }
.main_visual_line_a svg, .main_visual_line_b svg, .main_visual_line_c svg { width:100%; height:auto; }
.main_visual_line_a { position:absolute; z-index:2; }
.main_visual_line_a_plane { background:url(../img/top/mv/airplane02.svg) no-repeat center center; position:absolute; }
.main_visual_line_b { position:absolute; z-index:2; }
.main_visual_line_b_plane { background:url(../img/top/mv/airplane01.svg) no-repeat center center; position:absolute; }
.main_visual_line_b_copy { background:url(../img/top/mv/line_b_text.svg) no-repeat center center; position:absolute; top:0; left:0; z-index:3; opacity:0; }
.main_visual_line_c { position:absolute; z-index:2; }
.main_visual_line_c_plane { background:url(../img/top/mv/airplane01.svg) no-repeat center center; position:absolute; }
.main_visual_box1 { position:absolute; z-index:1; opacity:0; }
.main_visual_box2 { position:absolute; z-index:1; opacity:0; }

	@media print, screen and (min-width:1025px) {
		#main_visual_top { max-width:3844px; height:2500px; margin-top:-200px; margin-left:auto; margin-right:auto; margin-bottom:-1500px; }
		.main_visual_top_copy { top:280px; }
		.main_visual_top_copy h2 { font-size:42px; }
		.main_visual_top_inner { width:3844px; height:2500px; margin-left:calc((3844px - 100%) / 2 * -1); }
		.main_visual_lines { height:2500px; }
		.main_visual_line_a { width:2000px; height:2000px; top:-154px; left:-307px; }
		.main_visual_line_a_plane { width:220px; height:80px; top:-145px; left:-161px; }
		.main_visual_line_b { width:1200px; height:1200px; top:31px; left:1417px; }
		.main_visual_line_b_plane { width:220px; height:80px; top:-166px; left:-51px; }
		.main_visual_line_b_copy { width:1200px;height:1200px; }
		.main_visual_line_c { width:2000px; height:2500px; top:-118px; right: -156px; }
		.main_visual_line_c_plane { width:220px; height:80px; top:-121px; left:-76px; }
		.main_visual_box1 { width:1500px; height:1710px; top:0; left:-5px; background:url(../img/top/mv/bg01.svg) no-repeat left top; }
		.main_visual_box2 { width:2000px; height:2500px; top:-57px; right: -258px; background:url(../img/top/mv/bg02.svg) no-repeat left top; }
	}
	@media print, screen and (max-width:1024px) {
		#main_visual_top { height:150vw; margin-top:-100px; margin-bottom:-10vw; }
		.main_visual_top_copy { top:9vw; }
		.main_visual_top_copy h2 { font-size:30px; }
		.main_visual_line_a { width:179vw; height:186vw; top:-22vw; left:-157vw; }
		.main_visual_line_a svg,.main_visual_line_b svg, .main_visual_line_c svg{ width: 100%; height:100%; }
		.main_visual_line_a_plane { width:19vw; height:10vw; top:-10vw; left:-12vw; }
		.main_visual_line_b { width:107vw; height:105vw; top:-1vw; left:-2.3vw; }
		.main_visual_line_b_plane { width:19vw; height:10vw; top:-17vw; left:-3vw; }
		.main_visual_line_b_copy { width:100%; height:100%; }
		.main_visual_line_c { width:175vw; height:289vw; top:-50vw; left:50.2vw; }
		.main_visual_line_c_plane { width:19vw; height:10vw; top:-7vw; left:-3vw; }
		.main_visual_box1 { width:109vw; height:102vw; top:20vw; left:-83vw; background:url(../img/top/mv/bg01.svg) no-repeat left top / contain; }
		.main_visual_box2 { width: 127vw; height: 158vw; top: 22vw; left:58.2vw; background: url(../img/top/mv/bg02.svg) no-repeat left top / contain; }
	}


/* TOP RECRUIT SLIDER */

/* 新規追加 */


@media print, screen and (max-width:1024px) {
	.recruit_box{ flex-direction:column-reverse; }
	.recruit_fadeImages{ width:138vw; position:relative; left:1vw; margin-top:-40vw; margin-bottom:-38vw; }
	.recruit_plane{ width:8vw; top:-3.6%; left:-3%; }
}
@media print, screen and (min-width:1025px) {
	.recruit_fadeImages { width:149.8%; margin-top:-40%; margin-left:-44%; margin-right:-52%; margin-bottom:0; }
	.recruit_plane { width:6%; top:-3.2%; left:-3.6%; }
}
