@charset "utf-8";

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

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

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

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

        .headwrap {
            margin-top: auto;
            display: flex;
            align-items: center;
            gap: 38rem;

            .sub-title {
                font-size: max(14px, 32rem);
                color: #FFF;

                @media (max-width: 900px) {
                    font-size: 14rem;
                }

            }

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

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

                .diagonal {
                    width: 136%;
                }
            }

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

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

                .diagonal {
                    width: 141%;
                }
            }
        }

        .sec-ttl {
            font-size: max(40px, 120rem);

            @media (max-width: 1023px) {
                font-size: 92rem;
            }

            @media (max-width: 900px) {
                font-size: 40rem;
            }
        }

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

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


        }
    }


}

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

    a,
    p {
        font-family: var(--font-main);
        font-weight: 400;
        font-size: 21rem;
        color: #fff;

        @media (max-width: 1023px) {
            font-size: 12rem;
        }
    }
}

.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;
    }
}