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: #3d3939;transition: 0.4s;}
a:link {color: #3d3939;-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: #3d3939;}
a:hover,a:active{color:#01a268;text-decoration: none;opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}
@media screen and (min-width: 769px) {/*PCスタイル*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}
.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%;}
a.anker{
   display: block;
   margin-top:-60px;
   padding-top:60px;
}
}

/*===========
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: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
position: relative;width: 100%;height: 100%;font-size: 16px;font-size: 1.6rem;line-height: 1.8;background: #fff; color: #000;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x: hidden;position: relative;transition: 0.4s;overflow-x: hidden;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: 13px;font-size: 1.3rem;}
}



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

/*header*/
#header{}
#header.fixed{z-index: 99;  background:#fff;position: fixed;left: 0;right: 0; top: 0px;width: 100%;}
#header .h_box{width: 90%;margin: auto;position: relative;}
#header .h_box img{width: 100%;height: auto}

#header .h_box .logo{width:22%;padding: 17px 0;}
#header .h_box .g_nav{width: 58%;}
#header .h_box .g_nav li{}
#header .h_box .g_nav a{font-weight: bold;font-size: 1.6rem;letter-spacing: 0.1em}


#header .h_box .h_nav{width: 14%}

#header .h_box .h_nav p{}


@media print,screen and (min-width:768px){ /*PC独自設定*/
}
@media screen and (max-width: 1200px) and (orientation: landscape) {
/*デバイス横向きで画面の横幅が 1024px 以下の場合のスタイルを記述*/
}
@media screen and (max-width: 1200px) {/*小さい画面*/
#header .h_box{width: 100%;}
#header .h_box .g_nav a{font-size: 1.4rem;}
#header .h_box .logo{padding: 13px 0;}
}
@media screen and (max-width: 1000px) {/*小さい画面*/


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

}



@media screen and (max-width: 768px) {/*スマホのスタイル*/
#header{}
#header.fixed{z-index: 99; }

#header .h_box .h_nav{display: none}

#header .h_box .logo{width:65%;padding: 10px}
#header .h_box{width: 100%;}
#header .h_box .g_nav{width:100%; position: static;top: 0px; left: 0;right: 0;margin: auto;display: none}
#header .h_box .g_nav li div{display:flex}


.side_icon{display: none;padding: 20px 0; position: static;right: 0%;width: 100%;background: #fff; margin: auto; top: 0%;}
.side_icon ul{width: 60%;margin: auto}
.side_icon li{width: 25%}
.side_icon li img{width: 70%}

body.drawer-opened .side_icon{display: block;}
body.drawer-opened #header{background: #fff}
body.drawer-opened #header  .h_box .g_nav{display: block;padding-top: 50px;background: #fff}




#header .h_box .g_nav ul{width: 70%;margin: auto}
#header .h_box .g_nav li{width: 100%;;border-bottom: 1px solid #7dccf3;margin-left: 0}
#header .h_box .g_nav li>a{position: relative; display: block;padding: 20px 0px;color: #000}
#header .h_box .g_nav li p{width: 40%;margin-bottom: 20px;line-height: 1.5}
#header .h_box .g_nav li p a{display: block}

#header .h_box .g_nav li>a::after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #009fe8;   /* 好みで色を変えてください */  
    border-right: solid 1px #009fe8;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0px;
}



#humberger{position:fixed;top:10px;right:0px;z-index:99;width:60px;height:80px; padding:26px 0 0; cursor:pointer;color: #fff;text-align: center;}
body.drawer-opened{position: fixed;width: 100%;height: 100%;top: 0; /*追記*/  left: 0; /*追記*/}

#humberger span:nth-of-type(1)::before {
  content:"Menu"; position: absolute;  top:-26px;  left:0px; right: 0;margin: auto; color: #01a268;  text-align: center;  font-size: 1.3rem;  text-transform: uppercase;}
#humberger span:nth-of-type(1) {  top:20px;}
#humberger span:nth-of-type(2) {  top:30px;}
#humberger span:nth-of-type(3) {  top:40px;}
body.drawer-opened #humberger span{background: #01a268;}
body.drawer-opened #humberger span:nth-of-type(1) {    top: 18px;    left: 0px;    transform: translateY(6px) rotate(-45deg);    width: 70%;}
body.drawer-opened #humberger span:nth-of-type(2) {  opacity: 0;}
body.drawer-opened #humberger span:nth-of-type(3){    top: 30px;    left: 0px;    transform: translateY(-6px) rotate(45deg);    width: 70%;}
body.drawer-opened #humberger span:nth-of-type(1)::before {  content:"";    transform: translateY(0) rotate(45deg);  top:-32px;  left:0px; right: 0;margin: auto; color:  #344533}
.icon-bar{display: inline-block;    transition: all .4s;    position: absolute;    left: 0px;    height: 3px;    border-radius: 5px;  background:  #01a268;    width: 80%;}




body.drawer-opened #header{display: block;position: fixed;left: 0;top: 0px; width: 100%;height:  calc(100svh - 60px);padding-bottom: 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;z-index: 3;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);/* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);/* easeInOutExpo */
overflow-y: scroll;  -webkit-overflow-scrolling: touch;z-index: 99!important; }


}

#footer{background: #01a268;padding: 40px 0;color: #fff;margin-top: 60px}
#footer a{color: #fff}
#footer h1{margin-bottom: 12px}
#footer li li{margin-left: 20px;margin-bottom: 12px;font-size: 1.3rem;font-weight: bold;}
#footer .copyright{text-align: center;font-size: 1.2rem}
#footer li.col40{width: 40%}
#footer li.col60{width: 60%}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#footer{padding-bottom: 70px}

#footer li.col40{width: 70%;margin: auto}
#footer li.col60{width: 70%;margin: auto}
#footer h1{width: 100%;margin: 0 auto 20px}
#footer li ul{margin: 20px 0}
#footer li li{margin:6px 20px}
#footer li .flex--end{justify-content: center;-webkit-justify-content: center;}

}



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

.an4-fadeleft {opacity : 0;transform : translateX(150px);transition : all 1500ms;}
.an4-fadeleft.effect-scroll {opacity : 1;transform : translate(0, 0);}

.an5-faderight {opacity : 0;transform : translateX(-150px);transition : all 1500ms;}
.an5-faderight.effect-scroll {opacity : 1;transform : translate(0, 0);}
}


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

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

.pagetop{position: fixed;bottom: 10px;right: 10px;display: none;z-index: 9999;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.pagetop{bottom: 50px}
}