@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 6, page_home.scss */
#home main { padding-top: 720px; }
@media only screen and (max-width: 750px) { /* line 6, page_home.scss */
  #home main { padding-top: 0; } }

/* line 10, page_home.scss */
#mainImg.swiper { width: 100%; height: 730px; position: absolute; left: 50%; transform: translateX(-50%); margin: auto; z-index: 10; top: 0; --angle: 27deg; --h: 730px; --slant: calc(var(--h) * tan(var(--angle))); --baseW: 250px; --overW: 150px; --sideW: 4%; --moveX: 0px; --moveY: 0px; }
/* line 20, page_home.scss */
#mainImg.swiper ul.swiper-wrapper { height: 100%; }
/* line 21, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide { height: 100%; }
/* line 22, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph { width: calc(100% - var(--sideW) - var(--baseW) + var(--overW) + 30px); height: var(--h); position: absolute; clip-path: polygon(var(--slant) 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%); opacity: 0; transform: translateX(50px); transition: none; }
/* line 26, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph img { max-width: none; position: absolute; left: calc(-100px - var(--moveX)); top: calc(0px - var(--moveY)); }
/* line 28, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph01 { left: calc(var(--sideW) + var(--baseW)); top: 0; --moveX: 0px; --moveY: 0px; /*opacity: 1;*/ }
/* line 29, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph02 { left: calc(var(--sideW) + var(--baseW) - 60px); top: -100px; --moveX: -60px; --moveY: -100px; }
/* line 30, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph03 { left: calc(var(--sideW) + var(--baseW) + 130px); top: -50px; --moveX: 130px; --moveY: -50px; }
/* line 31, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph01 { z-index: 1; }
/* line 32, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph02, #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph03 { background: #fff; }
/* line 32, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph02 img, #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph03 img { opacity: .35; z-index: 0; }
/* line 34, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .ph { opacity: 1; transform: translateX(0); transition: opacity .8s ease, transform .8s ease; }
/* line 35, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .ph01 { transition-delay: 0s; }
/* line 36, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .ph02 { transition-delay: .2s; }
/* line 37, page_home.scss */
#mainImg.swiper ul.swiper-wrapper li.swiper-slide.swiper-slide-active .ph03 { transition-delay: .4s; }
/* line 42, page_home.scss */
#mainImg.swiper .copyWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; }
/* line 43, page_home.scss */
#mainImg.swiper .copyWrap .copy { width: 100%; height: 100%; margin: 0; padding: 280px 0 0 calc(var(--sideW) + 4%); box-sizing: border-box; position: absolute; top: 0; left: 0; text-align: left; }
/* line 44, page_home.scss */
#mainImg.swiper .copyWrap .copy em, #mainImg.swiper .copyWrap .copy span { display: block; }
/* line 45, page_home.scss */
#mainImg.swiper .copyWrap .copy em { font-size: 42px; line-height: 1.7; font-weight: 300; }
/* line 46, page_home.scss */
#mainImg.swiper .copyWrap .copy span { font-family: "Outfit", sans-serif; font-size: 39px; font-weight: 800; letter-spacing: 0; margin-top: .75em; }
/* line 48, page_home.scss */
#mainImg.swiper .copyWrap .copyBase { color: #1c2e84; }
/* line 49, page_home.scss */
#mainImg.swiper .copyWrap .copyClip { color: #fff; clip-path: polygon(calc(var(--sideW) + var(--baseW) + var(--slant)) 0, 100% 0, 100% 100%, calc(var(--sideW) + var(--baseW)) 100%); filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.075)); }

@media only screen and (max-width: 750px) { /* line 53, page_home.scss */
  #mainImg.swiper { width: 100%; height: 350px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; --angle: 27deg; --h: 350px; --slant: calc(var(--h) * tan(var(--angle))); --baseW: 0px; --overW: 0px; --sideW: 0%; --moveX: 0px; --moveY: 0px; }
  /* line 63, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper { height: 100%; }
  /* line 64, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide { height: 100%; }
  /* line 65, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph { width: calc(100% - var(--sideW) - var(--baseW) + var(--overW) + 120px); height: var(--h); clip-path: polygon(var(--slant) 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%); transform: translateX(30px); }
  /* line 68, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph img { left: calc(-30px - var(--moveX)); top: calc(0px - var(--moveY)); }
  /* line 70, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph01 { left: calc(var(--sideW) + var(--baseW)); top: 0; --moveX: 0px; --moveY: 0px; /*opacity: 1;*/ }
  /* line 71, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph02 { left: calc(var(--sideW) + var(--baseW) - 20px); top: -50px; --moveX: -20px; --moveY: -50px; }
  /* line 72, page_home.scss */
  #mainImg.swiper ul.swiper-wrapper li.swiper-slide .ph03 { left: calc(var(--sideW) + var(--baseW) + 50px); top: -20px; --moveX: 50px; --moveY: -20px; }
  /* line 84, page_home.scss */
  #mainImg.swiper .copyWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  /* line 85, page_home.scss */
  #mainImg.swiper .copyWrap .copy { width: 100%; height: 100%; margin: 0; padding: 12px 0 0 calc(var(--sideW) + 4%); }
  /* line 87, page_home.scss */
  #mainImg.swiper .copyWrap .copy em { font-size: 27.5px; /*font-size: 7.25vw;*/ line-height: 1.5; }
  /* line 88, page_home.scss */
  #mainImg.swiper .copyWrap .copy span { font-size: 16.5px; margin-top: .0em; }
  /* line 91, page_home.scss */
  #mainImg.swiper .copyWrap .copyClip { clip-path: polygon(calc(var(--sideW) + var(--baseW) + var(--slant)) 0, 100% 0, 100% 100%, calc(var(--sideW) + var(--baseW)) 100%); } }
