.mv{
height: 100svh;
}

.item {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

/* 左から登場 */
.item.left {
  transform: translateX(-50px);
}

/* 右から登場 */
.item.right {
  transform: translateX(50px);
}

/* 表示されたら共通で元位置に */
.item.show {
  opacity: 1;
  transform: translateX(0);
}

/* 右から登場の遅延だけ別途設定 */
.item.right.show {
  transition-delay: 0.3s;
}

.cta_banner{
 justify-content:space-between;
 gap:2rem;
 margin-top:4rem;
}

.cta_banner li{
width:33%;
}

.cta_banner li a{
 display:inline-block;
 width:100%;
}

.cta_banner li a :hover{
  transform: scale(1.05,1.05);
}

.cta_banner li a img{
 width:100%;
  transition: .7s;
}

.chile dd a{
 display:block;
 width:100%;
 max-width:320px;
 margin:2rem 0;
  transition: .5s;
}

.chile dd a :hover{
  transform: scale(1.05,1.05);
}

.chile dd a img{
 width:100%;
  transition: .6s;
}




.mv {
  position: relative;
  height: 100vh;
  overflow: hidden;
  z-index:997;
}

.mv-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1; /* 動画は裏に */
}

.price_area .chile {
    flex: 1;
}

.price_area .chile ul li{
 padding-left:1em;
 text-indent:-1em;
}



@media screen and (max-width: 650px) {
.mv-video {
object-position: 52%;
}
}

.mv h1{
 bottom:inherit;
 right:6rem;
}

.mv h1 span:nth-of-type(2){
 padding-top:18rem;
}



.animate-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.animate-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
  position: absolute;
  top: 10%;
  z-index: 10;
}

.animate-text.show {
  opacity: 1;
  visibility: visible;
}

.animate-text02 span {
  opacity: 0;
  transform: translateX(60px) scale(0.9);
  filter: blur(30px);
  transition: opacity 1.6s ease, transform 1.6s ease, filter 1.6s ease;
}

.animate-text02.show span {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
  pointer-events: auto;
}

.animate-text02.show span:nth-of-type(1),
.animate-text02.show span:nth-of-type(2),
.animate-text02.show span:nth-of-type(3) {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
}

.animate-text02.show span:nth-of-type(1) {
  transition-delay: 0.3s;
}

.animate-text02.show span:nth-of-type(2) {
  transition-delay: 0.8s;
}

.animate-text02.show span:nth-of-type(3) {
  transition-delay: 1.3s;
}




@media screen and (max-width: 980px) {
.cta_banner{
flex-direction: inherit;
}
	
.access_info.fl {
 gap: 2rem;
}
}