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

html{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 30px;
	 font-family: "Kosugi Maru", serif;
	font-weight: 400;
}
img{
	vertical-align: bottom;
}
.sp{display: none;}
header{
	width: 100%;
	background: #00955d;
	border-bottom: 8px solid #8fc31f;
	padding: 20px 0;
}
header table{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
header td{
	margin: 0;
	padding: 0;
	
}
header td img{
	width: 100%;
	height: auto;
	
}
header td.logo{
	width: 50%;
	
}
header td.tel{
	width: 50%;
	
}
footer{
	width: 100%;
	background: #00955d;	
}
.kg{
	display: block;
}
#top_back{
	background:#fff;
	width: 100%;

}
#top_back_top{
	background: url("img/image_01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
#top_back_bottm{
	background: url("img/image_02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

#top_back .titel{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
}
#top_back .titel img{
	width: 100%;
	height: auto;
}
#top_back .text{
	font-size: 1.2em;
	font-weight: 500;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 0 0;
}
#top_back .text img{
	width: 100%;
	height: auto;

}
#top_back .car{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0;
}
#top_back .car img{
	width: 100%;
	height: auto;
}
#aisatu{
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
}
#aisatu .titel{
	width: 100%;

}
#aisatu .titel img{
	width: 100%;
	height: auto;

}
#aisatu .text{
	font-size: 1.2em;
	line-height: 40px;
	font-weight: 500;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;

}
#aisatu .text .box{
	
	width: 100%;
	max-width: 800px;
	margin: 0 auto;

}
#top_kakaku{
	width: 95%;
	max-width: 900px;
	margin: 0 auto;
}
#top_kakaku img{
	width: 100%;
	height: auto;
}
#top_kakaku_back{
	width: 100%;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(168,209,130,1) 100%);
}
#foot{
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
	color: #fff;
}

#foot img{
	width: 100%;
	height: auto;
}
footer a:link,
footer a:visited{
	color: #fff;
}
footer .text{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
	font-weight: 500;
	color: #fff;
	padding: 20px 0;
}
footer table{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
footer td{
	width: 50%;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
}
footer td img{
	width: 100%;
	height: auto;
}
@media (max-width: 767px) {
body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 25px;
}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
header{
	width: 100%;
	padding: 20px 0;
}
header td.logo,
header td.tel{
	width: 100%;
	display: block;
	
}
#top_back .text{
	font-size: 0.9em;
	font-weight: 500;


}
#top_back_top{
	background: url("img/image_01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
#top_back_bottm{
	background: url("img/image_02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 50px 0 0 0;
}
.kg{
	display: inline-block;
}
#aisatu .text{
	font-size: 0.9em;
	line-height: 25px;
	font-weight: 500;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;

}
#aisatu .onpu img{
	width: 100%;
	height: auto;

}
footer .text{
	padding: 20px 0 80px 0;
}
footer table{
	display: none;
}
}
#mobileFootNav { display:none; }
@media only screen and (max-width: 768px) {
#mobileFootNav { display:block; z-index:1030; width:100%; height:60px; position:fixed; bottom:0; }
#mobileFootNav { background:rgba(255,255,255,0.7); border-top:1px solid #e1e1e1; }
#mobileFootNav .ftNavBtn {
	float:left;
	width:48%;
	height:46px;
	margin:7px 1%;
	}
#wrap_all { padding-bottom:60px; }

/* ボタンデザイン */
a.blueButton {
	background:#686151;
	border-radius:3px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	font-size:20px;
	line-height:46px;
	font-weight:500;
	width:100%;
	text-align:center;
	vertical-align:middle;
	font-weight:900;
}
a.blueButton:hover {
	background:#837a66;
	text-decoration:none;
}
a.blueButton:active { position:relative; top:1px; }
}