@charset "utf-8";

#mainvisual_catch{
  width:35.3vw;
  position:absolute;
  left:32.35%;
  top:calc(50% - 2.1485vw);
  z-index:10;
  transition:0.5s ease-in-out;
}
@media(max-width:1100px){
  #mainvisual_catch{
    width:398px;
    left:calc(50% - 199px);
    top:calc(50% - 40.5px);
  }
}

.stage{overflow:hidden;}

.fade-gallery{
  position:relative;
  width:100vw;
  height:100vh;
  overflow:hidden;
  background:#000;
}
.fade-gallery .slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 1s ease-in-out;
}
.fade-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform var(--zoom-ms, 4800ms) linear;
  will-change:transform;
}
.fade-gallery .slide.is-active{opacity:1;}
.fade-gallery .slide.is-active.is-intro,
.fade-gallery .slide.is-active.is-leaving{opacity:0;}
.fade-gallery.is-mounted .slide.is-active.is-intro{opacity:1;}
.fade-gallery .slide.is-active img{transform:scale(var(--zoom-scale,1.06));}
.fade-gallery .slide.is-active.is-intro img{transform:scale(1);}

@media(prefers-reduced-motion:reduce){
  .fade-gallery .slide img{transition-duration:80ms;}
  .hero-parallax .copy-layer{transform:none;opacity:0;}
}

.content-block{border-bottom:1px solid #fff;height:200px;}

.hero-parallax{
  position:relative;
  width:100%;
  background:#fff;
}
.hero-parallax .stage{
  position:sticky;
  top:0;
  height:100svh;
  overflow:hidden;
}
.hero-parallax .fade-gallery{position:absolute;inset:0;}
.hero-parallax .copy-layer{
  position:absolute;
  inset:0;
  display:grid;
  padding:clamp(16px,4vw,48px);
}
.hero-parallax .copy-title{
  font-size:clamp(24px,4vw,48px);
  color:#fff;
  margin:0 0 0.25em;
}
.hero-parallax .copy-lead{
  font-size: 2.6rem;
  line-height: 3;
  font-size:clamp(18px,2.3vw,26px);
  color:#fff;
  position:absolute;
  right:2em ;
  top:calc(50% - 14em);
  line-height:3;
  z-index:10;
}
@media screen and ( min-width: 1600px) {/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 2.3rem;
	}
}
@media screen  and (min-width: 1500px) and (max-width: 1599px) {/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 2.2rem;
	}
}
@media screen  and (min-width: 1400px) and (max-width: 1499px) {/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 2.1rem;
	}
}
@media screen  and (min-width: 1300px) and (max-width: 1399px)  {/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 1.9rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1299px){/* 1600px～ */
.hero-parallax .copy-lead{
	font-size: 1.8rem;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1199px){/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 1.8rem;
	}
}
@media screen  and (max-width: 1099px) {/* 1600px～ */
.hero-parallax .copy-lead{
	 font-size: 1.8rem;
	}
}

.hero-parallax .copy-lead span{
  opacity:0;
  display:inline-block;
  transform:translateX(30vw);
  transition:0.5s ease-in-out;
}
.hero-parallax .spacer{height:150svh;}
.type_sp .hero-parallax .spacer{height:250svh;}