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


#MvWrap{
   height: 620px;
    overflow: hidden;
    position: absolute;
    top:180px;
    width: 100%;
	z-index:0;
}
#Slider{
	 position: absolute;
    top: 0;
	height: 100%;
    width: 100%;
		overflow:hidden;
	}


#Mv01,#Mv02,#Mv03,#Mv04,#Mv05,#Mv06,#Mv07,#Mv08{
	width:100%;
	height:620px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}




#Mv01{
	background-image: url(../../../../common/top/img/mv01.jpg);
}


#Mv02{
	background-image:  url(../../../../common/top/img/mv02.jpg);

}

#Mv03{
	background-image: url(../../../../common/top/img/mv03.jpg);
}

#Mv04{
	background-image:  url(../../../../common/top/img/mv04.jpg);
}

#Mv05{
	background-image: url(../../../../common/top/img/mv05.jpg);
}
#Mv06{
	background-image:  url(../../../../common/top/img/mv06.jpg);
}

#Mv07{
	background-image:  url(../../../../common/top/img/mv07.jpg);
}

#Mv08{
	background-image:  url(../../../../common/top/img/mv08.jpg);
}





#Copy{
	
	width:100%;
	overflow:hidden;
	position:absolute;
	top:285px;
	z-index: 100;
	animation-name:copy;
	animation-duration:5s;
	animation-timing-function: ease;
	animation-delay: 0;
	-webkit-animation-name:copy;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0;
	}

@keyframes copy{
  from { opacity: 0; }
  to { opacity: 1; }
}	
	
@-webkit-keyframes copy{
  from { opacity: 0; }
  to { opacity: 1; }
}	
	
.inner{
	width:980px;
	margin:0 auto;
	}



#Information{
	background:#fafafa;
	padding:30px 0px;
}

#Information > div{	
	width:860px;
	margin:0 auto;
	padding:80px 60px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background:#ffffff;
}

#Information h2{
	font-size:35px;
	vertical-align:bottom;
	margin-bottom:20px;
	height:35px;
	padding-left:10px;
	border-left:solid 5px #133A94;
}



#Information h3{
	font-weight:normal;
	padding-left:15px;
		color: #133A94;
	font-size:28px;
	line-height:30px;	
	margin-bottom:20px;
	padding-bottom:30px;
	box-shadow:0 8px 8px -8px #ccc;

}


#Information dl{
	width:680px;
	margin:0 auto 30px;
}


#Information dl dt{
		color: #133A94;
	font-size:24px;
	float:left;
	width:100px;
	padding:10px;

}

#Information dl dt:nth-child(3),#Information dl dd:nth-child(4){
	border-top:#ccc 1px dotted;

}

#Information dl dd{
	font-size:24px;
	margin-left:100px;
	line-height:25px;
	background:#fff;
		padding:10px;

}

#Information #aisatu{
	border-top: #133A94 2px solid;
	width:800px;
	margin:0 auto;
	padding:20px;
	background: #eff4fb;
	margin:0 auto 50px;
	clear:both;
}

#Information .profile{
	clear:both;
	margin-bottom:10px;	
	}

#Information .profile p{
	line-height:1.2;
	padding-top:70px;
	text-align:right;
}

#Information .profile+.profile p{
	padding-top:10px;
	margin-right:88px;
}	


#Information .profile img{
	margin-bottom:10px;
	float:right;
	margin:20px 0px 10px 10px;	
}

#Information table{
	width:800px;
	border-top:#133A94 3px solid;
	border-right:none;
	border-left:none;
	margin-bottom:50px;
}
#Information table th{
		border-bottom:#ccc 1px solid;
		padding:12px 5px;
		text-align:left;
}

#Information table tr:nth-child(even){
	background: #EDF3FB;


}	
	
#Information table td{
		border-bottom:#ccc 1px solid;
		padding:10px 5px;
}	



#Information #Hosoku h4{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:	#ccc 1px solid;
	padding:5px 0px;
	}

#Information #Hosoku a{
	color:#133A94;

	}	

#Information #Logo{
	text-align:right;

	}
	

#AboutMistWrap{
	width:100%;
	height:auto;
	
	background-image:url(../img/about_mist_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center top;
		padding:50px 0px;
}

#AboutMist{
	width:980px;
	margin:0 auto;

	color:white;
	overflow:hidden;
}

#AboutMist h3{
	width:408px;
	height:132px;
	margin:0 auto 50px;
}


#KanrenSiteWrap{
	background:#C8E0FC;
	overflow:hidden;
}


#KanrenSite{
	width:980px;
	margin:0 auto;
	padding:80px 0px;
	overflow:hidden;	
}
	
	
	
#KanrenSite h3{
	text-indent:-9999px;
	background:url(../img/kanrensite_title_pc.png) no-repeat top center;
	width:530px;
	height:30px;
	margin:0 auto 80px;
}

#KanrenSite h4{
	margin:86px 0px 20px;
	font-size:20px; 
}
	


#KanrenSite a{
	display:block;	
	float:left;
	text-decoration:underline;
	color:rgb(5, 71, 147);
}

#KanrenSite img{
	margin-right:20px;
}

#KanrenSite p{
	width:450px;
	float: left;
}


#KanrenSite a:hover{
	opacity:0.7;

}

#SponsorWrap{
	background:url(../img/sponsor_bg.gif) repeat-x top center;
}

#Sponsor{
	width:980px;
	margin:0 auto;
	padding:80px 0px;
	overflow:hidden;
}

