@charset "utf-8";

/*********************
base
**********************/

body{
	border-top:4px solid #419a3c;
	text-align:center;
}

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

body iframe{
	display:none;
}

/*********************
classes
**********************/

.acenter{
	text-align:center;
}

.cf:after{
	content: '';
	display:block;
	clear:both;
}

.cf{
	zoom: 1;
}

/*********************
contents
**********************/
h1{
	padding:0;
	margin:0;
}

.header{
	width:100%;
	background:url(../images/land-top-img.png)no-repeat bottom center;
	background-size:cover;
	z-index:100;
	position:relative;
	padding-bottom:10em;
}

.top-note{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:100;
}

#contents.container{
	background:url(../images/land-bg.jpg);
	margin-top:-10em;
	box-shadow: 0 -10px 20px 5px rgba(0,0,0,0.1);
	padding:0;
	padding-top: 8em;
	text-align:center;
}

#jisya ul{
	list-style:none;
	padding:0;
	width:982px;
	margin:2em auto 0;
}

#jisya li{
	float:left;
	width:50%;
	text-align:center;
}

#banner-btn{
	margin:2em auto;
	position:relative;
	width:945px;
}

#banner-btn .bbtn-wrap{
	position:absolute;
	right:0;
	bottom:0;
}

#banner-btn .bbtn{
	display:block;
}

#banner-btn img{
	margin:0;
	padding:0;
}

#ican{
	max-width:960px;
	margin:1em auto 0;
	position:relative;
}

#ican img,#pola-note{
	margin-top:2em;
	margin-bottom:2em;
}

#form{
	background:#9fcd1b;
	padding-top: 5em;
	margin-top: -5em;
	padding-bottom:2em;
}

#formbody{
	width:900px;
	margin:1em auto;
	background:#fff;
	padding:3em;
	text-align:left;
}

#formbody .col-lg-4{
	text-align:right;
}

#formbody .col-lg-4,#formbody .col-lg-8{
	padding:1em;
}




#formbody .row{
	border-top:1px solid #638c00;
}

/*
#formbody .gr{
	background:#9fcd1b;
	border-top:1px solid #638c00;
	border-bottom:1px solid #638c00;
}*/

.nes{
	margin-right:1em;
	font-size:0.7em;
	background:yellow;
	padding:0.2em;
	border-radius:0.2em;
	color:red;
}

#formbody .acenter input{
	background:#bcdc5f;
	border:1px solid #638c00;
	padding:0.8em 3em;
}

#formbody .acenter input:hover{
	background:#fff;
	border:1px solid #bcdc5f;
}

#footer{
	margin-top:5em;
	background:#9fcd1b;
	padding:2em;
	text-align:left;
	color:white;
}

.footer-note{
	font-size: 1.5em;
	padding: 0.5em 0 0 5.4em;
}

#ftcomp{
	text-align:center;
}

#ftcomp	img{
	width:80%;
	border:6px solid #fff;
	border-radius:2px;
}

.gmap{
	position: relative;
	padding-bottom: 37%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.gmap iframe,.ggmap object,
.ggmap embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.form-btn{
	width:846px;
	margin:0 auto;
	position:relative;
	
}

.form-btn-tel{
	display:block;
	position:absolute;
	top:0;
	right:0;
}

a.tl img{
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

a.tl:hover img{
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}


/*********************
meda query
**********************/

@media screen and (min-width: 1000px) {
	#contents.container{
	}

}

@media screen and (max-width: 1000px) {
	#contents.container{
		padding-left:1em;
		padding-right:1em;
	}
	
	#jisya ul,#jisya li,#banner-btn,.form-btn{
		width:100%;
	}
	
	#pola-note{
		display:none;
	}
	
	#formbody{
		width:100%;
	}
	
	#formbody .col-lg-4{
		text-align:left;
	}
	
	#formbody input,#formbody textarea{
		width:100%;
	}

	.row{
		margin:0;
	}

	.footer-note{
		padding:0;
		text-align:center;
		margin:0.5em 0;
	}
	
	#ftcomp{
		margin:1em 0;
	}
}

@media screen and (max-width: 560px) {
	#contents.container{
		margin-top:-10em;
		padding:0;
		padding-top:4em;
	}
	
	#footer{
		margin-top:0;
	}
	
	.basew,.nomob{
		display:none;
	}
	
	#banner-btn .bbtn-wrap,.form-btn-tel{
		position:relative;
	}
	
	#banner-btn .bbtn{
		display:inline;
	}
	
	.header{
		width:100%;
		background:url(../images/land-top-img_mob.png)no-repeat top center;
		max-width:150%;
	}

}