body {
    margin: 0 auto;
    font-size: 11pt;
    font-family: Arial;
    text-align: center;
}

.up_area {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
}

.up_lft {
    float: left;
    width: 15%;
}

    .up_lft a {
        color: #000;
        font-size: 18pt;
        text-align: center;
        font-weight: bold;
    }

.up_cen {
    float: left;
    width: 65%;
}

.up_name {
    float: left;
    width: 100%;
    color: #000;
    padding: 10px;
    font-size: 18pt;
    text-align: center;
    border: 1px solid #000;
}

.up_rgt {
    float: right;
    width: 20%;
}

.upphne {
    width: auto;
    float: right;
    margin: 15px 0 0 0;
}

.upphne_a {
    width: 15%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
}

.upphne_b {
    width: 85%;
    float: left;
    text-align: left;
}

.upphne a {
    color: #004990;
    line-height: 1;
    font-size: 20pt;
    text-decoration: none;
}

    .upphne a:hover {
        color: #444;
        text-decoration: none;
    }

.meanuu {
    width: 100%;
    float: left;
    margin: 7px 0 0 50px;
}

.hadr-panel {
    width: 100%;
    float: left;
}

.hadr-inner {
    width: 100%;
    float: left;
    background-color: #eee;
}

.hadr-lft {
    width: 70%;
    float: left;
    background-position: 50% 0;
    background-size: cover;
}

.hadr-rgt {
    width: 30%;
    float: left;
    padding: 40px 0 0 30px;
}

.hadr-ttl {
    width: 90%;
    float: left;
    color: #000;
    line-height: 1;
    font-size: 25pt;
    text-align: center;
    padding: 0 0 10px 0;
}

.hadr-txt {
    width: 100%;
    float: left;
    color: #666;
    line-height: 1.6;
    text-align: left;
    padding: 0 0 0 0;
}

    .hadr-txt ul {
        list-style: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .hadr-txt li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style-image: url(../images/check_ico.png);
    }

.hadr-rgt-more {
    width: 90%;
    float: left;
    margin: 40px 0 10px 0;
}

    .hadr-rgt-more a {
        color: #fff;
        font-size: 13pt;
        font-weight: bold;
        padding: 10px 30px;
        border-radius: 20px;
        letter-spacing: 1px;
        text-decoration: none;
        background-color: #004990;
    }

        .hadr-rgt-more a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #000;
            transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            -webkit-transition: all .6s ease-in-out;
        }

.heading_pnl {
    float: left;
    width: 100%;
}

.heading_inner {
    float: left;
    width: 100%;
    background-image: url(../images4/pag_bg.webp);
    background-position: 50% 50%;
    background-size: cover;
}

    .heading_inner h1 {
        font-size: 35pt;
        color: #fff;
        font-weight: 600;
        padding: 100px 0 100px 0;
    }

.book-bg {
    float: left;
    width: 90%;
    z-index: 2;
    padding: 0 0 10px 0;
    margin: 0 5% 0 5%;
    /*background: rgba(0,0,0,.8);*/
}

.book-data {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    border-radius: 15px;
    padding: 10px 20px 20px 20px;
}

.book-inner {
    float: left;
    width: 100%;
}

.head-ttl {
    width: 100%;
    float: left;
    color: #fff;
    margin: 0 auto;
    font-size: 20pt;
    text-align: center;
    padding: 0 0 15px 0;
}

.hdr_pnl {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 30px 0;
    background-color: #004990;
}

    .hdr_pnl h1 {
        margin: 0;
        color: #fff;
        font-size: 28pt;
        font-weight: bold;
        text-align: center;
    }

.mtr {
    width: 100%;
    float: left;
    padding: 30px 0 30px 0;
}