#Sponsor h3{
	text-indent:-9999px;
	background:url(../img/sponsor_title_pc.jpg) no-repeat top center;
	width:960px;
	height:20px;
	margin:0 auto 80px;

}

#Sponsor ul{
	width:830px;
	margin-left:75px;
	overflow:hidden;
}
	
#Sponsor li{
	float:left;
	margin-top:20px;
	margin-right:50px;
}		
	
#Sponsor li:nth-child(3n){
	margin-right:0px;
}			
	
	
#Sponsor li a{
	display:block;
	width:240px;
	height:auto;

}
#CounterWrap{

overflow:hidden;

}

#Counter div{
float:left;
margin-right:20px;
}


.counter {
	  font-family: 'Anonymous Pro' !important;
	  background-color: #333333;
	  font-style:  normal;
	  font-weight: 400;
color:#ffffff;
font-size:20px;
letter-spacing:5px;
padding-left:4px;
 }
	

	
/*--------------------------------------------

ここからpc用

-----------------------------------------------*/

	
@media screen and (min-width: 980px) {

/*subnavi */



#SubNaviWrap{
	height:100px;
	background-image: url(../img/snavi_bg.png);
	background-repeat:repeat;	
	top:600px;	
	position:absolute;
	z-index: 1000;
	width:100%;
}


#Counter{
	width:980px;
height:70px;
	margin:0 auto;
}	
}

	
/*--------------------------------------------

ここからスマホ用

-----------------------------------------------*/
	
	
	
@media (max-width: 979px) {
		
#Copy{display:none;}

#MvWrap{
	height:auto;
		position:static;
		width:100%;
		background-image:url(../img/mv_sp.jpg);
		background-repeat:no-repeat;
		background-size:100% auto;
		padding-bottom: 40%;  
}

.bx-wrapper{
	display:none;
	}


#Slider{
	display:none;
	}




#Information{
	background:#fafafa;
	padding:0px;
}

#Information > div{	
	width:96%;
	padding:20px 2%;

}

#Information h2{
	height:auto;
	font-size:20px;

}



#Information h3{
	font-size:18px;
	 padding-bottom: 5px;
}


#Information dl{
	width:90%;
	margin:0 auto 30px;
}


#Information dl dt{
	font-size:18px;
	float: none;
	width:auto;
	padding:0px 0px 5px 0px;
	border-bottom: dotted #ccc 1px;

}

#Information dl dt:nth-child(3),#Information dl dd:nth-child(4){
	border-top:none;

}

#Information dl dd{
	font-size:18px;
	margin-left:0px;
	line-height: inherit;
	padding:5px 0px 10px 0px;

}

#Information #aisatu{
	box-sizing:border-box;
	width:98%;
	padding:10px;

}

#Information #aisatu p{
	font-size:14px;
	line-height:1.4em;
}

#Information .profile{
	margin-bottom:10px;	
	}

#Information .profile p{
	padding-top:0px;
		font-size:14px;
	line-height:1.4em;

}

#Information .profile+.profile p{
	padding-top:10px;
	margin-right:88px;
}	


#Information .profile img{
	margin-bottom:10px;
	float:right;
	margin:0px 0px 10px 10px;	
}

#Information table{
	width: 100%;
}


#Information #Hosoku h4{
	font-size:16px;
	}

#Information #Hosoku p{
	font-size:14px;
	line-height:1.4em;
}	



#Information #Logo{
	text-align: center;

	}
	


#AboutMistWrap p{
	font-size:12px;
	}	



#AboutMistWrap{
	width:100%;
	height:auto;
	max-height:none;
	background-image:url(../img/about_mist_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center top;
	overflow:hidden;
	padding: 40px 0px;

}

#AboutMist{
	width:90%;
	margin:0 auto;
	color:white;
	overflow:hidden;
}

#AboutMist h3{
	width:40%;
	height:auto;
	margin:0 auto 30px;
}

#AboutMist h3 img{
	width:100%;
	height:auto;
}




#KanrenSite{
	width:100%;
	padding: 40px 0px;
}
	
	
#KanrenSite h3{
	text-indent:-9999px;
	background:url(../img/kanrensite_title_sp.png) no-repeat top center;
	width:90%;
	height:auto;
	float: none;
	margin:0 auto 20px;
	padding-bottom:5%;
}
#KanrenSite h4{

	margin:10px 0px 10px 10px;
	font-size:16px; 
}
	


#KanrenSite a,#KanrenSite p{
	float:none;
}

#KanrenSite p{
	width:98%;
	padding:10px 2% 0px 2%;
	font-size:12px;
	
	
}

#KanrenSite a img{
	width:100%;
	height:auto;
}

#KanrenSite  a:hover{
	opacity:0.7;

}


#Sponsor{
	width:100%;
	padding:40px 0px 80px;
}

#Sponsor h3{
	text-indent:-9999px;
	background:url(../img/sponsor_title_sp.png) no-repeat top center;
	width:100%;
	height:auto;
	float: none;
	margin:0 auto 20px;
	padding-bottom:5%;
}

#Sponsor ul{
	width:90%;
	margin:0 auto;
}
	
#Sponsor li{
	width:45%;
	height:auto;
	float:left;
	margin-top:20px;
	margin-right:10%;
}		



#Sponsor li:nth-child(3n){
	margin-right:10%;
}			
	
#Sponsor li:nth-child(2n){
	margin-right:0%;
}			
			
	
#Sponsor li a{
	display:block;
	width:100%;
	height:auto;
}

#Sponsor li a img{
	width:100%;
	height:auto;
}


#Counter{
	width:100%;
	padding:0px 0px 65px 5px;
}



}