@charset "UTF-8";
/* CSS PC/SP共通レイアウト */

#access{
	font-size: 15px;
}





/* コンテンツ幅 */
#access .contents{
	max-width:900px;
	width: 100%;
	margin:0 auto;
}





/* タイトル */
#access .title{
	text-align: center;
	font-size: 34px;
	font-weight: 600;
	margin: 95px 0px;
	margin-bottom: 70px;
}





/* ページ内ボタン */
#access .page1{
	text-align: center;
	margin: 0px 20px;
}

#access .page2{
	text-align: center;
	margin: 0px 20px;
}

#access .page3{
	text-align: center;
	margin: 0px 20px;
}

#access .page4{
	text-align: center;
	margin: 0px 20px;
}

#access .access_btn{
	display: flex;
	justify-content: center;
	margin-bottom: -10px;
	align-items: flex-end;
	height: 80px;
}

#access .page1:hover {
    content: url("../img/access/page1_hover.png");
}

#access .page2:hover {
    content: url("../img/access/page2_hover.png");
}

#access .page3:hover {
    content: url("../img/access/page3_hover.png");
}

#access .page4:hover {
    content: url("../img/access/page4_hover.png");
}




/* 交通アクセス */
#access .access_box{
	background-color: #EBF3F6;
	padding: 100px 0px;
}





/* 主要地へのアクセス */
#access .access_main{
	border-bottom: 2px dotted #000000;
}

#access .access_title{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #000000;
}

#access .access_title p{
	font-size: 28px;
	font-weight: 600;
}

#access .access_title img{
	margin-right: 15px;
}

#access .img_access_map{
	margin-top: 30px;
}

#access .access_item{
	margin-top: 40px;
	margin-bottom: 50px;
	padding: 0px 50px;
}

#access .access_title_01 p{
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #000000;
	padding-bottom: 2px;
}

#access .access_01_img{
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

#access .blue_01{
	color: #0096FF;
}

#access .blue_02{
	color: #0082C8;
}

#access .green{
	color: #00B482;
}

#access .access_01_text{
	margin-top: 50px;
}





/* 車をご利用の場合 */
#access .access_box_01{
	margin-top: 100px;
}

#access .access_car_box{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}

#access .access_car_title{
	font-size: 20px;
	font-weight: 600;
	color: #00A199;
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
	width: 425px;
}

#access .access_car_img{
	margin-top: 20px;
}

#access .brown{
	color: #A67C52;
}

#access .green_03{
	color: #00913A;
}

#access .green_04{
	color: #6EAA00;
}





/* その他の交通手段をご利用の場合 */
#access .access_icon{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
	margin-top: 20px;
	width: 420px;
}

#access .access_icon p{
	font-size: 20px;
	font-weight: 600;
}

#access .access_icon img{
	margin-right: 15px;
}

#access .link{
	display: flex;
}

#access .link a{
	color: #000000;
	text-decoration-line: underline;
	padding: 0px 6px;
}

#access .link img{
	margin-top: 4px;
	margin-left: 5px;
}

#access .tel{
	margin-left: 20px;
}

#access .access_text{
	margin-top: 10px;
}

#access .access_text p{
	font-size: 18px;
}

#access .access_box_02{
	display: flex;
	justify-content: space-between;
}

#access .access_box_01_item{
	margin-bottom: 50px;
}

#access .bass{
	width: 100%;
}

#access .tel_bass{
	margin-left: 10px;
	margin-right: 15px;
}

#access .access_text_bass{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

#access .access_text_bass p{
	font-size: 18px;
}

#access .access_text_bass .access_text_notice{
	margin-top: 10px;
	width: 100%;
}
#access .taxi_sp .access_text_notice a{
	text-decoration-line: underline;
	color: #000000;
}



/* ボタン */
#access .btn_01{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

#access .bt_black_link{
	margin: 0px 15px;
}

#access .bt_black_long{
	font-size: 14px;
	width: 550px;
}




/* トップへ戻るボタン */
#access .top_btn{
	margin-top: 120px;
}





