@charset "utf-8";

.page-tit {
    padding: 122px 0 129px;

    @media (max-width: 1023px) {
        padding: 48px 0 61px;
    }

    .w1536 {
        max-width: 1536px;
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 40px;

        @media (max-width: 900px) {
            display: block;
            margin-bottom: 11px;
            position: relative;
        }

        .headwrap {
            margin-top: auto;
            display: flex;
            align-items: center;
            gap: 33px;

            .sub-title {
                font-size: clamp(0.875rem, 0.588rem + 1.18vw, 2rem);
                color: #FFF;
            }

            .line-l {
                width: 252px;
                height: 243px;
                top: 107px;
                right: calc(100% + 3px);

                @media (max-width: 900px) {
                    width: 70px;
                    height: 71px;
                    top: 33px;
                    right: calc(100% + 1px);
                }

                .diagonal {
                    width: 136%;
                }
            }

            .line-r {
                width: 361px;
                height: 361px;
                bottom: 75px;
                top: auto;
                left: calc(100% + 4px);

                @media (max-width: 900px) {
                    width: 70px;
                    height: 71px;
                    bottom: 27px;
                    left: calc(100% + 1px);
                }

                .diagonal {
                    width: 141%;
                }
            }
        }

        .sec-ttl {
            font-size: clamp(2.5rem, 1.225rem + 5.23vw, 7.5rem);
        }

        .tit-deco {
            max-width: 410px;
            width: 27%;

            @media (max-width: 900px) {
                max-width: 134px;
                width: 100%;
                position: absolute;
                top: calc(100% + 3px);
                right: 0;
            }


        }
    }


}

.breadlist {
    max-width: 1536px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 10px;

    a,
    p {
        font-family: var(--font-main);
        font-weight: 400;
        font-size: clamp(0.75rem, 0.607rem + 0.59vw, 1.313rem);
        color: #fff;
    }
}

.infinite-scroll {
    overflow: hidden;
    width: 100%;
}

.infinite-scroll .track {
    display: flex;
    align-items: flex-start;
    width: max-content;
    animation: scrollAnim 30s linear infinite;
}

.infinite-scroll img {
    width: auto;
    height: auto;
    flex-shrink: 0;
    object-fit: cover;
}

/* ▼ 無限スクロールのキーフレーム */
@keyframes scrollAnim {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


.gjs-dashed {
    .infinite-scroll .track {
        animation: none !important;
        flex-direction: column !important;
    }
}