@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
#contentArea #main .logo{ display:block; position:absolute; left:50%; /*transform: translateX(-50%);*/}
#contentArea h2{  margin:0; padding:0;}
#contentArea h2 img{ display:block; margin:0 auto;}
#contentArea .copy{ display:block; max-width:100%; text-align:center; padding:0; margin:0;}
#contentArea #section01 ol, #contentArea #section01 ul, #contentArea #section01 li{	list-style:none;	margin:0px;	padding:0px;}
#contentArea #section01 ul.contentMenu{ width:100% clear:both; overflow:hidden; }
#contentArea #section01 ul.contentMenu li{ display:block; float:left; }
#contentArea #section01 ul.contentMenu li a{ display:block; color:#0953A0; font-weight:bold; text-decoration:none; }
#contentArea #section01 ul.contentMenu li.on a, #contentArea #section01 ul.contentMenu li a:hover{  color:#FFF; background-color:#0953A0; }
#contentArea #section01 #list{ clear:both; position:relative; width:100%; overflow:hidden;  }
#contentArea #section01 #list section{ display:none; width:100%; }
#contentArea #section01 #list section#list_a{ display:block; }
#contentArea #section01 #list section h3{ padding:0; margin:0;  }
#contentArea #section01 #list section ul{ display:block; clear:both; width:100%; overflow:hidden; }
#contentArea #section01 #list section ul li{ display:block;  }
#contentArea #section01 #list section ul li span{ display:block; }

.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){
	.f50{
		font-size:36px;
		text-align:center;
	}
	#contentArea #main{ height:900px;}
	#contentArea #main .logo{ top:35px; }
	#contentArea h2{  margin:78px auto 40px auto;}
	#contentArea .copy{ padding-bottom:40px;}
	#contentArea #section01{ position:relative; max-width:980px; }
	#contentArea #section01 ul.contentMenu{ margin-bottom:30px; }
	#contentArea #section01 ul.contentMenu{padding-top:2px;}
	#contentArea #section01 ul.contentMenu li{ width:33%; border: 2px #0953A0 solid; margin-top:-2px; margin-left:-2px; }
	#contentArea #section01 ul.contentMenu li:nth-child(3n+1){ margin-left:0px; }
	#contentArea #section01 ul.contentMenu li a{ padding:20px 15px; background-position: right top;  background-repeat:no-repeat; background-size:contain;  }
	#contentArea #section01 #list section h3{ height:24px; padding-left:23px;  }
	#contentArea #section01 #list section ul{margin:20px 0 40px 0;  }
	#contentArea #section01 #list section ul li{ float:left; width:49%; }
	#contentArea #section01 #list section ul li:nth-child(odd){ margin-right:2%; }
	#contentArea #section01 #list section ul li span{ padding:10px 20px; text-decoration: none; color: #000; cursor: auto;}
	#contentArea #section01 #list section ul li:nth-child(4n+1), #contentArea #section01 #list section ul li:nth-child(4n+2){ background:#F3F8FC;  }
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
.nextSection{ 
	display:block; 
	position:fixed; 
	top:48%; 
	left:50%; 
	width:66px;
	margin-left:-33px;
	z-index:400;
}
	.f50{
		font-size:60px;
		text-align:center;
	}
	#contentArea #main{ height:900px;}
	#contentArea #main .logo{ top:40px; }
	#contentArea h2{  margin:70px auto 30px auto;}
	#contentArea .copy{ padding-bottom:30px;}
	#contentArea #section01 ul.contentMenu{ width:95%; margin:0 auto 30px auto; }
	#contentArea #section01 ul.contentMenu{padding-top:2px;}
	#contentArea #section01 ul.contentMenu li{ width:49%; border: 2px #0953A0 solid; margin-top:-2px; margin-left:-2px; }
	#contentArea #section01 ul.contentMenu li a{ padding:25px 17px;   background-position: right top; background-repeat:no-repeat; background-size:contain;}
	#contentArea #section01 ul.contentMenu li:nth-child(odd){ margin-left:0px; }
	#contentArea #section01 #list{  width:95%; min-width:320px;  margin:0 auto;  }
	#contentArea #section01 #list section h3{ height:24px;  padding-left:23px;  }
	#contentArea #section01 #list section ul{margin:20px 0 40px 0;  }
	#contentArea #section01 #list section ul li span{ padding:10px 20px; }
	#contentArea #section01 #list section ul li:nth-child(odd){ background:#F3F8FC;  }
}
@media screen and (max-width:420px){
	#contentArea div.section { min-width:320px; }
	#contentArea #section01 ul.contentMenu{ min-width:320px; }
	#contentArea #section01 ul.contentMenu li{ width:99%; float:none; }
	#contentArea #section01 ul.contentMenu li{ margin-left:0px; }
}
#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;
}