@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

html{
	font-size: 100%;
	overflow-y:scroll;
}
body {
color:#000;
line-height:1.5;
font-family: 'Zen Maru Gothic', sans-serif;
-webkit-text-size-adjust: 100%;
letter-spacing: 1px;
margin: 0;
}

/*  PC向けのスタイル：1000px～ */
@media only screen and (min-width: 1000px) {

body {
font-size:80%;
}
header {
width: 100%;
height: 850px;
position: relative;
}
.hea_bg {
width: 100%;
height: 850px;
padding-top: 100px;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: url("../img/header/hea_bg.png") no-repeat center 100px #faf5de;
z-index: 1;
}
.hea_bg img {
max-width: 94%;
}
.hea_01 {
z-index: 10;
position: absolute;
display: flex;
justify-content: space-between;
padding: 0 40px;
width: 100%;
}
.hea_01 h1 {
padding-top: 20px;
}
.hea_nav {
display: flex;
}
.hea_02 {
padding-right: 40px;
}
.hea_02t {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 12px 0;
}
.hea_02t li:first-child {
margin-right: 25px;
}
.hea_02t li:first-child a {
color: #9c8b7f;
display: block;
font-size: 130%;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid #faf5de;
}
.hea_02t li:first-child a:hover {
border-bottom: 1px solid #9c8b7f;
}
.hea_02t li:nth-child(2) a:hover {
opacity: .8;
}
.hea_02b {
display: flex;
}
.hea_02b li {
padding: 0 15px;
}
.hea_02b li a {
color: #42210b;
display: block;
font-size: 140%;
font-weight: bold;
border-bottom: 1px solid #faf5de;
}
.hea_02b li:last-child {
padding: 0 0 0 15px;
}
.hea_02b li a:hover {
border-bottom: 1px solid #42210b;
}
.hea_03 a:hover {
opacity: .8;
}
.sec_01 {
padding: 150px 0 0;
}
.sec_01m {
display: flex;
width: 94%;
max-width: 1040px;
margin: 0 auto;
}
.sec_01l {
width: 250px;
}
.sec_01l h2 {
font-size: 240%;
color: #603813;
letter-spacing: 2px;
}
.sec_01l p {
color: #f97930;
font-weight: bold;
font-size: 170%;
padding-top: 10px;
}
.sec_01r {
width: calc(100% - 250px);
border-top: 1px solid #baa58c;
}
.sec_01r dl {
width: 100%;
border-bottom: 1px solid #baa58c;
padding: 30px 40px;
font-size: 140%;
font-weight: bold;
display: flex;
}
.sec_01r dl dt {
width: 160px;
color: #b98f6d;
}
.sec_01r dl dd {
width: calc(100% - 160px);
color: #603813;
}
.sec_02 {
background: #faf5de;
padding: 80px 0 150px 0;
}
.sec_02m {
display: flex;
justify-content: space-between;
width: 94%;
max-width: 1040px;
margin: 0 auto;
}
.sec_02l {
width: 48%;
padding-top: 50px;
}
.sec_02l h3 {
background: url("../img/sec_02/sec_02h.svg") no-repeat left 10px;
padding-left: 38px;
padding-bottom: 40px;
font-size: 295%;
color: #603813;
}
.sec_02l p {
font-size: 140%;
color: #603813;
line-height: 30px;
letter-spacing: 1px;
font-weight: bold;
}
.sec_02r {
width: 48%;
}
.sec_03 {
width: 100%;
height: 350px;
background-image: url("../img/sec_03/sec_03.jpg");
background-position: center center;
background-size: cover;
background-repeat: repeat;
}
.sec_04 {
width: 94%;
max-width: 800px;
margin: 0 auto;
padding: 100px 0;
}
.sec_04h {
text-align: center;
font-size: 240%;
margin-bottom: 40px;
color: #603813;
}
.sec_04 dl {
display: flex;
width: 100%;
font-size: 135%;
padding: 15px 0;
border-bottom: 1px dotted #603813;
font-weight: bold;
color: #603813;
}
.sec_04 dl dt {
width: 200px;
text-align: center;
}
.sec_04 dl dd {
width: calc(100% - 200px);
}
.sec_05 {
background: #026e40;
padding: 50px 0;
}
.sec_05 h2 {
font-size: 240%;
color: #faf5de;
letter-spacing: 2px;
text-align: center;
}
.sec_05 p.p1 {
color: #f97930;
font-weight: bold;
font-size: 170%;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
}
.sec_05 p.p2 {
width: 94%;
margin: 0 auto;
color: #faf5de;
font-weight: bold;
font-size: 140%;
padding-top: 30px;
text-align: center;
}
.sec_05m {
width: 94%;
max-width: 500px;
border-radius: 80px;
background: #faf5de;
padding: 50px;
margin: 0 auto;
text-align: center;
}
.sec_06 {
width: 94%;
max-width: 800px;
margin: 0 auto;
padding: 100px 0;
}
.sec_06 h2 {
text-align: center;
font-size: 240%;
margin-bottom: 40px;
color: #603813;
}
.sec_06 h3 {
font-size: 200%;
margin-bottom: 20px;
color: #603813;
background: url("../img/sec_02/sec_02h.svg") no-repeat left center;
padding: 20px 0 20px 38px;
}
.sec_06 dl {
display: flex;
width: 100%;
font-size: 135%;
padding: 15px 0;
border-bottom: 1px dotted #603813;
font-weight: bold;
color: #603813;
}
.sec_06 dl dt {
width: 200px;
text-align: center;
}
.sec_06 dl dd {
width: calc(100% - 200px);
}
.sec_06 dl dd ul.ul02 li {
list-style-type: disc;
margin-left: 20px;
}
.sec_06 ul.ul01 {
display: flex;
justify-content: center;
flex-wrap: wrap;
font-size: 180%;
font-weight: bold;
margin-bottom: 50px;
color: #603813;
}
.sec_06 ul.ul01 li {
position: relative;
padding: 0 30px 30px 28px;
}
.sec_06 ul.ul01 li::before {
position: absolute;
top: 8px;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
content: "";
background: #faf5de;
}
.sec_07 {
width: 94%;
max-width: 1040px;
margin: 0 auto;
padding: 150px 0;
}
.sec_07 h2 {
text-align: center;
font-size: 240%;
margin-bottom: 60px;
color: #603813;
}
.sec_07 h3 {
font-size: 210%;
margin-bottom: 40px;
color: #603813;
}
.sec_07 dl {
display: flex;
width: 100%;
font-size: 130%;
padding: 20px 0;
font-weight: bold;
color: #603813;
border-bottom: 1px dotted #603813;
max-width: 900px;
margin: 0 auto;
}
.sec_07 dl dt {
width: 400px;
color: #026e40;
font-size: 105%;
}
.sec_07 dl dd {
width: calc(100% - 400px);
}
.sec_07 ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
font-size: 125%;
font-weight: bold;
color: #603813;
width: 100%;
margin: 0 auto 70px;
}

