/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* Noto フォント
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;

font-family: zen-maru-gothic, sans-serif;
font-weight: 700;
font-style: normal;

font-family: kodomo-rounded, sans-serif;
font-weight: 400;
font-style: normal;
*/

:root{
	--base-color: #402806;
	--base-color-rgb: 64, 40, 6;
	--primary-color: #ff9719;
	--primary-color-rgb: 255, 151, 25;
	--secondary-color: #ff6219;
	--secondary-color-rgb: 255, 98, 25;
	--point-color: #76b522;
	--point-color-rgb: 118, 181, 34;
	}

body{
	color: var(--base-color);
	fill: currentColor;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: 1em;
	}
	::selection {
		background: var(--primary-color);
		color: #fff;
		}
	::-moz-selection {
		background: var(--primary-color);
		color: #fff;
		}

a{
	color: inherit;
	fill: currentColor;
	transition-property: color,text-decoration,background,background-color,background-size,border,border-color,box-shadow,fill,filter,opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	}

main{}
	main a{
		color: var(--primary-color);
		}
		main a:where(:hover,:focus){
			text-decoration: underline;
			}
	main p{
		line-height: 1.7em;
		}

:where(input,textarea,select){}
	:where(input,textarea,select):focus{
		border: 1px solid var(--primary-color);
		}

:where(input[type="radio"],input[type="checkbox"]){}
	:where(input[type="radio"],input[type="checkbox"])+label{
		line-height: 1.5em;
		}
		:where(input[type="radio"],input[type="checkbox"])+label:before{
			flex: 0 0 1.5em;
			width: 1.5em;
			height: 1.5em;
			color: rgba(var(--base-color-rgb),0.2);
			}
	:where(input[type="radio"],input[type="checkbox"]):checked+label{}
		:where(input[type="radio"],input[type="checkbox"]):checked+label:before{
			-webkit-animation: checked 0.2s forwards;
			animation: checked 0.2s forwards;
			color: var(--primary-color);
			}
		@-webkit-keyframes checked{
			30% {box-shadow: 0 0 0 1em rgba(var(--primary-color-rgb),0.5);}
			}
		@keyframes checked{
			30% {box-shadow: 0 0 0 1em rgba(var(--primary-color-rgb),0.5);}
			}

#wrapper{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-width: 100vw;
	min-height: 100vh;
	margin: auto;
	}

#header{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	z-index: 100;
	}

#siteName{}
	#siteName a{
		position: relative;
		display: block;
		color: var(--base-color);
		font-family: zen-maru-gothic, sans-serif;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1em;
		white-space: nowrap;
		-webkit-text-stroke-width: 4px;
		-webkit-text-stroke-color: var(--base-color);
		transform: translateY(-15%);
		filter: drop-shadow(2px 2px 0 var(--base-color));
		}
	#siteName span{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		-webkit-text-stroke-width: 0px;
		pointer-events: none;
		z-index: 1;
		}
	#siteName+div{
		margin: 0 auto 0 1em;
		font-family: zen-maru-gothic, sans-serif;
		font-weight: bold;
		line-height: 1.3em;
		}

#nav{
	display: flex;
	align-items: center;
	}
	#nav ul{
		display: flex;
		align-items: center;
		grid-gap: 2em 1.5em;
		list-style: none;
		}
	#nav a{
		font-family: zen-maru-gothic, sans-serif;
		font-weight: bold;
		text-decoration: none;
		}
		#nav a:hover{
			color: var(--primary-color);
			}
	#nav a:not([href="#nav_contact"]){
		position: relative;
		}
		#nav a:not([href="#nav_contact"]):before{
			position: absolute;
			width: 4px;
			height: 4px;
			background: currentColor;
			border-radius: 100%;
			}
		#nav a:not([href="#nav_contact"]):hover{}
			#nav a:not([href="#nav_contact"]):hover:before{
				content: "";
				}
	#nav a[href="#nav_contact"]{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		grid-gap: 0.5em;
		padding: 0.8em 1.2em;
		background: var(--secondary-color);
		border: none;
		border-radius: 2em;
		color: #fff;
		}
		#nav a[href="#nav_contact"]:before{
			content: "";
			flex: 0 0 1em;
			width: 1em;
			height: 1em;
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7.921l8.427 5.899c0.34 0.235 0.795 0.246 1.147 0l8.426-5.899v10.079c0 0.272-0.11 0.521-0.295 0.705s-0.433 0.295-0.705 0.295h-16c-0.272 0-0.521-0.11-0.705-0.295s-0.295-0.433-0.295-0.705zM1 5.983c0 0.010 0 0.020 0 0.030v11.987c0 0.828 0.34 1.579 0.88 2.12s1.292 0.88 2.12 0.88h16c0.828 0 1.579-0.34 2.12-0.88s0.88-1.292 0.88-2.12v-11.988c0-0.010 0-0.020 0-0.030-0.005-0.821-0.343-1.565-0.88-2.102-0.541-0.54-1.292-0.88-2.12-0.88h-16c-0.828 0-1.579 0.34-2.12 0.88-0.537 0.537-0.875 1.281-0.88 2.103zM20.894 5.554l-8.894 6.225-8.894-6.225c0.048-0.096 0.112-0.183 0.188-0.259 0.185-0.185 0.434-0.295 0.706-0.295h16c0.272 0 0.521 0.11 0.705 0.295 0.076 0.076 0.14 0.164 0.188 0.259z"></path></svg>');
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			-webkit-mask-size: cover;
			background: #fff;
			transform: scale(1.2);
			}
		#nav a[href="#nav_contact"]:hover{
			background: var(--primary-color);
			}

