@media screen and (max-width:896px){
    .sp {display: none; }
}

@media screen and (max-width:480px){
    .sp { display:inline; }
    
    .container{
    padding:10px;
    }

    h1{
        font-size:16px;
        padding:20px 0;
    }

    .h2-01{
    font-size:20px;
    padding:100px 0;
}

.h2-011 {
    font-size: 16px;
}

.div-021{
    padding-bottom: 100px;
}

.div-022{
    padding-bottom: 200px;
}

    .img-02{
        width:60%;
    }

    .p-02 {
        top: 26%;
        left: 54%;
        font-size: 12px;
        width: 64%;
    }

.img-02{
    width: 100%;
}

    .p-031 {
        top: -48%;
        left: 3%;
        font-size: 13px;
        width: 48%;
        color:black;
    }

    .p-032 {
        position: absolute;
        top: -41%;
        left: 9%;
        font-size: 13px;
        width: 74%;
        color:black;
    }

    .img-03 {
        width: 100%;
        margin-left: 0;
        padding-top: 70px;
    }

    .p-041 {
        top: -51%;
        left: 3%;
        font-size: 13px;
        width: 54%;
    }

    .p-042 {
        top: -39%;
        left: 12%;
        font-size: 13px;
        letter-spacing: 2.5px;
        line-height: 2;
        width: 79%;
    }

    .p-051 {
        top: -38%;
        left: 3%;
        font-size: 13px;
        width: 48%;
    }

    .p-052 {
        top: -29%;
        left: 9%;
        font-size: 13px;
        width: 74%;
    }

    .h2-02 {
        padding: 50px 0;
    }

    .p-interview1 {
        font-size: 15px;
    }

    .faq{
        padding:10px 0;
    }

    .p-q1 {
        font-size: 18px;
    }

    .p-q2 {
        font-size: 12px;
        padding-left:10px;
    }

    .div-lu01 {
        width: 100%;
    }

    .img-lu02 {
        height: 315px;
    }

    .img-lu03 {
        width: 100%; 
        height: 204px;
    }

    .h2-03 {
        padding: 100px 0;
        text-align: center;
        font-size: 30px;
    }

}