/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&family=Noto+Sans+JP:wght@400;500;600;900&display=swap"); */
@font-face {
    font-family: Noto Sans JP;
    src: url("../font/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf")
        format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url("../font/Montserrat/Montserrat-VariableFont_wght.ttf")
        format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Poppins;
    src: url("../font/Poppins/Poppins-Black.ttf") format("truetype");
    font-display: swap;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    background-color: #f5f7f9;
}

.loginCard {
    justify-content: center;
}

.h1Ttl {
    color: #c02d2c;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 3.12px;
    margin-bottom: 45px;
}
@media (min-width: 500px) {
    .h1Ttl {
        font-size: 48px;
        letter-spacing: 4.12px;
    }
}
@media (min-width: 769px) {
    .h1Ttl {
        font-size: 64px;
        letter-spacing: 5.12px;
    }
}
.h1Ttl .black {
    color: #333;
}
.h1Ttl .gray {
    color: #616161;
}

.loginForm {
    max-width: 812px;
    width: 90%;
    margin: 0 auto;
}
.loginForm .formLogin {
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}
.loginForm .formLogin .loignInput {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.loginForm .formLogin .loginLabel {
    margin-bottom: 15px;
}

.loginH2 {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.56px;
    margin-bottom: 44px;
}

.forgotLogin {
    margin-top: 40px;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 550px) {
    .forgotLogin {
        flex-direction: row;
    }
}
@media (min-width: 769px) {
    .forgotLogin {
        margin-top: 70px;
    }
}

.aiButton {
    width: 240px;
    height: 48px;
    justify-content: center;
    margin-left: initial;
}
@media (min-width: 550px) {
    .aiButton {
        margin-left: 40px;
    }
} /*# sourceMappingURL=login.css.map */