html { scroll-behavior: smooth; /* スムーズスクロールを有効化 */}
ul , li{list-style: none;}
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {content:none;}
header{z-index: 999999;height: 100px;width: 100%;position: fixed;top: 0;transition: transform 0.3s 0.3s;}
header.hidden {transform: translateY(-100px);}
main{padding-top: 10px;}
#logo img{max-width:200px;width: 100%;}
.menu-link img{width:40px;height: auto;}
.menu-item a{color:#ffffff;font-size: 16px;}
h2.copy{position: absolute;top: 50%;left: 50%;}
#sec01 {position: relative;}
.contets{max-width: 990px;margin: 0 auto;width:96%}
#sec01 h2{font-size: 28px;font-weight: normal;}
#sec01 h2 span{color:#009930;}
.mv{position: relative;}
.mv .mvimg{position: absolute;bottom: -5px;z-index: 9;}
.n2_clear{position: relative;top:0;}
.copyimg{position: absolute;bottom: 50px;left: 50px;display: block;z-index: 10;}
.copyimg img{width:170px;}

#sec02{background: #f7f7f7;text-align: center;margin: 90px 0;position: relative;}
#sec02 .contets{padding-top: 50px;}
#sec02 h2 {font-size: 28px;font-weight: normal;text-align: center;color:#009930;position: relative;max-width: 500px;margin: 0 auto;
background: linear-gradient(transparent 50%, #f9f49a 50%);display: inline;}
#sec02 .contets p{font-size: 20px;font-weight: normal;margin: 20px 0 30px;}
#sec02::after {content: "";position: absolute;bottom: -80px;left: 0;width: 100%;height: 80px;background:#f7f7f7; clip-path: polygon( 0 0,50% 100%,100% 0);z-index:8; }
.img09{position: absolute;display: block;left:-160px;top:-10px;width:120px;padding: 0 10px;}
.img09 img{width:100%;}
.btn{display: flex;gap: 10px;}
.btn li{width: calc((100% - 30px) / 3);display: block;text-align: center;background: #ffffd3;border: 1px solid #009930;color:#009930;
background-image: url(../img/img10.png);background-repeat: no-repeat;background-position: center bottom 15px;
background-size: 60%;}
.btn li a{display: block;width: 100%;height: auto;color:#009930;line-height: 80px;font-size: 20px;padding-bottom: 30px;}
.btn li a:hover{background: #e8e8c0;opacity: 0.8;}

.sec02-1 {text-align: left;display: grid;width: 100%;grid-template-columns:65% 35%;border-bottom: 1px dotted #bdbdbd;padding: 40px 0;}
.sec02-1 h3{font-size: 28px;font-weight: normal;text-align: left;color:#009930;}
.sec02-1 .box{padding-right: 30px;}

.sec02-2 {text-align: left;display: grid;width: 100%;grid-template-columns:35% 65%;border-bottom: 1px dotted #bdbdbd;padding: 40px 0;}
.sec02-2 h3{font-size: 28px;font-weight: normal;text-align: left;color:#009930;}
.sec02-2 .box{padding-left: 30px;}

.sec02-1.sec02-3{border: none;}
.sec02-1 .box p, .sec02-2 .box p{font-size: 18px;}

.box span {background: linear-gradient(transparent 50%, #f9f49a 50%);}
span.underline{background: linear-gradient(transparent 50%, #f9f49a 50%);}
#sec05 span.green{color:#009930;font-weight: bold;}

#sec03{background: #cfe8d6;text-align: center;margin: -90px 0;position: relative;padding: 120px 0 0 0;font-size: 22px;}
#sec03 span ,#sec04 span{color:#009930;font-weight: bold;}
#sec03 .more{background:#009930;color: #fff;width: 100%;display: block;text-align: center;line-height:80px;}
#sec03 .more:hover{background:#369955;}
#sec04{text-align: center;font-size: 18px;padding:50px 0;position: relative;margin-top: 80px;}
#sec04 h2 ,#sec05 h2 {font-size: 28px;font-weight: normal;text-align: center;color:#009930;
background: linear-gradient(transparent 50%, #f9f49a 50%);    display: inline;padding: 0 10px;}
#sec04 h3{font-size: 24px;color:#009930;margin: 30px 0 20px 0;}

#sec05{text-align: center;font-size: 18px;padding:50px 0;position: relative;background: #f7f7f7;}
#sec05 h2 ,#sec06 h2 {margin-bottom: 30px;}
#sec05 p{margin-top: 30px;}
#sec06 {text-align: center;color: #fff;font-size: 18px;
  background-image: url(../img/img06.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
　background-attachment: fixed;}
.black{background-color: rgba(0,0,0,0.6);padding: 50px 0;}
#sec07{text-align: center;position: relative;padding: 80px 0;font-size: 18px;}
#sec07 h2{margin-bottom: 30px;color:#009930;}
#sec08{background: #009930;text-align: center;color: #fff;padding: 50px 0 0 0;position: relative;}
.veg{position: relative;}
.veg01{position: absolute;left: 30px;top: -60px;width: 120px;}
.veg02{position: absolute;left: 190px;top: -100px;width: 120px;}
.veg03{position: absolute;right: 40px;top: -70px;width: 170px;}
.veg04{position: absolute;left: 40px;bottom: -90px;width: 170px;}
.veg05{position: absolute;right: 40px;bottom: -30px;width: 170px;}

#sec08 h2{background: linear-gradient(transparent 50%, #ffffff47 50%); display: inline;padding: 0 10px;}
#sec08  p{margin: 50px 0;}
#sec09{text-align: center;padding: 50px 0;background: #f7f7f7;}
#sec09 .contets{margin: 20px auto;padding: 0 20px;}
#sec09 h2 {background: linear-gradient(transparent 50%, #f9f49a 50%); display: inline;padding: 0 10px;color:#009930;}
.map {position: relative;margin: 0 auto; width: 80%;height: 0;padding-top: 45%; /* 比率を4:3に固定 */}
.map iframe { position: absolute;top: 0;left: 0;width: 100%; height: 100%;margin-top: 30px;}
#sec09 .contets p{margin-top: 50px; text-align: left;}
#contact{background: #dfdf00;text-align: center;line-height: 100px;}
#contact  a{color:#009930;display: block;width: 100%;height: 100%;font-size: 22px;}
#contact  img{width:40px;height: auto;margin-right: 10px;}
#contact  a:hover{background: #c9c900;}
#link{text-align: center;padding: 40px 0;}
.linkbnr{display: flex;flex-wrap:wrap;}
#link a{width: calc(100%/2);padding:0 5%;box-sizing:border-box;margin-top: 30px;}
#link　img{max-width:100%;height: auto; }
#link a:hover{opacity: 0.8;}
.footer{text-align: center;color: #ffffff;line-height: 120px;margin-top: 40px;padding-top: 10px;
    background-image: url(../img/wave.svg); background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;}
.footer p{margin: 0;}

/* SP */
@media screen and (max-width: 767px){
.copyimg{position: absolute;bottom: 0;left: 0;display: block;z-index: 10;}
.copyimg img{width:120px;}    
#sec01 .img02 img{position: relative;width: 70%;top: 0;right: 0;z-index: 10;}
#sec01 .img02{display: block;margin: 0 auto;text-align: center;width: 70%;}    
#sec01 h2 {font-size: 20px;text-align: center;}    
#sec02{margin: 30px 0;}
.img09{position: relative;left:0;top:0;}
#sec02 h2 {font-size: 22px;}   
#sec02 .contets p{font-size: 16px;}
.btn{display: block;gap: 0;}
.btn li{width: 100%;}
.btn li a{font-size: 16px;margin-bottom: 10px;}
.sec02-1,.sec02-2 {display: block;}
.sec02-1 .box ,.sec02-2 .box {padding: 0;}    
#sec03{margin: 0;padding: 0 ;font-size: 18px;}
  
    

}
/* PC */
@media screen and (min-width: 768px){
#sec01 .img02 img{position: absolute;width: 320px;top: -80px;right: 0;z-index: 10;}
.sponly{display: none;}    
}