@charset "utf-8"; 

#spic{
	width: 1060px;
	text-align: center;
	margin: 0 auto 30px;
}
#spic .map{
	position: relative;
}
#spic .map img{
	width: 100%;
	height: auto;
}
#spic .map .txt{
	position: absolute;
	width: 290px;
}
#spic .map .txt p+p{
	margin-top: 1em;
}
#spic .map .txt01{
	top: -57px;
	left: 0;
}
#spic .map .txt01 p{
	width: 370px;
}
#spic .map .txt01 p + img{
	margin-top: 10px;
}
#spic .map .txt02{
	top: 95px;
	right: 0;
}
#spic .map .txt02 .img{
	text-align: left;
	margin-top: 30px;
	padding-left: 35px;
}
#spic .map .txt02 .img .img01{
	width: 240px;
	height: auto;
}
#spic .map .txt02 .img .img02{
	width: 190px;
	height: auto;
	margin-top: 20px;
}
#spic .map .txt03{
	top: 433px;
	left: 0;
}
#spic .map .txt03 .img01,
#spic .map .txt03 .img02{
	width: 190px;
	height: auto;
	margin: 10px 0 30px;
}
#spic .map .txt03 .img02 + p{
	width: 320px;
}
#spic .map .txt03 .img03{
	width: 235px;
	height: auto;
	margin-top: 5px;
}
#spic .map .border-ttlWrap .icon{
	flex-flow: column;
	width: 82px;
}
#spic .map .border-ttlWrap .icon li + li{
	margin: 5px 0 0 0;
}
#spic .map .border-ttl{
	border-color: transparent;
	letter-spacing: -0.03em;
}
#spic .map .border-ttl span{
	display: none;
}
#spic .blockWrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 70px;
}
#spic .map .block{
	width: 650px;
	margin: 65px 0 0 auto;
}
#spic .map .block .border-ttl{
	border-bottom: 2px solid #E60012;
}
#spic .map .block .imgBlock{
	position: relative;
}
#spic .map .block .imgBlock img{
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: auto;
}
#spic .map .block .imgBlock p + p{
	margin-top: 25px;
}
#spic .map .block .columnWrap{
	width: 690px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 75px;
	margin-right: -30px;
}
#spic .map .block .columnWrap .ttl{
	width: 210px;
	color: #fff;
	font-size: 2.0rem;
	background: #727171;
	margin: 0 auto 10px;
}
#spic .map .block .columnWrap p{
	text-align: center;
	margin-top: 5px;
}
#spic .map .block .columnWrap .column01{
	align-self: flex-start;
	margin-top: 42px;
}
#spic .map .block .columnWrap img{
	width: auto;
	height: 250px;
}
#spic .map .block .columnWrap .column02 div{
	display: flex;
	justify-content: space-between;
}
#spic .map .block .columnWrap .column02 div p+p{
	margin-top: 5px;
	margin-right: -0.4em;
}
#spic .notes{
	text-align: right;
	margin: 80px 0 30px;
}

@media screen and (max-width : 767px){
	
	#spic{
		display: block;
		width: auto;
		margin: 0 0 13vw;
	}
	#spic .map .txt{
		position: relative;
		width: auto;
		margin-top: 3vw;
	}
	#spic .map .txt p+p{
		margin-top: 0;
	}
	#spic .map .txt + .txt{
		margin-top: 5vw;
	}
	#spic .map .txt01,
	#spic .map .txt02,
	#spic .map .txt03{
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
	#spic .map .txt01 p{
		width: auto;
	}
	#spic .map .border-ttl{
		border-color: #E60012;
	}
	#spic .map .border-ttl span{
		display: block;
		color: #E60012;
	}
	#spic .map .border-ttlWrap .icon{
		flex-flow: row;
		width: auto;
	}
	#spic .map .border-ttlWrap .icon li + li{
		margin-top: 0;
	}
	#spic .map .txt01 p + img{
		width: 66vw;
	}
	#spic .map .txt02 .img{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin-top: 10vw;
		padding: 0;
	}
	#spic .map .txt02 .img .img01{
		width: 38vw;
	}
	#spic .map .txt02 .img .img02{
		width: 30vw;
		margin-top: 0;
		margin-left: 3vw;
	}
	#spic .map .txt03 .img01,
	#spic .map .txt03 .img02{
		width: 47vw;
		margin: 3vw 0 10vw;
	}
	#spic .map .txt03 .img03{
		width: 66vw;
		margin: 3vw 0 0;
	}
	#spic .map .block{
		width: auto;
		margin: 20vw 0 0;
	}
	#spic .map .block .imgBlock img{
		position: relative;
		top: auto;
		right: auto;
		width: 65vw;
		margin-top: 6vw;
	}
	#spic .map .block .imgBlock p + p{
		margin-top: 1em;
	}
	#spic .map .block .columnWrap{
		display: block;
		margin-top: 15vw;
		margin-right: 0;
		width: auto;
	}
	#spic .map .block .columnWrap img{
		height: 54vw;
	}
	#spic .map .block .columnWrap .column01{
		margin-top: 0;
	}
	#spic .map .block .columnWrap .ttl{
		width: 45vw;
		text-align: center!important;
		font-size: 4.8vw;
	}
	#spic .map .block .columnWrap .column02{
		margin: 12vw 0;
	}
	#spic .map .block .columnWrap .column02 div{
		justify-content: center;
	}
	#spic .map .block .columnWrap .column02 div p+p{
		margin: 5px -3vw 0 6vw;
	}
	#spic .map .block .columnWrap .column02 div p{
		text-align: left;
	}
	#spic .map .block .columnWrap .column03 .letter{
		text-align: left;
		width: 70vw;
		margin: 5px auto 0;
	}
	#spic .notes{
		margin: 5vw 0 12vw;
	}
	
}
@media (orientation: landscape) and (max-width : 767px){


}