/* consulexample / googlemap.css */
/*Google map*/

/*駅からの所要時間表示エリア*/
.map-info p:nth-child(3){
    position: relative;
    top:-5px
}
.map-info p:nth-child(-n+3){
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.map-info p:nth-child(3){
    margin-bottom: 30px;
}


/*地図表示エリア*/
.p-wrap iframe{
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px
}




/*〓事務所住所とビル画像エリア━━━━━━━━━━━━━━*/
.map-link{/*拡大地図を表示*/
    text-align: right
}
.img-area{
    width: 90%;
    display: flex;
    margin: 0 auto;
    margin-top: 80px
}
    .capitalbill p{/*エレベーター案内*/
        font-size: .8em;
        line-height: 1.5
    }
    .capitalbill{/*ビル画像エリア*/
        max-width: 200px
    }
    .img-area-l{/*事務所と住所エリア*/
        max-width: 600px;
        width: 70%;
        padding: 60px 4.5% 0
    }
    .img-area-l p:nth-child(1){/*事務所住所テキスト*/
        font-weight: normal;
        font-weight: bold;
        line-height: 2.5
    }

.cp_tabpanel{
    padding: 10px
}
.cp_tabpanel h2{
    text-align: center;
    line-height: 2.5
}

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-bottom: 10px
}
.map-option{
    margin-left: 3%
}
.map-tab-wrap{
    max-width: 900px;
    width: 100%;
    text-align: right
}
.map-tab-style{
    text-align: right
}
.map-tab-style a{
    color: #0000ff;
    font-weight: bold
}
.routemap-title{
font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    color: #008080;
    border-bottom: 3px solid #008080;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
    font-size:1.5em
/*    color: #fff;*/
}
.cp_tab label{
    padding: 5px 2.1%
}
/*〓「ロケスマWEB」へリンク━━━━━━━━━━━━━━*/
.external-link{
    margin-left: 10%;
    margin-top: 20px
}
.YA-down a{
    color: #fff;
}

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

    #p-map-link{
        margin-top: 10px
    }
    #p-map-link span{
        font-size: 1.2rem
    }
    .map-p2{
    width: 90%;
    float: right
    }
    #p-map-link{
    line-height: 3em
    }
    .route-info{
        display: none
    }
    .google_map{
        height: 550px
    }
    .cp_tabpanel h2{
        line-height: 1.5
    }
    .google_map iframe{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .cp_tab label{
        width: 15%;
        line-height: 1.2;
        padding:5px 2% 5px 4%
    }
}


@media screen and (min-width:644px) {
    .map-p2{
        width: 88%;
    }
    .map-p2 span{
        display: inline-block;
    }
    .map-p2 span:nth-child(2){
        margin-left:3%
    }
}