@charset "utf-8";

.contents_access .wrapper{padding:60px 0;}
.contents_access table{width: 100%;}

.access_map{margin-bottom: 60px;}
.access_map .gmap{text-align:center;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.access_map .gmap iframe {position: absolute;top:0;left:0;width:100% !important;height:100% !important;}

.access_info{padding-bottom: 40px;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;}
.access_info table{margin-bottom:20px;}
.access_info table tr{border-bottom: 5px solid #fff;}
.access_info table th{background: #eee;text-align: center;width: 120px;padding: 5px 0;}
.access_info table td{padding: 5px 10px;}

.goto_train_title,
.goto_car_title{font-size:20px;margin-bottom:20px;position: relative;font-weight: bold;}
.goto_train_title::before,
.goto_car_title::before{content: "";background:none 50% 50% no-repeat;background-size: contain;display: block;position: absolute;}
.goto_train_title::before{background-image: url(../img/access_train_icon.png);}
.goto_car_title::before{background-image: url(../img/access_car_icon.png);}

.access_car{padding-bottom: 40px;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;}
.access_car .car_sub{font-size:18px;font-weight: bold;margin-bottom:10px;}
.access_car .red_text{color: #d0172a;}

.service_title{font-size: 22px;margin-bottom: 20px;font-weight:bold;}

.access_parking .red_text{color: #d0172a;}
.access_parking .small_text{font-size: 15px;display:block;color: #7a7a7a;}
.access_parking .exception{background: #fefae9;border: 2px solid #ead2af;padding: 30px 20px;-webkit-border-radius: 5px;border-radius: 5px;}
.access_parking .exception h4{display: block;margin-bottom: 10px;font-weight: bold;}

.access_parking .exception .target h5{font-weight:bold;font-size:15px;}
.access_parking .exception .target .num{padding-right:10px;display: inline-block;font-weight:bold;min-width:50px;text-align:right;}
.access_parking .exception .b1_ttl{padding-left:18px;display:block;font-weight:bold;}
.access_parking .exception .b1_txt{padding-left:52px;display:block;}

@media screen and ( max-width:1280px) {
	.contents_access .wrapper{padding:60px 20px;}
}

@media screen and ( min-width:1080px) {
	.access_info .image{width:370px;}
}
@media screen and ( max-width:1080px) {
	.contents_access .wrapper{padding:50px 20px;}
	.access_info .image{width:240px;}
}

@media only screen and (min-width: 768px){

    .goto_train_title{padding-left: 40px;}
    .goto_train_title::before{width: 24px;height: 34px;left: 7px;top: -1%;}
    
    .goto_car_title{padding-left: 44px;}
    .goto_car_title::before{width: 35px;height: 28px;left: 0;top: 5%;}
    
    .access_info{display:flex;justify-content: space-between;flex-direction: row-reverse;}
    .access_info .image{margin-left:20px;}
    .access_info .text{flex:1;}
    .access_info .train_text{padding-left: 7px;font-size: 16px;}

    .access_car .car_text{font-size: 16px;margin-bottom: 20px;}
    .access_car .red_text{font-size: 18px;}

    .access_car table{margin-bottom: 18px;width: 100%;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;}
    .access_car table tr{border-bottom: 1px solid #dbdbdb;}
    .access_car table th{text-align: center;border-right: 1px solid #dbdbdb;font-size: 16px;font-weight: bold;background: #fafafa;width: 220px;}
    .access_car table td{padding: 20px;font-size: 15px;}
    .access_car table td >span{font-weight: bold;display: block;margin-bottom: 5px;}
    .access_car table ul{width: fit-content;}
    .access_car table ul li{display: flex;justify-content: space-between;}
    
    .access_car .note.red{color: #d0172a;font-size: 15px;}

    .access_parking .service_text{font-size: 16px; margin-bottom: 30px;}
    
    .access_parking .exception .announce{margin-bottom: 5px;}
    .access_parking .exception p:not(.announce){font-size: 14px;}
    .access_parking .exception .target{font-size: 14px;}

}
@media only screen and (max-width: 767px){
	
    .contents_access .wrapper{padding:40px 15px;}
    .access_info .image{width:100%;text-align:center;margin:0 auto 30px;}

    .access_info{padding-bottom:30px;margin-bottom:30px;}
    .access_info .img{margin-bottom: 20px;text-align: center;}
    .access_info .text table th{padding: 5px;margin-bottom: 5px;font-weight: bold;}
    .access_info .text table td{padding-bottom: 10px;}
    .access_info table{margin-bottom: 20px;}
    
    .goto_train_title{padding-left: 35px;font-size: 18px;margin-bottom:15px;}
    .goto_train_title::before{width: 16px;height: 26px;left: 5px;top: 0px;}

    .goto_car_title{padding-left: 35px;font-size: 18px;margin-bottom:15px;}
    .goto_car_title::before{width: 24px;height: 19px;left: 3px;top: 4px;}
    
    
    .access_car{padding-bottom:30px;margin-bottom:30px;}
    .access_car .small_text{color: #7a7a7a;display: block;}
    .access_car .car_sub{font-weight: bold;font-size: 16px;}
    .access_car .car_text{margin-bottom:20px;}

    .access_car table{width: 100%;border-top: 1px solid #dbdbdb;margin-bottom: 20px;}
    .access_car table th,
    .access_car table td{display: block;padding: 10px;border-bottom: 1px solid #dbdbdb;
    	border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;
       -webkit-box-sizing: border-box;box-sizing: border-box;word-wrap: break-word;}
        
    .access_car table th{font-weight: bold;background: #fafafa;}
    .access_car table th br{display: none;}

    .access_car table td >span{font-weight: bold;display: block;}
    .access_car table ul li{display: flex;justify-content: space-between;}
    
    .service_title{font-size: 18px;margin-bottom: 10px;}
    .access_parking .service_text{padding-bottom: 20px;}
    .access_parking .exception{padding: 20px 10px;}
    .access_parking .exception .announce{font-size: 15px;margin-bottom: 10px;}
    .access_parking .exception .target{font-size: 12px;}
	.access_parking .exception .target h5{font-size:14px;}
	.access_parking .exception .target .num{min-width:0;}
	.access_parking .exception .target .b1_ttl,
	.access_parking .exception .target .b1_txt{padding-left:0px;}
	.access_parking .exception .target .b1_ttl{font-size:13px;}
}