html {
    font-size: min(4.3vw, 18px);

}

body {
    font-family: "Shorai Sans StdN Medium", "Noto Sans JP", sans-serif;
}


.container {
    height: 100vh;
    max-width: initial;
}



.kv_message {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(80%, 336px);
    text-align: center;
}

h1 {
    font-size: 2rem;
    margin-bottom: 1.25rem;
}

h1 img {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    display: block;
}

.message {
    text-align: center;
    font-size: 1.725rem;
    color: #000;
    width: 100%;
    max-width: 18.4rem;
    font-weight: 900;
    margin: 0 auto;
}

.border {
    height: 0.1rem;
    background: #000;
    margin: 0 auto 0.35rem;
}


.border.bk-white {
    background: #000;
}

.message p {
    font-size: 2.17rem;
    margin: 0 -1rem;

    letter-spacing: 0.1rem;
   
}

.message p:last-child{
        font-size: 2.5rem;
}

.message .message_txt {
    font-size: 1rem;
    margin-top: 1rem;
    filter: drop-shadow(0px 0px 0.1rem rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 0.1rem rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 0.2rem rgba(0, 0, 0, 0.5));
}

.message .message_txt.bk-white {
    color: #000;
}

.message.bk-white p {
    color: #000;
    filter: none;
}

.kv {
    /*background-image: url(../img/kv.webp);*/
    background-size: cover;
    height: 100vh; /* 古いブラウザ用フォールバック */
    height: 100dvh; /* Safariなどの動的アドレスバー対応 */
    background-position: 50% 45%;
}

.kv.bk-white {
    background: none;
}

@media screen and (min-width:769px) {

    .kv_message {
        top: 50%;
    }

    h1 img {
        width: 60%;
    }

    .kv_message {
        width: 100%;
        max-width: 700px;
    }

    .message {
        width: 100%;
        max-width: 700px;
    }

    .message .message_txt {
        margin-top: 0.5rem;
    }

    .message p {
        font-size: 3rem;
    }

    .message .message_txt {
        font-size: 1rem;
    }

    .border {
        max-width: 450px;
    }
}


.fontplus-trial-banner {
    display: none;
}

@media screen and (max-width:768px) {

    h1 {
    margin-bottom: 1.5rem;
    }

    .message p:last-child{
        font-size: 1.8rem;
    }

}