@charset "utf-8";
/* CSS Document */
body{background:url(../../images/common/bg.jpg) no-repeat 50% 50%/cover; background-attachment:fixed;}

/*HEADER
====================================*/
header{background:#fff; padding:15px 0 10px;}
header .inner{position:relative; padding:3px 0 21px; max-width:1000px; width:calc(100% - 30px); margin:0 auto;}
h1{font-size:10px; padding:0px 0 11px;}
h1 br{display:none;}
#logo{width:48.9%; line-height:0;}
#h-contact{position:absolute; top:0; right:0; text-align:right;}
#h-contact a{color:#fff; line-height:1; padding:5px 15px 4px; margin:0 0 12px; text-align:center; display:inline-block; background-image:linear-gradient(#ff9124, #f3a429);}
#h-contact a i{display:inline-block; line-height:0; margin:0 7px 0 0; width:0; height:0; border-top:4px solid transparent; border-left:5px solid #fff; border-bottom:4px solid transparent;}
#h-contact a:hover{background:#ff9124;}
#h-contact p{font-size:12px;}

#btn-menu{display:none; width:13.33vw; line-height:0; position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

#gnav{max-width:1000px; width:calc(100% - 30px); margin:0 auto;}
#gnav a{display:block; font-size:14px; padding:5px 0; float:left; text-align:center; margin:0 0.1% 0 0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#gnav a:nth-of-type(1){width:12%;}
#gnav a:nth-of-type(2){width:13%;}
#gnav a:nth-of-type(3){width:13%;}
#gnav a:nth-of-type(4){width:16%;}
#gnav a:nth-of-type(5){width:13%;}
#gnav a:nth-of-type(6){width:18%;}
#gnav a:nth-of-type(7){width:14.4%; margin:0;}
#gnav a:hover,
#gnav a.active{background:#006f0b; color:#fff;}
#gnav a:nth-of-type(4){ display: none!important;}

/*MAIN CONTENT
====================================*/
.content{max-width:1000px; width:calc(100% - 30px); margin:0 auto; background:#fff; padding:60px 20px 100px;}

.lowerpage .mv{background:url(../../images/common/mv.jpg) no-repeat 50% 50%/cover; padding:60px 10px; text-align:center;}
.lowerpage .mv h2{font-size:33px; line-height:2.4; color:#fff; letter-spacing:0.1em;
text-shadow: 0 0 1px rgba(0,0,0,.15), 0 0 2px rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.15), 0 0 4px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.15), 0 0 6px rgba(0,0,0,.15), 0 0 7px rgba(0,0,0,.15), 0 0 8px rgba(0,0,0,.15), 0 0 9px rgba(0,0,0,.15), 0 0 10px rgba(0,0,0,.15), 0 0 11px rgba(0,0,0,.15), 0 0 12px rgba(0,0,0,.15), 0 0 13px rgba(0,0,0,.15), 0 0 14px rgba(0,0,0,.15), 0 0 15px rgba(0,0,0,.15), 0 0 16px rgba(0,0,0,.15), 0 0 17px rgba(0,0,0,.15), 0 0 18px rgba(0,0,0,.15), 0 0 19px rgba(0,0,0,.15), 0 0 20px rgba(0,0,0,.15);}

