body{
	color:#333333;
	font-size:12px;
	line-height:24px;
	background-color:#fffcf5;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/*----------------------

header-souce

------------------------*/
h1 img{
	margin:20px 0 15px 30px;
}
h1{
	float:left;
}
nav{
	margin:30px 0 0 0;
	float:right;
}
nav ul li{
	float:left;
	padding:0 10px 0 10px;
}
nav ul li a{
	text-decoration:none;
	color:#333;
	display:block;
}
ul li.here a{
	color:#2799d4;
}
br.brsp{
	display:none;
}
/*----------------------

 article-souce

------------------------*/
.maincopy{
	width:100%;
	background-size:cover;
	background-position:center center;
	height:300px;
}
.maincopy h2{text-align:center; padding-top:130px;}

span.blue{color:#2799d4;}

span.green{color:#2babab;}

h3,h4{width:100%; text-align:center;}

#otoiawase{
	text-align:center;
	color:#FFFFFF;
	background-color:#1e83d4;
	padding:18px 0 18px 0;
}
#otoiawase a{
	color:#FFFFFF;
}
h3{
	padding:40px 0 20px 0;
	}
article{
	border-bottom:#ceedec 20px solid;
	}
/*----------------------

 footer-souce

------------------------*/
footer{
	border-top:#e2f5f3 20px solid;
}
footer div{
	font-size:10px;
	padding:10px 0 20px 0;
}
.footer_left{
	width:200px;
	margin:0 0 0 30px;
	float:left;
	te
}
.footer_right{
	width:370px;
	float:right;
	margin:0 30px 0 0 ;
}
.footer_right p, small{
	display:block;
	text-align:right;
}
footer a{
	text-decoration:none;
	color:#333;
}
/*----------------------

 responsive-souce

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

.flame-960{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.flame-960:after {
  content: "";
  clear: both;
  display: block;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 40em) {
h1{
	padding:10px 0 10px 0;
	width:100%;
	text-align:center;
	margin:0;
}
h1 img{
	 margin:20px 0 15px 0;
}
.maincopy{
	height:180px;
}
.maincopy h2{text-align:center; padding-top:70px;}
br.brsp{
	display:inline;
}
nav{
	margin:0;
	padding:0;
	background-color:#f0f6f0;
}
nav ul li{
	float:none;
	border-bottom:1px #FFFFFF solid;
}
nav ul li a{
	float:none;
	display:block;
	padding:10px 0 10px 0;
	margin:0;
	width:100%;
	text-align:center;
}
.nav-collapse li {
  width: 100%;
  display: block;
}
.nav-toggle {
	margin:0;
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px 0;
	line-height:24px;
	background-color:#49a7d4;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  width:100%;
  display:block;
}

#otoiawase{
	padding:10px 0 10px 0;
}
footer div{
	padding:0;
}
.footer_left,.footer_right{
	float:none;
	width:100%;
	margin:0;
}
footer p, footer h5,small,.footer_right p{
	text-align:center;
}
.smart-100{
	width:100%;
	float:none;
}
.footer_left{
	padding:10px 0 20px 0;
}
.footer_right{
	padding:30px 0 30px 0;
	background-color:#f0f6f0;
}
}