.sec_07 ul li {
position: relative;
display: flex;
align-items: center;
padding-left: 40px;
width: 30%;
background: #ffee6d;
height: 56px;
border-radius: 28px;
margin-bottom: 20px;
}
.sec_07 ul li::before {
position: absolute;
top: 20px;
left: 15px;
width: 15px;
height: 15px;
border-radius: 50%;
content: "";
background: #026e40;
}

footer {
background: #ffee6d;
padding: 100px 0 30px;
}
.foo_m {
display: flex;
width: 94%;
max-width: 1040px;
margin: 0 auto;
}
.foo_l {
width: 48%;
}
.foo_l h5 {
padding: 50px 0 0;
font-size: 140%;
}
.foo_l p.p3 {
font-size: 115%;
font-weight: bold;
padding-bottom: 30px;
}
.foo_l h6 {
padding: 0;
font-size: 130%;
}
.foo_l p.p4 {
font-size: 115%;
font-weight: bold;
padding-bottom: 20px;
}
.p5 {
display: flex;
width: 94%;
max-width: 1040px;
margin: 0 auto;
font-weight: bold;
justify-content: flex-end;
}
.foo_r {
width: 48%;
padding-top: 50px;
}
.foo_r ul li {
padding: 10px 0;
}
.foo_r ul li a {
font-weight: bold;
font-size: 115%;
padding: 5px;
}
.navToggle {
display: none;
}
.sec_08 {
width: 100%;
height: 350px;
background-image: url("../img/sec_08/sec_08.jpg");
background-position: center center;
background-size: cover;
background-repeat: repeat;
}
.sec_09 {
width: 100%;
height: 350px;
background-image: url("../img/sec_09/sec_09.jpg");
background-position: center center;
background-size: cover;
background-repeat: repeat;
}
.sec_10 {
background: #faf5de;
padding: 100px 0;
}
.sec_10btn {
text-align: center;
margin-bottom: 100px;
}
.sec_10m {
width: 94%;
max-width: 800px;
margin: 0 auto;
}
.sec_10m dl {
display: flex;
width: 100%;
font-size: 135%;
padding: 15px 0;
border-bottom: 1px solid #603813;
font-weight: bold;
color: #603813;
}
.sec_10m dl dt {
width: 200px;
padding-left: 25px;
background: url("../img/sec_10/sec_10li.png") no-repeat left 5px;
}
.sec_10m dl dd {
width: calc(100% - 200px);
}
.sec_10 h2 {
font-size: 240%;
color: #603813;
text-align: center;
padding-bottom: 20px;
letter-spacing: 2px;
}



}