@charset "utf-8";



/** ---------------------------------
 * レイアウト
 *----------------------------------- */
.parking-main{
	line-height:1.5;
}
.parking-container{
	width:1080px;
	margin:0 auto;
}
@media screen and (max-width:736px) { 
	.parking-container{
		width:100%;
	}
	
}


/** ---------------------------------
 * キャッチ
 *----------------------------------- */
.parking-main h3{
	padding:15px;
	border-radius:5px;
	background:#f3f1e5;
	margin-bottom:35px;
	font-size:26px;
}
@media screen and (max-width:736px) { 
	.parking-main h3{
		font-size:18px;
	}
}



/** ---------------------------------
 * ヘッダ
 *----------------------------------- */
.parking-header-section{
	background-image: url(../img/bg_parking_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height:280px;
}
.parking-header-section-inner{
	display: flex;
	align-items: center;
	height:280px;
}
.parking-header-section-inner .page-title{
	padding: 30px 40px;
	background: #000418e3;
}
.parking-header-section-inner h1{
	color:#fff;
	font-size:24px;
}
@media screen and (max-width:736px) { 
	.parking-header-section-inner{
		justify-content: center;
	}
	.parking-header-section-inner .page-title{
		padding: 15px 20px;
		background: #000418e3;
	}
	.parking-header-section-inner h1{
		font-size:20px;
	}
}


/** ---------------------------------
 * キャッチ
 *----------------------------------- */
.parking-catch-copy{
	padding:80px 0;
	text-align:center;
	font-size:25px;
	font-weight: 900;
	line-height:2;
}
.parking-catch-copy span{
	display: inline-block;
	background:#f31d7c;
	/* background: #00728d; */
	color:#fff;
	padding:0px 10px;
	border-radius:5px;
}
.parking-sub-copy{
	display: flex;
	justify-content: space-between;
	margin-bottom:50px;
}
.parking-sub-copy .point-box{
	width:48%;
	text-align: center;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:20px;
	font-size:20px;
	font-weight: 700;
	box-sizing: border-box;
}
.parking-sub-copy .point-box i{
	color:#333;
	font-size:28px;
}

@media screen and (max-width:736px) { 
	.parking-catch-copy{

		line-height:1.5;
		padding-left:20px;
		padding-right:20px;

	}
	.parking-catch-copy h2{
		font-size:24px;
	}
	.parking-catch-copy span{
		margin-bottom:5px;
	}
	
}


/** ---------------------------------
 * キャッチ
 *----------------------------------- */
.parking-attr-block{
	padding:0 20px;
	display: flex;
	justify-content: space-between;
}
.parking-attr-block .parking-map-box{
	width:49%;
	box-sizing: border-box;
}
.parking-attr-block .parking-map-box iframe{
	width:100%;
	height:380px;
	border-radius:5px;
}
.parking-attr-block .parking-photo-box{
	width: 49%;
	box-sizing: border-box;
}
.parking-attr-block .parking-photo-box img{
	width:100%;
	border-radius:5px;
}


@media screen and (max-width:736px) { 
	.parking-attr-block{
		flex-wrap: wrap;
	}
	.parking-attr-block .parking-map-box{
		width:100%;
	}
	.parking-attr-block .parking-map-box iframe{
		margin-bottom:30px;
	}
	.parking-attr-block .parking-photo-box{
		width:100%;
	}
	.parking-attr-block .parking-photo-box img{
	}
	

}


/** ---------------------------------
 * 概要
 *----------------------------------- */
.about-box{
	padding:0 20px;
}
.about-box .about-table{
	width:100%;
	border-spacing: 0;
}
.about-box .about-table th,
.about-box .about-table td{
	padding:10px 20px;
	border-bottom:solid 3px #fff;
	background:#f8f8f8;
}
.about-box .about-table th{
	width:150px;
	background:#f3f1e5;
}
.about-box .about-table td.price{
	font-size:22px;
	font-weight: 700;
}

@media screen and (max-width:736px) { 
	.about-box .about-table th{
		width:100px;
	}
	.about-box .about-table th,
	.about-box .about-table td{
		padding:10px 5px;
		font-size:14px;
	}
	.about-box .about-table td.price{
		font-size:18px;
	}
	
}




/** ---------------------------------
 * 注意
 *----------------------------------- */
.tyui-box{
	padding:0 20px;
}
.tyui-box ul{
	list-style-type: square;
}
.tyui-box ul li{
	line-height: 2;
}

@media screen and (max-width:736px) { 
	.tyui-box ul{
		margin-left:20px;
		padding-left:0
	}
	.tyui-box ul li{
		font-size:14px;
	}
	
	
}


/** ---------------------------------
 * 
 *----------------------------------- */
.parking-contact-box{
	padding:0 20px;
	margin-bottom:100px;
}
.parking-contact-flex-box{
	display: flex;
	border-radius:5px;
	border:solid 3px #ddd;
	width:100%;
	padding:30px;
	box-sizing: border-box;
	align-content: center;
	align-items: center;
}
.parking-contact-flex-box .name-box{
	width:50%;
	text-align:center;
	border-right:solid 1px #ddd;

}
.parking-contact-flex-box .name-box strong{
	font-size:24px;
}
.parking-contact-flex-box .tel-box{
	width:50%;
	text-align:center;
}
.parking-contact-flex-box .tel-box .tel{
	font-size:40px;
	font-weight: 900;
}

@media screen and (max-width:736px) { 
	.parking-contact-flex-box{
		flex-wrap: wrap;
		padding:30px 10px;
	}
	.parking-contact-flex-box .name-box{
		width:100%;
		border-right:0;
		border-bottom:solid 1px #ddd;
		padding-bottom:20px;
		margin-bottom:15px;
	}
	.parking-contact-flex-box .name-box strong{
		font-size:18px;
	}
	.parking-contact-flex-box .tel-box{
		width:100%;
	}
	.parking-contact-flex-box .tel-box .tel{
		font-size:30px;
		font-weight: 900;
	}
}