@charset "UTF-8";

/* CSS Document */

@media screen and (max-width:768px) {
	
body{
	font-size: 1.4rem;
	width: 100%;
}

img{
	max-width:100%;}
	
	#header.alt {
	-moz-animation: none;
	-webkit-animation: none;
	-ms-animation: none;
	animation: none;
	background-color: transparent;
	box-shadow: none;
	overflow: hidden;
	position: absolute;
	top: 0.3em;
	}
	
#header .btn{
	float:right;
	padding:0px 10px 0px 0;
	text-align:right;}
	
#header .btn img{
	padding:0 2px;
	height:32px;}	
	
#header .logo{
	float: left;
	padding: 0 0px 0 0px;
	display:none;
}	

#header .logo img{
	height:32px;
}	

#header.reveal .logo{
	display:block;
	padding: 6px 0px 0 0px;
}	
#header.reveal{
	padding:6px 0 0 0;
	height:46px;
}	


.comae_main{
	width: 100%;
	height: 395px;
}
	
.comae_main h1{
	text-align: center;
	margin: auto;
	padding: 50px 0 20px 0;
	}
	
.comae_main h1 img{
	width:40%;
	margin:0 auto;
	}
		

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

.fb{
	width: 320px;
	float: none;
	padding: 0 0px 0 0;
	margin: 0 auto;
}
	
.media{
	padding:0 0px 0 0px;}	

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

.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:-120px;
  padding-top:120px;
  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: -80px;
	padding-top: 80px;
	padding-bottom: 50px;
}
#aboutus{
margin-top:-50px;
  padding-top:50px;
}
#contact{
margin-top:-70px;
  padding-top:70px;
}


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

#topics{
	width: 92%;
	float: none;
	padding-bottom: 20px;
	margin: 0 auto;
}


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

	
#topics .date{
	display: inline-block;
	width: 29%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 0px;
	line-height:1.5em;
}	
	
#topics .text{
	display: inline-block;
	width: 68%;
	font-size: 14px;
	padding-bottom: 0px;
	line-height:1.5em;
	}		


h3.cTitle{
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 20px;
}
	
h3.cTitle_m{
	font-family: 'Montserrat', sans-serif;
	font-size: 55px;
	font-weight: 700;
	text-align: center;
	margin: 0px auto 0 auto;
	padding: 0 0 10px 0;
	line-height: 20px;
}
h3.cTitle_m.t_madia{
	margin: -42px auto 0 auto;
}

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

.btn_topic{
	float:right;
	font-size:10px;
	border:1px solid #999;
	width:9em;
	text-align:center;
	line-height:1.2em;
	padding:5px 4px 3px 4px;}

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

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

p.t_vision{
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height: 1.8em;
	color: #333;
	text-shadow: 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;
	border-bottom:none;}
	
ul.bxslider li{
	float: left;
	/* [disabled]width: 250px; */
	margin: 0 0px;
	list-style: none;
	padding: 0 0 12px 0;
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
	border-bottom:none;
}	
ul.bxslider li p{
	margin: 0 0px;
	padding: 0 0 0px 0;
	font-size: 12px;
	line-height: 1.4em;
	border-bottom:none;
}	
	
ul.bxslider li img{
	}

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


.action{
	width: 100%;
	margin: 0 auto;
	}

.action h3{
	color: #FFF;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	padding: 0 0 0px 0;
	}
	
.action h2{
	color: #FFF;
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 20px;
	}
	
.action p{
	font-size: 14px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	width: 90%;
	}	

.action .cont_l{
	float:none;
	width:100%;
	text-align:left;}
	
.action .cont_r{
	float:none;
	width:100%;
	text-align:left;}	
	
.action .ph_l{
	float:none;
	width:80%;
	text-align:center;
	margin:0 auto;}
	
.action .ph_r{
	float:none;
	width:80%;
	text-align:center;
	margin:0 auto;}
	
.action .clearfix{
	margin-bottom: 35px;
}	
	
img.btn70{
	width:70%;
	margin:0 auto;
	max-width:100%;}

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

.tamariba{
	width: 100%;
	height: 160px;
	background: url(../../images/tamariba1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background-size:cover;
}
	
.tamariba h2,
.tamariba h3
{
	text-align:right;}	
	
.tamariba .action_title{
	right: 10px;
	bottom: 15px;
	position: absolute;
}
	

.soto{
	width: 100%;
	height: 160px;
	background:url(../../images/soto1.jpg) no-repeat;
	position:relative;
	padding:0;
	margin:0 0 20px 0;
	background-size:cover;}
	
.soto h2,
.soto h3
{
	text-align:left;}	
	
.soto .action_title{
	left:10px;
	bottom:15px;
	position:absolute;}
	

.sando{
	width: 100%;
	height: 160px;
	background: url(../../images/sando1.jpg) no-repeat;
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background-size:cover;
	background-position:center;
}
	
.sando h2,
.sando h3
{
	text-align:right;}	
	
.sando .action_title{
	right: 10px;
	bottom: 15px;
	position: absolute;
}

.days{
	width: 100%;
	height: 160px;
	background:url(../../images/days1.jpg) no-repeat;
	position:relative;
	padding:0;
	margin:0 0 20px 0;
	background-size:cover;}
	
.days h2,
.days h3
{
	text-align:left;}	
	
.days .action_title{
	left:10px;
	bottom:15px;
	position:absolute;}



.action .sando h3{
	padding:0 0 0.6em 0;
	}

.action .sando h2{
	font-size: 38px;
	font-family: "Sawarabi Gothic";
	}



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

ul.member{
	width: 92%;
	margin: 0 auto;
}
	
ul.member h4{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 0 5px 0;
	line-height:1.4em;
}	
	
ul.member p{
	font-size:12px;
	color:#FFF;
	line-height:1.5em;}		
	
ul.member li{
	float: left;
	width: 45%;
	padding: 0;
	margin: 0 2.5% 25px 2.5%;
	text-align: left;
}	

ul.member li img{
	width: 60%;
	
}	


/*inter*/

.interA{
	width:100%;
	background:none;
	background-attachment:fixed;
	height:1px;
	background-size:cover;}
	
	
.interB{
	width:100%;
	background:none;
	background-attachment:fixed;
	height:1px;
	background-size:cover;}	





/*ボタン*/
.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;
	background-size:15px;
	font-size: 14px;
	text-align: center;
	padding: 5px 0 0 0px;
	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:none;}
	
.view_sp{
display:block;}	




/*180814追加*/

ul.bxslider li img{
	height:100px;
	width:auto;
	max-width:138px;
	text-align:center;
	margin:auto;}
	
	
/*仮*/

ul.bxslider li p{
	margin: 0 0px;
	padding: 0 0 0px 0;
	font-size: 12px;
	line-height: 1.4em;
	border-bottom:none;
}	
	

.bxslider h3{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 10px 0;
}

ul.bxslider li p{
	height:6.8em;
}	
	
.bxslider h3{
	height:6.5em;
}




/*head_banner*/

.contents_1000.banner_area{
	width: 92%;
	margin: -10px auto 0 auto;
	padding: 0px 0 30px 0;
}

dl.head_banner {
	padding:0;
	margin:0;
	display:block;
	background:#FFF;
	}

.head_banner dt{
	float:none;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	}	
	
.head_banner dd{
	float:none;
	margin:-8px auto 0 auto;
	padding:0px 0 0 0px;
	font-size:12px;
	line-height:1.5em;
	}
		
	

}