@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

@keyframes prixClipFix { 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }

.loading { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 8977; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; }

@keyframes lds-ellipsis1 { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

@keyframes lds-ellipsis3 { 0% { transform: scale(1); }
  100% { transform: scale(0); } }

@keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); } }

.loading .lds-ellipsis { width: 80px; height: 80px; position: relative; transform: translateY(-50%); box-sizing: border-box; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; }

.loading .lds-ellipsis div { position: absolute; top: 33.33333px; width: 13.33333px; height: 13.33333px; border-radius: 50%; background: #0075be; animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.loading .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; background: #00abdc; }

.loading .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; background: #0075be; }

.loading .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; background: #02275a; }

.loading .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; }

.loading.is-hidden { opacity: 0; pointer-events: none; }

#main { padding-bottom: 105px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { #main { padding-bottom: 60px; } }

/* ========== end △ */
.main-visual { position: relative; text-align: center; padding: 0; z-index: 23; overflow: hidden; height: 100vh; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .main-visual { min-height: 780px; } }

/* ========== end △ */
.main-visual .mv-slider { height: 100%; width: 100%; position: relative; z-index: 3; }

.main-visual .mv-slider:not(.slick-initialized) .mv-slide-img { display: none; }

.main-visual .mv-slider:not(.slick-initialized) .mv-slide-img:first-child { display: block; }

.main-visual .mv-slider .slick-list { height: 100%; width: 100%; }

.main-visual .mv-slider .slick-track { height: 100%; }

.main-visual .mv-slider .slick-slide { height: 100%; }

.main-visual .mv-slider .slick-slide > div { height: 100%; }

.main-visual .mv-slider .mv-slide-img { width: 100%; height: 100%; }

.main-visual .mv-slider .mv-slide-img .c-img { width: 100%; height: 100%; }

