@charset "utf-8";

#parking_area{
	padding: 60px 0 80px 0;
}

#parking_area .main_img{
	margin-bottom: 135px;
}
.parking_map{
	position: relative;
}
.parking_map .txt_box{
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 10px;
}
.parking_map .em_txt{
	font-size: 2.9rem;
	color: #0079BF;
	margin-bottom: 20px;
}
#parking_area .sign_box{
	text-align: left;
	padding: 0;
}
#parking_area .sign_box p{
	padding: 0;
}
.parking_gallery li {
	position: absolute;
}
.parking_gallery li.img_01 {
	bottom: 18.9%;
    right: 31.6%;
}
.parking_gallery li.img_02 {
    bottom: 52.6%;
    right: 31.75%;
}
.parking_gallery li.img_03 {
	right: 60%;
    bottom: 34.85%;
}
.parking_gallery li.img_04 {
	right: 71.4%;
    bottom: 27.6%;
}
.parking_gallery li.img_05 {
	right: 51.4%;
    bottom: 20.9%;
}
.parking_gallery li.img_06 {
	right: 56.4%;
    bottom: 46.6%;
}
.detail_link li{
	position: absolute;
}
.detail_link li.link_01{
	/*right: 8.25%;
    bottom: 25.1%;*/
    left: 85.5%;
    top: 66.5%;
}
.detail_link li.link_02{
	/*right: 9.8%;
    bottom: 47.4%;*/
    bottom: 47%;
    left: 84%;
}
.detail_link li.link_03{
	/*right: 22.8%;
    bottom: 70.1%;*/
    bottom: 69.75%;
    left: 71%;
}
.detail_link li.link_04{
	/*right: 73.8%;
    bottom: 44.2%;*/
    right: 73.75%;
    bottom: 43.75%;
}
#parking_area .content_ttl_flex {
	display: flex;
	justify-content: space-between;
}
.parking_btn {
    font-size: 1.6rem;
    line-height: 1.2;
    color: #202020;
    display: inline-flex;
    align-items: center;
    height: 48px;
    border-radius: 23px;
    border: 2px solid #00A77B;
    position: relative;
    padding: 0 20px 0 68px;
	margin-top: 10px;
}
.parking_btn::before {
    content: "";
    width: 39px;
	height: 31px;
    display: block;
    background-image: url(../images/icon/parking.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 19px;
    margin: auto;
}
.parking_btn:hover{
    text-decoration: none;
    opacity: 0.7;
}
#parking_area .jump_navi {
	margin: 35px 0 90px;
}
#parking_area .cont_wrap {
	margin-bottom: 100px;
}
#parking_area .blue .cont_ttl {
	background-color: #007AC3;
}
#parking_area .p5 .flex_imgarea{
	margin-bottom: 100px;
}
#parking_area .cont_ttl + p{
	margin-bottom: 42px;
}
.chika_parking > p{
	margin-bottom: 60px;
}
.shintaisya_parking > p{
	margin-bottom: 75px;
}
.shintaisya_parking{
	margin-bottom: 150px;
}
#parking_area .under_line{
	text-decoration: underline;
}
#parking_area .content_subttl03{
	margin-bottom: 40px;
}
#parking_area .img_box img{
	margin-bottom: 20px;
}
#parking_area .gmap{
	width: 500px;
}
#parking_area .map_area {
	width: 100%;
	height: 357px;
	background-color: grey;
	margin-bottom: 20px;
}
.map_link{
	justify-content: space-between;
	align-items: center;
}
#parking_area .to_top a.hp_link_btn{
	position: relative;
	padding-right: 57px;
	padding-left: 22px;
	/*padding: 6px 57px 0 22px;*/
}
#parking_area .hp_link_btn::after{
	content: "";
	width: 23px;
	height: 19px;
	background-image: url(../images/icon/icon_hp_link.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
}
.parking_tbl{
	margin-bottom: 130px;
}
.parking_tbl th {
	width: 140px;
	background-color: #00AA7B;
	border: 1px solid #CCCCCC;
	color: #fff;
	font-size: 1.6rem;
	padding: 15px 20px;
	vertical-align: middle;
	text-align: left;
}
.parking_tbl td {
	width: calc( 100% - 140px );
	font-size: 1.6rem;
	border: 1px solid #CCCCCC;
	padding: 15px 20px;
	vertical-align: middle;
}
.shintaisya_parking .content_ttl::after{
	content: "";
	background-image: url(../images/page/hospital/parking/icon_handicapped_parking.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 49px;
	height: 51px;
	position: absolute;
	top: 12px;
	left: 290px;
}

#parking_area .btn_group.btn_4line li {
    margin-bottom: 8px;
}

