@charset "utf-8";
.smv{
background:url(../img/access_smv.png);
background-size:cover;
background-position:center center;
height:400px;
margin-bottom:100px;
}


.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 15px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
/*width: calc(50% - 11em);*/
}
.point_border span:before {
left:-2em;
}
.point_border span:after {
right:-2em;
}
.point_border.access:before, .point_border.access:after {
width: calc(50% - 7.5em);
}
.point_border.location:before, .point_border.location:after {
width: calc(50% - 10em);
}


.sec_tit{
font-size:30px;
text-align:center;
margin-bottom:70px;
}
.sec_tit span{
font-size:65%;
}


.access_area{
max-width:1200px;
margin:0 auto 150px;
}

.loca_img{
max-width:1200px;
margin:0 auto 80px;
}
.loca_img ul{
display:flex;
}
.loca_txt_box{
max-width:1200px;
margin:0 auto 120px;
}
.loca_txt{
margin-bottom:40px;
}
.loca_note{
font-size:12px;
}

.station_street{
margin-bottom:100px;
}
.street_tit{
background:url(../img/street_bg.png);
background-repeat:no-repeat;
background-size:cover;
max-width:1200px;
margin:0 auto;
padding:90px 0;
color:#fff;
}
.street_tit h5{
max-width:720px;
margin:0 auto 40px;
}
.street_tit h5 + p{
text-align:center;
font-size:20px;
line-height:2em;
}
.street_map{
max-width:1200px;
margin:0 auto;
}
.street_list{
max-width:1200px;
margin:0 auto;
}

.map{
max-width:1200px;
margin:0 auto 100px;
}
.map_img{
margin-bottom:10px;
}
.map_note{
font-size:18px;
}

.g_map{
}
.g_map iframe{
width:100%;
height:620px;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.smv{
height:150px;
margin-bottom:10%;
}

.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 10px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 8em);
}
.point_border span:before {
left:-1.5em;
}
.point_border span:after {
right:-1.5em;
}
.point_border.access:before, .point_border.access:after {
width: calc(50% - 5.5em);
}
.point_border.location:before, .point_border.location:after {
width: calc(50% - 7.5em);
}

.sec_tit{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
}
.sec_tit span{
}

.access_area{
max-width:90%;
margin:0 auto 15%;
}

.loca_img{
max-width:80%;
margin:0 auto 10%;
}
.loca_img ul{
display:block;
}
.loca_img li{
margin-bottom:5%;
}
.loca_img li:last-child{
margin-bottom:0;
}
.loca_txt_box{
max-width:90%;
margin:0 auto 10%;
}
.loca_txt{
margin-bottom:5%;
}
.loca_note{
font-size:2vw;
line-height:1.4em;
}

.station_street{
margin-bottom:10%;
}
.street_tit{
max-width:100%;
margin:0 auto;
padding:5% 0;
color:#fff;
}
.street_tit h5{
max-width:90%;
margin:0 auto 5%;
}
.street_tit h5 + p{
max-width:90%;
margin:0 auto;
font-size:3.5vw;
line-height:1.8em;
text-align:left;
}
.street_map{
max-width:100%;
}
.street_list{
max-width:100%;
}

.map{
max-width:90%;
margin:0 auto 10%;
}
.map_img{
margin-bottom:3%;
}
.map_note{
font-size:12px;
text-indent: -1em;
padding-left: 1em;
line-height: 1.2em;
}

.g_map{
width:90%;
margin:0 auto;
}
.g_map iframe{
width:100%;
height:480px;
}

}