/* line 99, page_home.scss */
#aboutSec { background: url("../img/aboutBg.webp") no-repeat center; background-size: cover; position: relative; padding: 90px 0 100px; }
@media only screen and (max-width: 750px) { /* line 99, page_home.scss */
  #aboutSec { padding: 50px 0 60px; } }
/* line 100, page_home.scss */
#aboutSec::before, #aboutSec::after { content: ""; width: 100%; height: 150px; position: absolute; left: 0; z-index: 0; }
/* line 101, page_home.scss */
#aboutSec::before { top: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%); }
/* line 102, page_home.scss */
#aboutSec::after { bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%); }
/* line 103, page_home.scss */
#aboutSec .titCmn, #aboutSec .catch, #aboutSec .read, #aboutSec .btnCmn { position: relative; z-index: 5; }
/* line 104, page_home.scss */
#aboutSec .titCmn, #aboutSec .catch, #aboutSec .read { filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 4px white) drop-shadow(0px 0px 6px white); }
/* line 109, page_home.scss */
#aboutSec .catch { font-size: 28px; font-weight: 600; color: #1c2e84; letter-spacing: .15em; margin-bottom: .5em; }
@media only screen and (max-width: 750px) { /* line 109, page_home.scss */
  #aboutSec .catch { font-size: 22px; line-height: 1.8; } }
/* line 110, page_home.scss */
#aboutSec .read { text-align: center; }
@media only screen and (max-width: 750px) { /* line 110, page_home.scss */
  #aboutSec .read { font-size: 15px; line-height: 2; text-align: justify; padding: 0 6%; } }
/* line 111, page_home.scss */
#aboutSec .btnCmn { margin-top: 2.5em; }
@media only screen and (max-width: 750px) { /* line 111, page_home.scss */
  #aboutSec .btnCmn { margin-top: 1.5em; } }

/* line 122, page_home.scss */
.serviceSec { margin-top: -10px; }
@media only screen and (max-width: 750px) { /* line 123, page_home.scss */
  .serviceSec .tit { overflow: hidden; display: flex; justify-content: space-between; } }
/* line 124, page_home.scss */
.serviceSec .tit span { font-family: "Outfit", sans-serif; font-size: 120px; line-height: 1; font-weight: 100; letter-spacing: .035em; opacity: .15; color: #1c2e84; }
@media only screen and (max-width: 750px) { /* line 124, page_home.scss */
  .serviceSec .tit span { font-size: 80px; white-space: nowrap; animation: titleMarquee 12s linear infinite; }
  /* line 125, page_home.scss */
  .serviceSec .tit span:not(:last-child) { margin-right: .25em; }
  @keyframes titleMarquee { 0% { transform: translateX(0); }
    100% { transform: translateX(-100%); } } }

/* line 172, page_home.scss */
#worksSec { margin-top: 70px; background: url("../img/bgSlush.jpg") no-repeat top center; background-size: cover; color: #fff; padding-top: 60px; padding-bottom: 60px; }
@media only screen and (max-width: 750px) { /* line 172, page_home.scss */
  #worksSec { margin-top: 60px; padding-top: 50px; padding-bottom: 50px; } }
/* line 173, page_home.scss */
#worksSec .titCmn { margin-bottom: 1em; }
/* line 174, page_home.scss */
#worksSec .titCmn span { color: #fff; }
/* line 175, page_home.scss */
#worksSec .titCmn span::after { background: rgba(255, 255, 255, 0.75); }
/* line 179, page_home.scss */
#worksSec .read { text-align: center; margin-bottom: 3em; }
@media only screen and (max-width: 750px) { /* line 179, page_home.scss */
  #worksSec .read { font-size: 15px; line-height: 1.8; padding: 0 6.5%; text-align: justify; } }
/* line 180, page_home.scss */
#worksSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
@media only screen and (max-width: 750px) { /* line 180, page_home.scss */
  #worksSec ul.listWrap { padding: 0 5%; grid-row-gap: 0px; } }
/* line 181, page_home.scss */
#worksSec ul.listWrap li.ph { width: calc(100% / 4 - 20px); }
@media only screen and (max-width: 750px) { /* line 181, page_home.scss */
  #worksSec ul.listWrap li.ph { width: calc(100% / 2 - 0px); } }
/* line 183, page_home.scss */
#worksSec .btnCmn { margin-top: 3em; }

/* line 194, page_home.scss */
#accessSec { margin-top: 90px; }
@media only screen and (max-width: 750px) { /* line 194, page_home.scss */
  #accessSec { margin-top: 50px; } }
/* line 195, page_home.scss */
#accessSec .titCmn { margin-bottom: 1em; }
/* line 199, page_home.scss */
#accessSec .read { font-weight: 500; text-align: center; }
@media only screen and (max-width: 750px) { /* line 199, page_home.scss */
  #accessSec .read { font-size: 15px; line-height: 1.8; letter-spacing: .025em; } }
/* line 200, page_home.scss */
#accessSec .map { width: 100%; height: 600px; margin-top: 3em; }
@media only screen and (max-width: 750px) { /* line 200, page_home.scss */
  #accessSec .map { margin-top: 2em; height: 350px; } }
/* line 201, page_home.scss */
#accessSec .map iframe { width: 100%; height: 100%; }