/* --------------------
 mypage login
-------------------- */
.mypage__login__note {
    border: 1px solid #e50012;
    border-radius: 10px;
    margin: 0 0 15px;
    padding: 10px;
}

.mypage__login__note p {
    font-size: var(--fs12);
    margin: 0;
}

@media (min-width: 768px) {
    .mypage__login__note p {
        font-size: var(--fs14);
    }
}

.mypage__login__note__title {
    color: #e50012;
    font-size: var(--fs14);
    font-weight: 700;
    text-align: center;
}

@media (min-width: 768px) {
    .mypage__login__note__title {
        font-size: var(--fs16);
    }
}

/* --------------------
 mypage change
-------------------- */
.mypage__change__withdrawal {
    margin: 40px 0;
    text-align: center;
}

.mypage__change__withdrawal a {
    color: inherit;
    text-decoration: underline;
}

.mypage__change__withdrawal a:focus {
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .mypage__change__withdrawal a:hover {
        text-decoration: none;
    }
}