@charset "UTF-8";

@media all and (max-width:280px){

    #company-map{width: 90%;height: 300px}

    .company-info{width: 90%;margin: 0 auto 80px auto}
    .company-info dl dt{width: 17%}
    .company-info dl dd{width: 83%}

}
@media all and (min-width:280px) and (max-width:479px){

    #company-map{width: 90%;height: 400px}

    .company-info{width: 90%;margin: 0 auto 80px auto}
    .company-info dl dt{width: 17%}
    .company-info dl dd{width: 83%}

}
@media all and (min-width:480px) and (max-width:767px){

    #company-map{width: 90%;height: 400px}

    .company-info{width: 90%;margin: 0 auto 80px auto}
    .company-info dl dt{width: 17%}
    .company-info dl dd{width: 83%}

}
@media all and (min-width:768px) and (max-width:910px){

    #company-map{width: 90%;height: 400px}

    .company-info{width: 90%;margin: 0 auto 80px auto}
    .company-info dl dt{width: 17%}
    .company-info dl dd{width: 83%}

}
@media all and (min-width:911px) and (max-width:1279px){

    #company-map{width: 100%;height: 400px}

    .company-info{width: 100%;margin: 0 auto 50px auto}
    .company-info dl dt{width: 17%}
    .company-info dl dd{width: 83%}

}
@media all and (min-width:1280px){

    #company-map{width: 650px;height: 400px}

    .company-info{width: 700px;margin: 0 auto 50px auto;}
    .company-info dl dt{width: 15%}
    .company-info dl dd{width: 85%}

}

.company-info{border-top:2px solid #222;border-bottom: 1px solid #ccc}
.company-info dl{border-bottom: 1px solid #ccc;overflow: hidden}
.company-info dl:last-child{border-bottom: none}
.company-info dl dt{padding: 10px 0;float: left}
.company-info dl dd{padding: 10px 0;float: left}
.company-info dl dd span{display: block}

.info-detail{color: #555;margin: 10px 0 0 0}
.subway-line{background: #2c9fdf;border-radius: 20px;color: #fff;font-weight: 600;font-size: 14px;padding: 2px 5px;line-height: 22px}
.subway-name{color: #2c9fdf}

#company-map{border:1px solid #ccc;margin: 0 auto 40px auto}