@charset "utf-8";

header h1{left:50%;transform:translateX(-50%)}
.Subject ul li a{padding-top:75px;}
.Subject ul li a:before{width:100%;height:100%;background:none;background-repeat:no-repeat;background-position:50% 50% !important;background-size:contain;}
.Subject ul li:nth-child(1) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index01.png);}
.Subject ul li:nth-child(2) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index02.png);}
.Subject ul li:nth-child(3) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index03.png);}
.Subject ul li:nth-child(4) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index04.png);}
.Subject ul li:nth-child(5) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index05.png);}
.Subject ul li:nth-child(6) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index06.png);}
.Subject ul li:nth-child(7) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index07.png);}
.Subject ul li:nth-child(8) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index08.png);}
.Subject ul li:nth-child(9) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index09.png);}
.Subject ul li:nth-child(10) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index10.png);}
.Subject ul li:nth-child(11) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index11.png);}
.Subject ul li:nth-child(12) a:before{background-image:url(../../images/eRegionJipyo/main/ic_index12.png);}

@media all and (max-width:1280px){
	header h1{padding-top:35px;}
	header h1 a{width:180px;background-position-y:0;background-size:contain;}

	#Cont{padding-top:150px;}
	.Area,.Subject,.Theme{display:inline-block;box-sizing:border-box;}
	
	.Area{padding-left:20px;}

	.Subject{margin-right:33px;}
	.Subject ul li{width:calc(33.3333% - 17px);}
	.Subject ul li:nth-child(3n){margin-right:17px;}
	.BtnGo_table{width:calc(100% - 17px);}
}

@media all and (max-width:1200px){

	.Area{width:calc(100% - 550px);}
/* 	.Area svg{width:100%;height:auto;} */
	.Area svg{width:100%;}

	.Subject{width:410px;margin-right:0;margin-bottom:35px;padding-right:30px;}
	.Subject ul{display:flex;flex-wrap:wrap;width:100%;padding-left:10px;}
	.Subject ul li{width:calc(33.3333% - 10px);margin-right:10px;margin-bottom:10px;}
	.Subject ul li:nth-child(3n){margin-right:10px;}	
	.Subject ul li a{font-size:15px;letter-spacing:-1px;}

	.Theme ul li{float:none;width:100%;margin:0 0 10px;}

	.BtnGo_table{width:calc(100% - 10px);}
}

@media all and (max-width:1024px){
}

@media all and (max-width:1023px){
	body{background-size:contain;}
	#Cont h2 span{color:#e2e8f0 !important;}
	.Area,.Subject,.Theme{float:none;display:block;width:96%;margin:0 auto;}

	.Area{padding-left:0;}
	.Area .Svg{max-width:680px;margin:0 auto;padding-left:40px;}

	.Subject{margin-bottom:55px;padding-right:0;}
	.Subject ul{padding-left:5px;}
	.Subject ul li{width:calc(100%/6 - 6px);margin-bottom:5px;}
	.Subject ul li,.Subject ul li:nth-child(3n){margin-right:5px;}
	.Subject ul li a{font-size:14px;}
	.Subject ul li a:before{top:-3px;transform:scale(0.9)}
	.BtnGo_table{width:calc(100% - 10px);padding:0 80px;margin-left:5px;}

	.Theme ul{display:flex;width:100%;}
	.Theme ul li{width:116px;margin:0 5px 0 0;}

}

@media all and (max-width:800px){

}

@media all and (max-width:750px){
}

@media all and (max-width:640px){
	body{background-image:none}
	header h1{padding-top:15px;}
	header h1 a{width:100px;}

	#Cont{padding-top:70px;}
	#Cont h2{text-align:center;}
	.Area, .Subject, .Theme{width:100%;padding:20px 20px 0;border-top:1px dashed #3f5972;}

	.Subject ul li{width:calc(100%/4 - 5px);}
	.Subject ul li a{font-size:15px;}
}

@media all and (max-width:480px){
	.Area .Svg{padding-left:20px;}
	.Subject ul li,.Theme ul li{width:calc(100%/3 - 6px);}	
	.Theme ul{flex-wrap:wrap;padding-left:5px;}
	.Theme ul li{margin-bottom:5px;}
	.Theme ul li a{background-size:cover;}	
}

@media all and (max-width:375px){
	.Subject ul li,.Theme ul li{width:calc(100%/2 - 5px);}	
	.BtnGo_table{background-position-x:22%;}
}