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:#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: "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: #003277;-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{z-index: 3;position: fixed;left: 0;right: 0; top: 0px;width: 100%;}
#header h1{width: 90%;margin: auto;color: #009fe8;padding: 12px 0 20px;font-weight: bold;font-size: 1.4rem;letter-spacing: 0.1em}
#header .h_box{width: 90%;margin: auto;position: relative;}
#header .h_box img{width: 100%;height: auto}
#header .h_box .nonfix{display: block}
#header .h_box .fix{display: none}
#header .h_box .logo{width:15%}
#header .h_box .g_nav{width: 60%;position: absolute;top: 85px; left: 0;right: 0;margin: auto}
#header .h_box .tel{width: 18%; position: absolute;top: 0; right: 0;text-align: center}
#header .h_box .g_nav a{color:#009fe8;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.1em}
#header .h_box .g_nav li div{display: none}
#header .h_box .tel .btline{margin-top: 14px}

@media print,screen and (min-width:768px){ /*PC独自設定*/
#header.fixed{background: #fff;padding-bottom: 12px;}
#header.fixed .h_box .logo{width:15%}
#header.fixed .h_box .nonfix{display: none}
#header.fixed .h_box .fix{display: block}
#header.fixed .h_box .g_nav{top: 15px;}
#header.fixed .h_box .tel{top: -50px;width: 18%;}

}


.side_icon{position: fixed;right: 2%;width: 40px;top: 30%;}
.side_icon img{width: 100%;height: auto}
.side_icon li{padding: 12px 0;width: 100%}


@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) {/*小さい画面*/

}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#header{padding-top: 12px;background: #fff;}
#header .h_box .nonfix{display: none}
#header .h_box .fix{display:block;;}

#header .h_box .logo{width:42%;margin-left: 2%}
#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}
#header .h_box .tel{display: none}

.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  .h_box .g_nav{display: block;padding-top: 20px;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}
#header .h_box .g_nav li>a{position: relative; display: block;padding: 20px 0px;}
#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;
}


#header h1{display: none}
#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: #00a0e9;  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: #00a0e9;}
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:  #00a0e9;    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; }

#header.fixed{padding-bottom: 0px;z-index: 99}
}

#footer{background: #009fe8;padding: 40px 0;color: #fff}
#footer a{color: #fff}
#footer h1{margin-bottom: 12px}
#footer li{padding-bottom: 25px}
#footer li a{display: block;font-weight: bold;}
#footer li dd p{margin-left: 20px;}
#footer #copy{font-size: 1.1rem;text-align: center;}
#footer .copyright{text-align: center;font-size: 1.2rem}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#footer{padding-bottom: 70px}
#footer .col3,
#footer .col3_2{width: 70%;margin: auto}
#footer h1{width: 30%;margin: 0 auto 20px}

.sp_bt{position: fixed;left: 0;bottom: 0;width: 100%;background: #fff}
.sp_bt li{width: 49.9%}
.sp_bt li img{width: 100%}
}



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


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