/* 比較用の紹介文だけを装飾。既存の背景・カルーセルには影響しない。 */
.top-page .home-intro {
    position: fixed;
    left: max(40px, calc((100vw - 1200px) / 2));
    bottom: max(32px, env(safe-area-inset-bottom));
    z-index: 10;
    max-width: calc(100vw - 80px);
    pointer-events: none;
    color: #414141;
    font-family: "Helvetica Neue", Arial, "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
.top-page .home-intro-message {
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: 0.04em;
}
.top-page .home-intro-role {
    margin: 7px 0 0;
    color: #777772;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.06em;
}
@media (max-width: 600px) {
    .top-page .home-intro {
        left: 24px;
        bottom: calc(20px + env(safe-area-inset-bottom));
        max-width: calc(100vw - 48px);
    }
    .top-page .home-intro-message {
        font-size: 12px;
    }
    .top-page .home-intro-role {
        margin-top: 5px;
    }
}