#pagePath{
	padding: 1em 0;
	background: #f6f5f4;
	}
	#pagePath ul{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 0.5em;
		}
	#pagePath li+li{
		display: grid;
		grid-template-columns: 1em auto;
		grid-gap: 0.5em;
		}
		#pagePath li+li:before{
			content: "";
			width: 1em;
			height: 1em;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			transform: scale(0.75);
			}

#main{
	margin-bottom: auto;
	}

#pageTop{
	position: -webkit-sticky;
	position: sticky;
	bottom: 1em;
	display: flex;
	justify-content: flex-end;
	margin: 0 1em 1em 0;
	pointer-events: none;
	transition: opacity 0.2s ease-out;
	z-index: 100;
	}
	.scrollTop #pageTop{
		opacity: 0;
		}
	#pageTop a{
		position: relative;
		display: block;
		width: 3em;
		height: 3em;
		background: var(--point-color);
		border-radius: 100%;
		color: transparent;
		pointer-events: all;
		overflow: hidden;
		}
	#pageTop a:before{
		content: "";
		position: absolute;
		top: 20%;
		left: 20%;
		width: 60%;
		height: 60%;
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.707 14.293l-6-6c-0.391-0.391-1.024-0.391-1.414 0l-6 6c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z"></path></svg>');
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		-webkit-mask-size: cover;
		background: #fff;
		transform: scale(1.2);
		}

#copyright{
	display: flex;
	align-items: center;
	height: 3em;
	background: var(--primary-color);
	box-sizing: content-box;
	}
	#copyright p{
		color: #fff;
		font-size: 0.875em;
		text-align: center;
		}

#pagenation{}
	#pagenation :where(ul,ol){
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		grid-gap: 0.5em;
		list-style: none;
		}
	#pagenation a{
		display: grid;
		place-items: center;
		text-decoration: none;
		}
		#pagenation a:not([rel]){
			height: 2.6em;
			width: 2.6em;
			background: var(--base-color);
			border-radius: 100%;
			color: #fff;
			}
		#pagenation a[rel]{
			grid-gap: 0.25em;
			color: inherit;
			}
		#pagenation a[rel="prev"]{
			grid-template-columns: 1em auto;
			}
			#pagenation a[rel="prev"]:before{
				content: "";
				align-self: center;
				width: 1em;
				height: 1em;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				transform: scale(0.75);
				}
		#pagenation a[rel="next"]{
			grid-template-columns: auto 1em;
			}
			#pagenation a[rel="next"]:after{
				content: "";
				align-self: center;
				width: 1em;
				height: 1em;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				transform: scale(0.75);
				}
		#pagenation a[rel="list"]{
			height: 2.6em;
			padding: 0 2em;
			background: var(--base-color);
			border-radius: 1.3em;
			color: #fff;
			}
	#pagenation ul{
		grid-gap: 1em;
		}
	#pagenation .lsc-current-page{
		background: #ccc !important;
		color: #fff;
		pointer-events: none;
		}

.wrap{
	width: var(--wrap);
	margin-left: auto;
	margin-right: auto;
	}

