@charset "utf-8";


/************************************************************
*	pc小　tablet
 ************************************************************/
@media screen and (max-width: 1500px) { 

#slimHeaderPC #headerLogo{
	width:35px;
	height:30px;	
	top:22px;
}

}
@media screen and (max-width: 1250px) { 

}
@media screen and (max-width: 1100px) { 
#slimHeaderPC #headerLogo{
	display:none;
}


}

@media screen and (max-width: 800px) { 



}

/************************************************************
*	smartphone
 ************************************************************/
@media screen and (max-width: 480px) { 
.pcHidden{
	display:block;
}
.spHidden{
	display:none;	
}
#headerWrapper{
	height:55px;
}
#headerSp{
	width:100%;
	height:55px;
	border-bottom:2px solid #4da335;
	position:relative;
}
#headerSp #headerLogo{
	position:absolute;
	left:12px;
	top:15px;
}
#headerSp #headerAddress{
	position:absolute;
	right:60px;
	top:12px;
	width:64px;
}
#menuBtn{
	position:fixed;
	right:6px;
	top:6px;
	width:42px;
	height:42px;
	background:#fff;
	border-radius:4px;
}
#menuBtn a{
	width:42px;
	height:42px;
}
#menuBtn img{
	margin:9px 0px 0px 9px;
}
.h01{
	padding:30px 0px 0px;
}
.h01 h2{
	margin:0px auto;
	padding:25px 0px 4px 0px;
	width:100%;	
	display:block;
}
.h01 h2 img{
	height:30px;
}
.h02{
	padding:20px 0px 0px;
}
.h02 h2{
	margin:0px auto;
	padding:25px 0px 2px 0px;	
	width:100%;
	display:block;
}
.h02 h2 img{
	height:30px;
}

#topSnsWrapper{
	float:left;
	width:100%;	
	min-height:370px;
}
#topSns{
	width:300px;
	margin:auto;
	padding:0px 0px 10px;
}
.topSnsCard{
	float:left;
	width:150px;
	height:73px;
	margin:0px 0px 0px 0px;	
}
.topSnsCard .img{
	padding-top:15px;	
	text-align:center;
	width:40px;
	float:left;
}
.topSnsCard .img img{
	width:40px;	
}
.topSnsCard .text{
	padding-top:19px;	
	text-align:left;
	line-height:16px;
	font-size:11px;
	width:110px;
	float:left;
	letter-spacing:0px;
}


