@charset "utf-8";
html {
  box-sizing: border-box;
  font-size:2.60416667vw; /*20*/
}
@media only screen and (min-width: 48em ) {
  html {
    font-size:2.002002vw;
  }
}
@media only screen and (min-width: 62.5em ) { /*1050*/
  html {
    font-size: 125%;
  }
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
a{
  transition: all .2s;
}
a:focus, *:focus { outline:none;}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body,
html {
  height: 100%;
  color: #000;
  background: #f9f8f4;
}
body,
.gothic {
  font-family: 'Quicksand', sans-serif;
  color: #000;
}
.font-Oswald{
  font-family: 'Oswald', sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body,
  .gothic {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
.mincho {
  font-family: "Sawarabi Mincho", serif;
}
@media only screen and (min-width: 48em ) {
  .mincho-pc {
    font-family: "Sawarabi Mincho", serif;
  }
}

img {
  height: auto;
  max-width: 100%;
}
img[srcset] {
  width: 100%;
}
a img:hover{
  opacity: .8;
}
.pc-img{
  display: none;
}
.sp-img{
  display: block;
}
@media only screen and (min-width: 48em ) {
  .pc-img{
    display: block;
  }
  .sp-img{
    display: none;
  }
}

.width {
    padding-right:calc(25em / 20);
    padding-left:calc(25em / 20);
}

@media only screen and (min-width: 62.5em ) { /*1050*/
  .width {
    margin-left: auto;
    margin-right: auto;
    width: calc(1050em / 20);
  }
}
.st-Header{
  position: relative;
}
.st-Header_Ttl{
  font-size:calc(25em / 20);
  font-weight: 100;
  margin-right:auto;
}
@media only screen and (min-width: 48em ) {
  .st-Header_Ttl{
  font-size:calc(14em / 20);
  }
}
.st-Header_Inner{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-flex-pack:center;
  -moz-flex-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
  justify-content:center;
}
.st-Hero{
  margin-top:calc(10em / 20);
  margin-bottom: calc(25em / 20);
  padding-right: 0;
  padding-left:0;
}
@media only screen and (min-width: 48em ) {
  .st-Hero{
    margin-top:calc(-75em / 20);
    margin-bottom: calc(25em / 20);
    padding-right: calc(25em / 20);
    padding-left:calc(25em / 20);
  }
}
.st-Main_Inner{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
-webkit-box-align:start;
-moz-box-align:start;
-ms-flex-align:start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
align-items:flex-start;
-webkit-box-direction:normal;
-moz-box-direction:normal;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
}
@media only screen and (min-width: 48em ) {
  .st-Main_Inner{
  -webkit-box-direction:reverse;
  -moz-box-direction:reverse;
  -webkit-box-orient:horizontal;
  -moz-box-orient:horizontal;
  -webkit-flex-direction:row-reverse;
  -moz-flex-direction:row-reverse;
  flex-direction:row-reverse;
  }
}
.st-Contents{
  width: 100%;
}
@media only screen and (min-width: 48em ) {
  .st-Contents{
    width: calc(820em / 20);
  }
}
.home-sec1{
  background: url(../img/bg_1.png) bottom right no-repeat;
  background-size:calc(180em / 20);
  padding-bottom:calc(25em / 20);
  margin-bottom:calc(10em / 20);
}

.home-sec1 p{
  font-size:calc(30em / 20);
  line-height: 1.8em;
    margin-bottom: 0;
    margin-top: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec1 p{
    font-size:calc(18em / 20);
    line-height: 1.8em;
  }
}
/*******************/
.home-sec2{
  background: url(../img/bg_2.png);
  padding-left:calc(15em / 20);
  padding-right:calc(15em / 20);
  padding-top:calc(20em / 20);
  padding-bottom:calc(20em / 20);
  margin-bottom:calc(40em / 20);
}
.home-sec2 .ttl{
  background: #6f8b39;
  font-size:calc(32em / 20);
  color: #FFF;
  font-weight: 100;
  padding-left:calc(13em / 20);
  padding-right:calc(13em / 20);
  padding-top:calc(10em / 20);
  padding-bottom:calc(10em / 20);
  margin-top: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec2 .ttl{
    font-size:calc(24em / 20);
    padding-top:calc(20em / 20);
    padding-bottom:calc(20em / 20);
  }
}
.home-sec2 .ttl span{
  border-bottom: none;
  border-top: none;
  padding-top:calc(10em / 20);
  padding-bottom:calc(10em / 20);
  letter-spacing:-.01em;
}
@media only screen and (min-width: 48em ) {
  .home-sec2 .ttl span{
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
  }
}
.home-sec2 p{
  font-size:calc(32em / 20);
  padding-left:0;
  padding-right:0;
  line-height: 1.75em;
}
@media only screen and (min-width: 48em ) {
  .home-sec2 p{
    font-size:calc(16em / 20);
    padding-left:calc(13em / 20);
    padding-right:calc(13em / 20);
  }
}
.home-sec2 p span{
  font-weight: bold;
}
.home-sec2 .box-area{
  background: #FFF;
  padding-left:calc(20em / 20);
  padding-right:calc(20em / 20);
  padding-top:calc(14em / 20);
  padding-bottom:calc(14em / 20);
}
.home-sec2 .box-area h3{
  font-size:calc(28em / 20);
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec2 .box-area h3{
    font-size:calc(16em / 20);
  }
}
.home-sec2 .box-area p{
  padding-left:0;
  padding-right:0;
  margin-top: 0;
  margin-bottom: 0;
}
/************/
.home-sec3 ul{
  list-style: none;
  padding-left: 0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
}
.home-sec3 li{
  width:50%;
  text-align: center;
  background: #6f8b39;
  padding-left:calc(5em / 20);
  padding-right:calc(5em / 20);
  padding-top:calc(7em / 20);
  padding-bottom:calc(7em / 20);
  margin-bottom:calc(3em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec3 li{
    width:25%;
  }
}
.home-sec3 li a{
  text-decoration: none;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  height: calc(55em / 15);
  -webkit-box-pack: start;
  -webkit-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
  color: #FFF;
  border: 1px solid #FFF;
  height: calc(60em / 20);
  font-size:calc(28em / 20);
  line-height: 1.2em;
  background: #7a9643;
}
@media only screen and (min-width: 48em ) {
  .home-sec3 li a{
    font-size:calc(18em / 20);
  height: calc(55em / 20);
  }
}
.home-sec3 li a:hover{
  background: #FFF;
  color:#7a9643;
}
.home-sec3 li .list-txt{
  font-size:calc(28em / 20);
  height: calc(83em / 28);
  text-align: left;
}
@media only screen and (min-width: 48em ) {
  .home-sec3 li .list-txt{
    font-size:calc(16em / 20);
    height: calc(50em / 16);
    text-align: left;
  }
}
/************/
.home-sec4{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-pack:justify;
  -moz-box-pack:justify;
  -webkit-flex-pack:justify;
  -moz-flex-pack:justify;
  -ms-flex-pack:justify;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
    -webkit-box-direction:normal;
  -moz-box-direction:normal;
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  flex-direction:column;
    background: #FFF;
  padding-left: calc(15em / 20);
  padding-right: calc(15em / 20);
  padding-top: calc(15em / 20);
  padding-bottom: calc(15em / 20);
  border: 1px solid #d2d2d2;
  margin-bottom: calc(40em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec4{
  -webkit-box-direction:normal;
  -moz-box-direction:normal;
  -webkit-box-orient:horizontal;
  -moz-box-orient:horizontal;
  -webkit-flex-direction:row;
  -moz-flex-direction:row;
  flex-direction:row;
  }
}
.home-sec4 .box-1{
  width:100%;
  padding-top: calc(9em / 20);
  padding-bottom: calc(15em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-1{
    width:calc(355em / 20);
  }
}

.home-sec4 .box-1 h2{
  font-size:calc(36em / 20);
  font-weight: 600;
  border-bottom: 1px solid #000;
  margin-bottom: calc(8em / 20);
  margin-top: 0;
  text-align: center;
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-1 h2{
  font-size:calc(26em / 20);
  }
}
.home-sec4 .box-1 h3{
  font-weight: 100;
  margin-top: calc(10em / 20);
  font-size:calc(16em / 20);
  margin-bottom:0;
}
.home-sec4 .box-1 p{
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(32em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-1 p{
  font-size: calc(16em / 20);
  }
}
.home-sec4 .box-1 .tel{
  margin-top:calc(5em / 20);
}
.home-sec4 .box-1 .tel span{
  font-size:calc(34em / 20);
  font-weight: bold;
  margin-left:calc(5em / 20);
}
.home-sec4 .box-2{
  width:100%;
  background: #f9fbe7;
  padding-left: calc(15em / 20);
  padding-right: calc(15em / 20);
  padding-top: calc(15em / 20);
  padding-bottom: calc(15em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-2{
    width:calc(415em / 20);
  }
}
.home-sec4 .box-2 h2{
  font-size:calc(36em / 20);
  font-weight: 600;
  border-bottom: 1px solid #000;
  margin-bottom: calc(10em / 20);
  margin-top: 0;
  text-align: center;
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-2 h2{
  font-size:calc(23em / 20);
  }
}
.home-sec4 .box-2 ul{
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.home-sec4 .box-2 ul p{
  font-size:calc(32em / 20);
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec4 .box-2 ul p{
  font-size:calc(16em / 20);
  }
}
.home-sec4 .box-2 li{
  border-bottom: 1px dashed #000;
  padding-top: calc(10em / 20);
  padding-bottom: calc(10em / 20);
}
/************/
.home-sec5{
  padding-left: 0;
  padding-right:0;
}
@media only screen and (min-width: 48em ) {
  .home-sec5{
    padding-left: calc(25em / 20);
    padding-right: calc(25em / 20);
  }
}
.home-sec5 .ttl-1{
  font-size:calc(36em / 20);
  font-weight: 100;
  margin-bottom: 0;
  margin-top: calc(10em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec5 .ttl-1{
  font-size:calc(23em / 20);
  }
}
.home-sec5 .box-1{
  padding-right: calc(20em / 20);
  padding-left: calc(20em / 20);
  padding-top: calc(15em / 20);
  padding-bottom: calc(10em / 20);
  background: #FFF;
  margin-top:calc(5em / 20);
}
.home-sec5 ol{
  padding-left: 1.25em;
  font-size:calc(32em / 20);
  padding-bottom: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec5 ol{
  font-size:calc(16em / 20);
  }
}
.home-sec5 p{
  margin-bottom: 0;
  margin-top: 0;
  font-size: calc(32em / 20);
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec5 p{
  font-size: calc(16em / 20);
  }
}
.home-sec5 ul{
  padding-left: 1.25em;
  font-size: calc(32em / 20);
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: calc(20em / 20);
  padding-left: 0;
  list-style: none;
}
@media only screen and (min-width: 48em ) {
  .home-sec5 ul{
    font-size: calc(16em / 20);
  }
}
/************/
.home-sec6{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-flex-line-pack:justify;
-moz-flex-line-pack:justify;
-webkit-align-content:space-between;
-moz-align-content:space-between;
align-content:space-between;
-webkit-box-align:start;
-moz-box-align:start;
-ms-flex-align:start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
align-items:flex-start;
margin-top:calc(25em / 20);
margin-bottom:calc(25em / 20);
}
.home-sec6 img{
  width: 33.3%;
}
/***************/
.home-sec7{
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 48em ) {
  .home-sec7{
    padding-left: calc(25em / 20);
    padding-right: calc(25em / 20);
  }
}
.home-sec7 h3{
  font-size: calc(36em / 20);
  font-weight: 100;
  margin-bottom: 0;
  margin-top: calc(10em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec7 h3{
    font-size: calc(23em / 20);
  }
}
.home-sec7 p{
  margin-bottom: 0;
  margin-top: 0;
  font-size: calc(32em / 20);
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec7 p{
  font-size: calc(16em / 20);
  }
}
/********/
.home-sec8{
  margin-top:calc(30em / 20);
  margin-bottom:calc(30em / 20);
}
/********/
.home-sec9{
  padding-left: 0;
  padding-right:0;
}
@media only screen and (min-width: 48em ) {
  .home-sec9{
    padding-left: calc(25em / 20);
    padding-right: calc(25em / 20);
  }
}
.home-sec9 h3{
  font-size: calc(36em / 20);
  font-weight: 100;
  margin-bottom: 0;
  margin-top: calc(10em / 20);
}
.home-sec9 p{
  margin-bottom: 0;
  margin-top: 0;
  font-size: calc(32em / 20);
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec9 h3{
  font-size: calc(23em / 20);
  }
  .home-sec9 p{
  font-size: calc(16em / 20);
  }
}
/********/
.home-sec10{
  background: url(../img/bg_2.png);
  padding-left: calc(25em / 20);
  padding-right: calc(25em / 20);
  padding-top: calc(20em / 20);
  padding-bottom: calc(20em / 20);
  margin-bottom: calc(40em / 20);
  margin-top:calc(40em / 20);
}

.home-sec10 h2{
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(36em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec10 h2{
  font-size: calc(26em / 20);
  }
}
.home-sec10 p{
  margin-bottom: 0;
  margin-top: 0;
  font-size: calc(32em / 20);
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec10 p{
  font-size: calc(16em / 20);
  }
}
.home-sec10 .img-box{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
-webkit-box-align:start;
-moz-box-align:start;
-ms-flex-align:start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
align-items:flex-start;
  margin-top: calc(30em / 20);
}
.home-sec10 .img-box img{
  width: 33.3%;
}
@media only screen and (min-width: 48em ) {
  .home-sec10 .img-box img{
    width: calc(246em / 20);
  }
}
/*****/
.home-sec11{
  background: #FFF;
}
.home-sec11 ul{
  list-style: none;
  padding-left: 0;
  margin-top: calc(20em / 20);
  padding-left: calc(25em / 20);
  padding-right: calc(25em / 20);
  padding-top: calc(20em / 20);
  padding-bottom: calc(20em / 20);
}

.home-sec11 li{
  font-size: calc(28em / 20);
  margin-bottom: calc(3em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec11 li{
    font-size: calc(16em / 20);
  }
}
.home-sec12{
  border: 1px solid #d2d2d2;
  padding-left:calc(30em / 20);
  padding-right:calc(30em / 20);
}
.home-sec12 h2{
  font-size: calc(28em / 20);
  font-weight: 100;
}
/******/
.home-sec13{
  
}
.home-sec13 h2{
  font-size: calc(36em / 20);
  font-weight: 100;
  border-bottom: 1px solid #000;
  padding-top: calc(10em / 20);
  padding-bottom: calc(10em / 20);
  padding-left: calc(10em / 20);
  padding-right: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .home-sec13 h2{
  font-size: calc(24em / 20);
  padding-left: calc(20em / 20);
  }
}
.home-sec13 ul{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
list-style: none;
padding-left: 0;
padding-right:0;
}
@media only screen and (min-width: 48em ) {
  .home-sec13 ul{
padding-left: calc(25em / 20);
padding-right: calc(25em / 20);
  }
}
.home-sec13 li{
  font-size: calc(24em / 20);
  -webkit-box-pack:start;
  -moz-box-pack:start;
  -webkit-flex-pack:start;
  -moz-flex-pack:start;
  -ms-flex-pack:start;
  -webkit-justify-content:flex-start;
  -moz-justify-content:flex-start;
  justify-content:flex-start;
  letter-spacing: -.03em;
}
@media only screen and (min-width: 48em ) {
  .home-sec13 li{
  font-size: calc(16em / 20);
  }
}
.home-sec13 li::after{
  content: "、";
}
.home-sec13 li a{
  color: #000;
}
/**menu***/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  z-index: 9999;
}
.menu-trigger {
  position: absolute;
  width: calc(60em / 20);
  height: calc(45em / 20);
  display: block;
  z-index: 999;
  left: calc(70em / 20);
  top: calc(50em / 20);
  z-index: 9999;
}
@media only screen and (min-width: 48em ) {
  .menu-trigger {
    left: calc(70em / 20);
    top: calc(215em / 20);
    width: calc(40em / 20);
    height: calc(35em / 20);
  }
}
.menu-trigger {
  display: block;
}
.menu-trigger span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #7e756e;
  border-radius: 4px;
}
@media only screen and (min-width: 48em ) {
  .menu-trigger span {
    background-color: #fff;
  }
}
.menu-trigger.active span{
  background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: calc(20em / 20);
  width: calc(50em / 20);
}
@media only screen and (min-width: 48em ) {
  .menu-trigger span:nth-of-type(2) {
    top: calc(16em / 20);
    width: calc(36em / 20);
  }
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
  width: calc(43em / 20);
}
@media only screen and (min-width: 48em ) {
  .menu-trigger span:nth-of-type(3) {
    width: calc(31em / 20);
  }
}
.menu-trigger.active span:nth-of-type(1) {
  width: 45%;
  -webkit-transform: translate3d(0.1em, .6em, 0) rotate(45deg);
  transform: translate3d(0.1em, .6em, 0) rotate(45deg);
}
@media only screen and (min-width: 48em ) {
  .menu-trigger.active span:nth-of-type(1) {
    width: 45%;
    -webkit-transform: translate3d(.05em, .45em, 0) rotate(45deg);
    transform: translate3d(.05em, .45em, 0) rotate(45deg);
  }
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translate3d(-.05em, 0, 0) rotate(-45deg);
  transform: translate3d(-.05em, 0, 0) rotate(-45deg);
}
@media only screen and (min-width: 48em ) {
  .menu-trigger.active span:nth-of-type(2) {
    -webkit-transform: translate3d(-.05em, 0, 0) rotate(-45deg);
    transform: translate3d(-.05em, 0, 0) rotate(-45deg);
  }
}
.menu-trigger.active span:nth-of-type(3) {
  width: 45%;
  -webkit-transform: translate3d(1em, -.64em, 0) rotate(45deg);
  transform: translate3d(1em, -.64em, 0) rotate(45deg);
}
@media only screen and (min-width: 48em ) {
  .menu-trigger.active span:nth-of-type(3) {
  width: 45%;
  -webkit-transform: translate3d(.7em, -.55em, 0) rotate(45deg);
  transform: translate3d(.7em, -.55em, 0) rotate(45deg);
  }
}

/**********/
.st-Side{
  width:100%;
}
@media only screen and (min-width: 48em ) {
  .st-Side{
    width:calc(145em / 20);
  }
}
.st-Navi ul{
  padding-left: 0;
}
.st-Navi li{
  border-bottom: 1px solid #000;
}
.st-Navi a{
  font-size:calc(32em / 20);
  text-decoration: none;
  color: #000;
  text-decoration: none;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  -webkit-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  line-height: 1.2em;
  height:calc(70em / 18);
}
.st-Navi a br{
  display: none;
}
@media only screen and (min-width: 48em ) {
  .st-Navi a{
  font-size:calc(18em / 20);
  }
  .st-Navi a br{
  display: block;
  }
}
.st-Navi a:hover{
  color: #6f8b39;
}
.st-Navi a.list-txt{
  font-size:calc(36em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-Navi a.list-txt{
    font-size:calc(17em / 20);
  }
}
.st-bnr1{
  margin-bottom:calc(15em / 20);
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 48em ) {
  .st-bnr1{
  width:auto;
  }
}
.st-News{
}
.st-News h2{
  font-weight: 100;
  font-size:calc(36em / 20);
  border-bottom: 1px solid #000;
  padding-left: calc(5em / 20);
  padding-top: calc(5em / 20);
  padding-bottom: calc(5em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-News h2{
    font-size:calc(24em / 20);
  }
}
.st-News ul{
  padding-left: 0;
  list-style: none;
}
.st-News li{
  font-size:calc(24em / 20);
  margin-bottom: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-News li{
  font-size:calc(12em / 20);
  }
}
.st-News li a{
  text-decoration: none;
  color: #000;
}
.st-News li a:hover{
  text-decoration: underline;
}
/**************/
.st-Footer{
  background:url(../img/bg_3.png) #6f8b39;
  padding-top: calc(30em / 20);
  padding-bottom: calc(35em / 20);
  margin-top: calc(100em / 20);
}
.st-Footer_Inner{
  background: #fff;
  padding-top: calc(25em / 20);
  padding-bottom: calc(25em / 20);
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
-webkit-box-align:start;
-moz-box-align:start;
-ms-flex-align:start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
align-items:flex-start;
-webkit-box-direction:normal;
-moz-box-direction:normal;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
  padding-left: calc(40em / 20);
  padding-right: calc(40em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-Footer_Inner{
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
  }
}

.st-Footer_Add{
  width: 100%;
}
@media only screen and (min-width: 48em ) {
  .st-Footer_Add{
    width: calc(360em / 20);
  }
}
.st-Footer_Add h2{
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: calc(40em / 20);
  line-height: 1.2em;
}
.st-Footer_Add h2 br{
  display: none;
}
@media only screen and (min-width: 48em ) {
  .st-Footer_Add h2{
  font-size: calc(33em / 20);
  }
  .st-Footer_Add h2 br{
    display: block;
  }
}
.st-Footer_Add p{
  margin-bottom: 0;
  margin-top: 0;
  font-size: calc(32em / 20);
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-Footer_Add p{
  font-size: calc(16em / 20);
  }
}
.st-Footer_Inner iframe{
  width: 100%;
  margin-top: calc(20em / 20);
}
@media only screen and (min-width: 48em ) {
  .st-Footer_Inner iframe{
    width: calc(580em / 20);
    margin-top:0;
  }
}
.page-top{
  position: fixed;
  right: calc(20em / 20);
  bottom: calc(20em / 20);
}
/****************/
.ib {
  display: inline-block;
}
.cls-1-h{fill:#000;}
.cls-1-g{fill:#7e756e;}
.cls-1-f{fill:#fff;}
.cls-2-f{fill:#ffffff;}
.cls-3-h{fill:#826344;}
.cls-3-f{fill:#d3c080;}
.cls-4{fill:url(#linear-gradient);}
.cls-5{fill:#d3c080;}




.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

@media print {
  *,
  *::before,
  *::after,
  *::first-letter,
  *::first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}