.subject{
	font-size: clamp(1.125em, 1vw + 1em, 2.25em);
	font-family: zen-maru-gothic, sans-serif;
	line-height: 1.5em;
	}
	.subject[data-ruby]{
		display: flex;
		flex-direction: column;
		align-items: center;
		}
		.subject[data-ruby]:before{
			content: attr(data-ruby);
			color: var(--primary-color);
			font-family: kodomo-rounded, sans-serif;
			font-size: 0.8em;
			line-height: 1em;
			}
		.subject[data-ruby]:after{
			content: "";
			display: block;
			width: 100%;
			height: 3em;
			margin-top: -1.5em;
			background: var(--base-color);
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			-webkit-mask-size: contain;
			}
		.subject[data-ruby]:after{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 100"><path d="M438.62,21.54c-.66-2.85-1.67-5.66-3.01-8.37-.12-.24-.25-.51-.38-.79-1.19-2.48-2.67-5.57-4.88-5.57-.67,0-1.3,.29-1.88,.85-1.77,1.74,.53,4.89,2.76,7.94l.35,.48c1.73,2.39,2.28,3.94,3.37,8.39,.99,4.01-.54,15.9-5.99,23.27-5.12,6.92-11.61,11.53-20.43,14.49-.09,.03-.18,.07-.3,.12-3.27,1.41-5.75,1.7-7.26,1.7-.58,0-1.14-.04-1.66-.13-1.36-.22-2.4-.32-3.28-.32-1.48,0-2.43,.3-3.01,.93-.39,.43-.57,.99-.52,1.61,.15,1.61,1.98,2.57,4.91,2.57,.47,0,.93-.03,1.38-.08-2.37,4.98-7.39,9.18-15.27,12.81-14.13,6.5-30.45,9.65-49.89,9.65-5.02,0-10.34-.22-15.8-.65-13.09-1.04-26.3-3.16-39.07-5.22-9.09-1.46-18.49-2.98-27.79-4.09-5.78-.69-10.83-1.03-15.46-1.03-12.84,0-22.79,2.61-30.27,7.96,.37-3.01-.9-6.34-3.06-8.36-3.48-3.25-8.44-4.08-12.84-4.47-3.03-.27-6.19-.4-9.39-.4-17.57,0-35.34,4.04-52.52,7.95-16.83,3.83-34.24,7.79-51.09,7.79-8.13,0-15.55-.89-22.67-2.72-8.72-2.24-15.33-5.61-20.2-10.29-5.81-5.58-8.78-13.31-7.76-20.15,.37-2.5,1.24-4.42,2.34-5.24,.17-.09,.81-.24,1.28-.35,1.65-.38,3.37-.78,3.7-2.01,.12-.43,.1-1.09-.66-1.79-.62-.58-1.42-.87-2.37-.87-1.07,0-2.17,.37-3.14,.69l-.29,.1c-1.23,.4-2.5,.61-3.78,.61-7.93,0-15.9-7.94-17.05-16.99-.74-5.79,.4-11.91,3.53-19.18,.53-.99,1.19-2.03,1.83-3.04,2.11-3.32,4.1-6.46,2.19-8.63-.41-.46-.93-.71-1.5-.71-1.51,0-3.09,1.6-5.3,5.35C1.54,13.73-.93,23.85,.32,30.53c2.04,10.86,10.78,20.14,21.49,22.96-4.38,10.71,2.37,23.22,11.62,30.29,10.24,7.83,24.18,11.97,40.32,11.97,2.39,0,4.84-.09,7.29-.27,12.35-.91,24.57-3.85,36.4-6.7,3.99-.96,8.12-1.95,12.18-2.85l.95-.21c17.08-3.77,33.21-7.34,52.13-7.34,1.19,0,2.38,.01,3.59,.04,6.08,.14,12.71,.7,14.39,5.5,1.12,3.19-1.18,7.03-2.39,8.29-1.52,1.58-2.87,2.01-4.3,2.47l-.49,.16c-.27,.09-.55,.13-.91,.13s-.69-.04-1.03-.07c-.4-.04-.79-.08-1.17-.08-.59,0-1.46,.07-2.33,.71-1.34,.98-1.39,1.99-1.29,2.5,.15,.83,.79,1.36,1.36,1.52,1.09,.3,2.11,.45,3.11,.45,3.34,0,6.39-1.66,10.53-4.53,7.96-5.51,15.89-9.38,22.33-10.9,2.66-.63,5.53-.93,8.76-.93,4.3,0,8.74,.55,12.91,1.12,7.26,.98,14.65,2.1,21.8,3.18,22.66,3.42,46.09,6.95,69.22,6.95h0c6.11,0,12.08-.25,17.74-.74,21.83-1.89,36.6-8.34,45.14-19.71,.39-.52,.78-1.06,1.16-1.6,1.32-1.86,2.57-3.62,4.3-4.85,1.55-1.09,3.38-1.69,5.33-2.33,.36-.12,.72-.24,1.08-.36,12.27-4.14,22.08-12.78,26.25-23.1,.98-2.42,1.64-4.99,1.96-7.65,.54-4.4,.14-8.92-1.15-13Z"/></svg>');
			}

