@charset "utf-8";

/*-----------------------------------------------------	*/
/*	トップページ					*/
/*-----------------------------------------------------	*/

html, body { height: 100%; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.tx90 { font-size:90%; line-height:120%; }
.tx80 { font-size:80%; line-height:110%; padding-top:0.3em; }
.tx-L { font-size:180%; }
.tx-orange { color:#FF7F00; }
.tx-white { color:#FFF; }
.tx-red { color:#AE1000; }
.tx-blue { color:#00BFFF; }
.tx-navy { color:#33638A; }
.wid50 { width:50%; }

h3 {
	clear:both;
	padding-bottom:0.5em;
	margin: 2em auto  0.5em auto;
	text-align:center !important;
	font-size:120%;
	font-weight:bold;
}

h4 {
	font-size:100%;
	font-weight:bold;
}

section {
	padding-bottom:80px;
	position:relative !important;
}

.comment02 {
	width:100%;
	line-height:200% !important;
	text-align:center !important;
}

.comment03 {
	width:93%;
	line-height:180% !important;
	text-align:center !important;
	margin:3em auto;
}

.comment04 {
	width:100%;
	line-height:180% !important;
	text-align:left !important;
}

.gainen {
	width:70%;
	text-align:center !important;
	margin:0 auto;
}


/*-- メインビジュアル  --*/

#Visual {
	width:100vw;
	height:50vh;
	max-height:585px;
	/*min-height:device-height;*/
	margin:;
	padding:0;
	/*color: #fff;*/
}

.mainvis {
	background: url(images/mainvis_top.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

.catch {
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	text-align: center;
	font-size:290%;
	font-weight:300;
	line-height:160%;
	text-shadow:rgba(75,45,24,1.0) 1px 1px 6px;
	font-family:"ヒラギノ角ゴ Pro W6";
}

.icon-down {
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	text-align: center;
}


/*-- 新着情報  --*/

section#News {
	padding:130px 30px 0 30px;
	overflow:hidden;
	width:100%;
	max-width:1140px;
	margin: 0 auto;
}

section#News h2 {
	text-align:center !important;
	width:100%;
	font-weight:normal;
	margin: 0 auto 1em auto;
}

section#News div.news {
	border:1px solid #EEE;
	padding:15px;
	overflow:hidden;
}

section#News dl {
	border-bottom:1px dotted #EEE;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
}

section#News dl:nth-last-child(1) {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

section#News dl dt {
	width:130px;
	font-size:80%;
	float:left;
	font-weight:normal;
	clear:both;
}

section#News dl dd {
	font-size:90%;
	line-height:180%;
	float:left;
	text-align:left !important;
}

.noborder {
	border-bottom:none !important ;
	margin-bottom:0 !important ;
}

/*-- Intro  --*/

section#Intro {
	clear:both;
	padding:0 auto 0 0;
	overflow:hidden;
	margin: 60px auto;
	max-width:1300px;
}

section#Intro h2 {
	font-size:170%;
	color:#64CA2C;
	line-height:180%;
	margin-bottom:3em;
}

section#Intro .imgR {
	float:right;
	width:32%;
}

section#Intro .com {
	float:left;
	width:65%;
}

section#Intro .com p {
	font-size:110%;
}


/*-- ドロワーナビ --*/

#page{
	padding-top:0px;
	position: relative;
	z-index: 2;
	left: 0;
	background: #fff;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

#drawernav{
	position: fixed;
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	background: #64CA2D;
	color: #fff;
	z-index: 1;
	padding-top: 40px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
    }
	
#drawernav ul{
	list-style: none;
	padding: 0;
}

#drawernav ul li.subcat {
	padding-left:1.5em;
	font-size:90%;
}

#drawernav ul li.ttl,
#drawernav ul li a{
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	border-top:1px dotted #FFF;
}

#drawernav ul li a:hover,
#drawernav ul li.inquiry a:hover{
	color: #FFF;
	background: #FF7F00;
}

#drawernav ul li.inquiry a{
	color: #FA6B1F;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	border-bottom:1px dotted #FFF;
	background:#FCE4CB;
		}

#drawernav h4{
	padding: 0 15px; 
}

#humberger{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3;
	width: 45px;
	padding: 17px 10px 10px;
	cursor: pointer;
}

.icon-bar{
	height: 2px;
	background: #333;
	display: block;
	margin-bottom: 6px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
    -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

.fixed-content{
	right: inherit;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

#overlay{
	z-index:-1;
	opacity: 0;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}	


/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 801px) {

	.SP,
	#header { display:none; }	
	
}


@media screen and (max-width: 800px) {
	
	.col {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	header#Defhead,
	div#Navmenu {
		display:none;
		visibility:hidden;
	}
	
	section#Intro {
	padding-bottom:2em;
	position:relative !important;
	max-width:90vw !important;
	}
	
	#page{
		padding-top: 50px;
	}
	
	table.entry { width:100%; }


}

@media(max-width: 800px) {

	/*-- ドロワーナビ開放時 --*/
	
    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #000;
        -webkit-box-shadow: 1px 0 2px #000;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background: #fff;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity: 0.3;
        left: -240px;
    }
	
	section#Inq input { width:50% !important; }
	section#Inq input.widno { width:30% !important; }

}

@media screen and (min-width: 641px) {

	.SPP { display:none; }	
}


@media screen and (max-width: 640px) {
	
	.PC,
	.comment02.SP {
		display:none;
		visibility:hidden;
	}

	h3 {
		padding-top:2em;
		font-size:95%;
	}
	
	section {
	padding-bottom:1.5em;
	}
	
	#Visual {
	height:30vh;
	}

	.catch {
		font-size:150%;
		top: 20%;
	}
	
	.icon-down {
		width: 10%;
	}
	
	section#Intro {
	margin: 1.5em auto !important;
	}

	section#Intro h2 {
	font-size:135%;
	line-height:150%;
	margin-bottom:0;
	}

	section#Intro .com {
	float:none;
	width:100%;
	}
	
	section#Intro .imgR {
	float:none;
	width:80%;
	margin:0 auto 1.5em auto;
	text-align:center;
	}

	.tx-Lf { text-align:left !important; }

}


@media screen and (min-width: 641px) {
section#Intro .second-parag {
clear: both;
padding-top: 20px;
margin-bottom: 30px;
}

section#Intro .second-parag .com {
float: right;
}

section#Intro .second-parag .imgL {
float: left;
width: 32%;
}
}