.main-visual .mv-slider .mv-slide-img .txt { position: absolute; color: #fff; font-size: 18px; line-height: 1.38889; letter-spacing: 0.05em; font-weight: 500; right: 30px; bottom: 30px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .mv-slider .mv-slide-img .txt { font-size: 15px; line-height: 1.66667; right: 20px; bottom: 20px; } }

/* ========== end △ */
.main-visual .mv-slider .slick-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #dcebf9; position: absolute; font-size: 0; top: auto; bottom: 62px; z-index: 33; }

.main-visual .mv-slider .slick-arrow:before { position: absolute; content: ""; opacity: 1; background: url(../common_img/prev.png) no-repeat center center; background-size: 100% auto; width: 7px; height: 12px; left: 50%; top: 50%; margin: -6px 0 0 -3px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .main-visual .mv-slider .slick-arrow:hover { opacity: 1; border: 1px solid #fff; } }

/* ========== end △ */
.main-visual .mv-slider .slick-prev { left: 50%; margin-left: -722px; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1490px) { .main-visual .mv-slider .slick-prev { left: 20px; margin-left: 0; } }

/* ========== end △ */
.main-visual .mv-slider .slick-next { left: 50%; margin-left: -661px; }

.main-visual .mv-slider .slick-next:before { background: url(../common_img/next.png) no-repeat center center; background-size: 100% auto; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1490px) { .main-visual .mv-slider .slick-next { left: 80px; margin-left: 0; } }

/* ========== end △ */
.main-visual .mv-slider .slick-animated .mv-slide-img .c-img { width: 100%; height: 100%; animation-timing-function: linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .main-visual .mv-slider .slick-animated .mv-slide-img .c-img { -webkit-animation-name: showZoom; animation-name: showZoom; -webkit-animation-duration: 10s; animation-duration: 10s; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .mv-slider .slick-animated .mv-slide-img .c-img { -webkit-animation-name: showZoom2; animation-name: showZoom2; -webkit-animation-duration: 6s; animation-duration: 6s; } }

/* ========== end △ */
.main-visual .mv-slider .slick-animated .mv-ttl01 { opacity: 1; transform: translateY(0px); transition-delay: 0.5s; }

.main-visual .mv-slider .slick-animated .mv-ttl02 { opacity: 1; transform: translateY(0px); transition-delay: 1.2s; }

.main-visual .mv-catch { position: absolute; z-index: 32; left: 0px; right: 0px; max-width: 1490px; padding: 0 20px; margin: 0 auto; top: 50%; transform: translateY(-50%); }

.main-visual .mv-ttl01 { color: #fff; font-size: 56px; line-height: 1.35714; letter-spacing: 0em; font-weight: bold; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; -ms-transition: 1s ease all; -o-transition: 1s ease all; transition: 1s ease all; z-index: 22; text-align: left; opacity: 0; transform: translateY(60px); }

.main-visual .mv-ttl02 { color: #fff; font-size: 20px; line-height: 1.8; letter-spacing: 0em; font-weight: 400; margin: 42px 0 0 8px; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; -ms-transition: 1s ease all; -o-transition: 1s ease all; transition: 1s ease all; opacity: 0; transform: translateY(60px); text-align: left; }

.main-visual .slick-counter { position: absolute; bottom: 87px; left: 50%; margin-left: -595px; z-index: 33; }

/* ▽ PC-TAB layout ========== */
@media only screen and (min-width: 768px) and (max-width: 1490px) { .main-visual .slick-counter { left: 145px; margin-left: 0; } }

/* ========== end △ */
.main-visual .slick-counter .total { position: relative; display: inline-block; font-family: "Bebas Neue", sans-serif; font-size: 40px; line-height: 1; letter-spacing: 0em; font-weight: 400; color: #bfbfbf; padding: 0 0 0 17px; }

.main-visual .slick-counter .total:before { position: absolute; content: ""; opacity: 1; background: url(../common_img/line01.png) no-repeat center center; background-size: 100% auto; width: 14px; height: 29px; left: 1px; top: 4px; }

.main-visual .slick-counter .current { font-family: "Bebas Neue", sans-serif; font-size: 40px; line-height: 1; letter-spacing: 0em; font-weight: 400; color: #fff; }

.main-visual.is-show .mv-ttl01 { opacity: 1; transform: translateY(0px); }

.main-visual.is-show .mv-ttl02 { opacity: 1; transform: translateY(0px); transition-delay: 0.3s; }

/* ▽ PC-TAB layout ========== */
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .mv-catch { padding: 0 10px; margin: 0 auto; top: 50%; transform: translateY(-50%); }
  .main-visual .mv-ttl01 { font-size: 28px; line-height: 1.60714; }
  .main-visual .mv-ttl02 { font-size: 14px; line-height: 1.78571; margin: 15px 0 0 4px; }
  .main-visual .mv-slider { height: 100%; width: 100%; position: relative; z-index: 3; }
  .main-visual .mv-slider:not(.slick-initialized) .mv-slide-img { display: none; }
  .main-visual .mv-slider:not(.slick-initialized) .mv-slide-img:first-child { display: block; }
  .main-visual .mv-slider .slick-list { height: 100%; width: 100%; }
  .main-visual .mv-slider .slick-track { height: 100%; }
  .main-visual .mv-slider .slick-slide { height: 100%; }
  .main-visual .mv-slider .slick-slide > div { height: 100%; }
  .main-visual .mv-slider .mv-slide-img { width: 100%; height: 100%; }
  .main-visual .mv-slider .mv-slide-img .c-img { width: 100%; height: 100%; }
  .main-visual .mv-slider .slick-arrow { width: 40px; height: 40px; bottom: 30px; transform: translate(0); }
  .main-visual .mv-slider .slick-prev { left: 20px; margin-left: 0; }
  .main-visual .mv-slider .slick-next { left: 70px; margin-left: 0; }
  .main-visual .slick-counter { left: 125px; margin-left: 0; bottom: 33px; }
  .main-visual .slick-counter .total { font-size: 30px; line-height: 1; color: #bfbfbf; padding: 0 0 0 17px; }
  .main-visual .slick-counter .total:before { width: 12px; height: 25px; left: 2px; top: 2px; }
  .main-visual .slick-counter .current { font-size: 30px; line-height: 1; } }

/* ========== end △ */
.sec01 { padding: 117px 0 0; position: relative; z-index: 22; }

.sec01 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin-bottom: 71px; }

.sec01 .block__img .c-img { width: 100%; height: 100%; }

.sec01 .block__info { background: #02275a; }

.sec01 .block .rows { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 630px; padding: 0 0 26px; }

.sec01 .block .rows:before { position: absolute; content: ""; left: 39px; width: 2px; top: 97px; bottom: 10px; background: #00abdc; }

.sec01 .block .rows .icon { width: 85px; }

.sec01 .block .rows .info { width: calc(100% - 85px); padding: 10px 0 0 20px; }

.sec01 .block .rows .ttl { color: #fff; font-size: 24px; line-height: 1.25; letter-spacing: 0.075em; font-weight: bold; margin-bottom: 20px; }

.sec01 .block .rows .subttl { color: #fff; font-size: 20px; line-height: 1.5; letter-spacing: 0em; font-weight: 500; margin-bottom: 7px; }

.sec01 .block .rows .desc { color: #fff; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; }

.sec01 .block .rows:last-child:before { display: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__img { width: 41%; margin: 58px 0 58px; padding: 0; }
  .sec01 .block__info { width: 59%; padding: 75px 0 45px 87px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec01 { padding: 55px 0 0; }
  .sec01 .desc01 { text-align: left; font-size: 15px; line-height: 1.66667; margin-bottom: 25px; }
  .sec01 .block__img { text-align: center; width: 100%; height: 220px; padding: 0px; }
  .sec01 .block__img img { width: 100%; }
  .sec01 .block__info { padding: 25px 10px 25px; }
  .sec01 .block .rows { padding: 0 0 26px; }
  .sec01 .block .rows:before { left: 32px; top: 80px; }
  .sec01 .block .rows .icon { width: 65px; }
  .sec01 .block .rows .info { width: calc(100% - 65px); padding: 18px 0 0 10px; }
  .sec01 .block .rows .ttl { font-size: 19px; line-height: 1.47368; margin-bottom: 15px; }
  .sec01 .block .rows .subttl { font-size: 16px; line-height: 1.5625; margin-bottom: 7px; }
  .sec01 .block .rows .desc { color: #fff; font-size: 15px; line-height: 1.46667; }
  .sec01 .block .rows:last-child:before { display: none; } }

/* ========== end △ */
.sec02 { position: relative; z-index: 11; padding: 116px 0 120px; }

.sec02:before { position: absolute; content: ""; left: 0; top: -67px; bottom: 0; right: 0; background: #f4f6fb; }

.sec02 .container { position: relative; z-index: 22; }

.sec02 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; margin: -4px 0 64px; }

.sec02 .lst-service li .thumb .c-img { position: relative; border-radius: 10px; }

.sec02 .lst-service li .thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 61.26126%; }

.sec02 .lst-service li .thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sec02 .lst-service li .thumb .c-img img { border-radius: 10px; }

.sec02 .lst-service li .info { padding: 16px 0 0; margin-bottom: 43px; }

.sec02 .lst-service li .ttl { font-size: 24px; line-height: 1.25; letter-spacing: 0.075em; font-weight: bold; margin-bottom: 9px; }

.sec02 .lst-service li .desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.01em; font-weight: 400; }

.sec02 .lst-service li .btn01 { padding: 0 7px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .lst-service { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .lst-service li { width: 48%; margin: 0 4% 0 0; }
  .sec02 .lst-service li:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec02 { padding: 55px 0 25px; }
  .sec02:before { top: -67px; }
  .sec02 .desc01 { font-size: 15px; line-height: 1.53333; margin: 0 0 25px; text-align: left; }
  .sec02 .lst-service li { margin-bottom: 35px; }
  .sec02 .lst-service li .thumb { text-align: center; }
  .sec02 .lst-service li .thumb .c-img { border-radius: 5px; }
  .sec02 .lst-service li .thumb .c-img img { width: 100%; border-radius: 5px; }
  .sec02 .lst-service li .info { padding: 16px 0 0; margin-bottom: 25px; }
  .sec02 .lst-service li .ttl { font-size: 20px; line-height: 1.5; margin-bottom: 9px; }
  .sec02 .lst-service li .desc { font-size: 15px; line-height: 1.53333; }
  .sec02 .lst-service li .btn01 { text-align: center; padding: 0; }
  .sec02 .lst-service li .btn01 .c-btn01 { margin: 0 auto; } }

/* ========== end △ */
.sec03 { position: relative; z-index: 11; padding: 120px 0 145px; }

.sec03 .block .c-ttl01 { margin-bottom: 38px; }

.sec03 .block .subttl01 { padding: 0 0 0 22px; font-size: 24px; line-height: 1.25; letter-spacing: 0.075em; font-weight: bold; margin-bottom: 17px; }

.sec03 .block .desc01 { padding: 0 0 0 22px; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 400; }

.sec03 .block__img .txt { position: absolute; color: #fff; font-size: 18px; line-height: 1.38889; letter-spacing: 0.05em; font-weight: 500; right: 30px; bottom: 30px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 .block__img .txt { font-size: 15px; line-height: 1.66667; right: 20px; bottom: 20px; } }

/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec03 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec03 .block__img { width: 51%; }
  .sec03 .block__info { width: 49%; padding: 61px 54px 0 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 { padding: 40px 0 45px; }
  .sec03 .block .c-ttl01 { margin-bottom: 20px; text-align: center; }
  .sec03 .block .c-ttl01 .ttlen:before { right: 0; margin: 0 auto; }
  .sec03 .block .subttl01 { padding: 0; font-size: 19px; line-height: 1.57895; margin-bottom: 17px; }
  .sec03 .block .desc01 { padding: 0; font-size: 15px; line-height: 1.6; margin-bottom: 20px; }
  .sec03 .block__img { text-align: center; } }

/* ========== end △ */

/*# sourceMappingURL=maps/top.css.map */