.lowerpage h3{font-size:25px; letter-spacing:0.1em; text-align:center; margin:0 0 30px;}
.lowerpage h3 span{display:inline-block;}
.lowerpage h4{font-size:17px; line-height:1.5; color:#006f0b; position:relative; border-bottom:1px solid #006f0b; margin:0 0 30px; padding:0 0 5px 18px;}
.lowerpage h4:before,
.lowerpage h4:after{position:absolute; content:''; display:block; background:#006f0b; top:4px; bottom:10px;}
.lowerpage h4:before{left:0; width:4px;}
.lowerpage h4:after{left:6px; width:2px;}

.lowerpage .main-txt{font-size:20px; line-height:1.7; text-align:center; margin:0 0 50px;}

.lowerpage .subnav{max-width:940px; margin:0 auto 60px;}
.lowerpage .subnav a{font-size:16px; letter-spacing:0.1em; float:left; text-align:center; background:#ccc; padding:7px 0 6px; display:block;}
.lowerpage .subnav a:last-of-type{margin:0;}
.lowerpage .subnav a i{width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #000; display:inline-block; margin:0 1em 0 0; transform:translateY(-4px); -webkit-transform:translateY(-4px);}
.lowerpage .subnav a:hover,
.lowerpage .subnav a.active{background:#006f0b; color:#fff;}
.lowerpage .subnav a:hover i,
.lowerpage .subnav a.active i{border-top:4px solid #fff;}

.lowerpage .subnav2 a{width:30.86%; margin:0 3.71% 0 0;}
.lowerpage .subnav2 a:nth-of-type(1){margin-left:17.285%;}
.lowerpage .subnav3 a{width:30.86%; margin:0 3.71% 0 0;}
.lowerpage .subnav5 a{width:18.048%; margin:0 2.44% 0 0; position:relative;}
.lowerpage .subnav5 a i{position:absolute; top:52%; left:10%; margin:0;}

.posRel{position:relative;}
.posAbs{position:absolute; top: 0; left:0; width:100%;}
a[href^="tel:"]{pointer-events:none;}

#pagetop{position:fixed; bottom:40px; right:10px; width:85px; padding:12px 0 3px; text-align:center; background:#000; color:#fff; font-size:15px; cursor:pointer;}
#pagetop:before{content:''; border:solid #fff; border-width:0 1px 1px 0; display:inline-block; padding:4px; position:absolute; top:9px; left:calc(50% - 2px);
transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
#pagetop:hover{opacity:.8;}


/*FOOTER
===================================*/
#f-contact{display:none;}
#f-link{max-width:1000px; width:calc(100% - 30px); margin:0 auto; background:#fff; padding:0 0 20px; font-size:0; line-height:0; text-align:center;}
#f-link a{font-size:13px; line-height:1; padding:0 10px; border-right:1px solid #000;}
#f-link a:nth-of-type(4){ display: none!important;}
#f-link a:nth-of-type(1){border-left:1px solid #000;}
#f-link a:hover,
#f-link a.active{color:#006f0b; text-decoration:underline;}
#copyright{background:#006f0b; font-size:10px; text-align:center; color:#fff; padding:7px 0;}


/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0) and (min-width:1000px){  /* IE */
#h-contact a{padding:7px 15px 2px;}
#gnav a{padding:8px 0 2px;}

.lowerpage .subnav a{padding:9px 0 4px;}

.lowerpage h4::before, .lowerpage h4::after{top:1px; bottom:13px;}

#copyright{padding:9px 0 5px;}
}

@media only screen and (max-width:1000px){
h1{font-size:1vw;}
#h-contact{font-size:1.2vw;}
#h-contact a{font-size:1.3vw;}
#gnav a{font-size:1.5vw;}

.lowerpage .subnav a{font-size:1.6vw;}
}

@media only screen and (min-width:768px){
	.spv{ display: none!important;}
	#gnav{ text-align: center;}
	#gnav a{ float: none; display: inline-block;}
}
@media only screen and (max-width:767px){
	.pcv{ display: none!important;}
header{position:fixed; top:0; left:0; width:100%; z-index:1000; padding:0;}
header .inner{padding:15px; border-bottom:1px solid #000; margin:0; width:100%;}
h1{font-size:2.45vw; line-height:1.3; padding:0 0 1.2vw;}
h1 br{display:block;}
#logo{width:76.66%;}
#h-contact{display:none;}
#btn-menu{display:block;}

#gnav{position:absolute; top:100px; background:#fff; left:0; width:100%; border-bottom:1px solid #006f0b; display:none;}
#gnav a{width:50% !important; border-bottom:1px solid #006f0b; margin:0; font-size:3.2vw; padding:2vw 0;}
#gnav a:nth-of-type(2n+1){border-right:1px solid #006f0b;}
#gnav a:nth-of-type(6){border-right:1px solid #006f0b;}
#gnav a:last-of-type{border-bottom:none;}

.lowerpage .subnav{margin:0 auto 30px;}
.lowerpage .subnav a{width:49% !important; margin:0 2% 2% 0 !important; font-size:3vw;}
.lowerpage .subnav a:nth-of-type(2n){margin:0 0 2% !important;}

.content{padding:50px 15px 80px;}
a[href^="tel:"]{pointer-events:auto;}
#pagetop{display:none !important;}

footer{background:#fff;}
#f-link{width:100%; padding:0; background:#fff; border-top:1px solid #333;}
#f-link a{font-size:3.2vw; line-height:1.6; padding:2vw 0; width:50%; float:left; display:block; border-bottom:1px solid #333;}
#f-link a:nth-of-type(1){border-left:none;}
#f-link a:nth-of-type(2n+1){border-right:1px solid #333;}
#f-link a:nth-of-type(2n){border-right:none;}
#f-link a:nth-of-type(6){border-right:1px solid #333;}
#f-link a:hover,
#f-link a.active{background:#006f0b; color:#fff; text-decoration:none;}

#f-contact{padding:7vw 0; text-align:center; display:block; font-size:2.1vw;}
#f-contact figure{padding:1.7vw 5% 5vw; line-height:0;}
#f-contact ul{margin:0 0 7vw;}
#f-contact li{font-size:2.5vw; line-height:1.4;}
#f-contact .btn{width:54%; margin:0 auto; display:block; color:#fff; background-image:linear-gradient(#ff9124, #f3a429); font-size:4vw; padding:0.6vw 0;}
#f-contact .btn span{font-size:2.6vw;}
#f-contact .btn i{display:inline-block; margin:0 0.5em 0 0; width:0; height:0; border-top:0.2em solid transparent; border-left:0.25em solid #fff; border-bottom:0.2em solid transparent; vertical-align:middle; transform:translateY(-0.1em); -webkit-transform:translateY(-0.1em);}

#copyright{padding:1.2vw 0; font-size:2.3vw;}
}

@media only screen and (max-width:480px){
.lowerpage h3{font-size:20px;}
.lowerpage h4{font-size:15px;}

.lowerpage .main-txt{font-size:16px;}
.lowerpage .main-txt br{display:none;}

.lowerpage .subnav a i{margin:0 0.5em 0 0;}
}