/* スマホレイアウト */
@media (max-width: 1024px) {
	
	#access{
		font-size: 14px;
	}
	
	
	
	
	
	/* コンテンツ幅 */
	#access .contents{
		max-width:900px;
		width: 100%;
		margin:0 auto;
		padding: 0px 15px;
	}
	
	
	
	
	
	/* タイトル */
	#access .title{
		font-size: 26px;
		margin: 65px 0px;
		margin-bottom: 50px;
	}
	
	
	
	
	
	/* ページ内ボタン */
	#access .page1{
		text-align: center;
		margin: 0px 10px;
	}

	#access .page2{
		text-align: center;
		margin: 0px 10px;
	}

	#access .page3{
		text-align: center;
		margin: 0px 10px;
	}

	#access .page4{
		text-align: center;
		margin: 0px 10px;
	}

	#access .access_btn{
		display: flex;
		justify-content: center;
		margin-bottom: -12px;
		align-items: flex-end;
		height: 80px;
	}

	#access .page1:hover {
		content: url("../img/access/page1_hover_sp.png");
	}

	#access .page2:hover {
		content: url("../img/access/page2_hover_sp.png");
	}

	#access .page3:hover {
		content: url("../img/access/page3_hover_sp.png");
	}

	#access .page4:hover {
		content: url("../img/access/page4_hover_sp.png");
	}

	
	
	
	
	
	/* 交通アクセス */
	#access .access_box{
		padding: 60px 0px;
	}
	
	
	
	
	
	/* 主要地へのアクセス */
	#access .access_main{
		border-bottom: 2px dotted #000000;
	}

	#access .access_title{
		padding-bottom: 10px;
	}

	#access .access_title p{
		font-size: 20px;
	}

	#access .access_title img{
		margin-right: 10px;
	}

	#access .img_access_map{
		margin-top: 30px;
		text-align: center;
	}

	#access .access_item{
		margin-top: 40px;
		margin-bottom: 0px;
		padding: 0px 0px;
	}

	#access .access_title_01 p{
		font-size: 20px;
	}

	#access .access_01_img{
		display: block;
		margin-top: 15px;
		text-align: center;
	}

	#access .access_01_text{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	#access .access_01_img_item{
		margin-top: 50px;
	}
	
	
	
	
	
	/* 車をご利用の場合 */
	#access .access_box_01{
		margin-top: 50px;
	}

	#access .access_car_box{
		display: block;
		margin-top: 60px;
	}

	#access .access_car_title{
		font-size: 20px;
		padding-bottom: 3px;
		width: 100%;
	}

	#access .access_car_img{
		margin-top: 15px;
	}
	
	#access .access_car_box_item{
		margin-top: 30px;
	}
	
	
	
	
	
	/* その他の交通手段をご利用の場合 */
	#access .access_icon{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #000000;
		padding-bottom: 3px;
		margin-top: 24px;
		width: 100%;
	}

	#access .access_icon p{
		font-size: 20px;
		font-weight: 600;
	}

	#access .access_icon img{
		margin-right: 12px;
	}

	#access .link{
		display: flex;
	}

	#access .link a{
		color: #000000;
		text-decoration-line: underline;
		padding: 0px 6px;
	}

	#access .link img{
		margin-top: 4px;
		margin-left: 5px;
	}

	#access .tel{
		margin-left: 20px;
	}

	#access .access_text{
		margin-top: 10px;
	}

	#access .access_text p{
		font-size: 14px;
	}

	#access .access_box_02{
		display: block;
		justify-content: space-between;
	}

	#access .access_box_01_item{
		margin-bottom: 50px;
	}

	#access .bass{
		width: 100%;
	}

	#access .tel_bass{
		margin-left: 20px;
		margin-right: 0px;
	}

	#access .access_text_bass{
		margin-top: 10px;
		display: block;
	}

	#access .access_text_bass p{
		font-size: 14px;
	}
	#access .access_text_bass .access_text_notice{
		margin-top: 10px;
		width: 100%;
	}
	
	#access .taxi_sp{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
		#access .access_text_bass_item{
		margin-top: 15px;
	}
	#access .taxi_sp .access_text{
		width:50%;
	}
		
	#access .taxi_sp .access_text_notice{
		margin-top: 10px;
		width: 100%;
	}
	
	
	
	
	
	/* ボタン */
	#access .btn_01{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 0px;
	}

	#access .bt_black_link{
		margin: 0px 0px;
		margin-bottom: 30px;
	}

	#access .bt_black_long span{
		font-size: 13px;
		width: 100%;
	}
	
	
	
	
	
	/* トップへ戻るボタン */
	#access .top_btn{
		margin-top: 65px;
	}





}