#main{
	color: #707070;
}
.singleBoxTitle{
	font-family: serif;
	text-align: center;
	background-image: url(../img/title-bg.png);
	background-size: cover;
}

/*PC*/

@media screen and (min-width: 768px){
	#main{
		margin-bottom: 150px;
	}
	.singleBoxTitle{
		font-size: 36px;
		letter-spacing: 2.5px;
		padding: 40px 0;
	}
	.singleBox{
		padding: 20px;
		width: 75%;
		margin: 10px auto;
	}
	.index_block {
		width: 90%;
		max-width: 1000px;
		margin: 80px auto;
	}
	.map_box {
		position: relative;
		display: flex;
		margin-bottom: -90px;
		padding-bottom: 200px;
	}
	.map_box::before {
		position: absolute;
		content: "";
		background: url('../img/index/img_map.jpg') no-repeat right 50px bottom / 75% auto;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.map_text_area {
		width: 45%;
		background: #fff;
	}
	.map_text_area_h {
		font-size: min(15vw,180px);
	}
	.map_text_area_t {
		text-align: left;
		font-size: 16px;
	}
	.map_text_area_t th {
		width: 30%;
	}
	.map_g_area {
		width: 45%;
		margin: 0 0 -25px 0;
		padding: 50px 0 0 0;
	}
}

/*smp*/

@media screen and (max-width: 767px){
	#main{
		margin-bottom: 50px;
	}
	.singleBoxTitle{
		font-size: 5vw;
		letter-spacing: 1.5px;
		padding: 20px 15px;
	}
	.singleBox{
		padding: 10px;
		width: 80%;
		margin: 0 auto;
	}
	.index_block {
		margin: 10vw 0;
	}
	.map_text_area {
		display: flex;
	}
	.map_text_area_h {
		font-size: 100px;
		text-align: right;
		writing-mode: vertical-lr;
		transform: rotate(180deg);
	}
	.map_text_area_t {
		width: 70%;
		margin: 10px 20px;
		text-align: left;
		font-size: 16px;
	}
	.map_text_area_t tr {
		display: flex;
		margin-bottom: 15px;
		flex-direction: column;
	}
	.map_g_area {
		width: 90vw;
		height: 90vw;
		margin: auto;
	}
	.map_box02 {
		display: flex !important;
		width: 90%;
		margin: auto;
	}
}