@charset "utf-8";
/*------------------------------------------------------------
	access
------------------------------------------------------------*/
.pageTitle {
	background-image: url(../img/access/page_img.jpg);
}
.pageTitle::after {
	background: linear-gradient( to top,#24479c 0%, #fff 100%);
}
#main .comAccessBox {
	margin-bottom: 10rem;
	padding-bottom: 10rem;
	border-bottom: 1px solid #24479c;
}
#main .access .sub:not(:last-child) {
	margin-bottom: 10rem;
	padding-bottom: 10rem;
	border-bottom: 1px solid #24479c;
}
#main .access .sub .photoUl {
	margin-top: -2rem;
}
#main .access .sub .photoUl li {
	margin: 2rem calc(12.4% / 3) 0 0;
	width: 21.9%;
	position: relative;
}
#main .access .sub .photoUl li:not(:last-child)::after {
	position: absolute;
	top: 28%;
	right: -4.1rem;
	width: 3.8rem;
	height: 4.3rem;
	background: url(../img/access/img01.png) no-repeat left top / 100%;
	content: "";
	z-index: 1;
}
#main .access .sub .photoUl li:nth-child(4n) {
	margin-right: 0;
}
#main .access .sub .photoUl .photo {
	margin-bottom: 2rem;
	border-radius: 0 3rem;
	overflow: hidden;
}
#main .access .sub .photoUl p {
	font-size: 1.8rem;
	letter-spacing: 0.03em;
}
#main .access .sub .imgBox {
	align-items: flex-start;
}
#main .access .sub .imgBox p {
	flex: 1;
	letter-spacing: 0.03em;
	line-height: 1.75;
}
#main .access .sub .imgBox .image {
	width: 34.5rem;
}
#main .access .sub .imgBox .image img {
	width: 20rem;
}
@media all and (max-width: 896px) {
	#main .comAccessBox {
		margin-bottom: 5rem;
		padding-bottom: 5rem;
	}
	#main .access .sub:not(:last-child) {
		margin-bottom: 5rem;
		padding-bottom: 5rem;
	}
	#main .access .sub .photoUl {
		margin: 0;
		display: block;
	}
	#main .access .sub .photoUl li {
		margin: 0 0 7rem;
		width: auto;
	}
	#main .access .sub .photoUl li:last-child {
		margin-bottom: 0;
	}
	#main .access .sub .photoUl li:not(:last-child)::after {
		top: auto;
		bottom: -5.5rem;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	#main .access .sub .photoUl .photo {
		border-radius: 0 1rem;
	}
	#main .access .sub .photoUl .photo img {
		width: 100%;
	}
	#main .access .sub .photoUl p {
		font-size: 1.4rem;
	}
	#main .access .sub .imgBox {
		display: block;
	}
	#main .access .sub .imgBox p {
		margin-bottom: 2rem;
	}
	#main .access .sub .imgBox .image {
		width: auto;
		text-align: center;
	}
}