@charset "utf-8";

body {background-color: #FFF;border-top: solid 4px #165d12;}
section p{font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;}
header{width: 100%;margin: 80px 0 50px 0;padding: 0;}
header h1{width: 70vw;max-width: 454px;margin: 0 auto;padding: 0;}
header ul.navi{width: 100%;margin: 50px 0 0 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;}
header ul.navi li{font-size: 16px;line-height: 1.4;margin: 0 20px;padding: 0;color: #666;letter-spacing: 0.1em;list-style: none;position: relative;}
header ul.navi li:nth-child(6){background-color: #165d12;color: #FFF;padding: 8px 20px;border-radius: 6px;}
header ul.navi li a{color: #666;text-decoration: none;transition: 0.5s;}
header ul.navi li a:hover{color: #165d12;/*font-weight: bold;*/transition: 0.5s;}
/* 下線のスタイル */
header ul.navi li a::after {background-color: #165d12;bottom: -6px;content: "";height: 2px;left: 0;position: absolute;transform: scale(0, 1);transform-origin: left top;transition: transform .3s;width: 100%;}
/* リンクにホバーした際の下線の表示 */
header ul.navi li a:hover::after {transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */}
header ul.navi li:nth-child(6) a{position:absolute;top:0;left:0;width:100%;height:100%;}
header ul.navi li:nth-child(6) a:hover{background-color: #FFF;opacity: 0.2;}
header ul.navi li:nth-child(6) a::after{height: 0;}
header ul.navi li.cel{color: #165d12;}
header ul.navi li.cel::after {position: absolute;background-color: #165d12;bottom: -6px;left: 0;content: "";height: 2px;width: 100%;}
.main_visual{height: 38vw;max-height: 750px;text-align: center;margin: 0;padding: 0;background: url("../images/main.jpg") no-repeat center top;background-size: cover;position: relative;}


section.sec01 {width: 90%;max-width: 880px;margin: 80px auto 0 auto;padding: 0;text-align: center;}
section.sec01 h2 {font-size: 24px;line-height: 1.3;margin: 0;padding: 0;color: #165d12;font-weight: 500;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;}
section.sec01 p {font-size: 16px;line-height: 1.7;margin: 10px 0 0 0;padding: 0;color: #333;}
section.sec01 ul{width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
section.sec01 ul li{width: 48%;margin: 0;padding: 0;list-style: none;text-align: left;}
section.sec01 ul li dl{display: flex;flex-flow: row wrap;justify-content: space-between;}
section.sec01 ul li dl dt{width: 20%;margin: 0;padding: 0;}
section.sec01 ul li dl dd{width: 80%;margin: 0;padding: 0;}
section.sec01 ul li dl dd span{width: 120px;display: inline-block;}
section.sec01 ul li p.contact {width: 100%;margin-top: 0;padding: 5px 15px;background-color: #165d12;color: #FFF;}
section.sec01 ul li p.tel {display: block;font-size: 48px;line-height: 1.3;margin: 10px 0 0 0;padding: 0;font-weight: 600;}
section.sec01 ul li p a{color: #333;text-decoration: none;opacity: 1.0;transition: all .5s;}
section.sec01 ul li p a:hover{opacity: 0.5;transition: all .5s;}

section.sec02 {width: 90%;max-width: 880px;margin: 80px auto 0 auto;padding: 0;text-align: center;border: solid 2px #25190d;box-sizing: border-box;}
section.sec03 {width: 90%;max-width: 880px;margin: 80px auto;padding: 20px;text-align: center;border: solid 2px #25190d;box-sizing: border-box;}

@media screen and (max-width:980px){
header{width: 100%;margin: 8vw auto 5vw auto;}
header h1 {width: 50vw;}
header ul.navi li{font-size: 1.8vw;margin: 0 2.6vw;}
}

/* ipod */
@media screen and (max-width:810px){
section.sec01 h2 {font-size: 3vw;}
section.sec01 p {font-size: 1.9vw;line-height: 1.8;}
section.sec01 ul li:nth-child(1){width: 54%;}
section.sec01 ul li:nth-child(2){width: 42%;}
section.sec01 ul li dl dd span{width: 15vw;}
section.sec01 ul li p.tel {font-size: 4.8vw;}
}

/* iphone12 */
@media screen and (max-width:540px){
header h1{width: 70vw;}
header ul.navi{margin-top: 8vw;}
header ul.navi li{font-size: 3.6vw;margin: 3vw 4vw;}

section.sec01 {margin: 10vw auto 0 auto;}
section.sec01 h2 {font-size: 6.4vw;}
section.sec01 p {font-size: 4.2vw;margin: 3.4vw 0 0 0;}
section.sec01 ul li:nth-child(1){width: 100%;}
section.sec01 ul li:nth-child(2){width: 100%;}
section.sec01 ul li dl p{margin-top: 2.4vw;}
section.sec01 ul li dl dt{width: 22%;}
section.sec01 ul li dl dd{width: 78%;}
section.sec01 ul li dl dd span{width: 32vw;}
section.sec01 ul li p.contact {margin-top: 7vw;}
section.sec01 ul li p.tel {font-size: 10vw;margin: 3.4vw 0 0 0;}
section.sec01 ul li p a:hover{opacity: 1.0;}
	
section.sec02 {margin: 10vw auto 0 auto;}
section.sec03 {margin: 10vw auto;padding: 3vw;}
}


@media screen and (max-width:428px){
}

@media screen and (max-width:375px){
}