@charset "UTF-8";
/*
--------------------------------------------------------------
 Setting Import
--------------------------------------------------------------
*/
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, strong, 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 { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

@media screen and (min-width: 768px) { .sp-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 767px) { .pc-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 1000px) { .pcsmall-nondisp { display: none !important; }
  .pcsmall-disp { display: inline !important; } }

/*
--------------------------------------------------------------
 Commom
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 General
--------------------------------------------------------------
*/
body { background: #fff; color: #595757; font-family: 'Noto Sans JP', sans-serif,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka; font-weight: 500; }

a { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; color: inherit; text-decoration: none; transition-delay: 0s; transition-duration: 0.5s; transition-timing-function: ease; }

a:hover { opacity: .6; }

a.outlink::after { background: url("../img/common/icon_outlink@2x.png") right top no-repeat; background-size: 4.53333vw 4.53333vw; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; height: 4.53333vw; padding-left: 3.33333vw; width: 4.53333vw; }

@media screen and (min-width: 768px) { a.outlink::after { background-size: 19px 19px; height: 19px; padding-left: 15px; width: 19px; } }

::-moz-selection { background: rgba(53, 125, 155, 0.7); color: #fff; }

::selection { background: rgba(53, 125, 155, 0.7); color: #fff; }

::-moz-selection { background: rgba(53, 125, 155, 0.7); color: #fff; }

.section { overflow: hidden; position: relative; text-align: center; width: 100%; z-index: 50; }

.section::after { clear: both; content: ""; display: block; }

img { height: auto; max-width: 100%; }

@media screen and (max-width: 767px) { .section { width: 100%; }
  img { height: auto; width: 100%; } }

/* Parallax CSS+JS*/
.js-anim-prx .js-anim-prx__inner { height: 100%; overflow: hidden; position: relative; }

@media screen and (max-width: 767px) { .js-anim-prx .js-anim-prx__inner img { -webkit-transition-delay: 0s; -webkit-transition-duration: 0s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); transition-delay: 0s; transition-duration: 0s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); } }

.js-anim-prx .js-anim-prx__inner .background-image { background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; }

/*
--------------------------------------------------------------
 Header
--------------------------------------------------------------
*/
.header { background-color: #357d9b; height: 20vw; pointer-events: none; position: relative; width: 100%; z-index: 300; }

@media screen and (min-width: 768px) { .header { height: 75px; } }

.header__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0px; margin: 0 auto; padding: 0 6.66667vw; padding-top: 5.86667vw; position: fixed; top: 0px; width: 100%; }

@media screen and (min-width: 768px) { .header__inner { height: inherit; padding: 0 40px; padding-top: 20px; z-index: 100; } }

.header__logo { pointer-events: auto; }

.header__logo svg { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; fill: #fff; transition-delay: 0s; transition-duration: 0.6s; transition-timing-function: ease; }

@media screen and (max-width: 767px) { .header__logo img, .header__logo svg { height: 9.6vw; width: 41.6vw; } }

@media screen and (min-width: 768px) { .header__logo img, .header__logo svg { height: auto; width: 174px; } }

.header-trigger { display: block; pointer-events: auto; position: fixed; right: 3.06667vw; top: 4.26667vw; z-index: 901; }

@media screen and (min-width: 768px) { .header-trigger { right: 15px; top: 12px; } }

.header-trigger a { -webkit-box-sizing: content-box; box-sizing: content-box; display: block; height: 5.6vw; padding: 2.66667vw 1.33333vw; width: 9.33333vw; }

@media screen and (min-width: 768px) { .header-trigger a { height: 22px; padding: 15px; width: 35px; } }

.header-trigger a span { display: block; height: 100%; position: relative; width: 100%; }

.header-trigger a span::before, .header-trigger a span::after { -webkit-box-sizing: border-box; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; border-bottom: 0.66667vw solid #fff; box-sizing: border-box; content: ''; display: block; left: 0; position: absolute; right: 0; transition-delay: 0s; transition-duration: 0.5s; transition-timing-function: ease; }

@media screen and (min-width: 768px) { .header-trigger a span::before, .header-trigger a span::after { border-width: 3px; } }

.header-trigger a span::before { border-top: 0.66667vw solid #fff; height: calc( 50% + 0.26667vw); top: 0; }

@media screen and (min-width: 768px) { .header-trigger a span::before { border-width: 3px; height: calc( 50% + 2px); } }

.header-trigger a span::after { bottom: 0; }

.header-trigger a.active span::before, .header-trigger a.active span::after { border-color: #fff !important; }

.header-trigger a.active span::before { -webkit-transform: rotate(45deg); border-bottom: 0; height: 0; top: 50%; transform: rotate(45deg); }

.header-trigger a.active span::after { -webkit-transform: rotate(135deg); bottom: auto; top: 50%; transform: rotate(135deg); }

@media screen and (min-width: 768px) { .header-trigger { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; } }

.header__navWrap { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; background-color: rgba(53, 125, 155, 0.9); height: 100vh; left: 0; opacity: 0; position: fixed; top: 0; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; visibility: hidden; width: 100vw; z-index: -1; }

.header__navWrap .navigation { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: inherit; justify-content: center; z-index: 100; }

.header__navWrap .navigation__list { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; }

.header__navWrap .navigation__item { -webkit-transform: translateY(140%); -webkit-transition-delay: 0s; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); margin-bottom: 17.06667vw; opacity: 0; transform: translateY(140%); transition-delay: 0s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

@media screen and (min-width: 768px) { .header__navWrap .navigation__item { -webkit-transform: translateY(80%); transform: translateY(80%); } }

.header__navWrap .navigation__item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 6vw; font-weight: 900; justify-content: center; letter-spacing: .1rem; line-height: 1; pointer-events: auto; }

@media screen and (min-width: 768px) { .header__navWrap .navigation__item { margin-bottom: 45px; }
  .header__navWrap .navigation__item a { font-size: 25px; height: 50px; } }

/* Scroll Down */
.header__inner.js-isBody .header__logo svg { fill: #000; }

.header__inner.js-isBody .header-trigger span::before, .header__inner.js-isBody .header-trigger span::after { border-color: #357d9b; }

/* Navigation Open */
.js-naviopen { max-height: 100vh; overflow: hidden; }

@media screen and (min-width: 768px) { .js-naviopen { overflow: visible; pointer-events: auto; } }

.js-naviopen .header__logo { z-index: 901; }

@media screen and (max-width: 767px) { .js-naviopen .header__logo { left: 6.66667vw; position: fixed; top: 5.86667vw; } }

.js-naviopen .header__navWrap { opacity: 1; visibility: visible; z-index: 900; }

@media screen and (min-width: 768px) { .js-naviopen .header__navWrap { -webkit-transform: translateY(0); -webkit-transition-delay: 0s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); height: 100vh; left: 0; opacity: 1; pointer-events: auto; position: fixed; top: 0; transform: translateY(0); transition-delay: 0s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); visibility: visible; width: 100vw; z-index: 900; } }

.js-naviopen .header__navWrap .navigation__item { -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

.js-naviopen .header__navWrap .navigation__item:nth-child(1) { -webkit-transition-delay: 0.4s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.4s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(2) { -webkit-transition-delay: 0.5s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.5s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(3) { -webkit-transition-delay: 0.6s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.6s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(4) { -webkit-transition-delay: 0.7s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.7s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(5) { -webkit-transition-delay: 0.8s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.8s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(6) { -webkit-transition-delay: 0.9s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.9s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(7) { -webkit-transition-delay: 1s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(8) { -webkit-transition-delay: 1.1s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.1s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(9) { -webkit-transition-delay: 1.2s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.2s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.js-naviopen .header__navWrap .navigation__item:nth-child(10) { -webkit-transition-delay: 1.3s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.3s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

/*
--------------------------------------------------------------
 CONTAINER
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Footer
--------------------------------------------------------------
*/
.footer { background-color: #498b99; padding: 9.86667vw 0 6.66667vw; position: relative; }

@media screen and (min-width: 768px) { .footer { font-size: 16px; padding: 52px 0 60px; z-index: 101; } }

.footer__inner { -webkit-box-sizing: border-box; box-sizing: border-box; color: #595757; margin: 0 auto; padding: 0 6.66667vw; position: relative; z-index: 5; }

@media screen and (min-width: 768px) { .footer__inner { padding: 0 40px; } }

.footer__bg { background: repeat left top; width: 100%; }

.footer__bgWrap { bottom: 0; position: absolute; width: 100%; z-index: 1; }

.footer__bg1 { background-image: url(/asset/img/common/bg_footer-deco1.png); background-size: auto 47.5px; height: 47.5px; }

.footer__bg2 { background-image: url(/asset/img/common/bg_footer-deco2.png); background-size: auto 35.5px; height: 35.5px; }

.footer__bg3 { background-image: url(/asset/img/common/bg_footer-deco3.png); background-size: auto 40.5px; height: 40.5px; }

.footer__bg4 { background-image: url(/asset/img/common/bg_footer-deco4.png); background-size: auto 37.5px; height: 37.5px; }

.footer__bg5 { background-image: url(/asset/img/common/bg_footer-deco5.png); background-size: auto 33px; height: 33px; }

@media screen and (min-width: 768px) { .footer__flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 162.5px; } }

.footer__logo svg { fill: #fff; }

@media screen and (max-width: 767px) { .footer__logo { height: 9.6vw; margin-bottom: 14.66667vw; width: 41.6vw; }
  .footer__logo img, .footer__logo svg { height: 9.6vw; width: 41.6vw; } }

@media screen and (min-width: 768px) { .footer__logo img, .footer__logo svg { height: auto; width: 193px; } }

@media screen and (min-width: 768px) { .footer__navWrap { margin-left: auto; } }

.footer__navWrap .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .footer__navWrap .navigation { margin-bottom: 45.33333vw; } }

.footer__navWrap .navigation__list { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .footer__navWrap .navigation__list { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; } }

.footer__navWrap .navigation__item a { color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 900; letter-spacing: .05rem; line-height: 1; }

@media screen and (max-width: 767px) { .footer__navWrap .navigation__item { margin-bottom: 9.6vw; }
  .footer__navWrap .navigation__item a { font-size: 5.06667vw; } }

@media screen and (min-width: 768px) { .footer__navWrap .navigation__item { margin-left: 51px; }
  .footer__navWrap .navigation__item:first-child { margin-left: 0; }
  .footer__navWrap .navigation__item a { font-size: 18px; } }

.footer__copyright { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 3.46667vw; font-weight: 500; letter-spacing: .05rem; line-height: 1; }

.footer__copyrightTxt { color: #FFF; }

@media screen and (min-width: 768px) { .footer__copyright { font-size: 16px; } }

/*
--------------------------------------------------------------
 Common Title
--------------------------------------------------------------
*/
.secPage-title { text-align: center; }

.secPage-title__title { font-weight: 700; line-height: 1; }

@media screen and (max-width: 767px) { .secPage-title__title { font-size: 4.8vw; padding-bottom: 9.33333vw; padding-top: 10.66667vw; } }

@media screen and (min-width: 768px) { .secPage-title__title { font-size: 26px; padding-bottom: 44px; padding-top: 56px; } }

/*
--------------------------------------------------------------
 Common Button
--------------------------------------------------------------
*/
.btn_pagetop { -webkit-transform: translateY(20%); -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; bottom: 3.33333vw; display: -webkit-box; display: -ms-flexbox; display: flex; height: 13.86667vw; opacity: 0; pointer-events: none; position: fixed; right: 4.4vw; transform: translateY(20%); transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; visibility: hidden; width: 13.86667vw; z-index: 200; }

.btn_pagetopWrap { height: 13.86667vw; }

@media screen and (min-width: 768px) { .btn_pagetopWrap { height: 54px; } }

@media screen and (max-width: 767px) { .btn_pagetop img { height: 13.86667vw; width: 13.86667vw; } }

@media screen and (min-width: 768px) { .btn_pagetop { bottom: 20px; height: 54px; right: 20px; width: 54px; } }

.btn_pagetop.js-show { -webkit-transform: translateY(0); opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }

.btn_pagetop.js-nonFixed { margin-left: auto; position: relative; }

.buttons__button { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #498b99; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 4.4vw; height: 10.66667vw; justify-content: center; overflow: hidden; position: relative; width: 100%; }

@media screen and (max-width: 767px) { .buttons__button { letter-spacing: .1rem; margin-top: 4.66667vw; }
  .buttons__button:first-child { margin-top: 0; } }

@media screen and (min-width: 768px) { .buttons__button { font-size: 20px; height: 67px; margin-top: 24px; width: 100%; }
  .buttons__button:first-child { margin-top: 0; } }

.buttons__button .text, .buttons__button .arrow { -webkit-transition-delay: 0.1s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-delay: 0.1s; transition-duration: 0.4s; transition-timing-function: ease; z-index: 2; }

.buttons__button .text { font-weight: 700; position: relative; }

@media screen and (max-width: 767px) { .buttons__button .text { margin-top: -0.66667vw; } }

.buttons__button .arrow { background-color: #fff; display: none; height: 1px; position: absolute; right: 0; right: 13.33333vw; top: 50%; width: 7.2vw; }

@media screen and (min-width: 768px) { .buttons__button .arrow { right: 65px; width: 35px; } }

@media screen and (min-width: 768px) and (max-width: 1120px) { .buttons__button .arrow { right: 5.45455vw; width: 2.72727vw; } }

.buttons__button:after { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); background-color: #FFF; content: ""; height: calc( 100% - 0.66667vw); height: 100%; left: -1px; position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); width: 1px; z-index: 1; }

@media screen and (min-width: 768px) { .buttons__button:after { height: calc( 100% - 5px); } }

.buttons__button:hover { opacity: 1; }

.buttons__button:hover .text { color: #357d9b; }

.buttons__button:hover .arrow { background-color: #000; }

.buttons__button:hover:after { left: 0; width: 100%; }

.buttons__button-w { -webkit-box-sizing: border-box; background-color: #fff; border: solid 1px #357d9b; box-sizing: border-box; }

.buttons__button-w .text { color: #357d9b; }

.buttons__button-w:after { background-color: #357d9b; height: 100%; }

.buttons__button-w:hover { border-color: #fff !important; }

.buttons__button-w:hover .text { color: #fff; }

.buttons__button-w:hover .arrow { background-color: #fff; }

.buttons__button-g { background-color: #069a81; }

.buttons__button-g:hover .text { color: #069a81; }

/*
--------------------------------------------------------------
 Slick Slider
--------------------------------------------------------------
*/
.slider .slide img { width: 100%; }

.slick-slider, .slick-slider * { outline: none !important; }

.slick-slider { -khtml-user-select: none; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; }

.slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { display: block; left: 0; position: relative; top: 0; }

.slick-track:before, .slick-track:after { content: ''; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

.slick-slide img { width: 100%; }

.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-arrow.slick-hidden { display: none; }

/* Arrow */
/**/
.slick-prev, .slick-next { -webkit-appearance: none; -webkit-transition: 0.2s ease-in-out; background: transparent; border: none; border-radius: 0px; cursor: pointer; display: block; font-size: 0; height: 44px; line-height: 0; position: absolute; top: calc(50% - 22px); transition: 0.2s ease-in-out; width: 44px; z-index: 1; }

.slick-prev:not(.slick-disabled):hover, .slick-next:not(.slick-disabled):hover { opacity: 0.8; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; opacity: 0.25; }

/* Dots */
.slick-dots { display: block; font-size: 0; letter-spacing: -1em; list-style: none; position: absolute; text-align: center; width: auto; }

.slick-dots li { cursor: pointer; display: inline-block; height: 18px; margin: 0 4px; padding: 0; position: relative; width: 18px; }

.slick-dots li button { background: transparent; border: 0; color: transparent; cursor: pointer; display: block; font-size: 0; height: 100%; line-height: 0; outline: none; width: 100%; }

.slick-dots li button:before { background: #fff; border-radius: 50%; content: ''; display: block; height: 6px; left: calc(50% - 3px); position: absolute; top: calc(50% - 3px); width: 6px; }

.slick-dots--black li button:before { background: #000; }

.slick-dots li button:after { border: 1px solid #fff; border-radius: 50%; bottom: 0; content: ''; display: block; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; }

.slick-dots--black li button:after { border-color: #222; opacity: 0.25; }

.slick-dots li:not(.slick-active) button:before { opacity: 0.5; }

.slick-dots--black li:not(.slick-active) button:before { opacity: 0.2; }

.slick-dots li:not(.slick-active) button:after { opacity: 0; }

/*
--------------------------------------------------------------
 Scroll Animation
--------------------------------------------------------------
*/
/*
// Scroll Animation
*/
.js-anim-scroll { -webkit-transform: translate3d(0, 0, 0); -webkit-transition-duration: 1000ms; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); opacity: 0; transform: translate3d(0, 0, 0); transition-duration: 1000ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); visibility: hidden; }

.js-anim-scroll.js-anim-on { opacity: 1; visibility: visible; }

.js-anim-scroll[data-anim="b-to-t"] { -webkit-transform: translateY(30px); -webkit-transition-duration: 1000ms; transform: translateY(30px); transition-duration: 1000ms; }

.js-anim-scroll[data-anim="b-to-t"].js-anim-on { -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="t-to-b"] { -webkit-transform: translateY(-30px); -webkit-transition-duration: 1000ms; transform: translateY(-30px); transition-duration: 1000ms; }

.js-anim-scroll[data-anim="t-to-b"].js-anim-on { -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="l-to-r"] { -webkit-transform: translateX(-20px); -webkit-transition-duration: 1000ms; transform: translateX(-20px); transition-duration: 1000ms; }

.js-anim-scroll[data-anim="l-to-r"].js-anim-on { -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll[data-anim="r-to-l"] { -webkit-transform: translateX(20px); -webkit-transition-duration: 1000ms; transform: translateX(20px); transition-duration: 1000ms; }

.js-anim-scroll[data-anim="r-to-l"].js-anim-on { -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll.ttl_deco.js-anim-scroll, .js-anim-scroll.secTitle.js-anim-scroll, .js-anim-scroll.secTxt.js-anim-scroll, .js-anim-scroll .sec-lineup h3.js-anim-scroll { -webkit-filter: brightness(2); -webkit-transform: translateY(3vh); filter: brightness(2); transform: translateY(3vh); }

.js-anim-scroll.ttl_deco.js-anim-scroll.js-anim-on, .js-anim-scroll.secTitle.js-anim-scroll.js-anim-on, .js-anim-scroll.secTxt.js-anim-scroll.js-anim-on, .js-anim-scroll .sec-lineup h3.js-anim-scroll.js-anim-on { -webkit-filter: brightness(1); -webkit-transform: translateY(0px); filter: brightness(1); transform: translateY(0px); }

.home .sec-news__Posts.js-anim-scroll { opacity: 1; visibility: visible; }

.home .sec-news__Posts.js-anim-scroll .sec-news__PostsItem { -webkit-transform: translateY(20%); opacity: 0; transform: translateY(20%); visibility: hidden; }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem { -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(1) { -webkit-transition-delay: 0.7s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.7s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(2) { -webkit-transition-delay: 0.9s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0.9s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(3) { -webkit-transition-delay: 1.1s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.1s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(4) { -webkit-transition-delay: 1.3s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.3s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(5) { -webkit-transition-delay: 1.5s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.5s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(6) { -webkit-transition-delay: 1.7s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.7s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(7) { -webkit-transition-delay: 1.9s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 1.9s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(8) { -webkit-transition-delay: 2.1s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 2.1s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(9) { -webkit-transition-delay: 2.3s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 2.3s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.home .sec-news__Posts.js-anim-scroll.js-anim-on .sec-news__PostsItem:nth-child(10) { -webkit-transition-delay: 2.5s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 2.5s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

/*
--------------------------------------------------------------
 HOME
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Hero
--------------------------------------------------------------
*/
.opening { background-color: #357d9b; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 9999; }

.opening.js-anim { -webkit-transition-delay: 0.5s; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.5s; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); width: 0; }

.opening.js-remove { -webkit-transition-delay: 0.1s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; opacity: 0; transition-delay: 0.1s; transition-duration: 0.6s; transition-timing-function: ease; visibility: hidden; }

.secHome-hero { background-color: #498b99; overflow: visible; position: relative; z-index: 60; }

@media screen and (max-width: 767px) { .secHome-hero { height: calc( 100vh - 16.53333vw); } }

@media screen and (min-width: 768px) { .secHome-hero { height: calc( 100vh - 54px); } }

.secHome-hero__inner { height: inherit; left: 0; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 80; }

.secHome-hero__movie { height: 100%; margin: 0 auto; position: relative; width: 100%; z-index: 70; }

.secHome-hero__movie-video { height: 100%; position: relative; }

.secHome-hero__movie-video::after { background-color: rgba(255, 0, 0, 0); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.secHome-hero__movie video { -o-object-fit: cover; -o-object-position: 50% 50%; height: 100%; object-fit: cover; object-position: 50% 50%; width: 100%; }

.secHome-hero__movie-loading { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition-delay: 0s; -webkit-transition-duration: 1.5s; -webkit-transition-timing-function: ease; align-items: center; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; transition-delay: 0s; transition-duration: 1.5s; transition-timing-function: ease; width: 100%; will-change: opacity; z-index: 900; }

.secHome-hero__movie-loading.js-hidden { opacity: 0; visibility: hidden; }

.secHome-hero__movie-loadingImg { left: 0; position: absolute; top: 0; width: inherit; }

.secHome-hero__movie-loadingImgWrap { position: relative; }

@media screen and (max-width: 767px) { .secHome-hero__movie-loadingImgWrap { width: 66.66667vw; } }

@media screen and (min-width: 768px) { .secHome-hero__movie-loadingImgWrap { width: 300px; } }

@media screen and (max-width: 767px) { .secHome-hero__movie-loadingImg svg { width: 66.66667vw; } }

@media screen and (min-width: 768px) { .secHome-hero__movie-loadingImg svg { width: 300px; } }

.secHome-hero__movie-loadingImgBase svg { fill: #e3dee2; }

.secHome-hero__movie-loadingImgFront { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: linear; overflow: hidden; transition-delay: 0s; transition-duration: 0.1s; transition-timing-function: linear; width: 0%; will-change: width; }

.secHome-hero__movie-loadingImgFront svg { fill: #397c9a; }

.secHome-hero__scroll { -webkit-transform: translateX(-50%); color: #fff; font-weight: 400; left: 50%; line-height: 1; overflow: hidden; position: absolute; transform: translateX(-50%); }

@media screen and (max-width: 767px) { .secHome-hero__scroll { bottom: 10.66667vw; } }

@media screen and (min-width: 768px) { .secHome-hero__scroll { bottom: 35px; } }

.secHome-hero__scrollInner { display: table-cell; height: 100%; vertical-align: bottom; width: inherit; }

.secHome-hero__scroll a { display: block; height: inherit; width: 100%; }

@media screen and (max-width: 767px) { .secHome-hero__scroll a { padding-top: 11.33333vw; } }

@media screen and (min-width: 768px) { .secHome-hero__scroll a { padding-top: 52.5px; } }

.secHome-hero__scrollText { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 700; letter-spacing: .1rem; }

@media screen and (max-width: 767px) { .secHome-hero__scrollText { font-size: 6vw; } }

@media screen and (min-width: 768px) { .secHome-hero__scrollText { font-size: 22.5px; } }

.secHome-hero__scrollBar { -webkit-animation: sdl 1.5s infinite; -webkit-box-sizing: border-box; -webkit-transform: rotate(-45deg); animation: sdl 1.5s infinite; border-bottom: 1px solid #fff; border-left: 1px solid #fff; box-sizing: border-box; left: 50%; position: absolute; top: 0; transform: rotate(-45deg); }

@media screen and (max-width: 767px) { .secHome-hero__scrollBar { height: 7.73333vw; margin-left: -3.86667vw; top: -3.86667vw; width: 7.73333vw; } }

@media screen and (min-width: 768px) { .secHome-hero__scrollBar { height: 29px; margin-left: -14.5px; width: 29px; } }

@-webkit-keyframes sdl { 0% { -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0; transform: rotate(-45deg) translate(0, 0); }
  50% { opacity: 1; }
  100% { -webkit-transform: rotate(-45deg) translate(-30%, 30%);
    opacity: 0; transform: rotate(-45deg) translate(-30%, 30%); } }

@keyframes sdl { 0% { -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0; transform: rotate(-45deg) translate(0, 0); }
  50% { opacity: 1; }
  100% { -webkit-transform: rotate(-45deg) translate(-30%, 30%);
    opacity: 0; transform: rotate(-45deg) translate(-30%, 30%); } }

/*
--------------------------------------------------------------
 About
--------------------------------------------------------------
*/
.secHome-concept { margin-bottom: 9.33333vw; padding-top: 20vw; }

@media screen and (min-width: 768px) { .secHome-concept { margin-bottom: 75px; padding-top: 100px; } }

.secHome-concept__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1080px; position: relative; text-align: left; }

@media screen and (max-width: 767px) { .secHome-concept__inner { width: 91.33333vw; } }

@media screen and (min-width: 768px) { .secHome-concept__inner { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 0 40px; } }

.secHome-concept__textArea { margin-bottom: 11.73333vw; }

@media screen and (min-width: 768px) { .secHome-concept__textArea { width: 47.5%; } }

.secHome-concept__textAreaTitle { color: #397c9a; font-size: 8vw; font-weight: 900; line-height: 1; margin-bottom: 8.53333vw; }

@media screen and (max-width: 767px) { .secHome-concept__textAreaTitle { text-align: center; } }

@media screen and (min-width: 768px) { .secHome-concept__textAreaTitle { font-size: 35px; margin-bottom: 65px; } }

.secHome-concept__textAreaText { letter-spacing: -.02rem; }

@media screen and (max-width: 767px) { .secHome-concept__textAreaText { font-size: 3.2vw; line-height: 1.91667; margin-bottom: 15.33333vw; } }

@media screen and (min-width: 768px) { .secHome-concept__textAreaText { font-size: 14px; letter-spacing: -.02rem; line-height: 2.14286; margin-bottom: 195px; } }

.secHome-concept__imageAreaImg { line-height: 0; }

@media screen and (min-width: 768px) { .secHome-concept__imageArea { width: 47.5%; } }

/*
--------------------------------------------------------------
 ABOUT
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Inner Header
--------------------------------------------------------------
*/
.secAbout-hero__flowImg { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 14vw; min-height: 80vw; opacity: 0; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; }

@media screen and (min-width: 768px) { .secAbout-hero__flowImg { margin-bottom: 56px; min-height: 23.07692vw; } }

.secAbout-hero__flowImg.slick-initialized { opacity: 1; }

/*
--------------------------------------------------------------
 Concept
--------------------------------------------------------------
*/
.secAbout-concept__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }

@media screen and (max-width: 767px) { .secAbout-concept__inner { width: 91.33333vw; } }

@media screen and (min-width: 768px) { .secAbout-concept__inner { max-width: 930px; padding: 0 40px; } }

.secAbout-concept__textAreaTitle { color: #397c9a; font-size: 8vw; font-weight: 900; line-height: 1; margin-bottom: 8.26667vw; }

@media screen and (min-width: 768px) { .secAbout-concept__textAreaTitle { font-size: 36px; margin-bottom: 34px; } }

@media screen and (max-width: 767px) { .secAbout-concept__textAreaText { font-size: 3.2vw; line-height: 1.91667; margin-bottom: 10.66667vw; text-align: left; } }

@media screen and (min-width: 768px) { .secAbout-concept__textAreaText { font-size: 14px; line-height: 2.14286; margin-bottom: 56px; } }

.secAbout-concept__imageAreaList { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

@media screen and (max-width: 767px) { .secAbout-concept__imageAreaList { -ms-flex-align: center; -ms-flex-direction: column; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; align-items: center; flex-direction: column; } }

@media screen and (min-width: 768px) { .secAbout-concept__imageAreaList { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; width: 722.5px; } }

@media screen and (max-width: 767px) { .secAbout-concept__imageAreaListItem { margin-top: -8vw; position: relative; width: 58.93333vw; }
  .secAbout-concept__imageAreaListItem:nth-child(1) { margin-top: 0; z-index: 5; }
  .secAbout-concept__imageAreaListItem:nth-child(2) { z-index: 4; }
  .secAbout-concept__imageAreaListItem:nth-child(3) { z-index: 3; } }

@media screen and (min-width: 768px) { .secAbout-concept__imageAreaListItem { width: 221px; } }

/*
--------------------------------------------------------------
 Initiative
--------------------------------------------------------------
*/
.secAbout-initiative { margin-bottom: 16vw; padding-top: 23.2vw; }

@media screen and (min-width: 768px) { .secAbout-initiative { margin-bottom: 75px; padding-top: 107.5px; } }

.secAbout-initiative__title { -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #397c9a; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 900; line-height: 1; margin: 0 auto; max-width: 930px; white-space: nowrap; }

@media screen and (max-width: 767px) { .secAbout-initiative__title { -ms-flex-pack: center; -webkit-box-pack: center; font-size: 8vw; justify-content: center; margin-bottom: 11.6vw; } }

@media screen and (min-width: 768px) { .secAbout-initiative__title { font-size: 36px; margin-bottom: 42px; padding: 0 40px; }
  .secAbout-initiative__title::after { background-color: #357d9b; content: ""; display: block; height: 1px; margin-left: 29px; width: 100%; } }

.secAbout-initiative__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 930px; position: relative; text-align: left; }

@media screen and (max-width: 767px) { .secAbout-initiative__inner { width: 91.33333vw; } }

@media screen and (min-width: 768px) { .secAbout-initiative__inner { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 0 40px; } }

@media screen and (min-width: 768px) { .secAbout-initiative__textArea { width: 46.47059%; } }

@media screen and (max-width: 767px) { .secAbout-initiative__textAreaText { font-size: 3.2vw; line-height: 1.91667; margin-bottom: 12.4vw; } }

@media screen and (min-width: 768px) { .secAbout-initiative__textAreaText { font-size: 14px; line-height: 2.14286; margin-bottom: 77.5px; } }

.secAbout-initiative__textAreaFig { line-height: 0; }

.secAbout-initiative__textAreaFig img { height: auto; width: 100%; }

.secAbout-initiative__textArea-nacs { -ms-flex-align: center; -ms-flex-direction: column; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; }

@media screen and (max-width: 767px) { .secAbout-initiative__textArea-nacs { padding-top: 16.26667vw; } }

.secAbout-initiative__textArea-nacs .secAbout-initiative__textAreaLogo { margin-bottom: 12vw; width: 32vw; }

@media screen and (min-width: 768px) { .secAbout-initiative__textArea-nacs .secAbout-initiative__textAreaLogo { margin-bottom: 34px; width: 120px; } }

.secAbout-initiative__textArea-nacs .buttons__button { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; background-color: #069a81; border-radius: 11.73333vw; font-size: 5.06667vw; height: 11.73333vw; margin-bottom: 8.26667vw; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; width: 86.93333vw; }

@media screen and (min-width: 768px) { .secAbout-initiative__textArea-nacs .buttons__button { border-radius: 44px; font-size: 19px; height: 44px; margin-bottom: 39px; width: 326px; } }

.secAbout-initiative__textArea-nacs .buttons__button::after { background-color: #f3f6f7; height: 100%; opacity: 0; }

.secAbout-initiative__textArea-nacs .buttons__button:hover { opacity: .6; }

.secAbout-initiative__textArea-nacs .buttons__button:hover .text { color: #FFF; }

.secAbout-initiative__textArea-nacs .secAbout-initiative__textAreaText { text-align: center; }