@charset "utf-8";
html {
font-size:62.5%;
min-width:320px;
max-width:900px;
margin:0 auto;
background-color:#eaf9c2;
position:relative;
}
html * {
box-sizing: border-box;
}
body {
margin: 0;
font-family: sans-serif;
}
header{
width:100%;
z-index:0;
background: linear-gradient(90deg, rgb(7, 245, 35), rgb(6, 124, 26));
margin:0;
padding:0;
border:0;
height:120px;
color:#ffffff;
}
.header-navbtn {
display: block;
position:absolute;
top:50px;
left: 0;
z-index: 30;
width: 70px;
height: 70px;
background:#006108 url(../img/btnmenu.png);
background-size: 70px 70px;
}
.header-navbtn:hover, .header-navbtn:active {
background-color: #33bc5e;
}
header h1{
font-size:1.4rem;
position:absolute;
top:8.4rem;
line-height:17px;
margin:0;
left:25%
}
header .yama{
font-family:serif;
font-size:3rem;
font-weight:bold;
position:absolute;
top:0.5rem;
margin:0;
left:3%
}
header .ikyu{
font-size:1.2rem;
font-weight:bold;
letter-spacing:0.1rem;
position:absolute;
top:2px;
margin:0;
left:50%
}
header h2{
font-family:sans-serif;
font-size:1.8rem;
font-weight:bold;
letter-spacing:0.3rem;
position:absolute;
top:1.5rem;
margin:0;
left:45%
}
header .tel{
font-size:1.5rem;
font-weight:bold;
position:absolute;
top:6rem;
margin:0;
left:25%
}
header .kei{
font-size:1.7rem;
font-weight:bold;
position:absolute;
top:3.8rem;
margin:0;
left:25%
}
@media screen and (min-width: 480px ){
header h1{
font-size:2.8vw;
top:9rem;
left:15%
}
header .yama{
font-size:5.5vw;
top:0;
left:3%
}
header .ikyu{
font-size:3.2vw;
letter-spacing:0.2vw;
top:3.8rem;
left:17%
}
header h2{
font-size:4.3vw;
letter-spacing:0.3vw;
top:5.8rem;
left:15%
}
header .tel{
font-size:3.0vw;
top:6rem;
left:50%
}
header .kei{
font-size:3.3vw;
top:3.8rem;
left:50%
}
}
@media screen and (min-width: 600px ){
header h1{
font-size:1.6rem;
letter-spacing:0.2vw;
top:9rem;
left:15%
}
header .yama{
font-size:3.2rem;
top:0;
left:3%
}
header .ikyu{
font-size:1.6rem;
letter-spacing:0.5vw;
top:3.8rem;
left:17%
}
header h2{
font-size:2.3rem;
letter-spacing:1vw;
top:5.8rem;
left:15%
}
header .tel{
font-size:1.5rem;
top:6rem;
left:50%
}
header .kei{
font-size:1.7rem;
top:3.8rem;
left:50%
}
}
@media screen and (min-width: 768px ){
header{
height:92px;
}
header h1{
font-size:1.7rem;
top:1.1rem;
left:30%
}
header .yama{
font-size:4rem;
top:2rem;
left:3%
}
header .ikyu{
font-size:1.6rem;
top:3.8rem;
left:31%
}
header h2{
font-size:2.1rem;
top:5.8rem;
left:29%
}
header .tel{
font-size:1.8rem;
top:6rem;
left:60%
}
header .kei{
font-size:2.0rem;
top:3.8rem;
left:60%
}
.header-container {
padding: 30px 20px 10px 20px;
}
.header-navbtn {
display: none;
}
}
/* ナビゲーション */
nav {
font-size:1.4rem;
}
.nav-container {
position:absolute;
top: 120px;
left: 0;
z-index: 20;
margin: 0;
padding: 0;
width: 90%;
background: #006108;
}
.globalnav {
list-style: none;
margin: 0;
padding: 0;
overflow:hidden;  
}
.globalnav li a {
display: block;
padding: 15px 20px;
border-bottom: 1px solid #8bb15a;
border-right: 1px solid #8bb15a;
text-decoration: none;
line-height: 100%;
color: #ffffff;
text-align:center;
letter-spacing:0.5rem;
}
.globalnav li a:hover,
.globalnav li a.current {
background: #1ee616;
}
.globalnav .saku{
background: #ffffff url(../img/yn004_13.gif) left 0px top 12px no-repeat;
font-size:1.3rem;
font-weight:normal;
color:#000000;
padding:15px 0px 15px 10px;
float:left;
width:50%;
text-align:left;
letter-spacing:0px;
}
.globalnav .kuri{
clear:both;
}
.globalnav p{
color:#ffffff;
background-color:#279868;
font-weight:bold;
letter-spacing:0.3rem;
text-align:center;
margin:0px;
padding:7px
}
.globalnav .gogo{
margin:0px;
padding:15px 20px;
line-height:100%;
display:block;
background: #1ee616;
color: #ffffff;
text-align:center;   
}
.globalnav .uwa{background: #1ee616;}
@media screen and (min-width: 768px) {
.nav-container {
position:absolute;
top:92px;
width:150px;
}
.globalnav li a{
font-family:fantasy;
font-weight:bold;
letter-spacing:0px;
}
.globalnav .saku{
width:100%;
}
}
main #topicPath a{display:inline;}
main #topicPath li{display:inline;
line-height:1.5;}
main{
text-align:left;
font-size:1.4rem;
width:100%;
}
main a{
color:#023e0c;
padding:5px;
}
main a:hover{
background-color:#8ef17f;
}
main h2{
color:#006400;
background-color:#e0ffff;
font-size:2.0rem;
letter-spacing:3px;
margin:10px 0px 10px 5px;
padding:10px 15px 10px 15px;
border: 1px solid #006400;
width:80%
}
main h3{
color:#ffffff;
background-color:#5CBB2F;
font-size:1.5rem;
letter-spacing:2px;
margin:20px 0px 20px 5px;
padding:5px;
width:80%
}
main h4{
color:#228b22;
font-size:15px;
letter-spacing:2px;
line-height:150%;
margin:20px 10px 20px 10px
}
main p{
letter-spacing:2px;
line-height:150%;
margin:0px 15px 0px 10px;
background-color:white;
padding:10px 20px 10px 20px;    
}
main th,td{
font-size:1.5rem;
letter-spacing:2px;
text-align:center;
padding:10px 5px 10px 5px;  
border: 1px solid #808080;
display:block;
}
main th{
background-color:#dcdcdc
}
main td{
background-color:#ffffe0
}
main table{  
border-collapse:collapse;
margin:10px;
width:100%;
}
.kasho tr th{width:65%;}
.kasho tr td{width:30%;}
.hou tr th{width:150px;}
.hou tr td{width:150px;}
.eco tr td{width:90%;}
.eco tr th{width:90%;}
.pro tr th{width:290px;}
.pro tr{float:left;}
.pro tr td{width:290px;}
.sab{height:600px;}
main h3~a{
font-size:1.6rem;
margin-left:30px;   
    }
