@charset "utf-8";

html > body > main > div.contents > section:first-child {
	margin-top: 4%;
	margin-bottom: 6%;
}
html > body > main > div.contents > section {
	margin-bottom: 6%;
	padding-top: 75px;
	margin-top: -75px;
}
html > body > main > div.contents > section > div.body {
	padding-bottom: 100px;
	position: relative;
}

html > body > main > div.contents > section > div.body h2 {
	margin-top: 0;
	color: #464a5f;
	@media screen and (max-width: 600px) {
		margin-top: 80px;
	}
	& span {
		font-size: 50%;
		font-weight: bold;
		letter-spacing: -2px;
	}
}

html > body > main > div.contents > section > div.body h2::before {
	top: -33px;
}

html > body > main > div.contents > section > div.body p.note {
	margin-bottom: 1.5em;
	text-align: right;
	font-size: 1.5rem;
}
main > div.contents > section > div.body > h2 > span > span {
	display: block;
	font-weight: bold;
	font-size: 60%;
}
main > div.contents > section > div.body > p.map {
	margin-bottom: 0;
	position: absolute;
	top: 89px;
	left: 45px;
	width: 850px;
	/*z-index: 11;*/
}

main > div.contents > section#f5 > div.body {
	&>p.map {
		left: 60px;
	}
	&>div {
		margin-top: 310px;
	}
}

main > div.contents > section#f7 {
	margin-bottom: 0;
	@media screen and (max-aspect-ratio: 11/9) {
		margin-bottom: 60px;
	}
}

main > div.contents > section#b1 > div.body > p.map {
	top: 147px;
}

main > div.contents > section > div.body > p.map img {
	width: 100%;
}
main > div.contents > section:not(:first-child) > div.body > p.map a {
	position: absolute;
	right: 0;
	top: -40px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(248,142,45,1.00);
	padding: 5px 15px;
	font-size: 125%;
	width: 200px;
	text-align: center;
	text-decoration: none;
}
main > div.contents > section#f6 > div.body > p.map a,
main > div.contents > section#f7 > div.body > p.map a {
	margin-top: 10px;
}
main > div.contents > section:not(:first-child) > div.body > p.map a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 230px;
	height: 95px;
}

main > div.contents > section > div.body > div {
	position: relative;
	/* width: 71.667%; */
	width: 640px;
	z-index: 10;
	margin-top: 305px;
}

html > body > main > div.contents > section > div.body > div > table {
	margin-bottom: 0;
	width: 100%;
}
html > body > main > div.contents > section > div.body > div > table > thead {
	color: rgba(255,255,255,1.00);
	background-color: var(--colorB1);
	font-weight: bold;
}
html > body > main > div.contents > section > div.body > div > table > thead > tr > th {
	border: 0;
	color: rgba(255,255,255,1.00);
	text-align: left;
}
html > body > main > div.contents > section > div.body > div > table > thead > tr > th:first-child {
	width: 140px;
	@media screen and (max-width: 600px) {
		width: 30%;
	}
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr {
	border-bottom: solid 1px rgba(22,21,21,0.3);
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr:last-child {
	border: 0;
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr > th {
	text-align: left;
	/*background-color: var(--colorO3);*/
	border-width: 0;
	>span.title {
		margin: 0.4em 0;
		display: block;
		font-size: 90%;
	}
}
html > body > main > div.contents > section > div.body > div > table.d {
	margin-top: 20px;
	& > tbody > tr > th {
		/*background-color: var(--colorR3);*/
		background-color: var(--colorO3);
	}
}

html > body > main > div.contents > section > div.body > div > table.g {
	margin-top: 20px;
	& > tbody > tr > th {
		background-color: #eca5bf;
	}
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr > td {
	border-width: 0;
	background-color: transparent;
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr > td > ul > li {
	margin-bottom: 0.1em;
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr > td > ul > li.provision {
	margin-top: 0.7em;
	/* padding-left: 5.625em;
	text-indent: -5em; */
}
html > body > main > div.contents > section > div.body > div > table > tbody > tr > td > ul > li::before {
	display: none;
}
main > div.contents + div.local-nav {
	margin-top: -2%;
	margin-bottom: 4%;
}
html > body > main > div.contents > section {
padding-top: 10px;
margin: -105px auto 7%;
}

@media screen and (max-aspect-ratio: 11/9) {
	main > div.local-nav > ul {
		/*flex-wrap: wrap;*/
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	main > div.local-nav > ul > li {
		flex: none;
/*		width: calc(100%/3 - 8px);*/
	}
	html > body > main > div.contents > section {
		padding-top: 50px;
	}
	/* main > div.contents > section > div.body > p.map a::after {
		height: 65px !important;
	}*/
	main > div.contents > section > div.body > p.map {
		margin-top: 10px;
		left: 0;
		width: 100%;
		position: initial;
	}
	main > div.contents > section > div.body > div,
	main > div.contents > section#f5 > div.body > div {
		margin-top: 0;
	}
}

@media screen and (max-width: 600px) {
	html > body > main > div.contents > section > div.body {
		padding-bottom: 0;
	}
	html > body > main > div.contents > section > div.body h2 {
		    margin-bottom: 10px;
	}
	main > div.contents > section > div.body > p.map {
		left: 0;
		width: 100%;
		position: initial;
	}
	main > div.contents > section#b1 > div.body > p.map {
		top: 35.33vw;
	}
	main > div.contents > section:not(:first-child) > div.body > p.map a {
		font-size: 87.5%;
		width: 75px;
		text-align: center;
		line-height: 1;
		padding: 3px 5px;
		top: 10px;
	}
	main > div.contents > section#f6 > div.body > p.map a,
	main > div.contents > section#f7 > div.body > p.map a  {
		margin-top: 0;
	}
	main > div.contents > section:not(:first-child)  > div.body > p.map a::after {
		width: 85px;
		top: 34px;
		height: 50px !important;
	}
	main > div.contents > section#f6 > div.body > p.map a::after,
	main > div.contents > section#f7 > div.body > p.map a::after  {
		top: 29px;
	}
	main > div.contents > section > div.body > div {
		width: 100%;
		position: initial;
		margin-top: 0;
	}
	html > body > main > div.contents > section > div.body > div > table > tbody > tr > td > ul > li.provision {
		padding-left: 0.625em;
		text-indent: 0;
	}
	html > body > main > div.contents > section {
		padding-top: 20px;
		margin: -50px auto 7%;
	}
}

html > body > main > div.contents > section {
	&#b1 {
		margin-top: 0;
		>div.body {
			>h2 {
				margin-top: 32px;
			}
		}
	}
	>div.body {
		>p.note {
			margin-top: 23px;
			margin-bottom: 0;
		}
	}
}