@media screen and (max-width: 767px){
	.parking_map .main_img{
		width: 112%;
		margin: 0 -6%;
	}
    .parking_map .em_txt{
		font-size: 1.4rem;
        margin-bottom: 0;
	}
    .parking_map .txt_box{
        padding-top: 0;
    }
    .page #content_column  #parking_area .sign_box p{
        font-size: 1.4rem;
    }
    .sign_box p::before {
        width: 20px;
        height: 20px;
        top: 7px;
    }
    .parking_gallery img{
        width: 55%;
    }
    .parking_gallery li.img_01 {
        bottom: 18%;
        right: 28%;
    }
    .parking_gallery li.img_02 {
        bottom: 52%;
        right: 28%;
    }
    .parking_gallery li.img_03 {
        right: 58%;
        bottom: 34%;
    }
    .parking_gallery li.img_04 {
        right: 71%;
        bottom: 27%;
    }
	.parking_gallery li.img_05 {
        right: 47.4%;
        bottom: 20.9%;
    }
	.parking_gallery li.img_06 {
        right: 53.5%;
        bottom: 46.6%;
    }
    .detail_link img{
        width: 55%;
        min-width: 36px;
    }
    .detail_link li.link_01{
        left: 89%;
        top: 66%;
    }
    .detail_link li.link_02{
        bottom: 47%;
        left: 88%;
    }
    .detail_link li.link_03{
        bottom: 70%;
        left: 71%;
    }
    .detail_link li.link_04{
        right: 74%;
        bottom: 44%;
    }
    #parking_area {
        padding: 0 0 80px 0;
    }
    #parking_area .main_img {
        margin-bottom: 35px;
    }
    #parking_area .jump_navi {
        margin: 35px 0 0;
    }
    #parking_area .content_ttl{
        margin-bottom: 10px;
    }
	#parking_area .content_ttl::before {
		height: 44px;
	}
    #parking_area .cont_ttl + p{
        margin-bottom: 20px;
    }
    #parking_area .cont_wrap {
        margin-bottom: 0;
    }
	#parking_area .to_top a.hp_link_btn{
		padding-right: 48px;
		padding-left: 14px;
		margin-bottom:  20px;
	}
	#parking_area .hp_link_btn::after{
		right: 15px;
	}
    .parking_btn {
        font-size: 1.4rem;
        height: 38px;
        border-radius: 19px;
        padding: 0 20px 0 55px;
    }
    .parking_btn::before {
        width: 28px;
        height: 22px;
    }
    .to_top {
        margin-top: 15px;
        padding-bottom: 0;
    }
    #parking_area .img_box p{
        margin-bottom: 20px;
    }
    #parking_area .content_subttl03 {
        margin-bottom: 10px;
    }
    #parking_area .p5 .flex_imgarea {
        margin-bottom: 35px;
    }
    .chika_parking > p {
        margin-bottom: 35px;
    }
    .shintaisya_parking > p {
        margin-bottom: 35px;
    }
    .shintaisya_parking {
        margin-bottom: 60px;
    }
    #parking_area {
        padding: 0;
    }
	#parking_area .gmap{
		width: 100%;
	}
    #parking_area .map_area {
	   height: auto;
       padding-top: 71.3999%;
    }
	#parking_area .content_ttl_flex {
		display: block;
	}
	#parking_area .flex {
		display: block;
	}
	.parking_tbl {
		margin: 15px 0;
		width: 100%;
		border: 1px solid #ccc;
		border-bottom: none;
	}
	.parking_tbl th,
	.parking_tbl td{
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 10px;
		font-size: 1.4rem;
	}
	.shintaisya_parking .content_ttl::after {
		width: 40px;
		height: 42px;
		position: absolute;
		top: 10px;
		left: 253px;
	}
}

@media screen and (max-width: 375px){
    .parking_map .em_txt{
		font-size: 1rem;
	}
    .page #content_column  #parking_area .sign_box p{
        font-size:0.8rem;
    }
	.parking_gallery img{
		width: 45%;
	}
	.parking_gallery li.img_01 {
		bottom: 18%;
		right: 25.5%;
	}
	.parking_gallery li.img_02 {
		bottom: 52%;
		right: 25.5%;
	}
	.parking_gallery li.img_03 {
		right: 58%;
		bottom: 33%;
	}
	.parking_gallery li.img_04 {
		right: 70%;
		bottom: 27%;
	}
	.detail_link img{
		width: 45%;
		min-width: 30px;
	}
	.detail_link li.link_03{
		bottom: 70%;
		left: 68%;
	}
	.detail_link li.link_04{
		right: 71%;
		bottom: 44%;
	}
}