.linkBut{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	grid-gap: 0.5em;
	padding: 0.6em 1.5em;
	background: var(--secondary-color);
	border: none;
	border-radius: 2em;
	color: #fff;
	font-family: zen-maru-gothic, sans-serif;
	font-size: inherit;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5em;
	}
	.linkBut:hover{
		background: var(--primary-color);
		text-decoration: none;
		}

.list{
	list-style: none;
	}
	.list > li{
		line-height: 1.5em;
		text-indent: 0;
		}
		.list > li > .list{
			margin-top: 0.5em;
			}
			.list > li:not(:last-child){}
				.list > li:not(:last-child) > .list:last-child{
					margin-bottom: 1em;
					}
		.list > li > .list.count{}
			.list > li > .list.count > li{
				padding-left: 2.8em;
				}
				.list > li > .list.count > li:before{
					content: "（"counter(count)"）";
					}
	.list > li+li{
		margin-top: 0.5em;
		}
	.list.point{}
		.list.point > li{
			position: relative;
			padding-left: 1.5em;
			}
			.list.point > li:before{
				position: absolute;
				top: 0.2em;
				left: 0;
				content: "●";
				color: #0068b7;
				transform: scale(0.7);
				}
	.list.notes{}
		.list.notes > li{
			padding-left: 1em;
			text-indent: -1em;
			}
	.list.count{
		counter-reset: count;
		}
		.list.count > li{
			position: relative;
			padding-left: 1.5em;
			}
			.list.count > li:before{
				counter-increment: count;
				content: counter(count)".";
				position: absolute;
				left: 0;
				}

.table{}
	.table:is(table){
		width: 100%;
		border-collapse: collapse;
		}
	.table :where(th,td){
		padding: 0.8em;
		border: 1px solid #ccc;
		line-height: 1.5em;
		vertical-align: middle;
		}
	.table > :where(dt,dd){
		padding: 0.8em;
		line-height: 1.5em;
		}
	.table thead{
		background: rgba(0, 104, 182, 0.1);
		}
	.table th{
		background: rgba(0, 0, 0, 0.05);
		}
	.table{}
		.table > dt{
			background: rgba(0, 104, 182, 0.1);
			}
		.table > dd{
			background: rgba(0, 0, 0, 0.05);
			}

.topicsList{}
	.topicsList dl{
		position: relative;
		display: grid;
		justify-content: start;
		grid-gap: 0.5em 1.5em;
		border-bottom: 1px solid #f6f5f4;
		line-height: 1.5em;
		}
	.topicsList dt{
		margin-right: 2em;
		}
	.topicsList dd+dd{
		display: contents;
		}
	.topicsList dd{}
		.topicsList dd a{
			position: absolute;
			top: 0;
			left: 0;
			display: grid;
			grid-template-columns: auto 1em;
			width: 100%;
			height: 100%;
			color: transparent;
			transition: none;
			z-index: 1;
			}
		.topicsList dd a:after{
			content: "";
			align-self: center;
			width: 1em;
			height: 1em;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: var(--primary-color);
			}

.googlemap{
	position: relative;
	}
	.googlemap:before{
		content: "";
		display: block;
		padding-top: 66.66%;
		}
	.googlemap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
	.googlemap div+div{
		margin-top: auto;
		}

.youtube{
	position: relative;
	padding-top: 56.25%;
	}
	.youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

.anchor{
	position: absolute;
	margin-top: -4em;
	opacity: 0;
	transform: translate(0,-4em); /*headerの高さ*/
	}





/* for lower */
@media (max-width: 1399.98px) {
/*1399px以下*/
}
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
:root{
	--wrap: calc(100vw - 2em);
	}
