@charset "utf-8";
@import url("/kokunai/___common/css/fonts.css");
@import url("/kokunai/___common/css/footer_kokunai.css");

/* =============================================================================
    reset
============================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,span,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input:focus,textarea:focus,select:focus,button:focus{outline:none}input,button,textarea,select{color: #323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;font-size:100%}

.dom-dp__bn{display:none}.footer-nav{margin:0;border-top:none}@media screen and (max-width:969px){.footer-nav{padding:0}}

/* =============================================================================
    common
============================================================================= */
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important;font-size:62.5%}body{font-size:1.6rem;font-family:"Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#323743;font-feature-settings:"palt";line-height:1.5;background:#fff}body *{box-sizing:border-box}input,button,textarea,select{font-family:"Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}@media screen and (min-width:760px){body{font-size:1.8rem;}}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a, a:link, a:visited, a:hover{ color: #323743; text-decoration: none; } a.link-txt{ color: #3498DB; text-decoration: underline; }@media screen and (min-width:760px){a.link-txt:hover{text-decoration:none;}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;font-style:normal;vertical-align:middle;font-weight:400}.m-ico:before{position:relative;top:-1px;font-family:'Material Icons Round';content:attr(data-icon);font-size:100%}.m-ico.-arrow{transform:scale(1.3)}@media screen and (min-width:970px){.m-ico.-arrow{transform:scale(1.5)}}

/* 表示・非表示 */
@media screen and (max-width:969px){.pc-only{display:none}}@media screen and (min-width:970px){.sp-only{display:none}}

/*  パンくず
-----------------------------------------------------------*/
.breadcrumbs_wrapper{display:flex;align-items:center}.breadcrumbs_contents{display:block;width:100%}.breadcrumbs_item{display:inline-block;color:#6b6e71;font-size:1.2rem;line-height:2}.breadcrumbs_item.-home{flex-shrink:0;margin-right:2.6666666667vw}.breadcrumbs_inner{margin-bottom:-10px;padding-bottom:10px;overflow-x:auto;white-space:nowrap;width:71vw}.breadcrumbs_item{display:inline-block;color:#323743;line-height:2;margin-right:2.6666666667vw}.breadcrumbs_item a{color:#c0c5cb}.breadcrumbs_item:not(:last-child):after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);display:inline-block;transform:rotate(-45deg);border:1px solid #c0c5cb;border-top:none;border-left:none;vertical-align:middle;content:"";width:1.0666666667vw;height:1.0666666667vw;margin-top:-.7vw;margin-left:1.3333333333vw}a.breadcrumbs_anchor{color:#3498db;font-weight:700}@media screen and (min-width:970px){.breadcrumbs_item.-home,.breadcrumbs_item{margin-right:10px}.breadcrumbs_item:last-child{margin-right:0}.breadcrumbs_inner{width:inherit}.breadcrumbs_item:not(:last-child):after{width:4px;height:4px;margin-top:-3px;margin-left:4px}}.mv .breadcrumbs{position:absolute;left:0;top:0;padding-left:5px;width:100%;background-color:rgba(255,255,255,.5)}@media screen and (min-width:760px){.mv .breadcrumbs{left:10px;padding:2px 10px;width:auto;border-radius:0 0 5px 5px}}.mv .breadcrumbs_item a{color:#323743}.mv .breadcrumbs_item:not(:last-child):after{border-color:#323743}.f-breadcrumbs{margin-top:20px;padding:20px 0;border-bottom:solid 1px #BCBDC2;background:#fff}@media screen and (max-width:969px){.f-breadcrumbs{background:#f5f5f5}}

/*  h1見出し
-----------------------------------------------------------*/
.pageHd{margin-top:8px}@media screen and (max-width:759px){.pageHd .inner{margin:0 8px}}.pageTtl{margin:8px 0 0;font-size:2.0rem;font-weight:700}@media screen and (min-width:760px){.pageTtl{font-size:3.2rem}}

/*  PC/SP切り替え
============================================================================= */
.change_pc{margin-top:25px;text-align:center}.change_pc a{color:#125687;text-decoration:underline}.change_sp{margin-top:50px}

/*  pagetop
============================================================================= */
.page-top{position:fixed;right:20px;bottom:20px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:2.4rem;border:1px solid #fff;border-radius:4px;background:rgba(207,240,255,1);transition:opacity .3s}.page-top a:hover{opacity:.6}.page-top.is-active{visibility:visible;opacity:1}

/*  kome
============================================================================= */
p.kome,.kome li{position:relative;padding-left:1.2em}p.kome:before,.kome li:before{position:absolute;left:0;top:0;content:"※"}

/*  レイアウト
============================================================================= */
.main *{outline:none!important}.main *:focus{outline:none!important}.main img{width:100%;height:auto;vertical-align:bottom}

/* セクション */
.sect{padding:40px 0}.inner{margin:0 16px}.sect-sub{margin-top:24px}@media screen and (min-width:760px){.sect{padding:80px 0}.inner{margin:0 auto;width:100%;max-width:1280px}.sect-sub{margin-top:56px}}

/*  見出し
============================================================================= */
.ttl{text-align:center;font-size:2rem;font-weight:700}.ttl span{font-weight:700}.ttl span:last-of-type{font-size:2.7rem}@media screen and (min-width:760px){.ttl{font-size:3.2rem}.ttl span:last-of-type{font-size:5rem}}.ttlLine{position:relative;z-index:0;text-align:center;font-size:2rem;line-height:1}.ttlLine span{position:relative;display:inline-block;padding-bottom:8px;color:#000;font-weight:700;text-shadow:1px 1px 0 #fff}.ttlLine span:before{position:absolute;left:2px;top:3px;z-index:-1;content:attr(data-ttl);display:inline-block;width:100%;height:100%;color:#BFBFBF;text-shadow:none;font-weight:700;text-align:center}.ttlLine span:last-of-type{font-size:2.7rem}@media screen and (min-width:760px){.ttlLine{font-size:3.2rem;line-height:1}.ttlLine span{padding-bottom:16px;text-shadow:2px 2px 0 #fff}.ttlLine span:before{left:3px;top:4px}.ttlLine span:last-of-type{font-size:5rem}}.ttl-sub{text-align:center;font-size:2.1rem}.ttl-sub span{font-weight:700}@media screen and (min-width:760px){.ttl-sub{font-size:4rem}}

/*  FAQ
============================================================================= */
.faq .ttl{font-family:YuMinchoW,YuMinchoM,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:2.1rem}.faqWp{margin-top:16px}.faqItem{border-top:dashed 1px #ccc}.faqTtl{overflow:hidden;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity .2s;padding:16px 0 16px 8px}.faqTtl span{display:flex}.faqTtl span:before,.faqTxt_box:before{margin:-2px 16px 0 0;font-size:2.6rem;line-height:1}.faqTtl span:before{content:"Q.";color:#BF2B2E}.faqTxt_box:before{content:"A.";margin-top:4px;color:#003B82}.faqTtl .m-ico{margin:0 0 0 5px;font-size:2.6rem}.faqTtl .m-ico:before{line-height:1;transform:rotateZ(0deg);transition:transform .3s ease}.faqTtl.is-active .m-ico:before{transform:rotateZ(179.99deg)}.faqTxt{display:none;padding:0 8px 8px;line-height:2}.faqTxt_box{display:flex}.faq-sect__dl dd{display:flex!important;position:relative}.faqTxt a{text-decoration:underline;transition:opacity .2s}@media screen and (min-width:960px){.faq{padding-bottom:0}.faq .ttl{font-family:YuMinchoW,YuMinchoM,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:3.2rem}.faqWp{margin-top:40px}.faqItem:not(:first-of-type){border-top:dashed 1px #ccc}.faqTtl{padding:24px}.faqTtl:hover{opacity:.6}.faqTxt{padding:0 24px 24px}.faq-wrap{margin-top:50px}.faqTxt_box a:hover{opacity:.6}}

/*  FOOT BRAND
============================================================================= */
.brandTtl{position:relative;display:flex;justify-content:center;align-items:center}.brandTtl span{margin-left:8px}.brandTtl img{width:auto;height:32px}.brandTtl .m-ico{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:2.6rem}.brandItem a{font-size:1.6rem;line-height:1.3}@media screen and (max-width:959px){.brandList{display:flex;flex-wrap:wrap;border-top:dashed 1px #ccc}.brandItem{position:relative;width:50%;border-bottom:dashed 1px #ccc}.brandItem:first-child{width:100%;text-align:center}.brandItem:nth-child(even):before{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:40%;background:#ccc}.brandItem:last-child,.brandItem:nth-child(even):nth-last-child(2){border-bottom:none}.brandItem a{display:block;padding:16px}.brandTtl{padding:16px 0;min-height:65px;border-top:solid 1px #ccc}.brandTtl span{font-weight:700}.brandTtl .m-ico:before{line-height:1;transform:rotateZ(0deg);transition:transform .3s ease}.brandTtl.is-active .m-ico:before{transform:rotateZ(179.99deg)}.brandInr{display:none}}@media screen and (min-width:960px){.brandWp{display:flex;margin-left:-32px}.brandBox{margin-left:32px;width:calc(100% / 5 - 32px)}.brandTtl{justify-content:center;height:64px;border-bottom:1px solid #777}.brandTtl .m-ico{display:none}.brandList{margin:24px 8px 0}.brandItem{line-height:1}.brandItem:not(:first-child){margin-top:16px}.brandItem a{display:inline-block;position:relative;font-size:1.6rem}.brandItem a:before{position:absolute;left:50%;bottom:-1px;width:0;height:1px;content:"";transform:translateX(-50%);border-radius:50vw;background:#000d44;transition:-webkit-width .2s ease;transition:width .2s ease;transition:width .2s ease,-webkit-width .2s ease}.brandItem a:hover:before{width:100%}}

/* =============================================================================
    JS用
============================================================================= */
/*  エフェクト
-----------------------------------------------------------*/
.scroll_up:before,.scroll_up:after{transition:0.8s ease-in-out;transform:translateY(30px);opacity:0}.scroll_up.on:before,.scroll_up.on:after{transform:translateY(0);opacity:1}.scroll_left{-webkit-transition:0.8s ease-in-out;-moz-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out;transition:0.8s ease-in-out;transform:translateX(-30px);opacity:0;filter:alpha(opacity=0);-moz-opacity:0}.scroll_left.on{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;transform:translateX(0)}.scroll_right{-webkit-transition:0.8s ease-in-out;-moz-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out;transition:0.8s ease-in-out;transform:translateX(30px);opacity:0;filter:alpha(opacity=0);-moz-opacity:0}.scroll_right.on{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;transform:translateX(0)}

/*  フッターアコーディオン
-----------------------------------------------------------*/
.js-accordion-title{position:relative}.js-accordion-title:after{position:absolute;right:15px;top:50%;margin-top:-.5em;display:block;color:#000;transition:.2s;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);font-family:'kkrs-dp'!important;content:"\e903";text-decoration:none;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-accordion-title.js-open:after{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}@media screen and (max-width:759px){.js-accordion-title-sp{position:relative}.js-accordion-title-sp:after{position:absolute;right:15px;top:50%;margin-top:-.5em;display:block;color:#000;transition:.2s;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);font-family:'kkrs-dp'!important;content:"\e903";text-decoration:none;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-accordion-title-sp.js-open:after{-webkit-transform:rotateZ(179.99deg);transform:rotateZ(179.99deg)}.js-accordion-title-sp.js-open+div{display:block}}

/*  swipe
-----------------------------------------------------------*/
.swipeWp{position:relative;margin:0 -16px}@media screen and (min-width:960px){.swipeWp{margin:0;padding:0 74px}}.swipeInr{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll;padding-bottom:40px}.swipeInr::-webkit-scrollbar{display:none}.swipeBar{position:absolute;left:0;right:0;bottom:0;margin:0 8px;width:calc(100% - 16px);height:6px;border-radius:50vw;background-color:#f5f5f5}@media screen and (min-width:960px){.swipeBar{margin:0 74px;width:calc(100% - 148px)}}.swipeBarThumb{cursor:pointer;min-width:50px;height:6px;border-radius:50vw;background-color:#333}.swipeBt{cursor:pointer;position:absolute;top:50%;margin-top:-30px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;font-weight:700;border:solid 3px #000;background:#000}@media screen and (min-width:960px){.swipeBt{margin-top:-40px;width:50px;height:50px;transition:opacity .2s}.swipeBt:hover{opacity:.6}}.swipeBt.-prev{left:0}.swipeBt.-next{right:0}.swipeBt .m-ico{font-size:2.5rem;line-height:1;font-weight:700}.swipeBt:disabled{pointer-events:none;opacity:.3}@media screen and (min-width:960px){.swipeBt .m-ico{font-size:3rem}}

/*  Slick
-----------------------------------------------------------*/
.slider{display:none}.slider.slick-initialized{display:block}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.slick-track{position:relative;top:0;left:0;display:flex;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:auto!important}[dir='rtl'] .slick-slide{float:right;height:auto!important}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{cursor:pointer;position:absolute;top:50%;z-index:1;margin:-30px 0;padding:0;font-size:0;line-height:0}.slick-prev{left:0}.slick-next{right:0}.slick-prev:before,.slick-next:before{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;font-size:2.5rem;line-height:1;font-weight:700;border:solid 3px #000;background:#000;font-family:'Material Icons Round'}.slick-prev:before{content:"\e5c4"}.slick-next:before{content:"\e5c8"}@media screen and (min-width:960px){.slick-prev,.slick-next{margin-top:-80px;transition:opacity .2s}.slick-prev:hover,.slick-next:hover{opacity:.6}.slick-prev:before,.slick-next:before{width:50px;height:50px;font-size:3rem}}.slick-prev.slick-disabled,.slick-next.slick-disabled{pointer-events:none;opacity:.3}.slick-dots{display:flex;justify-content:center;margin:24px 0 0 -16px}.slick-dots li{margin-left:8px;width:40px}.slick-dots li button{cursor:pointer;display:block;width:100%;height:6px;font-size:0;line-height:0;border-radius:50vw;background:#d2d2d2}.slick-dots li.slick-active button{background:#000;pointer-events:none}.slick-dots>li:first-child:last-child{display:none}@media screen and (min-width:960px){.slick-dots{margin:56px 0 0 -16px;}.slick-dots li{margin-left:16px;width:80px}.slick-dots li button{transition:opacity .2s}.slick-dots li:not(.slick-active):hover button{opacity:.6}}