@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   共通事項
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/





/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   PC版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.fv{
	width:100%;
	min-width:1000px;
	margin:0 0 80px 0;
}

#content{
	width:100%;
	margin:0 auto;
}
h3{
	width:900px;
	margin:0 auto 20px auto;
}

.about_minmin{
	width:900px;
	margin:0 auto 30px auto;
}

.about_minmin p{
	text-align:center;
	font-size:16px;
	color:#744c2c;
	line-height: 30px;
}
.minmin_img{
	width:900px;
	margin:0 auto 30px auto;
}

.pc_nami{
	width:100%;
	position:absolute;
	top:-18px;
}


.service{
	position:relative;
	width:100%;
	min-width:1000px;
	padding:40px 0 70px 0;
	/*background:url(../cmn/img/green_01.jpg);
	background-size: cover;
    	background-position:0 98%;
	background-repeat:no-repeat;*/
}

.service_warp{
	width:900px;
	margin:0 auto 30px auto;
}
.service_warp ul li{
	width:286px;
	position:relative;
	float:left;
	margin:0 20px 0 0;
}






.service_warp ul li:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
		inset 0 0 100px rgba(0, 0, 0, 0.2);
	background: rgba(0, 255, 0, 0.1); /* カラーを重ねる */
	border-radius:10px;
	opacity:0;
}
.service_warp ul li:nth-child(3){
	margin:0;
}

.service_warp ul li a{
	display:block;
	font-size:0px;
}

.service_warp ul li .topic{
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	z-index:100;
}

.service_warp ul li:nth-child(4){
	margin:30px 40px 0 150px;
}

.service_warp ul li:nth-child(5){
	margin:30px 0 0 0;
}

.service_warp ul li:hover:after{
	opacity:1;
	transition:all 0.5s;
}

.pc_btn{
	width:897px;
	height:113px;
	background:url(../img/reserve_off.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin:0 auto 50px auto;
}

.pc_btn a{
	display:block;
	width:897px;
	height:113px;
}
.pc_btn:hover{
	background:url(../img/reserve_on.png);
	background-repeat:no-repeat;
}

.map{
	width:900px;
	position:relative;
	margin:0 auto 30px auto;
}
.map_warp{
	float:left;
}

.map h4{
	color:#744c2c;
	margin:0 0 10px 0;
	font-size:16px;
}
.map p{
	color:#744c2c;
	font-size:15px;
	line-height:1.7;
}
.map_img{
	width:455px;
	margin:20px 0;
	float:right;
}

.map_btn{
	position:absolute;
	top:320px;
	width:370px;
	margin:0 auto 30px auto;
	background-color:#658405;
	border-radius:10px;
}

.map_btn a{
	display:block;
	padding:15px 0;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.map_btn:hover{
	opacity:0.7;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   スマホ版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

h1{
	padding-top:80%;
	z-index:5000;
}

.fv{
	width:100%;
	min-width:100%;
	margin:0 0 25% 0;
}

#content{
	width:100%;
	margin:0 auto;
}

h3{
	width:97%;
	margin:0 auto 20px auto;
}

.about_minmin{
	width:90%;
	margin:0 auto 30px auto;
}

.about_minmin p{
	text-align:left;
	font-size:13px;
	color:#744c2c;
	line-height:1.8;
}
.minmin_img{
	width:100%;
	margin:0;
	z-index:1000;
	background:none;
	z-index:800;
}

.service{
	position:static;
	width:100%;
	min-width:100%;
	margin-top:-20px;
	padding:30px 0;
	/*background:url(../cmn/img/green_01.jpg);
	background-size: cover;
    	background-position: bottom;
	background-repeat:no-repeat;*/
	z-index:500;
}

.service_warp{
	width:90%;
	margin:0 auto 30px auto;
}

.service_warp ul li{
	width:48%;
	float:left;
	margin:0 0 10px 0;
}

.service_warp ul li .topic{
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
}


.service_warp ul li:nth-child(3){
	margin:0 10px 10px 0;
}

.service_warp ul li:nth-child(4){
	margin:0 0 10px 0;
}

.service_warp ul li:nth-child(5){
	margin:0 10px 10px 0;
}


.service_warp ul li:nth-child(odd){
	margin:0 10px 10px 0;
}

.pc_btn,.pc_nami{
	display:none;
}

.service_warp ul li:after{
	display:none;
}
.map{
	width:90%;
	margin:0 auto 30px auto;
	position:static;
}
.map h4{
	color:#744c2c;
	margin:0 0 10px 0;
}

.map_warp{
	float:none;
}

.map p{
	color:#744c2c;
	font-size:14px;
	line-height:1.8;
}

.map p span{
	color:#ff0000;
}

.map_img{
	width:100%;
	margin:20px 0;
	float:none;
}
.map_btn{
	width:97%;
	margin:0 auto 30px auto;
	background-color:#658405;
	border-radius:10px;
	position:static;
}

.map_btn a{
	display:block;
	padding:15px 0;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

}

/* ボタンフォント */
@media screen and (max-width:500px){

.service_warp ul li .topic{
	font-size:13px;
}

}