@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document outline
--------------------------------------------------------- */

#outline .h3 {
	margin-bottom: 30px;
	text-align: left;
}

#outline .container {
	margin-bottom: 60px;
	text-align: left;
}

#outline .table {
	display: table;
	width: 100%;
}

#outline dl {
	display: table-row;
	border-bottom: solid 1px var(--gray);
}

#outline dt {
	display: table-cell;
	vertical-align: middle;
	width: 230px;
	padding: 30px 0;
}

#outline dd {
	display: table-cell;
	vertical-align: middle;
	padding: 30px 0;
}

/* ---------------------------------------------------------
	CSS Document gallery
--------------------------------------------------------- */

#gallery {
	display: flex;
	width: 4396vw;
	height: 400px;
	overflow: hidden;
	margin-bottom: 120px;
	text-align: left;
	position: relative;
}

#gallery .marquee1,
#gallery .marquee2 {
	display: flex;
	animation: loop 34s linear infinite;
}

#gallery .marquee1 {
	backface-visibility: hidden;
	will-change: transform;
}

@keyframes loop {
	0% {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-1980px);
	}
}

#gallery img {
	width: 326px;
	height: 400px;
	margin-right: 4px;
	will-change: transform;
}

/* ---------------------------------------------------------
	CSS Document map
--------------------------------------------------------- */

#access .container {
	margin-bottom: 120px;
	text-align: left;
}

#access .iframe {
	height: 480px;
	margin-bottom: 60px;
	background: #ddd;
}

#access .iframe iframe {
	vertical-align: top;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0;
}

#access .flex {
	display: flex;
	margin-bottom: 40px;
	line-height: 1.7;
}

#access h4 {
	width: 200px;
	height: 36px;
	margin-right: 60px;
	border-bottom: solid 1px var(--gray);
	font-weight: 500;
	font-size: 16px;
}

#access .row {
	flex: 1;
}

#access .row p {
	margin-bottom: 1em;
}

#access .row dl {
	margin-bottom: 2em;
}

#access .row dt {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
}

#access .row dt img {
	height: 18px;
	margin-right: 0.5em;
}