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}
.mT60{margin-top: 60px}
.mT80{margin-top: 80px}
.mSide20{margin-left: 20px;margin-right: 20px}
.pTB60{padding: 60px 0}
.font20_red{font-size: 1.5rem;color: #ff0000;font-weight: bold}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.mT60{margin-top: 30px}
.mT80{margin-top: 50px}
.pTB60{padding: 30px 0}
}

a{ color: #231815;transition: 0.4s;}
a:link {color: #231815;-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: #231815;}
a:hover,a:active{color:#00479d;text-decoration: none;opacity: 0.7;}
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;min-width: 960px}
.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:  92%;min-width: 92%;}
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;overflow-x: hidden;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: #231815;-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: 13px;font-size: 1.3rem;}
}
.f_mincho{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.f_english{
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

/*header*/
#header{position: relative;}
#header.fixed{background: #fff}
#header{z-index: 99;  position: fixed;left: 0;right: 0; top: 0px;width: 100%;}
#header .logo{margin-left: 3em;padding: 19px 0}
#header .logo .logoW{display: none}
#header .nav{position: absolute;top: 0;right: 0;letter-spacing: 0.1em;font-weight: bold}
#header .g_nav li{padding: 0 22px;}

#header .entry{background: linear-gradient(90deg, #00b7ee 0%, #00479d 50%, #00b7ee 100%);
background-size: 200% 100%;border-radius: 0 0 0 20px;cursor: pointer;  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);}
#header .entry a{color: #fff;padding: 20px 30px;display: block}
#header .entry:hover{background-position: 100% 0;}

#header .entry i img,
#header .contact i img{width: 21px;height: auto;margin-right: 7px}
#header .contact a{background: #fff;position: relative;color: #00a0e9;padding: 20px 30px;display: block}
#header .contact a::after {  background: #00479d;  position: absolute;  top: 0;  left: 0;  content: '';  width: 100%;  height: 100%;  transform: scale(0, 1);  transform-origin: left top;  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);  z-index: -1;}
#header .contact a:hover {  color: #fff;}
#header .contact a:hover::after {  transform: scale(1, 1);}

#header .g_subnav i,
#header .g_subnav span{display: block;}
#header .g_subnav img{vertical-align: middle}

@media screen and (max-width: 1000px) {/*スマホのスタイル*/
#header{padding-bottom: 16px}
#header .logo{margin-left: 1em;}
#header .entry a,
#header .contact a{padding: 22px 16px}
#header .g_nav{margin-top: 50px}
}


@media screen and (max-width: 768px) {/*スマホのスタイル*/
#header.fixed{z-index: 99; }
#header .logo{margin-left: 1em;padding: 20px 0;z-index: 99;position: relative}
#header .logo img{width: 50%;height: auto}

#header .g_subnav{border-top: 1px solid #ececec;background: #fff; position: fixed;width: 100%;left: 0;bottom: 0}
#header .entry,#header .contact{width: 50%;border-radius: 0px;}
#header .entry a,
#header .contact a{padding: 16px 0px}
}

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

#header .g_nav{display: none}
body.drawer-opened #header{background: #fff}
#humberger{position:fixed;top:7px;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: #00479d;  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: #00479d;}
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:  #00479d;    width: 80%;}


body.drawer-opened #header .logo{z-index: 99;position: relative}

body.drawer-opened #header .g_nav{padding-top: 60px; background: #fff; display: block;position: fixed;left: 0;top: 0px; width: 100%;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: 98!important; }
body.drawer-opened #header .g_nav li{font-size: 1.7rem; width: 80%;margin: auto; padding: 22px 0;border-bottom: 1px solid #ececec}
body.drawer-opened #header .g_nav li a{padding-right: 30px; background: url("../images/icon_yajirusi.svg") no-repeat right center;background-size: 20px}
}

#f_contact{background: #f4f4f4;padding: 80px 0}
#f_contact ul{margin-top: 30px}
#f_contact li{width: 32%;background: #fff;padding: 22px 0;text-align: center;border-radius: 30px;color: #7d7d7d}
#f_contact li a{display: block}
#f_contact li .icon{margin-bottom: 12px}
#f_contact li span{font-size: 1.8rem;color: #231815;font-weight: bold}
#f_contact li a i img{vertical-align: middle;margin-left: 6px;margin-top: 0px;}
#f_contact li a p{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: center;-webkit-justify-content: center;align-items: center;}
#f_contact li a p i,
#f_contact li a p span{display: block;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#f_contact{padding: 50px 0}
#f_contact li{width: 90%;margin: auto}
#f_contact li .icon{width: 20%}
#f_contact li:nth-child(2){margin: 12px auto}
}

#co_bnt{padding: 80px 0}
#co_bnt ul{border-right: 1px solid #909090}
#co_bnt li{position: relative;width: 16%;text-align: center}
#co_bnt li::before{  position: absolute;  content: "";  width: 1px;  height: 100%;  background-color: #909090;  top: 0;  left: 0;}
@media screen and (max-width: 1000px) {/*スマホのスタイル*/
#co_bnt li{display: flex;justify-content: center;	align-items: center;}
#co_bnt li img{width: 90%}
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#co_bnt{padding:30px 0}
#co_bnt ul{border-right: none}
#co_bnt li{width: 31%;margin: 12px 0;}
#co_bnt li::before{background: none}
}


#f_nav{}
#f_nav h2{width: 260px;}
#f_nav ul{position:absolute;right: 0;top: 0}
#f_nav ul li{margin-left: 30px}
#f_nav ul li.sub{font-size: 1.3rem}

address{text-align: center;padding: 60px 0;font-size: 1.2rem}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#f_nav{display: none}
address{padding: 30px 0 90px;}
}


.title_e{font-style: italic;font-size: 2.1rem;letter-spacing: 0.1em;line-height: 1}
.title_j{font-size: 4.8rem;font-weight: bold;letter-spacing: 0.2em;}
.title_j2{font-size: 3rem;font-weight: bold;letter-spacing: 0.2em;}
.txt{margin-top: 50px; font-size: 1.7rem;line-height: 2.2;letter-spacing: 0.06em}
.txt2{font-size: 1.7rem;line-height: 2;letter-spacing: 0.06em}

.color_blur{color: #00a0e9}
.border-radius30{border-radius: 30px}
.font20{font-size: 2rem;font-weight: bold;letter-spacing: 0.2em;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.title_e{font-size: 1.6rem;margin-bottom: 12px;text-align: center}
.title_j{font-size: 2.8rem;text-align: center}
.title_j2{font-size: 2rem;}
.txt{margin-top: 30px; font-size: 1.4rem;}
.txt2{font-size: 1.4rem;}

.border-radius30{border-radius: 20px}
.font20{font-size: 1.8rem;}
}

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

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

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