@media only screen and (max-width: 768px) {
    body {
        padding-top: 56px;
    }
    .pc-only {
        display: none;
    }
    .sp-only {
        display: inline-block;
    }
    .pc-words {
        display: none;
    }
    .sp-words {
        display: inline;
    }
    .navbar-pad {
        padding: 5px;
    }

    img.header-logo {
        width: 100px;
    }

    img.header-logo-temp {
        width: 80px;
    }

    .footer-links li {
        display: block;
    }

    .interview .answer-area label {
        width: 100%;
        padding: 2px 0;
        border-radius: 5px;
    }

    .interview .answer-area label.selected-radio {
        width: 100%;
        padding: 2px 0;
        border-radius: 5px;
    }

    .interview .answer-area-lifestyle label {
        width: 100%;
        padding: 2px 0;
        border-radius: 5px;
    }

    .interview .answer-area-lifestyle label.selected-radio {
        width: 100%;
        padding: 2px 0;
        border-radius: 5px;
    }

    .faq_inner {
        margin: 0 0.5rem;
    }

    #faq .flex_wrap_sb > div:first-child {
        border-radius: 10px;
        padding: 0.5rem;
        flex: 4;
    }

    #faq img {
        width: 75px;
    }

    #faq img.wide_img {
        width: 90px;
    }

    #faq .flex_wrap_sb:nth-child(odd) > div:first-child {
        margin-right: 0.5rem;
        margin-left: 0;
    }

    #faq .flex_wrap_sb:nth-child(even) > div:first-child {
        margin-right: 0;
        margin-left: 0.5rem;
    }

    #faq .answer-num {
        margin-left: 0;
    }

    #faq .q_num > span:first-child {
        margin-right: 0.5rem;
    }

    .history-list th {
        padding: 0.2rem;
    }
    .history-list td {
        padding: 0.2rem;
    }

    .interview-answer th {
        padding: 0.2rem;
    }
    .interview-answer td {
        padding: 0.2rem;
    }

    .introduction-flow .introduction-step {
        width: 80%;
    }
    .introduction-flow .introduction-img {
        width: 50%;
    }

    .lp-btn-sm-skyblue {
        font-size: 1.0rem;
    }

    .lp-btn-skyblue {
        font-size: large;
    }
}

@media only screen and (max-width: 480px) {
    .login-user-name {
        text-align: left;
        font-size: small;
        padding: 0 15px;
    }
}