.mtr-area {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.all-contents {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
}

    .all-contents h1 {
        font-size: 28pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents h2 {
        font-size: 26pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents h3 {
        font-size: 24pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents h4 {
        font-size: 21pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents h5 {
        font-size: 18pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents h6 {
        font-size: 15pt;
        font-weight: bold;
        text-align: center;
    }

    .all-contents ul {
        list-style: none;
        padding: 0 0 0 0;
        margin: 0 0 20px 30px;
    }

    .all-contents li {
        margin: 0 0 0 0;
        line-height: 1.3;
        padding: 5px 0 5px 0;
        list-style-image: url(../images/check_ico.png);
    }

        .all-contents li a {
            color: #333;
        }

            .all-contents li a:hover {
                color: #004990;
            }

.ptxt {
    color: #333;
}

.img_Right {
    margin: 0 0 20px 20px;
}

.svce_panel {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
}

.svce_head {
    float: left;
    width: 100%;
    color: #000;
    line-height: 1;
    margin: 0 0 0 0;
    font-size: 25pt;
    font-weight: bold;
    text-align: center;
}

.svce_grup {
    width: 94%;
    float: left;
    padding: 0 0 25px 0;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 10px 3% 15px 3%;
    background-color: #f5f5f5;
}

.svce_ttl {
    width: 100%;
    float: left;
    color: #000;
    font-size: 15pt;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

.svce_img {
    width: 100%;
    float: left;
    padding: 20px 20px 0 20px;
}

.svce_txt {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

    .svce_txt p {
        color: #333;
        text-align: center;
        padding: 10px 20px 0 20px;
    }

.svce_mre {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
}

    .svce_mre a {
        color: #fff;
        font-size: 11pt;
        padding: 7px 15px;
        border-radius: 20px;
        text-decoration: none;
        background-color: #004990;
    }

        .svce_mre a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #333;
            transition: all .6s ease-in-out;
            -o-transition: all .6s ease-in-out;
            -webkit-transition: all .6s ease-in-out;
        }

.cit_area {
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
}

.cit_ttl {
    width: 100%;
    float: left;
    color: #000;
    font-size: 22pt;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-align: center;
}

.tbl_area {
    width: 94%;
    float: left;
    margin: 0 3% 0 3%;
}

    .tbl_area a {
        color: #000;
    }

        .tbl_area a:hover {
            color: #004990;
            transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
        }

.trgry {
    background-color: #f3f3f3;
}

.ptxt {
    color: #444;
}

.map_area {
    width: 100%;
    float: left;
    font-size: 15pt;
    padding: 0 0 0 0;
}

.flt_tmb {
    width: 94%;
    float: left;
    padding: 0 0 0 0;
    margin: 3% 3% 3% 3%;
}

.srv_area {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    background-color: #fff;
}

    .srv_area h1 {
        width: 100%;
        float: left;
        font-size: 30pt;
        font-weight: 700;
        text-align: center;
        padding: 0 0 10px 0;
        margin: 0 0 0 0;
    }

.srv_data {
    width: 100%;
    float: left;
}

.srv_grp {
    width: 94%;
    float: left;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 3% 40px 3%;
    padding: 30px 30px 30px 30px;
    transition: transform 700ms ease 0ms;
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}

    .srv_grp:hover {
        transition: transform 700ms ease 0ms;
        transform: scaleX(1.05) scaleY(1.05) !important;
    }

.srv_lft {
    width: 40%;
    float: left;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.srv_rgt {
    width: 60%;
    float: left;
    padding: 0 0 0 50px;
}

.srv_rgt1 {
    width: 60%;
    float: left;
    padding: 0 50px 0 0;
}

.srv_rgt_ttl {
    width: 100%;
    float: left;
    color: #004990;
    font-size: 17pt;
    font-weight: 600;
    text-align: left;
    padding: 0 0 10px 0;
}

.srv_rgt_txt {
    width: 100%;
    float: left;
    color: #333;
    line-height: 1.5;
    text-align: left;
}

.footr {
    width: 100%;
    float: left;
    color: #ccc;
    padding: 30px 0 30px 0;
    background-color: #333;
}

    .footr a {
        color: #ccc;
        text-decoration: none;
    }

        .footr a:hover {
            color: #fff;
            text-decoration: none;
        }

    .footr ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footr li {
        display: inline;
        padding: 0 10px 0 0;
    }

.footr-links {
    width: 100%;
    float: left;
    font-size: 10pt;
    text-align: center;
}

.footr-lft {
    width: 60%;
    float: left;
    text-align: left;
}

.footr-rgt {
    width: 40%;
    float: left;
    text-align: right;
    margin: 25px 0 0 0;
}







@media (max-width:480px) {

    .up_lft {
        float: left;
        width: 60%;
        margin: 0 20% 0 20%;
    }

    .up_cen {
        float: left;
        width: 100%;
    }

    .up_rgt {
        float: left;
        width: 100%;
    }

    .upphne {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
    }

    .hadr-lft {
        width: 100%;
        float: left;
    }

    .hadr-rgt {
        width: 100%;
        float: left;
        padding: 20px 0 30px 0;
    }

    .hadr-rgt-more {
        width: 100%;
        float: left;
        margin: 30px 0 10px 0;
    }

    .hadr-ttl {
        width: 100%;
        float: left;
        color: #000;
        font-size: 22pt;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .hadr-txt {
        width: 100%;
        float: left;
        color: #666;
        text-align: left;
        padding: 0 0 0 30px;
    }

    .svce_panel {
        width: 100%;
        float: left;
        padding: 10px 0 20px 0;
    }

    .svce_grup {
        width: 100%;
        float: left;
        margin: 3% 0 3% 0;
        padding: 0 0 25px 0;
        border-radius: 10px;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .book-bg {
        float: left;
        width: 100%;
        z-index: 2;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .book-data {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 10px 20px 10px;
    }

    .footr ul {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        list-style: none;
    }

    .footr-lft {
        width: 100%;
        float: left;
        line-height: 1.3;
        text-align: center;
    }

    .footr-rgt {
        width: 100%;
        float: left;
        margin: 2px 0 0 0;
        text-align: center;
    }

    .sht_serv_head {
        font-size: 20pt;
    }

    .sht_serv_ttl {
        font-size: 15pt;
    }

    .sht_serv_grp {
        float: left;
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .cit_ttl {
        width: 100%;
        float: left;
        color: #000;
        font-size: 17pt;
        font-weight: bold;
        margin: 0 0 5px 0;
        text-align: center;
    }

    .tbl_area {
        width: 94%;
        float: left;
        font-size: 7pt;
        margin: 0 3% 0 3%;
    }

    .hdr_pnl h1 {
        font-size: 22pt;
        line-height: 1.2;
    }

    .all-contents h1 {
        font-size: 25pt;
        line-height: 1.2;
    }

    .all-contents h2 {
        font-size: 23pt;
        line-height: 1;
    }

    .all-contents h3 {
        font-size: 20pt;
        line-height: 1.1;
    }

    .all-contents h4 {
        font-size: 17pt;
        line-height: 1.1;
    }

    .all-contents h5 {
        font-size: 15pt;
        line-height: 1.3;
    }

    .all-contents h6 {
        font-size: 13pt;
    }

    .up_area {
        padding: 5px 0 5px 0;
    }

    .heading_inner {
        float: left;
        width: 100%;
        background-image: url(../images4/pag_bg.webp);
        background-position: 50% 50%;
        background-size: cover;
    }

        .heading_inner h1 {
            color: #fff;
            font-size: 22pt;
            font-weight: 600;
            padding: 70px 0 70px 0;
        }

    .srv_area h1 {
        font-size: 23pt;
        font-weight: 700;
        text-align: center;
    }

    .srv_grp {
        width: 94%;
        float: left;
        border-radius: 10px;
        margin: 0 3% 40px 3%;
        background-color: #fff;
        padding: 30px 30px 30px 30px;
        transition: transform 700ms ease 0ms;
        box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
    }

    .srv_lft {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .srv_rgt {
        width: 100%;
        float: left;
        padding: 20px 0 0 0;
    }

    .srv_rgt1 {
        width: 100%;
        float: left;
        padding: 0 0 20px 0;
    }

    .srv_rgt_ttl {
        width: 100%;
        float: left;
        color: #333;
        font-size: 15pt;
        font-weight: 500;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .srv_rgt_txt {
        width: 100%;
        float: left;
        text-align: center;
    }

    .flt_tmb {
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 5% 0;
    }

    .meanuu {
        width: 100%;
        float: left;
        margin: 5px 0 0 0;
    }
}