@charset "UTF-8";

/*main
----------------------------------------*/
.access main {
	background: #fff;
}
.access .ttl_page h1 {
	padding-bottom: 11.9rem;
}
@media only screen and (max-width: 768px) {
	.access .ttl_page h1 {
		padding-bottom: 12.2rem;
	}
}

/*detail
----------------------------------------*/
.access p {
    margin-top: 20px;
    font-size: medium;
}
.access .detail {
	display: flex;
	align-items: center;
	padding-top: .1rem;
	z-index: 6;
}
.access .detail_map {
	width: calc(50% - 6.5rem);
	border-radius: 0 21rem 0 0;
	margin-top: -6rem;
	overflow: hidden;
}
.access .detail_info {
	width: 66.7rem;
	padding: 4.6rem 0 0 10.8rem;
}
.access .detail_info dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.3rem;
	line-height: 1.7692;
	letter-spacing: .05em;
}
.access .detail_info dl dt {
	width: 12.3rem;
	letter-spacing: 0;
	border-bottom: .1rem solid #F2F2F0;
	padding-bottom: 1.1rem;
	margin-bottom: 1.7rem;
}
.access .detail_info dl dd {
	width: calc(100% - 12.3rem);
	border-bottom: .1rem solid #F2F2F0;
	padding: 0 2rem 1.1rem 0;
	margin-bottom: 1.7rem;
}
.access .detail_info dl dt:nth-last-of-type(1),
.access .detail_info dl dd:nth-last-of-type(1) {
	border-bottom: 0;
}
.access .detail_info .detail_link_map {
	color: #7AA160;
	letter-spacing: .09em;
	text-decoration: underline;
	text-underline-offset: .5rem;
	margin: .3rem 0 1.5rem -.5rem;
	display: inline-block;
}
.access .detail_info .detail_link_map::before {
	content: '';
	display: inline-block;
	width: 1.9rem;
	height: 1.9rem;
	background: url(../../img/common/icon_access.svg) no-repeat left top / 100% auto;
	vertical-align: -.6rem;
	margin-right: .6rem;
}
.access .detail_info a[href^="tel:"] {
	text-decoration: underline;
	text-underline-offset: .5rem;
}
@media only screen and (max-width: 768px) {
	.access .detail {
		display: block;
	}
	.access .detail_map {
		width: 33.5rem;
		border-radius: 0 10rem 0 0;
		margin-top: -9.6rem;
	}
	.access .detail_info {
		width: 29.5rem;
		margin: 0 auto;
		padding: 2.4rem 0 3.5rem;
	}
	.access .detail_info dl {
		display: block;
		line-height: 1.6923;
	}
	.access .detail_info dl dt {
		width: auto;
		border-bottom: 0;
		padding-bottom: 0;
		letter-spacing: .05em;
		margin-bottom: .8rem;
	}
	.access .detail_info dl dd {
		width: auto;
		padding: 0 0 1.5rem 0;
		margin-bottom: 1.2rem;
	}
	.access .detail_info .detail_link_map,
	.detail_tel_btn {
		color: #fff;
		background: #7AA160;
		display: block;
		font-size: 1.6rem;
		margin: 1.3rem 0 .5rem;
		border-radius: 2.4rem;
		padding: .7rem 2.9rem 1.4rem;
		display: block;
	}
	.detail_tel_btn {
		font-size: 1.4rem;
		letter-spacing: .1em;
		padding: 1.3rem 2.9rem 1.1rem;
		margin-top: 1.2rem;
	}
	.access .detail_info .detail_link_map::after,
	.detail_tel_btn::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: .5rem 0 .5rem .8rem;
		border-color: transparent transparent transparent #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.6rem;
		margin: auto 0;
		transition: transform .3s;
	}
	.access .detail_info .detail_link_map::before {
		vertical-align: -.7rem;
		filter: brightness(0) invert(1);
	}
	.access .detail_info a[href^="tel:"] {
	
	}
	.detail_tel_btn::before {
		content: '';
		display: inline-block;
		width: 1.8rem;
		height: 1.8rem;
		background: url(../../img/common/icon_tel.svg) no-repeat left top / 100% auto;
		vertical-align: -.5rem;
		margin-right: .8rem;
	}
}