@charset "utf-8";

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style: none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }
body {
color:#000;
line-height:1.5;
letter-spacing: 1px;
margin: 0;
width: 1250px;
overflow-x: visible !important;
overflow-y: visible !important;
}


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;
}

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;
font-size: 180%;
font-weight: bold;
margin-bottom: 50px;
color: #603813;
}
.sec_06 ul.ul01 li {
position: relative;
padding: 0 30px 0 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-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: 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;
}