@charset "UTF-8";

body {
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
	width:100%;
}

img{
	max-width:100%;}

#header .btn{
	float:right;
	padding:0px 10px 0px 0;
	text-align:right;}
	
#header .btn img{
	
	padding:0 2px;}	
	
#header .logo{
	float: left;
	padding: 0 0px 0 0px;
	display:none;
}	
#header.reveal .logo{
	display:block;
	padding: 8px 0px 0 0px;
}	
#header.reveal{
	padding:6px 0 0 0;
	height:52px;
}	


.comae_main{
	width: 100%;
	height: 630px;
}
	
.comae_main h1{
	text-align: center;
	margin: auto;
	padding: 50px 0 30px 0;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	}

.comae_main h2{
	text-align: center;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 0 0 30px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	}
	
.comae_main h3{
	text-align: center;
	font-size:15px;
	color:#FFF;
	font-weight:normal;
	margin: 0;
	padding:0;
	line-height:2.0em;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	}
	
	
#main{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	background:#FFF;
	position:relative;
}
	
.bg_sax{
	background: #3FA9F5;
	margin: 0px auto 90px auto;
	padding: 50px 0 30px 0;
}
	
.contents_1000{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
	

.fb{
	width: 310px;
	float: right;
	padding: 0 0px 0 0;
}
	
.media{
	padding:0 0px 0 0px;}	

	
.vision{
	background: url(../../images/bg_vision.jpg) no-repeat;
	background-size: cover;
	padding: 0px 0 0 0;
	margin: 50px auto 90px auto;
	width: 1000px;
}
	
	
h3.title_vision{
	padding: 0px 0 70px 0;
	marin: 0;
	z-index: 1000;
	/* [disabled]width: 95%; */
	position: relative;
	top: -30px;
}

.vision p{
	padding: 0px 0 0 0%;
	marin: 0;
	z-index: 1000;
	/* [disabled]width: 95%; */
	position: relative;
}


.chall{
	padding: 80px 0;
	text-align: center;
}	


	
.contact{
	padding:80px 0;
	text-align:center;}
	
.copy{
	background: #000;
	height: 48px;
	text-align: center;
	padding: 0;
	margin: 50px auto 0 auto;
	vertical-align: bottom;
}



/*180723追加*/

#news{
margin-top:-70px;
  padding-top:70px;
  margin-bottom:0px;
}
#vision{
margin-top:-90px;
  padding-top:90px;
}
#media{
margin-top:-90px;
  padding-top:90px;
}
#report{
margin-top:-80px;
  padding-top:80px;
}
#action{
	margin-top: -10px;
	padding-top: 80px;
	padding-bottom: 40px;
}
#aboutus{
margin-top:-30px;
  padding-top:30px;
}
#contact{
	margin-top: -70px;
	padding-top: 70px;
	padding-bottom: 20px;
}


ul.links li{font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:600;}

#topics{
	width: 640px;
	float: left;
}

#topics a{
	color:#039;
	text-decoration:underline;
}
#topics a:hover{
	text-decoration:none;
}


#topics .OTHER{
	background:url(../../images/ic_other.gif) no-repeat;
	background-size:70px;
	padding:1px 0 3px 80px;
	}
	
#topics .MEDIA{
	background:url(../../images/ic_media.gif) no-repeat;
	background-size:70px;
	padding:1px 0 3px 80px;
	}
	
#topics .INFO{
	background:url(../../images/ic_info.gif) no-repeat;
	background-size:70px;
	padding:1px 0 3px 80px;
	}		
	
#topics .TOPIC{
	background:url(../../images/ic_topic.gif) no-repeat;
	background-size:70px;
	padding:1px 0 3px 80px;
	}
	
#topics .REPORT{
	background:url(../../images/ic_report.gif) no-repeat;
	background-size:70px;
	padding:1px 0 3px 80px;
	}			
	
	

#topics .date{
	display:inline-block;
	width:18%;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight:600;
	padding-bottom:0.8em;
	vertical-align:top;}	
	
