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: 66%}
.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:#ee7500;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";}
.coution{margin-left: 1em;text-indent: -1em;font-size: 1.2rem}
.indent{margin-left: 1em;text-indent: -1em;}
.inner--base{margin:auto;width: 1200px; position: relative}
.inner--short{margin: auto;width: 880px;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: "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: #333;-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;}
}

.Mincho{font-family: "Noto Serif JP", serif;}

/*STYLE
------------------------------------------------- */
#wrapper {position: relative;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#wrapper {position: relative;}
}


/*header*/
#header{z-index: 3;position: fixed;left: 0;right: 0; top: 0px;width: 100%;padding-top: 20px;}
#header .logo{width: 450px;padding-left: 20px}
#header .h_icon{position: fixed;right: 0%;width: 70%;top: 0%;text-align: right}
#header .h_icon li:nth-child(2){margin-right: 40px;margin-left: 30px}
#header .g_nav{margin-top: 40px}
#header .g_nav li{font-size: 1.6rem;font-weight: bold;letter-spacing: 0.1em}
#header .g_nav li{flex-grow: 1;text-align: center;padding:0 10px}
#header .g_nav li+ li {border-left: 1px solid #ccc}

#header.fixed{padding-bottom: 20px;z-index: 99;background:rgba(255,255,255,0.9);}


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

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

#header .h_icon{width: 40%}
#header .h_icon li:nth-child(1),#header .h_icon li:nth-child(2){display: none}
#header .h_icon li{width: 33.333%}
#header .h_icon img{width: 100%}
}

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


#header .g_nav{margin-top: 20px}
#header .g_nav li{font-size: calc(0.25vw + 1rem);}
#header .logo{width: 70%;padding-left: 10px}
}
@media screen and (max-width: 1000px) {/*小さい画面*/

}
@media screen and (max-width: 900px) {/*小さい画面*/}
@media screen and (max-width: 768px) {/*スマホのスタイル*/


#header .logo{width: 70%;padding-left: 10px}

#header #global .g_nav,
#header #global .h_icon{display: none}

#header .g_nav{width: 90%;margin: 30px auto}
#header .g_nav li{font-size: 1.6rem;font-weight: bold;letter-spacing: 0.1em}
#header .g_nav li{flex-grow:0;width: 100%; text-align: left;padding:10px;border-bottom: 1px solid #ccc}
#header .g_nav li+ li {border-left:none;}
#header .g_nav li a{position: relative;display: block}
#header .g_nav li a::after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #ee7500;   /* 好みで色を変えてください */  
    border-right: solid 1px #ee7500;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0px;
}
#header .h_icon{position: static;right: 0%;width: 100%;top: auto;bottom: 0; text-align: right}
#header .h_icon li:nth-child(2){margin-right: 0px;margin-left:0px}
#header .h_icon li{width: 33.333%}
#header .h_icon li:nth-child(1),#header .h_icon li:nth-child(2){width: 50%;padding: 10px 0; text-align: center}
#header .h_icon li:nth-child(3){background: #f6ad33}

#header #global{display: flex;flex-wrap:wrap;
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;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;height:100%;overflow-y: scroll;  -webkit-overflow-scrolling: touch;
}

#header .h_icon{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#header .g_nav{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}

#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: #f08329;  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: #f08329;}
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:  #f08329;    width: 80%;}

body.drawer-opened #header #global{background: #fff}
body.drawer-opened #header #global .g_nav,
body.drawer-opened #header #global .h_icon{display: block;}

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{padding: 40px 0;font-size: 1.2rem}
#footer .fnav li{width: 50%;text-align: center;}
#footer .fnav li a{display: block;padding: 20px 0}
#footer .fnav li img{width: 40%}
#footer .fnav li:nth-child(1){background: #f29300}
#footer .fnav li:nth-child(2){background: #ee7500}
#footer h1{padding: 30px 0}
#footer .info li{width: 31%;}
#footer .info li p{margin-bottom: 20px}
#footer .info li a{margin-bottom: 12px;display: block}
#footer .subnav{text-align: right;margin-bottom: 20px}
address{text-align: right;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#footer .fnav li img{width: 90%}
#footer h1{width: 70%;margin: auto; padding: 30px 0}
#footer .info li{width: 100%;margin:auto;text-align: center}
#footer .info li p{display: inline-block;text-align: left}
#footer .info li:nth-child(2),#footer .info li:nth-child(3){display: none}
#footer .subnav{display: none}
address{text-align: center}
}


/*common*/
.page_contents{padding-top: 190px;text-align: center}
.page_contents h2 span.en{font-size: 1.6rem}
.page_contents h2 span.line{border-bottom: 1px solid #666;padding-bottom: 10px;margin-bottom: 20px}
.page_contents h2{font-size: 3rem;letter-spacing: 0.2em;margin-bottom: 30px;font-weight: 700}
.page_contents .copy{font-size: 1.7rem;letter-spacing: 0.1em;line-height: 1.9;font-weight: bold}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_contents h2 span.en{font-size: 1.1rem}
.page_contents h2{font-size: 2.5rem;}
.page_contents{padding-top: 40px;text-align: center}
.page_contents .copy{font-size: 1.5rem;}

.swip{width: 20%;margin: 12px auto 0}
.swip img{width: 100%;height: auto}
.mobile-scroll {width: 100%; overflow-x: scroll;padding-bottom: 12px}
.mobile-scroll img{width: 600px!important;max-width:600px!important;height: auto;}
}

/*cfade-up*/
.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;}
}

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