@charset "utf-8";

html{
font-size: 100%;
overflow-y:scroll;
}


/* タブレット向けのスタイル：600px ～ 333px */
@media screen and (min-width: 700px) and (max-width: 999px) {

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: none;
}
.sec_01 {
padding: 100px 0 0;
}
.sec_01m {
width: 94%;
max-width: 1040px;
margin: 0 auto;
}
.sec_01l {
width: 100%;
margin-bottom: 30px;
}
.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: 100%;
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: 100px 0;
}
.sec_02m {
display: flex;
justify-content: space-between;
width: 94%;
max-width: 1040px;
margin: 0 auto;
}
.sec_02l {
width: 100%;
}
.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 {
display: none;
}
.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 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 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 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;
flex-wrap: wrap;
justify-content: center;
font-size: 180%;
font-weight: bold;
margin-bottom: 50px;
color: #603813;
}
.sec_06 ul.ul01 li {
position: relative;
padding: 0 30px 0 28px;
margin-bottom: 20px;
}
.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: 100px 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-between;
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: 48%;
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;
}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #ffee6d;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
				height: 100vh;
}
 
nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 60px 0 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 15px;
    top: 0;
    width: 60px;
    height: 45px;
    cursor: pointer;
    z-index: 3;
    background: #ffee6d;
    text-align: center;
				border-radius: 0 0 30px 30px;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 2px #603813;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 15px;
}
 
.navToggle span:nth-child(1) {
    top: 15px;
}
 
.navToggle span:nth-child(2) {
    top: 24px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.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;
}


}