@charset "UTF-8";
/* 共通 */
html {
    font-size: 14px;
}
body {
    /*font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sams-serif;*/
    font-family: sans-serif;
    line-height: 1.7;
}
h1, h2, h3, h4, h5 {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}
img {
    max-width: 100%;
}

.forget-account-area {
    display: flex;
    justify-content: center;
    margin-top: 10%;
}

.input-area {
    margin-top: 30px;
    margin-left: 10px;
    text-align: left;
}

.massage-area {
    margin-top: 90px;
    margin-left: 10px;
    text-align: left;
}

.button-area {
    text-align: center;
}

.browser-warning {
    margin-top:5%;
    font-size:3rem;
    text-align: center;
    color:red;
}

#btn-send {
    margin-top:5%;
    text-align: center;
    color:white;
    background-color:#3937ad;
    border: 2px solid #3937ad;
    font-size: 17px;
}

#btn-close {
    margin-top:5%;
    text-align: center;
    color:black;
    background-color:white;
    border: 2px solid #3937ad;
    font-size: 17px;
}

#message-string {
    color:#3937ad;
    background-color:rgb(162, 255, 250);
    border-style: solid;
    border-width: 2px;
    border-color:  #3937ad;
    margin-top: 5px;
}

.result-message {
    margin-bottom: 30px;
}

#success-message {
    color:rgb(1, 196, 75);
}

#error-message {
    color:red;
}

.detail-message {
    overflow-wrap: break-word;
    max-width: 450px;
    margin-bottom: 10px;
}

.detail-message p {
    margin-bottom: 2px;
}