@charset "utf-8";

#access {
	padding-top: 60px;
}
/* _____ 834px 以下 _____ */
@media not (min-width: 835px) {
	#access.element-box {
		max-width: 650px;
	}
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	#access {
		padding-top: 130px;
	}
}


.venue {
	font-size: 18px;
	font-weight: bold;
}
.txt01 {
	font-weight: 400;
	font-size: 14px;
}
.txt02 {
	margin-top: 20px;
}
/* _____ 834px 以下 _____ */
@media not (min-width: 835px) {
	.txt02 {
		font-size: 14px;
	}
	.note01 {
		font-size: 12px;
	}
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.venue {
		font-size: 20px;
	}
}




.access-link {
	display: inline-block;
	background-color: var(--color-orange);
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	margin-top: 16px;
	font-size: 12px;
	padding: 8px 12px;
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.access-link {
		padding: 16px;
		font-size: 14px;
		position: relative;
	}
	.access-link:hover {
		text-decoration: none;
	}
	.access-link.ripple:before, .access-link.ripple:after {
		background-color: var(--color-orange);
	}
}




.map {
	position: relative;
}
.map::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: linear-gradient(
		to right, 
		var(--color-orange)        0%, var(--color-orange)     14.2%,
		var(--color-blue)       14.2%, var(--color-blue)       28.4%,
		var(--color-green)      28.4%, var(--color-green)      42.6%,
		var(--color-purple)     42.6%, var(--color-purple)     56.8%,
		var(--color-light-blue) 56.8%, var(--color-light-blue)   71%,
		var(--color-pink)         71%, var(--color-pink)       85.2%,
		var(--color-red)        85.2%, var(--color-red)         100%
  );
}
.map iframe {
	width: 100%;
}
.map {
	margin-top: 50px;
}
.map iframe {
	margin-top: 50px;
}
/* _____ 834px 以下 _____ */
@media (min-width: 835px) {
	.map iframe {
		height: 410px;
	}
}