@charset "UTF-8";
/* CSS Document */
h1 {
	border-bottom-color: #368d6d;
}
h1 span {
	border-color: #368d6d;
	border-bottom-color: #ffffff;
}
h2 span {
	background: linear-gradient(transparent 75%, #9bc6b6 75%);
}
#GuidelinesTbl {
	width: auto;
	max-width: 100%;
	margin: 1em auto;
	background: #ffffff;
}
#GuidelinesTbl th, #GuidelinesTbl td {
	text-align: left;
	font-weight: 400;
	padding: 0.25em 1em;
	border: solid 1px #cccccc;
	vertical-align: top;
}
#GuidelinesTbl th {
	background-color: #047149;
	white-space: nowrap;
	color: #ffffff;
}
#GuidelinesTbl table {
	margin: 0;
}
#GuidelinesTbl table th, #GuidelinesTbl table td {
	background: #ffffff;
	border: none;
	padding: 0;
	color: #4d4d4d;
}
#ProfileTbl {
	margin: 1em auto;
	background: #ffffff;
}
#ProfileTbl th, #ProfileTbl td {
	text-align: left;
	font-weight: 400;
	padding: 0.5em 1em;
	border: solid 1px #cccccc;
	vertical-align: top;
}
#ProfileTbl th {
	background-color: #047149;
	white-space: nowrap;
	color: #ffffff;
}
.NumberBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-left: 0;
	margin-bottom: auto;
	position: relative;
}
.NumberBlock:nth-of-type(1) div {
	display: block;
	width: 48vw;
	max-width: 480px;
	height: 48vw;
	max-height: 480px;
	border: solid 2px #368d6d;
	border-radius: 5px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 10px;
}
/*.NumberBlock:nth-of-type(2) div {
	display: block;
	width: 24vw;
	max-width: 240px;
	height: 24vw;
	max-height: 240px;
	border: solid 2px #368d6d;
	border-radius: 5px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 5px;
}*/
/*20221124修正*/
.NumberBlock:nth-of-type(2) div {
	display: block;
	width: 32vw;
	max-width: 320px;
	height: 32vw;
	max-height: 320px;
	border: solid 2px #368d6d;
	border-radius: 5px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 5px;
}
/*20230608修正*/
.NumberBlock:nth-of-type(3) div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2em;
	width: 100%;
	max-width: 100%;
	border: solid 2px #368d6d;
	border-radius: 5px;
	margin-bottom: 5px;
}
.NumberBlock:nth-of-type(3) div img {
	height: 32vw;
	max-height: 320px;
	width: auto;
}
.NumberBlock:nth-of-type(3) div p {
	margin-right: 1em;
}
/*タブレット*/
@media screen and (max-width: 999px) {
	#GuidelinesTbl th, #GuidelinesTbl td, #ProfileTbl th, #ProfileTbl td {
		font-size: 1.4vw;
		line-height: 150%;
	}
	/*20230608修正*/
	.NumberBlock:nth-of-type(3) div p {
		font-size: 80%;
		line-height: 150%;
	}
}
/*スマホ*/
@media screen and (max-width: 767px) {
	/* 縦向きの場合のスタイル */
	@media screen and (max-aspect-ratio: 11/10) {
		#GuidelinesTbl, #ProfileTbl {
			width: 100%;
		}
		#GuidelinesTbl tr, #ProfileTbl tr {
			display: block;
			border: solid 1px #cccccc;
			margin-bottom: 0.5em;
		}
		#GuidelinesTbl th, #GuidelinesTbl td, #ProfileTbl th, #ProfileTbl td {
			text-align: left;
			display: block;
			width: 100%;
			border: none;
			font-size: 80%;
		}
		#GuidelinesTbl table tr {
			border: none;
		}
		#GuidelinesTbl table th, #GuidelinesTbl table td {
			font-size: 100%;
		}
		.NumberBlock:nth-of-type(1) div, .NumberBlock:nth-of-type(2) div {
			width: 48vw;
			max-width: 480px;
			height: 48vw;
			max-height: 480px;
		}
		/*20230608修正*/
		.NumberBlock:nth-of-type(3) div {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-flow: column;
			gap:0;
		}
		.NumberBlock:nth-of-type(3) div img {
			width: 60vw;
			max-width: 600px;
			height: auto;
			max-height: auto;
		}
		.NumberBlock:nth-of-type(3) div p {
			margin: 1em;
		}
	}
}