@charset "UTF-8";
/* CSS Document */


/*アクセス*/

/*アクセスマップ*/
.access main .access_map {
	background: #155680;
	padding-top: 120px;
	padding-bottom: 150px;
	color: #FFF;
}
.access main .access_map h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}
.access main .access_map h3 span ,
.access main .access_map h3 em {
	display: block;
	line-height: 1em;
}
.access main .access_map h3 span {
	font-size: 2.0rem;
	margin-bottom: .4em;
}
.access main .access_map h3 em {
	font-family: "Marcellus", serif;
	font-size: 4.6rem;
}
.access main .access_map .img {
	position: relative;
	margin-bottom: 10px;
}
.access main .access_map .img img {
	opacity: .9;
}
.access main .access_map .box section {
	display: flex;
	align-items: flex-start;
}
.access main .acces_smap .box section:not(:last-of-type) {
	margin-bottom: 60px;
}
.access main .access_map .box section h5 {
	position: relative;
	padding: .3em 0;
	padding-left: 45px;
	width: 510px;
	font-size: 2.0rem;
}
.access main .access_map .box section h5::before {
	position: absolute;
	top: 0;
	left: 20px;
	width: 4px;
	height: 100%;
	background: #307eb1;
	content: '';
}
.access main .access_map .box section .comment {
	width: 100%;
	line-height: 2.0;
}
.access main .access_map .box section .comment a {
	color: #FFF;
}
@media screen and (max-width: 1440px) {
.access main .access_map .box section h5 {
	width: 400px;
}
}
@media screen and (max-width: 767px) {
.access main .access_map {
	padding-top: 15vw;
	padding-bottom: 15vw;
}
.access main .access_map h3 {
	margin-bottom: 5vw;
}
.access main .access_map h3 span {
	font-size: 1.8rem;
}
.access main .access_map h3 em {
	font-size: 2.4rem;
}
.access main .access_map .img {
	margin-bottom: 2vw;
}
.access main .access_map .box section {
	flex-direction: column;
}
.access main .access_map .box section:not(:last-of-type) {
	margin-bottom: 6vw;
}
.access main .access_map .box section h5 {
	padding: 1vw 0;
	padding-left: 6vw;
	margin-bottom: 4vw;
	width: 100%;
}
.access main .access_map .box section h5::before {
	left: 2vw;
}
}

/*交通アクセス*/
.access main .transportation_access {
	padding-top: 90px;
	padding-bottom: 130px;
}
.access main .transportation_access .box section {
	border-top: solid 1px #d6e1ea;
	padding-top: 40px;
	display: flex;
	align-items: flex-start;
}
.access main .transportation_access .box section:not(:last-of-type) {
	padding-bottom: 50px;
}
.access main .transportation_access .box section h4 {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	padding-left: 50px;
	width: 640px;
}
.access main .transportation_access .box section h4::before {
	position: absolute;
	top: 0;
	left: 20px;
	width: 4px;
	height: 100%;
	background: #307eb1;
	content: '';
}
.access main .transportation_access .box section h4 span ,
.access main .transportation_access .box section h4 em {
	display: block;
	line-height: 1em;
}
.access main .transportation_access .box section h4 span {
	font-size: 2.4rem;
	color: #1b5a82;
	margin-bottom: .6em;
}
.access main .transportation_access .box section h4 em {
	font-size: 2.0rem;
	color: #1b5a82;
}
.access main .transportation_access .box section .comment {
	width: calc(100% - 640px);
	line-height: 2.0;
}
@media screen and (max-width: 1440px) {
.access main .transportation_access .box section h4 {
	width: 400px;
}
.access main .transportation_access .box section .comment {
	width: calc(100% - 400px);
}
}
@media screen and (max-width: 767px) {
.access main .transportation_access {
	padding-top: 15vw;
	padding-bottom: 15vw;
}
.access main .transportation_access .box {
	margin-top: -10vw;
}
.access main .transportation_access .box section {
	padding-top: 6vw;
	flex-direction: column;
}
.access main .transportation_access .box section:not(:last-of-type) {
	padding-bottom: 6vw;
}
.access main .transportation_access .box section h4 {
	padding: 2vw 0;
	padding-left: 6vw;
	margin-bottom: 4vw;
	width: 100%;
}
.access main .transportation_access .box section h4::before {
	left: 2vw;
}
.access main .transportation_access .box section h4 span {
	font-size: 1.6rem;
}
.access main .transportation_access .box section h4 em {
	font-size: 1.4rem;
}
.access main .transportation_access .box section .comment {
	width: 100%;
}
}