@charset "utf-8";

/* base&reset settings ----------------------------------------------------*/
@media screen and (max-width: 959px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

#container{
width:100%;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

html{
	margin:0px;
	padding: 0px;
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height:18px;
}

body,p,div,ul,li,h1,h2,h3,h4,dl,dt,dd{
	padding:0;
	margin:0;
}

li{
	list-style:none;
}

a{
	color:#2EA6DF;
}

a:hover{
	color:#369;
}

#inner{
	width:100%;
	margin:0 auto;
	background:#ffffff;
}

#header{
	background:#000000;
	height: 25px;
	padding: 10px 10px 0px;
}

#header p{
	float:left;
	padding-right: 10px;
}

#header img{
	padding-top: 2px;
}

#visual .copy{
	width:100%;
}

#visual p{
	padding:0 3%;
}

#footer{
	background:#000000;
	height: 20px;
	width:100%;
}

.wrap{
padding:40px;
}

#one{
border-top:3px solid #e5001e;
border-left:3px solid #e5001e;
border-right:3px solid #e5001e;
border-bottom:3px solid #e5001e;
}

#one .fbox{
border-bottom:3px solid #e5001e;
}

#two{
border-top:3px solid #f5a200;
border-left:3px solid #f5a200;
border-right:3px solid #f5a200;
border-bottom:3px solid #f5a200;
margin-top:40px;
}

#two .fbox{
border-bottom:3px solid #f5a200;
}

#three{
border-top:3px solid #427935;
border-left:3px solid #427935;
border-right:3px solid #427935;
border-bottom:3px solid #427935;
margin-top:40px;
}

#three .fbox{
border-bottom:3px solid #427935;
}

h1{
font-size:20px;
line-height: 30px;
font-weight:bold;
padding:10px 0 10px 20px;
}

#two h1 span{
font-size:12px;
font-weight:normal;
line-height: 14px;
}

#three h1 span{
font-size:20px;
}

h3{
font-size:16px;
line-height: 24px;
font-weight:bold;
padding-bottom:5px;
}

.logo{
width:15%;
padding:20px 0 10px 20px;
}

.copy{
width:80%;
padding:20px 0 10px 10px;
}

.ex{
border-bottom:none!important;
}

.link{
padding-bottom:20px;
}

.linkbt a{
background:#3e3a3a;
color:#ffffff;
padding:10px;
width:300px;
margin:0 auto;
text-align:center;
font-size:16px;
font-weight:bold;
border-radius:20px;
text-decoration:none;
display:block;
}

/* spview
----------------------------------------------------*/

.spview{
	display:none!important;
}
/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*画像透過*/
.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.clear{
	clear:both;
}

.fbox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}