@charset "UTF-8";

.imgframe{
    display:block;
    overflow:hidden;
    text-align:center;
    margin-top:2em;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    .imgframe img{
        width:100%;
        height:auto;
    }
}


dl.waile{
    display:block;
    overflow:hidden;
}

dl.waile dt{
    clear:both;
    display:block;
    overflow:hidden;
    width:11em;
    float:left;
    font-weight:bold;
}

dl.waile dd{
    display:block;
    overflow:hidden;
    width:calc(100% - 11em);
    float:left;
    line-height:175%;
    margin-bottom:1em;
}


dl.waile.em10 dt{
    width:10em;
}

dl.waile.em10 dd{
    width:calc(100% - 10em);
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    dl.waile dt{
        width:100%!important;
        float:none;
    }

    dl.waile dd{
        width:100%!important;
        padding-left:2em;
        float:none;
        margin-bottom:1em;
    }

}


.listBox{
    display:block;
    overflow:hidden;
    width:90%;
    margin:0 auto 2em;
    padding:1em 2em;
    border:2px solid #00081d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.listBox h4{
    text-align:center;
    color:#00519a;
    margin-bottom:1em;
    font-size: 1.2em;
    line-height: 155%;
}

.listBox ul > li{
    padding:0.5em 0;
}

.listBox ul > li > a{
    margin-left:1em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    .listBox{
        width:100%;
    }
}




#sec01.map{
    min-height:500px;
    position:relative;
}

#sec01.map img{
    position:absolute;
    bottom:5em;
    right:0;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #sec01{
        min-height:auto;
    }

    #sec01 img{
        position:relative;
        bottom:auto;
        right:auto;
        width:100%;
        height:auto;
    }

}



#contentBody h4{
    font-size:1.96rem;
}