body{
	font-size: clamp(1rem, 4vw, 1.6rem);
	}
	body:not(.scrollTop):not(.nav) #header{
		filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.5));
		}
	body:not(.nav){}
		body:not(.nav) #nav{
			transform: translateY(-100%);
			}
#header{
	height: 4em;
	padding-left: 1em;
	z-index: 120;
	}
#navButton{
	position: relative;
	flex: 0 0 1em;
	width: 1em;
	height: 1em;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	color: transparent;
	font-size: 4em;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	}
	.nav #navButton:before{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.41,12l5.66-5.66c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-5.66,5.66L6.34,4.93c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l5.66,5.66-5.66,5.66c-.39,.39-.39,1.02,0,1.41s1.02,.39,1.41,0l5.66-5.66,5.66,5.66c.39,.39,1.02,.39,1.41,0s.39-1.02,0-1.41l-5.66-5.66Z"/></svg>');
		}
	#navButton:before{
		content: "";
		position: absolute;
		top: 20%;
		left: 20%;
		width: 60%;
		height: 60%;
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3,13H21c.55,0,1-.45,1-1s-.45-1-1-1H3c-.55,0-1,.45-1,1s.45,1,1,1Zm0-6H21c.55,0,1-.45,1-1s-.45-1-1-1H3c-.55,0-1,.45-1,1s.45,1,1,1Zm0,12H21c.55,0,1-.45,1-1s-.45-1-1-1H3c-.55,0-1,.45-1,1s.45,1,1,1Z"/></svg>');
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		-webkit-mask-size: cover;
		background: var(--primary-color);
		}
#nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	justify-content: center;
	padding: 6em 0 2em 0;
	background: rgba(255, 255, 255, 0.9);
	overflow-y: scroll;
	transform-origin: center top;
	transform: translateY(0);
	transition: transform 0.2s ease-out;
	z-index: 110;
	}
	#nav ul{
		flex-direction: column;
		}
	#nav a:not([href="#nav_contact"]){}
		#nav a:not([href="#nav_contact"]):before{
			top: calc(50% + 0.1em);
			left: 0;
			transform: translate(-300%,-50%);
			}
.topicsList{}
	.topicsList dl{
		padding: 1em 0;
		}
}


/* Small */
@media (max-width: 767.98px) {
/*767px以下*/
:root{
	--space: 2em;
	}
.topicsList{}
	.topicsList dt{
		grid-row: 2;
		}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
#siteName{
	font-size: 1.4em;
	}
	#siteName+div{
		font-size: 0.5em;
		}
.table{}
	.table > dd+dt{
		margin-top: 1px;
		}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
.table{}
	.table:is(dl){
		display: grid;
		grid-template-columns: clamp(12em, 30%, 20em) auto;
		grid-gap: 1px 0;
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
#siteName{
	font-size: 2em;
	}
	#siteName+div{
		font-size: 0.8em;
		}
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
.topicsList{}
	.topicsList dt{
		grid-column: 2;
		grid-row: 1;
		}
	.topicsList dd{
		grid-column: 1;
		grid-row: 1;
		}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
:root{
	--space: 3em;
	}
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
:root{
	--space: 4em;
	}
body{}
	body:not(.scrollTop) #nav{
		filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.5));
		}
#header{
	position: fixed;
	height: 5em;
	padding: 0 1.5em;
	z-index: 120;
	}
#siteName{}
	#siteName a{
		font-size: 2em;
		}
	#siteName+div{
		font-size: 0.8em;
		}
#navButton{
	display: none;
	}
#nav{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	right: 0;
	justify-content: flex-end;
	height: 5em;
	padding: 0 1.5em;
	background: #fff;
	z-index: 110;
	}
	#nav a:not([href="#nav_contact"]){}
		#nav a:not([href="#nav_contact"]):before{
			top: 0;
			left: 50%;
			transform: translate(-50%,-200%);
			}
.topicsList{}
	.topicsList dl{
		padding: 1.5em 0;
		}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
:root{
	--wrap: 960px;
	}
body{
	font-size: 1.4rem;
	}
#nav{}
	#nav ul{
		grid-gap: 1.5em;
		}
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
:root{
	--wrap: 1140px;
	}
body{
	font-size: 1.6rem;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
:root{
	--wrap: 1320px;
	}
#siteName{}
	#siteName a{
		font-size: 2.5em;
		}
}