input[type=text],input[type=mail]{
width:70%;
}
textarea{
width:90%;
height:150px;
}
input[type=submit],input[type=reset]{
padding: 10px 20px;
}
input[type=submit]{
margin:0px 20px 20px 50px;
}
main #mriku{
color:#228b22;
font-size:1.6rem;
letter-spacing:2px;
text-align:left;
margin:10px 0px 0px 0px;
padding:0px;
}
main #mriku li{
background:url(../img/yajirusi1.gif) left 10px top 4px no-repeat;
background-color:white;    
margin:15px 0px 10px 0px;
padding:0px 0px 5px 30px;
list-style-type:none
}
main .gmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
main .gmap iframe, .gmap object, .gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
main .sanko{
color:#000000;
background-color:#f1f3c5;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:5px 0px 0px 0px;
}
main .sai{
color:#228b22;
font-size:15px;
font-weight:bold;
letter-spacing:2px;
line-height:150%;
margin:20px 20px 20px 30px
}
main .buro{
background-color:#99ff99;
text-align:center;
margin:0px 0px 0px 20px;
padding:5px;
border:1px solid #32cd32;
width:90%;
}
main .buro2{
text-align:left;
margin:0px 0px 0px 20px;
padding:10px;
border:1px solid #32cd32;
width:90%
}
main .buro3{
text-align:left;
margin:20px 0px 0px 20px;
padding:10px;
border:1px solid #32cd32;
width:90%
}
.iba tr td{display:inline-block;}
.iba tr th{display:inline-block;}
main .mari{float:left}
main .clar{clear:both;}
main .rmei{margin:0px 0px 0px 30px;}
main .mario{position:relative;top:70px;left:10px}
main .mei{background-color:#dcdcdc}
main .kai{background-color:#ffffe0}
main .kaku{
color:#008000;
font-weight:bold;
font-size:1.8rem;
}
main .rrr{
color:#006400;
background: #e0ffff url(../img/arrow30-004.gif) left 5px top 12px no-repeat;
font-size:17px;
text-align:left;   
font-weight:bold;
text-indent:30px;
padding:10px 5px 10px 5px;
line-height:3rem; 
width:90%;
}
main .rr100{width:90%}
.chou{text-align:center;}
@media screen and (min-width: 480px) {
.im50{width:49%;
margin-left:1%;}
main .rr100{width:70%;}
.chou img{width:70%;}
}
@media screen and (min-width: 768px){
main{
margin-left:150px;
width:80%; 
}
}
main .patop{
text-align:center;  
font-size:1.8rem;
margin:10px; 
}
main .patop img{
padding-right:5px;
width:20px; 
}

footer {
color:#696969;
font-size:1.2rem;
text-align:center;
margin:4px 0px 4px 0px;
padding-top:10px;
border-top: 1px solid #696969;
}
footer p{
margin:0px;
}
.koumu{
font-size:1.4rem;
padding-left:0.5rem;
}
#js-slidemenu {
	display: none;
}
@media screen and (min-width: 768px) {
	#js-slidemenu {
		display: block !important; 
	}
}
.js-slidemenu-effect {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
 }