@charset "UTF-8";

.access {
	padding-right: clamp(0rem, -33.203125rem + 33.203125vw, 8.5rem);
}

.access:not(:last-child) {
	margin-bottom: 122px;
}

.access__heading {
	padding-bottom: 0.7em;
	border-bottom: 1px solid #F0B818;
	font-weight: 700;
	font-size: 1.54rem;
	line-height: 1.5;
	color: #595757;
}

.access__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 38px 0 43px;
	border-bottom: 1px solid #DBDCDC;
}

.access__info__main {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.access__info__main:has(.access__info__map) .access__info__detail {
	width: 58.6%;
}

.access__info__label {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 6.4em;
	padding-top: 0.5em;
	margin-right: 1em;
	font-weight: 700;
	line-height: 1.5;
	color: #717071;
}

.access__info__detail {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2.2;
}

.access__info__detail a {
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.access__info__map {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-bottom: 0.8rem;
}

.access__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 51px 0 50px 90px;
	margin-top: 53px;
	font-size: 1.5rem;
}

.access__link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 75vw;
	height: 100%;
	background: #F2F3F3;
	z-index: 0;
}

.access__link span:hover::before {
	-webkit-mask-image: url(../img/common/icon_arrow_black.svg);
	mask-image: url(../img/common/icon_arrow_black.svg);
}

.access__list {
	margin-top: 30px;
}

.access__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 13px 45px 13px 25px;
	border-bottom: 1px solid #DBDCDC;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.7333;
	letter-spacing: 0.01em;
}

.access__item__text {
	width: 73%;
}

.access__item__time {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

@media (hover: hover) {

.access__info__detail a:hover {
	opacity: 0.6;
	text-decoration: underline;
}

}

@media screen and (max-width: 1000px) {

.access__info { /* 1000px以下 */
	padding: 25px 0;
}

.access__info__main { /* 1000px以下 */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 20px;
}

.access__info__main:has(.access__info__map) .access__info__detail { /* 1000px以下 */
	width: 100%;
}

.access__info__label { /* 1000px以下 */
	width: 4em;
}

.access__link { /* 1000px以下 */
	margin-top: 40px;
	padding: 40px 0 40px 75px;
}

.access__item { /* 1000px以下 */
	padding: 13px 0 13px 5px;
}

}

@media screen and (max-width: 767px) {

.access:not(:last-child) { /* sp */
	margin-bottom: 80px;
}

.access__heading { /* sp */
	font-size: 1.4rem;
}

.access__info__label { /* sp */
	margin-top: 0;
}

.access__info__detail { /* sp */
	font-size: 1.4rem;
}

.access__link { /* sp */
	font-size: 1.4rem;
	padding: 30px 0 30px 30px;
}

.access__link::before { /* sp */
	width: 100%;
}

.access__item { /* sp */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 1.4rem;
}

.access__item__text { /* sp */
	width: 100%;
}

.access__item__time { /* sp */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

}