#topics .text{
	display:inline-block;
	width:75%;
	font-size:14px;
	padding-bottom:0.8em;
	vertical-align:top;
	}		




h3.cTitle{
	font-family: 'Montserrat', sans-serif;
	font-size:100px;
	font-weight:700;}
	
.test{
	font-family: 'Montserrat', sans-serif;
	font-size:100px;
	font-weight:700;}	
	
	
h3.cTitle_m{
	font-family: 'Montserrat', sans-serif;
	font-size: 80px;
	font-weight: 700;
	text-align: center;
	margin: 0px auto 0 auto;
	padding: 0 0 15px 0;
}
h3.cTitle_m.t_madia{
	margin: -62px auto 0 auto;
}

h3.cTitle_m.topics{
	font-size: 30px;
	text-align:left;
	padding:0 0 20px 0;
	float:left;
}

.btn_topic{
	float:right;
	font-size:12px;
	border:1px solid #999;
	width:9em;
	text-align:center;
	line-height:1.2em;
	padding:4px 5px;}
	
	
.btn_topic.position_c{
	float:none;
	margin:0 auto;}	
	
.btn_topic.position_c.white{
	float:none;
	border:1px solid #333;
	margin:0 auto;}		
	
	
#topics .btn_topic a{
	color:#666;
	text-decoration:none;}	
	
#topics .btn_topic a:hover{
	color:#666;
	text-decoration:underline;}	
	
.btn_topic.position_c a{
	color:#666;
	text-decoration:none;}	
	
.btn_topic.position_c a:hover{
	color:#666;
	text-decoration:underline;}		
	
.btn_topic.position_c.white a{
	color:#333;
	text-decoration:none;}	
	
.btn_topic.position_c.white a:hover{
	color:#333;
	text-decoration:underline;}			
	

.about h3.cTitle_m{
	margin: 0px auto 0 auto;
	padding: 60px 0 30px 0;
	color: #FFF;
}	
	
