@charset "UTF-8";
/* 設定 */
/* txt-maker */
/* btn */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
/* 基本設定 */
html { /* overflow-x: hidden; */ cursor: inherit; font-size: 62.5%; /* overflow-x: auto; */ }

html.font-s { font-size: 62.5%; }

html.font-m { font-size: 70%; }

html.font-l { font-size: 80%; }

body { font-size: 1.6em; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; font-weight: 300; background: #fff; color: #1b1b1b; width: 100%; /* min-width: $ww; */ overflow-x: hidden; line-height: normal; letter-spacing: 0.05em; line-height: 1.7; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "palt"; /* -webkit-font-smoothing: antialiased; font-smoothing: antialiased; */ }

/* html:before, html:after, body:before, body:after { content: ""; background: $c-blue; position: fixed; display: block; z-index: 1; } //上 html:before { height: 10px; width: 100vw; left: 0; top: 0; } // 右 html:after { width: 10px; height: 100vh; right: 0; top: 0; } //下 body:before { height: 10px; width: 100vw; bottom: 0; left: 0; } // 左 body:after { width: 10px; height: 100vh; top: 0; left: 0; } */
img { filter: blur(0); -webkit-filter: blur(0); border: 0; vertical-align: bottom; max-width: 100%; height: auto; }

a { color: #009fc6; text-decoration: none; }

a:hover, a:active, a:focus { color: #2dd6ff; }

a img { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

a:hover { text-decoration: underline; }

a:hover img { opacity: 0.5; filter: alpha(opacity=50); }

/* レイアウト設定 */
.drawer--navbarTopGutter { padding-top: 0 !important; }

.header { max-width: 1100px; margin: 0 auto; /*  Smartphone */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

@media only screen and (max-width: 640px) { .header { width: 100%; } }

.header__logo { width: 30%; }

.header__fixed { padding: 0; list-style: none; position: fixed; right: 0; top: 5%; z-index: 2; }

.header__fixed li { margin-bottom: 10px; }

.header__fixed li:hover { margin-right: -10px; }

.header__fixed li:hover img { opacity: 1; filter: alpha(opacity=100); }

.header .glnv { width: 68%; z-index: 100; }

.header .glnv .glnv__list { list-style-type: none; padding: 0; }

.header .glnv .glnv__list li { -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); position: relative; display: inline-block; text-decoration: none; width: 16%; text-align: center; border-right: 1px solid #000; position: relative; float: left; text-align: center; }

.header .glnv .glnv__list li::after { position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #009fc6; transition: .3s; opacity: 0; visibility: hidden; bottom: 1px; }

.header .glnv .glnv__list li:hover::after { bottom: -2px; opacity: 1; visibility: visible; }

.header .glnv .glnv__list li a { -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); font-size: 16px; font-size: 1.6rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; color: #000; padding: 5px 0; display: block; letter-spacing: 0.15em; }

.header .glnv .glnv__list li ul { -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; }

.header .glnv .glnv__list li:last-child ul { left: -100%; width: 100%; }

.header .glnv .glnv__list li ul li { border: 0; overflow: hidden; width: 300%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; border: 0; }

.header .glnv .glnv__list li ul li::after { display: none; }

.header .glnv .glnv__list li ul li a { -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); padding: 20px 15px; background: #fff; text-align: left; display: block; }

.header .glnv .glnv__list li ul li a::after { display: none; }

.header .glnv .glnv__list li ul li a:hover { text-decoration: underline; }

.header .glnv .glnv__list li:hover > a { text-decoration: none; display: block; }

.header .glnv .glnv__list li:hover ul li { overflow: visible; height: 50px; }

.header .glnv .glnv__list li:hover ul li:first-child { border-top: 0; }

.header .glnv .glnv__list li:hover ul li:last-child { border-bottom: 0; }

.footer__map { width: 100%; }

.footer__map iframe { width: 100%; }

.footer .fnav { max-width: 1100px; margin: 0 auto; /*  Smartphone */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

@media only screen and (max-width: 640px) { .footer .fnav { width: 100%; } }

.footer .fnav__out { background: rgba(160, 160, 160, 0.1); padding: 60px 0; }

.footer .fnav__set { width: 20%; }

.footer .fnav__ttl { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #009fc6; margin: 0; margin-bottom: 20px; }

.footer .fnav__list { margin: 0; }

.footer .fnav__list li { margin-bottom: 5px; }

.footer .fnav__list li a { font-size: 16px; font-size: 1.6rem; position: relative; padding-left: 13px; color: #000; display: inline-block; line-height: 1.5; }

.footer .fnav__list li a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; width: 6px; height: 6px; border: 0; border-top: solid 1px #000; border-right: solid 1px #000; position: absolute; top: 0.5em; left: 0; }

.footer .fnav__list li a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.footer .fnav__list li a:hover::before { left: 2px; }

.footer .fnav__two ul { margin-bottom: 30px; }

.footer__logoarea { max-width: 1100px; margin: 0 auto; /*  Smartphone */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-bottom: 1px solid #dcdcdc; }

@media only screen and (max-width: 640px) { .footer__logoarea { width: 100%; } }

.footer__logo { width: 30%; }

.footer__catch { font-size: 25px; font-size: 2.5rem; font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif"; letter-spacing: 0.2em; width: 50%; text-align: right; }

.footer__addarea { max-width: 1100px; margin: 0 auto; /*  Smartphone */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin: 30px auto; }

@media only screen and (max-width: 640px) { .footer__addarea { width: 100%; } }

.footer__add { font-size: 16px; font-size: 1.6rem; width: 40%; line-height: 1.5; }

.footer__add span { display: block; font-weight: bold; }

.footer__add a { color: #1b1b1b; }

.footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width: 60%; padding: 0; list-style: none; }

.footer__list li { width: 32%; text-align: center; }

.footer__list li a { position: relative; padding-left: 13px; font-size: 20px; font-size: 2rem; display: block; border: 1px solid #000; color: #000; line-height: 1.5; letter-spacing: 0.2em; padding: 10px 0; }

.footer__list li a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; width: 6px; height: 6px; border: 0; border-top: solid 1px #000; border-right: solid 1px #000; position: absolute; top: 0.5em; left: 0; }

.footer__list li a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.footer__list li a:hover::before { left: 2px; }

.footer__list li a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-decoration: none; background: #000; color: #fff; }

.footer__list li a:hover::before { left: inherit; right: 5px; border-color: #fff; }

.footer__list li a::before { left: inherit; top: 45%; right: 10px; }

.footer__list li span { font-size: 10px; font-size: 1rem; display: block; }

.gotop { cursor: pointer; background: #009fc6; text-align: center; display: block; width: 100%; padding: 20px 0; margin: 0; }

.gotop img { width: 5%; }

.copyright { font-size: 14px; font-size: 1.4rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; display: block; padding: 20px 0; margin-top: 100px; width: 100%; text-align: center; position: relative; }

.comp__head { text-align: center; }

.comp__spell { font-size: 12px; font-size: 1.2rem; color: #fff; background: #000; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; display: inline-block; letter-spacing: 0.2em; padding: 5px 40px; font-weight: bold; font-style: italic; }

.comp__ttl { font-size: 30px; font-size: 3rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; font-weight: normal; letter-spacing: 0.2em; }

.comp__description { font-size: 16px; font-size: 1.6rem; font-family: "roboto", "noto-sans-cjk-jp", "Helvetica Neue", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "メイリオ", "Meiryo", "sans-serif"; }

.comp__more { width: 50%; margin: 60px auto; }

.comp__more a { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.2em; padding: 10px 0; width: 100%; display: block; border: 2px solid #dcdcdc; text-align: center; color: #1b1b1b; background: url("../img/common/arrow_yellow.png") right 20px center no-repeat; background-size: 40px; /*  Smartphone */ margin: 0 auto; background-image: url("../img/common/arrow_blue.png"); }

@media only screen and (max-width: 640px) { .comp__more a { font-size: 3.5vw; background-size: 20px !important; } }

.comp__more a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); text-decoration: none; background-position: right 10px center; }

/* FLOAT CONFIG */
.clear { clear: both; }

.flr { float: right; }

.fll { float: left; }

.center { text-align: center; }

.center img { display: inline; }

.left { text-align: left; }

.flrpic { display: inline; float: right; margin: 0 0 0 15px; }

.flrpic img { display: inline; margin-bottom: 5px; }

.fllpic { float: left; margin: 0 15px 0 0; }

.fllpic img { display: inline; margin-bottom: 5px; }

.centerpic { margin: 0 auto; text-align: center; }

.centerpic img { display: inline; }

.flrtbl { float: right; margin: 0 0 25px 25px; }

.flltbl { float: left; margin: 0 25px 25px 0; }

.alr { text-align: right; }

.alr img { display: inline; }

.inline { display: inline; }

.all { text-align: left; }

/* img */
.aligncenter { display: block; margin: 0 auto; }

.alignright { float: right; }

.alignleft { float: left; }

img[class*="wp-image-"], img[class*="attachment-"] { height: auto; max-width: 100%; }

/* 共通設定 */
.pc-mode { display: block; }

.sp-mode { display: none; }