@charset "UTF-8";

.title{
	margin: 65px 0 70px;
	font-size: 30px;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.title{
		margin: 5.804% 0 6.25%;
		font-size: 2.143vw;
	}
}

@media screen and (max-width: 768px){
	.title{
		margin: 6.510% 0;
		font-size: 5.208vw;
		letter-spacing: 0.2em;
		line-height: 1.4;
	}
}

/*　地図のcss*/
/*-------------------------------------------------------*/
.mapBlk {
	width: 1110px;
	margin: 0 auto 30px;
	font-size: 0;
	}
.mgMapBlk {
	background-color: #eee;
	width: 1110px;
	padding: 30px 14px 24px 24px;
	margin: 0 auto 80px;
	font-size: 0;
	box-sizing: border-box;
	}
.mgMapBlk .ttl {
	margin-bottom: 10px;
	font-size: 25px;
	text-align: center;
	line-height: 1;
	}
.mgMapBlk .address {
	background-color: #333;
	padding: 12px 0;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 21px;
	color: #fff;
	text-align: center;
	line-height: 1;
	}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.mapBlk {
		width: 99.107%;
		margin-bottom: 2.679%;
		}
	.mgMapBlk {
		width: 99.107%;
		padding: 2.679% 1.25% 2.143% 2.143%;
		margin-bottom: 7.143%;
		}
	.mgMapBlk .ttl {
		margin-bottom: 0.901%;
		font-size: 2.232vw;
		}
	.mgMapBlk .address {
		padding: 1.082% 0;
		margin-top: 0.901%;
		margin-right: 0.901%;
		font-size: 1.875vw;
		}
}

@media screen and (max-width: 768px){
	.mapBlk {
		width: 89.583%;
		margin-bottom: 4%;
		}
	.mgMapBlk {
		width: 89.583%;
		padding: 4% 2.4% 4% 4%;
		margin-bottom: 0;
		}
	.mgMapBlk .ttl {
		margin-bottom: 4.688%;
		font-size: 4.267vw;
		}
	.mgMapBlk .address {
		padding: 3.125% 0;
		margin-top: 3.125%;
		margin-right: 1.875%;
		font-size: 3.733vw;
		line-height: 1.4;
		}
}





.mapBlk .textWrap {
	text-align: center;
	background-color: #910000;
	padding-top: 20px;
	padding-bottom: 21px;
	margin-bottom: 80px;
}
.mapBlk .textWrap p {
	font-size: 22px;
	color: #fff;
	letter-spacing: 0.1em;
}
.mapBlk .textWrap p.aboutA {
	line-height: 1.833;
}
.mapBlk .textWrap p.aboutB {
	line-height: 2;
}
.mapBlk .textWrap .address {
	background-color: #520000;
	width: 720px;
	margin: 15px auto 12px;
	padding: 12px 0;
}
/*--レスポンシブ追加プロパティ--------------------------------------*/

@media screen and (max-width: 768px){
	.mapBlk .textWrap {
		padding-top: 3.2vw;
		padding-bottom: 3vw;
		margin-bottom: 0vw;
	}
	.mapBlk .textWrap p {
		font-size: 3.645vw;
		letter-spacing: 0.1em;
		line-height: 2;
	}
	.mapBlk .textWrap .address {
		width: 91%;
		margin: 3vw auto;
		padding: 0.1vw 0;
	}
	.mapBlk .textWrap p.aboutA {
		line-height: 1.428;
	}
	.mapBlk .textWrap p.aboutB {
		line-height: 1.571;;
	}
}





.mainContent .access{ border: 1px solid #cccccc; text-align: center; }
.mainContent .access+.access{ margin-top: -1px; }
.mainContent .access .copy{ font-size: 20px; line-height: 1.5; padding: 15px 0; font-weight: bold; }
.mainContent .access01 .copy{ background-color: #000000; color: #ffffff; }
.mainContent .access02 .copy{ background-color: #ebebeb; color: #000000; }
.mainContent .access .address{ padding: 20px 0; }
.mainContent .access .address .txt{ font-size: 20px; line-height: 2; }
.mainContent .access .address .txt .marker{ font-size: 120%; font-weight: bold; }
.mainContent .access .address .txt .icon{ display: inline-block; vertical-align: middle; }
.mainContent .access01 .address .txt .icon{ width: 34px; }
.mainContent .access02 .address .txt .icon{ width: 65px; }

@media screen and (max-width: 1120px){
	.mainContent .access .copy{ font-size: 2vw; }
	.mainContent .access .address .txt{ font-size: 2vw; }
	.mainContent .access01 .address .txt .icon{ width: 3.04vw; }
	.mainContent .access02 .address .txt .icon{ width: 5.8vw; }
}
@media screen and (max-width: 768px){
	.mainContent .access .copy{ font-size: 3.5vw; padding: 5% 0; }
	.mainContent .access .address{ padding: 5%; text-align: left; }
	.mainContent .access .address .txt{ font-size: 3vw; }
	.mainContent .access01 .address .txt .icon{ width: 4.56vw; }
	.mainContent .access02 .address .txt .icon{ width: 8.7vw; }
}


