.mv{
    position: relative;
    aspect-ratio: 1.6;
    background: url(/images/mv.webp) center / cover no-repeat;
}
.mv .frame{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mv .image{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mv .frame img,
.mv .image img{
    width: 100%;
    height: 100%;
}
.mv .mv-copy{
    text-indent: -9999px;
    position: absolute;
    z-index: 3;
    top: 31%;
    left: 50%;
    width: 60.8%;
    aspect-ratio: 8.2809;
    transform: translate(-50%,0%);
    background: url(/images/mv_copy.svg) center / cover no-repeat;
}

.news{
    position: relative;
    max-width: 1120px;
    width: 90%;
    margin: 0 auto;
    border-radius: 40px;
    background: #fff;
    border: 1px solid #000;
    padding: 50px 55px 43px;
    z-index: 2;
}
.news-title{
    position: absolute;
    left: 49.5%;
    top: -52px;
    transform: translateX(-50%);
    max-width: 340px;
    width: 90%;
    margin: 0 auto;
    aspect-ratio: 3.6956;
    background: url(/images/news_title_bg.png) center / contain no-repeat;
    color: #fff;
    font-family: "GenJyuuGothic", sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 3.45;
    letter-spacing: 0.1em;
}
.news-list{
    gap: 36px;
    margin: 11px 0 0;
}
.news-list__item{
    width: calc((100% - 72px) / 3)
}
.news-list__item .img{
    position: relative;
}
.news-list__item img{
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
.news-list__item .frame{
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    background: url(/images/news_photo_frame.webp) center / cover no-repeat;
}
.news-list__item h4{
    font-family: "GenJyuuGothic", sans-serif;
    margin: 24px 0 0;
    text-align: center;
    font-size: 22px;
    line-height: 1.27;
}
.news-list__item p{
    margin: 12px 0 0;
    padding: 19px 0 0;
    border-top: 1px solid #000;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 26px;
}
.news-list__item .link{
    margin: 34px 0 0;
}
.news-list__item a{
    display: block;
    height: 55px;
    line-height: 55px;
    border-radius: 27.5px;
    border: 1px solid #000;
    background: #FFFF00;
    text-align: center;
    font-family: "GenJyuuGothic", sans-serif;
    font-size: 22px;
}

.top-menu{
    position: relative;
    top: -3.125vw;
    z-index: 1;
    max-width: 1280px;
    aspect-ratio: 1280 / 1953;
    margin: 0 auto;
}
.top-menu__blc{
    position: absolute;
    width: 81%;
    aspect-ratio: 1.504102;
}
.top-menu__blc.event{
    top: 0;
    right: -4.296875%;
    background: url(/images/top_menu_event.webp) center / contain no-repeat;
    z-index: 3;
}
.top-menu__blc.review{
    top: 31.7%;
    left: -5.546875%;
    background: url(/images/top_menu_review.webp) center / contain no-repeat;
    aspect-ratio: 1.52143;
    width: 86.2%;
    z-index: 3;
}
.top-menu__blc.kujira{
    top: 66.3%;
    right: -4.296875%;
    background: url(/images/top_menu_kujira.webp) center / contain no-repeat;
    aspect-ratio: 1.52143;
    z-index: 2;
}
.top-menu__blc__wrap{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.top-menu__link{
    display: block;
    max-width: 330px;
    width: 80vw;
    height: 58px;
    line-height: 58px;
    border-radius: 29px;
    border: 1px solid #000;
    background: #ffff00;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.01em;
    font-family: "GenJyuuGothic", sans-serif;
    position: absolute;
    font-weight: 700;
}
.kujira .top-menu__link,
.event .top-menu__link{
    right: 15.2%;
    bottom: 7.8%;
}
.review .top-menu__link{
    left: 12.6%;
    bottom: -0.3%;
}