html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;font:inherit;outline:none}a{text-decoration:none;color:#000}::selection{background:#ddd}img{max-width:100%;border-style:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;vertical-align:bottom}
.sp{display:none!important}
@media screen and (max-width: 768px){.sp{display:block!important}.pc{display:none!important}}
input[type="submit"],input[type="button"],input[type="reset"]{appearance: button;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-box-sizing:content-box;-webkit-appearance: button;}
.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{justify-content: center;-webkit-justify-content: center;}
.flex--end{justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
.col1{width:100%;}.col50{width:50%;}.col2{width:48%;}.col3{width:30%;}.col4{width:23%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.col40{width: 42%}.col60{width: 56%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}
.mT20{margin-top: 20px}
.mT80{margin-top: 80px}
.font20_red{font-size: 1.5rem;color: #ff0000;font-weight: bold}
a{ color: #2c893a;transition: 0.4s;}
a:link {color: #2c893a;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:visited {color: #2c893a;}
a:hover,a:active{color:#2ea7e0;text-decoration: none;opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a.anker{
   display: block;
   margin-top:-210px;
   padding-top:210px;
}
@media screen and (min-width: 769px) {/*PCスタイル*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
a.anker{
   display: block;
   margin-top:-90px;
   padding-top:90px;
}
}
.Tleft{ text-align:left;}.Tright{ text-align:right;}.Tcenter{ text-align:center;}
.bold {font-weight: 700;}
.palt{font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

.inner--base{margin:auto;width: 1200px; position: relative}
.inner--short{margin: auto;width: 900px;position: relative}
@media screen and (max-width: 1200px) {
.inner--base{width:  96%;min-width: 96%;}
}
@media screen and (max-width: 985px) {/*小さい画面*/
.inner--short{margin: auto;width: 90%;position: relative}
}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.inner--base{width:  98%;min-width: 98%;}

}

/*===========
body
============*/
@media screen and (orientation: landscape) {/* 横向きの場合のスタイル*/}
@media screen and (orientation: portrait) {/* 縦向きの場合のスタイル */}

/* html/body
------------------------------------------------- */
html{width: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
html {overflow-x: hidden;}
}

body {
font-family: "Zen Maru Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
position: relative;font-size: 16px;font-size: 1.6rem;line-height: 1.8;background: #fff; color: #333;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;position: relative;transition: 0.4s;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;/*Chrome,Safari*/-ms-text-size-adjust: 100%;/*EgdeMobile*/-moz-text-size-adjust: 100%;/*firefox*/
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
body {font-size: 14px;font-size: 1.4rem;}
}



/*STYLE
------------------------------------------------- */
#wrapper {position: relative;}

/*header*/
#header{z-index: 3;position: fixed;left: 0;right: 0; top: 0px;width: 100%;padding: 20px 0;border-bottom: 6px solid #2c893a;background: #fff}
#header h1{width: 40%;position: absolute;right: 0;top: 7px}
#header h2{font-size: 2.2rem;color: #9b7843}


@media screen and (max-width: 768px) {/*スマホのスタイル*/
#header{position: static;padding: 10px 0}
#header{text-align: center}
#header h1{width: 80%;position:static;right: 0;top: 0px;margin: auto}
#header h2{font-size: 1.2rem;margin-top: 12px;}
}


#wrapper{margin-top: 110px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#wrapper{margin-top: 0px}
}

#mv{text-align: center;}
#mv h2{margin-bottom: 60px}
#mv .img{width: 20%;padding-right: 30px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#mv  h3{width: 77%; font-size: 3.6rem;text-align: left;color: #2c893a}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#mv .img{width: 40%;margin: auto;padding-right: 0px;padding-bottom: 12px;}
#mv  h3{width: 100%;font-size: 2rem;text-align: center}
}


 .txt{font-size: 2.3rem;line-height: 2.5;margin: 30px 0 0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
 .txt{font-size: 1.8rem;line-height: 2;margin: 30px 0 0}
}

.title {display:flex;align-items:center; justify-content:center;color: #2c893a;font-size: 3.6rem;margin: 120px 0 80px}
.title span {  padding:0 20px;}
.title::before,
.title::after {
  content:"";
  height:2px;
  width:20%;
  background:#2c893a;
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.title {font-size: 3rem;margin: 80px 0 40px}
}


#recomend{text-align: center}
#recomend .img{width: 20%;padding-right: 30px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#recomend .box{width: 77%; background: #f8f6e2;padding:30px 60px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;font-size: 2.3rem;line-height: 2.5;text-align: left;margin-bottom: 80px}

#recomend .box li{position: relative;padding-left: 30px;margin: 10px 0}
#recomend .box li span{width: 23px;position: absolute;left: 0;top: -14px;}
#recomend .box li span img{width: 100%;height: auto}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#recomend .img{width: 40%;margin: auto;padding-right: 0px;padding-bottom: 12px;}
#recomend .box{width: 90%;margin: auto; font-size: 1.6rem;text-align: left;padding:20px;}
#recomend .box li span{width: 18px;}
}


#act .box{background: url("../images/bg.jpg") no-repeat center center;background-size: cover;text-align: center;padding-bottom: 30px}
#act dl{font-size: 2.3rem;line-height: 2.5;}
#act dt{padding-top: 30px;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#act dl{font-size: 1.8rem;line-height: 2;}
}

#info{text-align: center}


@media screen and (max-width: 1200px) and (orientation: landscape) {
/*デバイス横向きで画面の横幅が 1024px 以下の場合のスタイルを記述*/

}
@media screen and (max-width: 1200px) {/*小さい画面*/

}
@media screen and (max-width: 1000px) {/*小さい画面*/

}
@media screen and (max-width: 900px) {/*小さい画面*/

}


#footer{padding: 80px 0 30px;}
#footer h1{width: 40%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#footer .sns li{width: 120px;padding-right: 20px}
#footer address{border-top: 5px solid #2c893a;text-align: center;font-size: 1.5rem;padding-top: 20px;margin-top: 20px}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#footer h1{width: 80%;margin: auto; position: static}
#footer .sns{width: 60%;margin: 0px auto}
#footer .sns .flex--start{justify-content: center;-webkit-justify-content: center;}
#footer .sns li{width: 28%;margin: 0 10px; padding-right: 0px}
}



.scroll-fade-up{opacity : 0;transition : all 1500ms;translate(0, 45px);transform : translate(0, 50px); }
.scroll-fade-up.effect-scroll {opacity : 1;transform : translate(0, 0);}


.print_only{ display:none}
@media print{
.print_only{ display:block!important}
html,body{width:1020px;overflow:hidden;}
.sp{display:none!important;}
img{max-width: 100%;height: auto}
.inner--base{max-width: 100%;min-width: 100%;width: 100%;}
.inner--short{width: 80%;}
.scroll-fade-up{opacity : 1;}
}