@charset "UTF-8";
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* ベースカラー
*--------------------------------------*/
/*--------------------------------------*
* フォント
*--------------------------------------*/
/*--------------------------------------*
* ブレイクポイント
*--------------------------------------*/
/*--------------------------------------*
* vw変換(SP用)
*--------------------------------------*/
/*--------------------------------------*
* vw変換(PC用)
*--------------------------------------*/
/*--------------------------------------*
* デフォルトスタイル
*--------------------------------------*/
html,
body {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}

img,
video,
object {
  width: 100%;
  border: none;
  display: block;
}

@media screen and (min-width: 958px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 958px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .pcNone {
    display: block;
  }
}

/*--------------------------------------*
* aタグ
*--------------------------------------*/
a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #000;
}
@media screen and (min-width: 958px) {
  a:hover {
    opacity: 0.6;
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

/*--------------------------------------*
* ローディング
*--------------------------------------*/
#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

/*--------------------------------------*
* layout
*--------------------------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* ヘッダー
*--------------------------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* フッター
*--------------------------------------*/
footer {
  padding: 200px 0 150px;
}
footer .sns_wrap {
  display: flex;
  justify-content: center;
  gap: 50px;
}
footer .sns_wrap li {
  width: 35px;
}
footer .logo {
  width: 125px;
  margin: 75px auto 30px;
}
footer .copy {
  font-size: 10px;
  text-align: center;
  font-weight: 400;
}

/*--------------------------------------*
* object
*--------------------------------------*/
/*-------------------
* component
-------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* コンテンツ幅
*--------------------------------------*/
.c-inner {
  max-width: 1920px;
  margin: 0 auto;
}

/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* 共通ボタン
*--------------------------------------*/
/*-------------------
* project
-------------------*/
/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* FV
*--------------------------------------*/
@media screen and (min-width: 958px) {
  .fv {
    max-height: 100vh;
  }
}
.fv .title {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 960px) {
  .fv .title {
    width: 57.3333333333vw;
    margin: -21.6vw auto 2.6666666667vw 2.6666666667vw;
  }
}
@media screen and (min-width: 958px) {
  .fv .title {
    position: absolute;
    left: min(2.8472222222vw, 41px);
    bottom: min(2.8472222222vw, 41px);
    width: min(25.6944444444vw, 370px);
  }
}
@media screen and (min-width: 958px) {
  .fv .fade_slider {
    width: min(76.3888888889vw, 1100px);
    margin: 0 0 0 auto;
  }
}

/*--------------------------------------*
* foundation
*--------------------------------------*/
/*--------------------------------------*
* section
*--------------------------------------*/
.contents {
  margin: 0 auto;
  max-width: 1440px;
}

@media screen and (max-width: 960px) {
  .img1 {
    width: 84vw;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img1 {
    width: min(40.4166666667vw, 582px);
    margin: min(9.7222222222vw, 140px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img2 {
    width: 44vw;
    margin: 16vw 0 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img2 {
    width: min(21.1111111111vw, 304px);
    margin: min(7.6388888889vw, 110px) auto 0 min(26.1805555556vw, 377px);
  }
}

@media screen and (max-width: 960px) {
  .img3 {
    width: 44vw;
    margin: -26.6666666667vw 5.3333333333vw 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img3 {
    width: min(21.1111111111vw, 304px);
    margin: max(-12.8472222222vw, -185px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img4 {
    width: 84vw;
    margin: 26.6666666667vw 0 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img4 {
    width: min(40.4166666667vw, 582px);
    margin: min(17.3611111111vw, 250px) auto 0 min(26.1805555556vw, 377px);
  }
}

@media screen and (max-width: 960px) {
  .img5 {
    width: 64vw;
    margin: 16vw 0 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img5 {
    width: min(30.7638888889vw, 443px);
    margin: min(7.6388888889vw, 110px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img6 {
    width: 84vw;
    margin: 26.6666666667vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .img6 {
    width: min(40.4166666667vw, 582px);
    margin: min(17.3611111111vw, 250px) auto 0;
  }
}

.img7 {
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 960px) {
  .img7 {
    width: 40vw;
    margin: 13.3333333333vw 8vw 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img7 {
    width: min(19.2361111111vw, 277px);
    margin: min(6.9444444444vw, 100px) min(29.5138888889vw, 425px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img8 {
    width: 64vw;
    margin: -26.6666666667vw auto 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img8 {
    width: min(30.7638888889vw, 443px);
    margin: max(-12.5vw, -180px) auto 0 min(26.1805555556vw, 377px);
  }
}

@media screen and (max-width: 960px) {
  .img9 {
    margin: 26.6666666667vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .img9 {
    width: min(47.9166666667vw, 690px);
    margin: min(17.3611111111vw, 250px) auto 0;
  }
}

@media screen and (max-width: 960px) {
  .img10 {
    width: 64vw;
    margin: 26.6666666667vw auto 0 6.6666666667vw;
  }
}
@media screen and (min-width: 958px) {
  .img10 {
    width: min(30.7638888889vw, 443px);
    margin: min(17.3611111111vw, 250px) auto 0 min(29.375vw, 423px);
  }
}

@media screen and (max-width: 960px) {
  .img11 {
    width: 64vw;
    margin: 5.3333333333vw 0 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img11 {
    width: min(30.7638888889vw, 443px);
    margin: min(2.5694444444vw, 37px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img12 {
    width: 84vw;
    margin: 26.6666666667vw 0 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img12 {
    width: min(30.7638888889vw, 443px);
    margin: min(17.3611111111vw, 250px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img13 {
    width: 80vw;
    margin: 16vw auto 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img13 {
    width: min(38.4722222222vw, 554px);
    margin: min(7.6388888889vw, 110px) auto 0 min(26.1805555556vw, 377px);
  }
}

@media screen and (max-width: 960px) {
  .img14 {
    width: 84vw;
    margin: 26.6666666667vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .img14 {
    width: min(40.4166666667vw, 582px);
    margin: min(17.3611111111vw, 250px) auto 0;
  }
}

@media screen and (max-width: 960px) {
  .img15 {
    width: 84vw;
    margin: 26.6666666667vw 0 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .img15 {
    width: min(40.4166666667vw, 582px);
    margin: min(17.3611111111vw, 250px) min(25.6944444444vw, 370px) 0 auto;
  }
}

@media screen and (max-width: 960px) {
  .img16 {
    width: 64vw;
    margin: 16vw auto 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img16 {
    width: min(30.7638888889vw, 443px);
    margin: min(7.6388888889vw, 110px) auto 0 min(26.1805555556vw, 377px);
  }
}

@media screen and (max-width: 960px) {
  .img17 {
    width: 84vw;
    margin: 26.6666666667vw auto 0 0;
  }
}
@media screen and (min-width: 958px) {
  .img17 {
    width: min(40.4166666667vw, 582px);
    margin: min(17.3611111111vw, 250px) auto 0;
  }
}

@media screen and (max-width: 960px) {
  .img18 {
    width: 60vw;
    margin: 40vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .img18 {
    width: min(28.8194444444vw, 415px);
    margin: min(23.6111111111vw, 340px) auto 0;
  }
}

@media screen and (max-width: 960px) {
  .movie1 {
    width: 48vw;
    margin: 13.3333333333vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .movie1 {
    width: min(23.0555555556vw, 332px);
    margin: min(6.3888888889vw, 92px) auto 0;
  }
}

@media screen and (max-width: 960px) {
  .movie2 {
    width: 48vw;
    margin: 6.6666666667vw auto 0 6.6666666667vw;
  }
}
@media screen and (min-width: 958px) {
  .movie2 {
    width: min(23.0555555556vw, 332px);
    margin: min(3.1944444444vw, 46px) auto 0 min(29.375vw, 423px);
  }
}

@media screen and (max-width: 960px) {
  .movie3 {
    width: 44vw;
    margin: -8vw 6.6666666667vw 0 auto;
  }
}
@media screen and (min-width: 958px) {
  .movie3 {
    width: min(21.1111111111vw, 304px);
    margin: max(-4.1666666667vw, -60px) min(28.8888888889vw, 416px) 0 auto;
  }
}

.credit {
  width: fit-content;
}
@media screen and (max-width: 960px) {
  .credit {
    font-size: 3.2vw;
    margin: 13.3333333333vw auto 0;
  }
}
@media screen and (min-width: 958px) {
  .credit {
    font-size: min(1.1111111111vw, 16px);
    margin: min(5.2083333333vw, 75px) auto 0;
  }
}
@media screen and (max-width: 960px) {
  .credit li {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 958px) {
  .credit li {
    margin-bottom: min(1.0416666667vw, 15px);
  }
}
.credit li a {
  text-decoration: underline;
}
.credit li a:has(span.com) {
  text-decoration: none;
}/*# sourceMappingURL=style.css.map */