@charset "utf-8"; 

@media screen and (max-width:1780px) { 
}

@media screen and (max-width:1620px) { 
}

@media screen and (max-width:1480px) { 
}

@media screen and (max-width:1400px) { 
    h1.main-title{
        font-size:40px;
    }
}

@media screen and (max-width:1320px) {
}

@media screen and (max-width:1180px) {
}

@media screen and (max-width:1080px) {
    .mo-tbl-info{
        display: flex;
    }
}

@media screen and (max-width:980px) {
    .pw-map.onMap{
        width: 80%;
    }
    .fs-5 {
        font-size: 1rem !important;
    }
    .fs-6 {
        font-size: 0.8rem !important;
    }
    .display-12{
        font-size: 20px !important;
    }
}

@media screen and (max-width:860px) {
}

@media screen and (max-width:785px) {
}

@media screen and (max-width:700px) {
}

@media screen and (max-width:680px) {
    .pw-wrap{
        padding-left:0px;
    }

    .pw-map{
        width:0px;
    }

    .pw-map .pw-map-inner p.close-menu{
        left: -9999px;
    }

    a.fixed-btn{
        width:60px;
        height:60px;
        right:15px;
        bottom:15px;
        font-size: 15px;
    }

    a.fixed-btn.reg-btn{
        bottom: 90px;
        background-color: #015FC9;
        transition: all 0.5s ease;
    }

    a.fixed-btn.menu-btn{
        display:flex;
        bottom: 165px;
        background-color: #222;
        transition: all 0.5s ease;
    }
    
    .step-icon{
        margin-bottom: 20px;
    }
}

@media screen and (max-width:650px) {
}

@media screen and (max-width:600px) {
    h1.main-title{
        font-size:20px;
    } 
}

@media screen and (max-width:577px) { 
    .logoBox{ width: 33.3333%; }
    .reg-title{
        font-size:30px;
    }
    .reg-title br{
        display: block;
    }
    .pw-map.onMap{
        width: 100%;
    }
    .pw-map .pw-map-inner .pw-menu{
        padding:30px 0;
    }
    .pw-map .pw-map-inner .pw-menu h2 p span{
        font-size:15px;
    }
    .pw-map .pw-map-inner .pw-menu nav ul li a{
        font-size:16px;
    }
    .pw-map .pw-map-inner .pw-menu nav ul li ul.sub-menu li a{
        font-size: 14px;
    }
    .service-item{
        padding:50px 10px !important
    }
    .service-item .service-icon{
        margin-left:30px;
    }

    a.fixed-btn.top-btn{
        display:none;
    }

    a.fixed-btn.reg-btn{
        bottom:15px;
        right: 15px;
    }

    a.fixed-btn.menu-btn{
        display:flex;
        bottom:15px;
        right:initial;
        left: 15px;
    }

    .blank-mo{
        display: block;
    }

    .reg-form-inner{
        width:100%;
        margin:0;
        padding:0;
        height:100vh;
    }
}

@media screen and (max-width:500px) { 
}

@media screen and (max-width:470px) { 
}

@media screen and (max-width:400px) {
    
}