h3.cTitle span,
h3.cTitle_m span
{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
}

	
span.sax{
	color:#3FA9F5;}	
	
span.wh{
	color:#FFF;}		

p.t_vision{
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	line-height:2.5em;
	color:#333;
	text-shadow:1px 1px 3px #FFF,
	1px 1px 3px #FFF,
	1px 1px 5px #FFF,
	1px 1px 7px #FFF,
	1px 1px 10px #FFF
	;}

.cont950{
	width:950px;
	margin:0 auto;}

ul.bxslider{
	margin:0 auto;
	padding:0 0;}
	
ul.bxslider li{
	float: left;
	/* [disabled]width: 250px; */
	margin: 0 0px;
	list-style: none;
	padding: 0 0 25px 0;
	color: #333;
	font-size: 14px;
	line-height: 1.4em;
}
ul.bxslider li p{
	padding: 0 0 0px 0;
	color: #333;
	font-size: 14px;
	line-height: 1.4em;
}	
	
ul.bxslider li img{
	}

.bxslider h3{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 10px 0;
}
	
.bxslider.media h3{
	color:#FFF;}		


.action{
	width: 830px;
	margin: 0 auto;
	}

.action h3{
	color:#FFF;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	padding:0 0 0.6em 0;
	}
	
.action h2{
	color: #FFF;
	font-size: 62px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	}
	
.action p{
	font-size:14px;
	margin:0;
	padding:0 0 30px 0;
	}	

.action .cont_l{
	float:left;
	width:460px;
	text-align:left;}
	
.action .cont_r{
	float:right;
	width:460px;
	text-align:left;}	
	
.action .ph_l{
	float:left;
	width:370px;
	text-align:left;}
	
.action .ph_r{
	float:right;
	width:370px;
	text-align:right;}
	
.action .clearfix{
	margin-bottom: 60px;
}	

.report{
	padding: 0 0 60px 0;
}

.tamariba{
	width: 830px;
	height: 320px;
	background: url(../../images/tamariba1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 30px 0;
}
	
.tamariba h2,
.tamariba h3
{
	text-align: right;
}	
	
.tamariba .action_title{
	right:16px;
	bottom:26px;
	position:absolute;}
	

.soto{
	width: 830px;
	height: 320px;
	background: url(../../images/soto1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 30px 0;
}
	
.soto h2,
.soto h3
{
	text-align:left;}	
	
.soto .action_title{
	left:12px;
	bottom:20px;
	position:absolute;}
	

.sando{
	width: 830px;
	height: 320px;
	background: url(../../images/sando1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 30px 0;
}
	
.sando h2,
.sando h3
{
	text-align:right;}	
	
.sando .action_title{
	right:12px;
	bottom:20px;
	position:absolute;}	
	

.action .sando h3{
	font-weight:bold;
	padding:0 0 1.0em 0;
	}
	
.action .sando h2{
	color: #FFF;
	font-size: 58px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	}


.days{
	width: 830px;
	height: 320px;
	background: url(../../images/days1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 30px 0;
}
	
.days h2,
.days h3
{
	text-align:left;}	
	
.days .action_title{
	left:12px;
	bottom:20px;
	position:absolute;}

.about{
	background: url(../../images/bg_about2.jpg) no-repeat center;
	width: 100%;
	margin: 0 auto 80px auto;
	text-align: center;
	background-size: cover;
	background-attachment: fixed;
}

ul.member{
	width:891px;
	margin:0 auto;}
	
ul.member h4{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 0 5px 0;
}	
	
ul.member p{
	font-size:14px;
	color:#FFF;
	line-height:1.5em;}		
	
ul.member li{
	float: left;
	width: 247px;
	padding: 0;
	margin: 0 25px 30px 25px;
	text-align: left;
}	

ul.member li img{
	width: 120px;
	
}	


.date_s{
	font-size: 85%;
	line-height: 1.2em;
	border-bottom: 1px dotted #333;
	padding: 6px 0 3px 0;
}






/*ボタン*/
.btn400_b{
	width: 100%;
	height: 32px;
	border: 2px solid #333;
	margin: 10px auto 0px auto;
	background: #333;
	}
	
.btn400_b a{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	background: url(../../images/point1.png) no-repeat 0px 0px;
	background-position: right;
	font-size: 14px;
	text-align: center;
	padding: 6px 0 0 0;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	}	
		
.btn400_b a:hover{
	text-decoration:underline;
	}	




/* モダンブラウザ（Firefox Opera Safari）対策 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */

.clearfix {
	display: inline-block;
}


/* Win版IE5および6対策 */


/* Hides from IE-mac \*/

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

.view_pc{
	display:block;}
	
.view_sp{
	display:none;}	
	
	
	
/*inter*/

.interA{
	width:100%;
	background:url(../../images/inter_a.jpg) no-repeat;
	background-attachment:fixed;
	height:390px;
	background-size:cover;}
	
	
.interB{
	width:100%;
	background:url(../../images/inter_b5.jpg) no-repeat;
	background-attachment:fixed;
	height:390px;
	background-size:cover;}	
	
	
/*180814追加*/

ul.bxslider li img{
	height:170px;
	width:auto;
	max-width:250px;
	text-align:center;
	margin:auto;}




/*仮*/

ul.bxslider li p{
	height:5.0em;
}	
	
.bxslider h3{
	height:4.8em;
}



/*head_banner*/

.contents_1000.banner_area{
	margin: -15px auto 0 auto;
	padding: 0px 0 40px 0;
}

dl.head_banner {
	padding:10px 10px 2px 10px;
	margin:0;
	display:block;
	background:#eff1f3;
	}

.head_banner dt{
	float:left;
	width:280px;
	padding:0;
	margin:0;
	}
.head_banner dd{
	float:left;
	margin:0;
	padding:24px 0 0 20px;
	}
	
dl.head_banner a{
	color:#039;
	text-decoration:underline;
	display:block;
}
dl.head_banner a:hover{
	text-decoration:none;
}