#newsWrapper{
	padding-bottom:15px;
}
#news{
	width:100%;
	margin:0px auto;		
}
.newsH{
	float:left;
	margin:10px 0px 0px 10px;
}
.newsList{
	margin:5px 0px 0px 0px;
}
.newsList dt{
	line-height:25px;
	padding:6px 0px 0px 18px;
}
.newsList dd{
	clear:both;
	line-height:25px;
	padding:0px 15px 6px 18px;	
}
#main{
	width:100%;
}
#mainImg2{
	width:100%;
	margin:10px 0px;
}
#main2txt{
	font-size:15px;
	letter-spacing:0px;
	padding:0px 15px 10px;
	text-align:left;
}
.creamBox1{
	width:auto;
	margin:5px auto 0px;
	padding:10px;
}
.creamBox1 ul.check li{
	padding:6px 0px 5px 27px;
	background:url(../img/check.png) no-repeat 0px 6px;
	background-size:20px;
	font-size:13px;
}
.creamBox2{
	border:solid 2px #4c9d36;
	background:#fffdef;
	margin:5px 8px 0px;
	padding:15px 15px;
	line-height:30px;
	font-size:17px;
	text-align:left;
}
.creamBox3{
	border:solid 2px #4c9d36;
	margin:5px 8px 0px;
	padding:10px 10px;
	background:#fffdef;
	line-height:26px;
}
.creamBox4{
	width:auto;
	border:solid 2px #4c9d36;
	margin:0px 8px 20px;
	padding:10px 10px;
	background:#fffdef;
	line-height:26px;
	position:relative;
	float:left;
	clear:both;
}
.creamBox4 .imgR{
	float: none;
	width:100%;
	text-align:center;
	clear:both;
	padding-top:10px;
}
.creamBox4 .txtL{
	float:none;
	width:100%;
	text-align:left;
	padding-left:15px;
	padding-top:15px;
	clear:both;
}
.creamBox5{
	width:auto;
	margin:0px 8px 20px;
	padding:10px 10px;
	line-height:26px;
	float:none;
}
.creamBox5 .imgR{
	float: none;
	width:100%;
	text-align:center;
	clear:both;
	padding:15px 0px;
}
.creamBox5 .txtL{
	float: none;
	width:100%;
	text-align:left;
	padding-left:5px;
	clear:both;
}
.creamBox5 .txtA{
	float: none;
	width:100%;
	text-align:left;
	padding-left:5px;
	clear:both;
}
.creamBox6{
	margin:0px 8px 0px;
	padding:10px 0px 10px 10px;
	width:auto;
	line-height:26px;
	text-align:left;
	font-size:15px;
}
.acuBox1{
	width:100%;
	padding:20px 0px 0px 10px;
	text-align:left;
	font-size:16px;
}
.acuBox2{
	width:100%;	
	float:left;
	padding-top:20px;
}
.acuBox2 img{
	width:270px;	
}
.markerTxt1{
	padding:25px 0px;
	
}
.markerTxt1 h3{
	font-size:18px;
	letter-spacing:0px;
	padding:0px 15px;
}
.markerTxt2{
	padding:25px 5px 15px;
	
}
.markerTxt2 h3{
	font-size:18px;
	letter-spacing:0px;
	padding:0px 15px;
	line-height:35px;
}
.markerTxt3{
	padding:20px 0px 5px;	
}
.markerTxt3 h3{
	font-size:15px;
	letter-spacing:0px;
	padding:0px 10px;
	line-height:35px;
}
.acuBox3{
	margin:0px auto;
	width:100%;
	padding:25px 20px 10px;
	font-size:15px;
	line-height:25px;
}
.acuBox4{
	padding:10px 0px 0px;	
}
.acuBox4 img{
	width:100%;
}
.acuBox5{
	width:100%;
	padding:30px 0px 10px 20px;
	text-align:left;
	font-size:15px;
}
.acuBox6{
	width:100%;	
	float:left;
	padding-top:25px;
}
.acuBox6 img{
	width:300px;	
}
.bodyBox1{
	float:left;
	width:100%;
	padding:10px 20px 0px 20px;
	font-size:16px;
}
.bodyBox2{
	width:100%;	
	float:left;
	padding-top:15px;
}
.bodyBox2 img{
	width:300px;	
}
.bodyBox3{
	line-height:30px;
	font-size:16px;
	padding:20px 20px 10px;
}
.bodyBox4{
	text-align:center;
	padding:25px 0px 0px;	
}
.bodyBox4 img{
	width:	300px;
}
.voiceH{
	margin:30px 8px 0px;
	width:auto;
	background:#4ca435;
	border:solid 2px #4ca435;
	color:#FFF;
	padding:7px 25px 6px;
	font-size:12px;
	text-align:right;
	float:none;
	clear:both;
}
.voiceH strong{
	float:left;
}
.staffH{
	margin:30px 8px 0px;
	width: auto;
	background:#4ca435;
	border:solid 2px #4ca435;
	color:#FFF;
	padding:9px 0px 6px;
	font-size:13px;
	text-align:center;
}
.staffHist{
	padding:20px 0px 7px 10px;
	text-align:left;
	float:left;
	clear:both;
}
.flowH{
	margin:30px 8px 0px;
	width:auto;
	background:#4ca435;
	border:solid 2px #4ca435;
	color:#FFF;
	padding:9px 0px 6px;
	font-size:13px;
	text-align:center;
}
.flowTbl{
	margin:15px 5px 10px 5px;
	width:auto;
}
.flowImg{
	float:left;
	clear:both;
	padding:10px 0px 0px 25px;		
}
.flowTxt{
	float:left;		
	width:auto;
}

.reasonH{
	width:auto;
	margin:10px 8px 0px;
	padding:13px 0px 10px;
	font-size:15px;
	line-height:27px;
	float:none;
}
.priceTbl{
	width:95%;
	margin:15px auto 0px;
}

.priceTbl tr th{
	padding:7px 1px;
	font-size:12px;
}
.priceTbl tr td{
	padding:7px 10px;
	font-size:16px;
}
.priceTbl tr td.bgGold{
	font-size:17px;	
	letter-spacing:5px;
}
.priceBox1{
	margin:10px 1px;
	border:1px solid #8f8500;
	width:auto;
}
.priceBox2{
	border:1px solid #fff;
	text-align:center;
	padding:30px 15px;
	width:auto;
	
background: rgb(76,164,53);
background: linear-gradient(180deg, rgba(76,164,53,1) 0%, rgba(127,170,81,1) 100%);	
		
}
.priceBox2 .tel{
	width:280px;	
}
.priceBox3{
	width:100%;
	margin:0px auto;
	padding:15px 15px 0px;
	font-size:15px;
	line-height:25px;
}
.priceBox4{
	width:100%;
	margin:0px auto;
	padding:15px 20px 0px;
	font-size:15px;
	line-height:25px;
}
#footer img{
	width:280px;	
}
.accessBox1{
	width:100%;
	margin:30px auto 0px;	
}
.accessTbl{
	margin:15px auto;	
	float:none;
}
.accessImg{
	float:none;
	clear:both;	
	text-align:center;
}
.accessImg img{
	width:300px;	
}


}