@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document album
--------------------------------------------------------- */

#album {
	margin: 15vw 5vw 8vw;
}

#album .album_01 {
	margin-bottom: 10vw;
	text-align: left;
}

#album .album_01 img {
	height: 50vw;
}

#album .album_02 {
	margin-bottom: 10vw;
	text-align: right;
}

#album .album_02 img {
	height: 40vw;
}

#album .album_03 {
	text-align: left;
}

#album .album_03 img {
	height: 40vw;
}

#album .album_04 {
	margin-top: -15vw;
	margin-bottom: 10vw;
	text-align: right;
}

#album .album_04 img {
	height: 60vw;
}

#album .album_05 {
	margin-left: 15vw;
	text-align: left;
}

#album .album_05 img {
	height: 40vw;
}

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

#outline {
	background: no-repeat bottom / 1000px 50%;
}

#outline .bg {
	padding-bottom: 15vw;
	background: no-repeat center 18vw / 1000px auto;
}

#aloha #outline,
#aloha #outline .bg {
	background-image: url(/aloha/include/images/outline_01.webp);
}

#tachibana #outline,
#tachibana #outline .bg {
	background-image: url(/tachibana/include/images/outline_01.webp);
}

#tezukayama #outline,
#tezukayama #outline .bg {
	background-image: url(/tezukayama/include/images/outline_01.webp);
}

#outline .outline_02 {
	height: 25vw;
	margin-right: 8vw;
	margin-bottom: 19vw;
	text-align: right;
}

#outline .outline_02 img {
	height: 25vw;
}

#outline .flex {
	margin: 0 5vw;
	text-align: left;
}

#outline h3 {
	margin-bottom: 7vw;
	font-weight: 500;
	font-size: 6vw;
	line-height: 1.3;
}

#outline .table {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}

#outline .table dl {
	display: table-row;
	border-bottom: solid 1px #D9D9D9;
	text-align: left;
	line-height: 1.7;
}

#outline .table dt {
	display: table-cell;
	vertical-align: middle;
	width: 7em;
	padding: 5vw 0;
	font-weight: 500;
}

#outline .table dd {
	display: table-cell;
	vertical-align: middle;
	padding: 5vw 0;
}

#outline .outline_03 {
	margin-bottom: 10vw;
	text-align: center;
	position: relative;
}

#outline .outline_03 img {
	height: 60vw;
}

#outline .outline_03:after {
	content: '';
	width: 40vw;
	height: 25vw;
	background: url(/aloha/include/images/outline_04.png) no-repeat left bottom / auto 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
}

#outline .pdf {
	text-align: center;
}

#outline .pdf a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60vw;
	height: 14vw;
	margin: 0 auto 10vw;
	border-radius: 10px;
	background: var(--orange);
	text-decoration: none;
	line-height: 1.2;
	color: #fff;
}

#outline .pdf a:after {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 3vw;
	height: 4vw;
	margin: 0 -0.5em 0 0.5em;
	background: url(/include/images/icon_download.svg) no-repeat right / 100% auto;
}

#outline .map {
	height: 60vh;
	margin: 0 5vw 10vw;
}

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

#outline .document {
	display: flex;
	justify-content: space-between;
	margin: 0 5vw;
}

#outline .document li {
	width: 32%;
}

#outline .document a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 14vw;
	border-radius: 10px;
	background: var(--orange);
	text-decoration: none;
	line-height: 1.2;
	color: #fff;
}