@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
#contentArea #main .logo{ display:block; position:absolute; left:50%; /*transform: translateX(-50%);*/}
#contentArea h2{  margin:0; padding:0; background:#0953A0; }
#contentArea h2 img{ display:block; margin:0 auto;}
#contentArea .section .copy{ display:block; clear:both; margin:0 auto; text-align:center; }
#contentArea .section section{ display:block; position:relative; clear:both; margin:0 auto; overflow:hidden; }
#contentArea .section section dl{ display:block; position:relative; overflow:hidden; margin:0; }
#contentArea .section section dl dt{ display:table; float:left; clear:left; margin:0; background:#0953A0; color:#FFF; font-weight:bold; border-bottom:1px #FFF solid; }
#contentArea .section section dl dt a{ display:table-cell; height:100%; vertical-align:middle; padding:0px 10px; color:#FFF; font-weight: bold;text-decoration: none;}
#contentArea .section section dl dt:first-child{ border-top:1px #0953A0 solid; }
#contentArea .section section dl dt:nth-last-child(2){ border-bottom:1px #0953A0 solid; }
#contentArea .section section dl dd dl dt{  border-right:1px #DCE4EB solid; background:#F3F8FC; color:#000; }
#contentArea .section section dl dd{ display:table; float:left; margin:0; border-bottom:1px #DCE4EB solid; border-right:1px #DCE4EB solid;}
#contentArea .section section dl dd dl dd{ border-right:none; }
#contentArea .section section dl dd a{ display:table-cell; height:100%; vertical-align:middle; padding:0px 20px; color:#000;text-decoration: none; }
#contentArea .section section dl dd:nth-child(2){ border-top:1px #DCE4EB solid; }
#contentArea .section section dl dd dl{ width:100%; position:relative; margin:0;}
#contentArea .section section dl dd dl dt:first-child{ border-top:none;}
#contentArea .section section dl dd dl dt:nth-last-child(2){ border-bottom:none; }
#contentArea .section section dl dd dl dd:nth-child(2){ border-top:none; }
#contentArea .section section dl dd dl dd:last-child{ border-bottom:none; }
#contentArea .section section div.image{ position:relative; }
#contentArea .section section div.image img{ display:block; }
#contentArea .section section dl dd dl dt{ width:25%;}

.mv-ttl{
	position:absolute;
	left:0;
	top:0;
	font-size:64px;
	color:#FFF;
	text-align:center;
	letter-spacing:2px;
}
.mv-ttl span{
	font-size:20px;
}

/******** PC用 ********/
@media screen and (min-width:980px){
	#contentArea #main{ height:900px;}
	#contentArea #main .logo{ top:35px; }
	#contentArea h2{  margin:20px auto;}
	#contentArea .section .copy{ margin:55px auto 60px auto; }
	#contentArea .section section dl{ float:right; margin-bottom:20px; }
	#contentArea .section section dl dt{ width:13em; }
	#contentArea .section section dl dt a{ padding-top:30px; padding-bottom:30px; }
	#contentArea .section section dl dd a{ padding-top:30px; padding-bottom:30px; }
	#contentArea .section section div.image{ float:left; clear:right; background-position:right bottom; background-repeat:no-repeat; background-size:cover!important; }
	#contentArea .section #section01 div.image02{ background-position:right center; }
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
	#contentArea #main{ height:770px; }
	#contentArea #main .logo{ top:40px; }
	#contentArea h2{  margin:0px auto 20px auto;}
	#contentArea h2 img{ display:block; margin:0 auto;}
	#contentArea .section .copy{ width:96%; margin:55px auto 80px auto; }
	#contentArea .section section dl{ width:96%; margin:0 auto 40px auto; }
	#contentArea .section section dl dt{ width: 30%;/*11em*/ }
	#contentArea .section section dl dt a{ padding-top:20px; padding-bottom:20px; }
	#contentArea .section section dl dd a{ padding-top:20px; padding-bottom:20px; }
	#contentArea .section section div.image{ width:96%; margin:0 auto;}
	#contentArea .section section div.image img{ width:100%; }
}

#contentArea #main h1{ 
	margin:0; 
	padding:0; 
	position:relative; 
	width: 100%;
}
#contentArea #main img{ 
	display:block; 
	position:absolute;
}
#contentArea .section{
	position:relative;
	margin:0 auto 5px auto; 
	overflow:hidden; 
	background:#FFF;
}
#contentArea #main{ 
	display:block; 
	overflow:hidden; 
	margin-bottom:5px; 
}

#contentArea #main{
	z-index:100!important;
}
#main h1{
	z-index:100!important;
}