@charset "utf-8";
/* CSS Document */

/*main*/
#home main > section:first-of-type { margin-top: 0; }
#home main > div { margin-bottom: 75px; }
#mainArea { max-width:inherit; height:530px; padding-top:110px; box-sizing:border-box; position:relative; overflow: hidden; }
#mainArea .title1 { margin:0 auto; width:100%; max-width:1300px; position:relative; z-index:101;}
#mainArea .title1 svg{ position:relative; z-index:0;}
#mainArea .title1:before{ content:""; width:170px; height:170px; border-radius:85px; display:block; position:absolute; left:0; top:0; background-image: url(../img/svg_mapback.svg); background-size: 6px 6px; left:-85px; top:-85px;}
#mainArea .title1 span{ display:block; text-align:left; padding-top:25px;}

#mainArea .title1 svg,#mainArea .title1 span img{ width:500px; height:auto; }

#home .mainBg{ width:1600px; height:530px; position:absolute; left:50%; top:0; -webkit-transform: translateX(-50%); /* Safari用 */  -ms-transform: translateX(-50%); transform: translateX(-50%); 
background-image: url(../img/svg_mapback.svg); background-size: 6px 6px; background-position:center -1px;
} 
@media all and (-ms-high-contrast: none){
  #home .mainBg{ background-position: center 0; /* IE10以上 */ }
}
#home .mainBg:before{ content:""; background:url(../img/main_bg_l.png) no-repeat; background-position:center; width:100%; height:530px; display:block; box-sizing:border-box; position:absolute; right:0; top:0;}

@media screen and (max-width:1600px){
	#mainArea .title1{ margin:0 auto; width:100%; max-width:1000px;}
	#home .mainBg{ width:1300px;}
	#home .mainBg:before{ content:""; background:url(../img/main_bg_m.png) no-repeat; background-position:center;}

	#mainArea .title1 svg,#mainArea .title1 span img{ width:420px; height:auto; }
}
@media screen and (max-width: 1100px){
	header{ max-width:inherit; position:relative; z-index:100; }
	#home main > section:first-of-type{ margin-top:0;}
	#mainArea{ height:auto; padding-top:0;}
	#mainArea .title1{width:50%; display:block; position:absolute; left:50px; top:50%; -webkit-transform: translateY(-50%); /* Safari用 */  -ms-transform: translateY(-50%); transform: translateY(-50%); }
	#mainArea .title1:before{ content:""; width:100px; height:100px; border-radius:50px; left:-50px; top:-50px;}
	#mainArea .title1 svg{ left: 0%; }
	#mainArea .title1 svg, #mainArea .title1 span img{ width:100%;}
	
	#home .mainBg{width:100%;height: 0;padding-top: 90%; position:relative;}
	#home .mainBg:before{content:"";background:url(../img/main_bg_sp.png) no-repeat;background-position: center bottom;background-size:100%;height:100%;}
}
@media screen and (max-width:730px){
}
@media screen and (max-width: 600px){
	header{ max-width:inherit; position:relative; z-index:100; }
	
	#mainArea .title1{ width:46%; left:20px; top:59%;}
	#mainArea .title1:before{ content:""; width:60px; height:60px; border-radius:30px; left:-30px; top:-30px;}
	#mainArea .title1 span{ margin-top:10px; padding-top:20%; background:url(../img/svg_lead_sp.svg) no-repeat bottom center; background-size:contain; }
	#mainArea .title1 span img{ display:none;}
	#mainArea .title1 svg,#mainArea .title1 span img{ width:100%; height:auto; }
}