.header-logo {
    width: 283px;
    height: 105px;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

/* 25周年ロゴコンテナ */
.aniv-25th {
    position: relative;
    display: inline-block;
    width: 213.44px;
    height: 85.37px;
}

/* ロゴ画像 */
.aniv-25th .logo {
    position: absolute;
    /* ロゴをパスの座標に合わせて配置（SVG内のロゴ位置に合わせる） */
    top: 3.5px;
    left: 15.44px;
    width: 183px;
    height: 72px;
    display: block;
    object-fit: contain;
}

/* 鳥のアニメーション（Illustratorからのパス使用） */
.aniv-25th .bird {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: auto;
    z-index: 10;
    /* 
     * 新しいパス（全体SVGから取得）
     * viewBox: 0 0 213.44 85.37
     * 右上からスタート → ループを描く → 左側（25の上）に着地
     */
    offset-path: path("M211.05,14.87s8.49,26.31-9.41,46.06c-20.19,22.28-46.38,28.09-90.69,20.06-47.78-8.65-66.54-76.25.22-80.47,66.16-4.18,48.25,79.86-17.48,83.99-59.84,3.77-103,-57-73,-57");
    /* offset-rotate: auto -45deg; */
    /* animation: birdFly 2.5s linear forwards; */
    animation: birdFly 2.75s linear forwards;
    opacity: 0;
}

/* アニメーション - シンプルに一定速度 */
@keyframes birdFly {
    0% {
        offset-distance: 0%;
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 1;
    }
}



/* mv */


.mv-25th-ttl-wrapper {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.mv-25th-ttl-wrapper .mv-ttl {
    min-width: 520px;
    width: 33.8%;
    /* width: auto;
    min-height: 526px; */
    margin: 0 auto;
}

.mv-25th-ttl-wrapper .mv-ttl img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: block;
}

.mv-25th-frame img {
    width: 8.1%;
    position: absolute;


}

.mv-25th-frame img:nth-of-type(1) {

    top: 140px;
    left: 40px;
}

.mv-25th-frame img:nth-of-type(2) {

    top: 140px;
    right: 40px;
    transform: scaleX(-1);
}

.mv-25th-frame img:nth-of-type(3) {

    bottom: 100px;
    right: 40px;
    transform: scale(-1);
}

.mv-25th-frame img:nth-of-type(4) {

    bottom: 100px;
    left: 40px;
    transform: scaleY(-1);
}

@media screen and (max-width:834px) {
    .header-logo {
        width: 208px;
        height: 77px;
    }

    /* コンテナ全体を縮小（134/183 ≈ 0.732） */
    .aniv-25th {
        transform: scale(0.732);

    }


    .mv-25th-ttl-wrapper .mv-ttl {
        min-width: 320px;
        width: 85%;
        margin: 0 auto;
        max-width: 520px;
    }


    /* .mv-img img {
        min-height: 500px;
        max-height: 637px;
    } */


}