@charset "utf-8";

#contract {
		box-sizing: border-box;
}


	.topicpath {
		max-width:1300px;
		padding:0 0;
	}
	.topicpath.wrap {
		flex-wrap: wrap;
	}
	.topicpath.wrap li {
		margin-top: 8px;
	}

	.topic-container {
		container-type:inline-size;
		container-name:container-topic;
	}

	@container container-topic (min-width:688px) {
		.topicpath.wrap li {
			margin-top: 16px;
		}		
	}


#contents .topicpath--contract-annocement-gyomu,
#contents .topicpath--contract-annocement-koji,
#contents .topicpath--contract-annocement-mono,
#contents .topicpath--contract-result {
	width:95%;
    	max-width: 1300px;
    	margin: 0 auto;
	padding: 0;
}


#contents .inner_width.inner_width--contract-annocement-gyomu,
#contents .inner_width.inner_width--contract-annocement-koji,
#contents .inner_width.inner_width--contract-annocement-mono,
#contents .inner_width.inner_width--contract-result {
	width:95%;
    	max-width: 1300px;
    	margin: 0 auto;
	padding:0;
	font-size:1rem;
}

#contents h3.title_xs_chara {
	border-left: .5em solid steelblue;
	border-bottom: 2px solid steelblue;
	box-shadow: 0 2px 0 #4682b43f;
	background: #fff; 
	letter-spacing: .2em;
	font-weight: 600;
	font-size:1.3rem;
}

#contents h4.title_ss {
	padding-left:1rem;
	font-size:1.15rem;
}

#contents .txt_s {
	line-height: 1.7;
	letter-spacing: 0.04em;
	font-weight: 400;
}

#contents p {
	margin-bottom:2rem;
	padding-left:1rem;
	letter-spacing: .03rem;
} 

a:link {
	color: blue;
	text-decoration: underline;
}

a:visited {
	color: purple;
	text-decoration: underline;
}
  
.table_noData {
	margin-bottom:20px;
	text-align: center;
	letter-spacing: .07em;
}


.new_mark {
	position: relative;
	display: inline-block;
	width: 1.7rem;
	height: auto;
	margin: 0 .25em;
	aspect-ratio: 179 / 130;
	vertical-align: middle;
	content: url(./new_mark.png);
	object-fit: contain;
}

/* Table Filter */
  
.tableFilter {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 10px;

}

.tableFilter #tableFilter_txt1 {
    border: 1px solid #000;
    border-radius: 3px 0 0 3px;
    outline: none;
    font-size: 0.95rem;
    max-width: 250px;
    padding: 2px 0 2px 1em;

}

.tableFilter #tableFilter_btn1 {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0 3px 3px 0;
    padding: 0 5px;
    outline: none;
    transition: 0.3s;

}

.tableFilter #tableFilter_btn1:hover {
    background-color: red;
    border-left: 1px solid steelblue;	
}

.tableFilter #tableFilter_btn1:active {
    background-color: #000;
}


.tableFilter #tableFilter_btn2 {
    background-color:#fff;
    border: 1px solid #000;
    border-radius: 3px;
    margin:0 0 0 10px;
    padding: 0 5px;
    font-size: 0.95rem;
    outline: none;
    transition: 0.3s;

}

.tableFilter #tableFilter_btn2:hover {
    box-shadow: 1px 2px #353535;
    color: white;
    background-color: black;
}

.tableFilter #tableFilter_btn2:active {
    box-shadow: 0 0;
    transform: translate(1px,2px);	
}



.container-contract {
	container-type:inline-size;
	container-name:grid-container;
}


/****** gyoumu *****/

#contents .grid-gyoumu > * {
	padding:.5em;
	outline:1px solid #000000;
}
	
#contents .grid-gyoumu {

	display:grid;
	grid-template-columns:4em repeat(6,1fr);
	grid-template-rows:auto;
	grid-template-areas:
		"aa bb bb bb bb bb bb"
		"aa sp-cc sp-cc sp-dd sp-dd sp-ee sp-ee"
		"aa cc cc dd dd ee ee"
		"sp-ff ff ff ff ff ff ff"
		"sp-gg gg gg gg gg gg gg";
	width:100%;
	margin:15px auto 1px;
	font-size:0.925em;
	letter-spacing: .03em;
	line-height: 1.7;
	gap:1px;
	outline: 2px solid #000000;

	& p {

	}
	& pre {
		white-space:pre-wrap;
	}
	& .grid-a {
		grid-area:aa;
		text-align:center;
	}				
	& .grid-b {
		grid-area:bb;
		font-weight:600;
	}				
	& .grid-c {
		grid-area:cc;
		text-align:center;
	}				
	& .grid-d {
		grid-area:dd;
		text-align:center;
	}
	& .grid-e {
		grid-area:ee;
		text-align:center;
	}
	& .grid-f {
		grid-area:ff;				
	}
	& .grid-g {
		grid-area:gg;
		
		& summary {

		}
	}

	& .sp-c {
		grid-area:sp-cc;
		text-align:center;
	}				
	& .sp-d {
		grid-area:sp-dd;
		text-align:center;
	}
	& .sp-e {
		grid-area:sp-ee;
		text-align:center;
	}
	& .sp-f {
		grid-area:sp-ff;
		text-align:center;
	}
	& .sp-g {
		grid-area:sp-gg;
		text-align:center;
	}
	/*
	& .grid-a::before {
		content:"No.";
		font-size:.825em;

	}
	*/

}

#contents .grid-gyoumu.header {
	display:none;				
}

#contents .grid-gyoumu > div[class*="sp-"] {
	font-weight:600;
}

#contents .grid-gyoumu:nth-child(2n) {
	background-color:#ffffff;
}


@container grid-container (min-width:570px) {

	#contents .grid-gyoumu {

		display:grid;
		grid-template-columns:4em 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb bb bb bb bb bb"
			"aa sp-cc cc sp-dd dd sp-ee ee"
			"aa sp-ff sp-ff sp-gg sp-gg sp-gg sp-gg"
			"aa ff ff gg gg gg gg";
		width:100%;
		margin:15px auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: 2px solid #000000;

		& .grid-b {
			font-weight:normal;
		}

	}

	#contents .grid-gyoumu:nth-child(2n) {
		background-color:#ffffff;
	}

	/*
	#contents .grid-a::before {
			content:"No.";
		}
	*/
}

@container grid-container (min-width:1300px) {

	#contents .grid-gyoumu,
	#contents .grid-gyoumu.header {

		display:grid;
		grid-template-columns:4em 17em 7em 7em 7em 15em 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb cc dd ee ff gg";
		width:1300px;
		margin:0 auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: none;

		& .grid-b {
			font-weight:normal;
		}

		& .sp-c,.sp-d,.sp-e,.sp-f,.sp-g {
			display:none;
		}
	}

	#contents .grid-gyoumu.header {
		display:grid;				
	}

	#contents .grid-gyoumu.header > * {
		padding:.5em;
		outline:1px solid #000000;
		text-align:center;
		border-bottom:2px solid #0017c1;
		
	}

	#contents .grid-gyoumu:nth-child(2n+1) {
		background-color:rgba(232,241,254,.3);
	}

	#contents .grid-gyoumu:nth-child(1) {
		background-color:#ffffff;
	}

	#contents .grid-gyoumu .grid-a::before {
			content:"";
		}

}		



/****** kouji *****/

#contents .grid-kouji > * {
	padding:.5em;
	outline:1px solid #000000;
}
	
#contents .grid-kouji {

	display:grid;
	grid-template-columns:4em repeat(6,1fr);
	grid-template-rows:auto;
	grid-template-areas:
		"aa bb bb bb bb bb bb"
		"aa sp-cc sp-cc sp-dd sp-dd sp-ee sp-ee"
		"aa cc cc dd dd ee ee"
		"sp-ff ff ff ff ff ff ff"
		"sp-gg gg gg gg gg gg gg"
		"sp-hh hh hh hh hh hh hh";
	width:100%;
	margin:15px auto 1px;
	font-size:0.925em;
	letter-spacing: .03em;
	line-height: 1.7;
	gap:1px;
	outline: 2px solid #000000;

	& p {

	}
	& pre {
		white-space:pre-wrap;
	}
	& .grid-a {
		grid-area:aa;
		text-align:center;
	}				
	& .grid-b {
		grid-area:bb;
		font-weight:600;
	}				
	& .grid-c {
		grid-area:cc;
		text-align:center;
	}				
	& .grid-d {
		grid-area:dd;
		text-align:center;
	}
	& .grid-e {
		grid-area:ee;
		text-align:center;
	}
	& .grid-f {
		grid-area:ff;				
	}
	& .grid-g {
		grid-area:gg;
		
		& summary {

		}
	}
	& .grid-h {
		grid-area:hh;				
	}

	& .sp-c {
		grid-area:sp-cc;
		text-align:center;
	}				
	& .sp-d {
		grid-area:sp-dd;
		text-align:center;
	}
	& .sp-e {
		grid-area:sp-ee;
		text-align:center;
	}
	& .sp-f {
		grid-area:sp-ff;
		text-align:center;
	}
	& .sp-g {
		grid-area:sp-gg;
		text-align:center;
	}
	& .sp-h {
		grid-area:sp-hh;
		text-align:center;
	}

}

#contents .grid-kouji.header {
	display:none;				
}

#contents .grid-kouji > div[class*="sp-"] {
	font-weight:600;
}


#contents .grid-kouji:nth-child(2n) {
	background-color:#ffffff;
}


@container grid-container (min-width:570px) {

	#contents .grid-kouji {

		display:grid;
		grid-template-columns:4em 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb bb bb bb bb bb"
			"aa sp-cc cc sp-dd dd sp-ee ee"
			"aa sp-ff sp-ff sp-gg sp-gg sp-gg sp-gg"
			"aa ff ff gg gg gg gg"
			"aa sp-hh sp-hh hh hh hh hh";
		width:100%;
		margin:15px auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: 2px solid #000000;

		& .grid-b {
			font-weight:normal;
		}

	}

	#contents .grid-kouji:nth-child(2n) {
		background-color:#ffffff;
	}

}

@container grid-container (min-width:1300px) {

	#contents .grid-kouji,
	#contents .grid-kouji.header {

		display:grid;
		grid-template-columns:4em 17em 7em 7em 7em 15em 23em 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb cc dd ee ff gg hh";
		width:1300px;
		margin:0 auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: none;

		& .grid-b {
			font-weight:normal;
		}

		& .sp-c,.sp-d,.sp-e,.sp-f,.sp-g,.sp-h {
			display:none;
		}
	}

	#contents .grid-kouji.header {
		display:grid;				
	}

	#contents .grid-kouji.header > * {
		padding:.5em;
		outline:1px solid #000000;
		text-align:center;
		border-bottom:2px solid #0017c1;
		
	}

	#contents .grid-kouji:nth-child(2n+1) {
		background-color:rgba(232,241,254,.3);
	}

	#contents .grid-kouji:nth-child(1) {
		background-color:#ffffff;
	}

}		


/****** mono *****/

#contents .grid-mono > * {
	padding:.5em;
	outline:1px solid #000000;
}

#contents h4.caption {
	padding:.5em 0 .5em 1em;
}


	
#contents .grid-mono {

	display:grid;
	grid-template-columns:4em repeat(6,1fr);
	grid-template-rows:auto;
	grid-template-areas:
		"aa bb bb bb bb bb bb"
		"aa sp-cc sp-cc sp-dd sp-dd sp-ee sp-ee"
		"aa cc cc dd dd ee ee"
		"sp-ff ff ff ff ff ff ff"
		"sp-gg gg gg gg gg gg gg";
	width:100%;
	margin:15px auto 1px;
	font-size:0.925em;
	letter-spacing: .03em;
	line-height: 1.7;
	gap:1px;
	outline: 2px solid #000000;

	& p {

	}
	& pre {
		white-space:pre-wrap;
	}
	& .grid-a {
		grid-area:aa;
		text-align:center;
	}				
	& .grid-b {
		grid-area:bb;
		font-weight:600;
	}				
	& .grid-c {
		grid-area:cc;
		text-align:center;
	}				
	& .grid-d {
		grid-area:dd;
		text-align:center;
	}
	& .grid-e {
		grid-area:ee;
		text-align:center;
	}
	& .grid-f {
		grid-area:ff;				
	}
	& .grid-g {
		grid-area:gg;
		
		& summary {

		}
	}

	& .sp-c {
		grid-area:sp-cc;
		text-align:center;
	}				
	& .sp-d {
		grid-area:sp-dd;
		text-align:center;
	}
	& .sp-e {
		grid-area:sp-ee;
		text-align:center;
	}
	& .sp-f {
		grid-area:sp-ff;
		text-align:center;
	}
	& .sp-g {
		grid-area:sp-gg;
		text-align:center;
	}
	/*
	& .grid-a::before {
		content:"No.";
		font-size:.825em;

	}
	*/

}

#contents .grid-mono.header {
	display:none;				
}

#contents .grid-mono > div[class*="sp-"] {
	font-weight:600;
}

#contents .grid-mono:nth-child(2n) {
	background-color:#ffffff;
}


@container grid-container (min-width:570px) {

	#contents .grid-mono {

		display:grid;
		grid-template-columns:4em 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb bb bb bb bb bb"
			"aa sp-cc cc sp-dd dd sp-ee ee"
			"aa sp-ff sp-ff sp-gg sp-gg sp-gg sp-gg"
			"aa ff ff gg gg gg gg";
		width:100%;
		margin:15px auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: 2px solid #000000;

		& .grid-b {
			font-weight:normal;
		}

	}

	#contents .grid-mono:nth-child(2n) {
		background-color:#ffffff;
	}

	/*
	#contents .grid-a::before {
			content:"No.";
		}
	*/
}

@container grid-container (min-width:1300px) {

	#contents .grid-mono,
	#contents .grid-mono.header {

		display:grid;
		grid-template-columns:4em 17em 7em 7em 7em 15em 1fr;
		grid-template-rows:auto;
		grid-template-areas:
			"aa bb cc dd ee ff gg";
		width:1300px;
		margin:0 auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: none;

		& .grid-b {
			font-weight:normal;
		}

		& .sp-c,.sp-d,.sp-e,.sp-f,.sp-g {
			display:none;
		}
	}

	#contents .grid-mono.header {
		display:grid;				
	}

	#contents .grid-mono.header > * {
		padding:.5em;
		outline:1px solid #000000;
		text-align:center;
		border-bottom:2px solid #0017c1;
		
	}

	#contents .grid-mono:nth-child(2n+1) {
		background-color:rgba(232,241,254,.3);
	}

	#contents .grid-mono:nth-child(1) {
		background-color:#ffffff;
	}

	#contents .grid-mono .grid-a::before {
			content:"";
		}

}	


/****** result *****/

#contents .grid-result > * {
	padding:.5em .02em;
	outline:1px solid #000000;
}

#contents .grid-result .grid-b,
#contents .grid-result .grid-c,
#contents .grid-result .grid-d {
	padding:.5em .5em;
}
	
#contents .grid-result {

	display:grid;
	grid-template-columns:repeat(10,1fr);
	grid-template-rows:auto;
	width:100%;
	margin:15px auto 1px;
	font-size:0.925em;
	letter-spacing: .03em;
	line-height: 1.7;
	gap:1px;
	outline: 2px solid #000000;
	text-align:center;

	& .grid-a {
		grid-row:1 / 10;
		grid-column:1 / 2;
		padding:.5em 0em;
	}				
	& .grid-b {
		grid-row:1 / 2;
		grid-column:2 / 11;
		font-weight:600;
	}				
	& .grid-c {
		grid-row:3 / 4;
		grid-column:2 / 11;
	}				
	& .grid-d {
		grid-row:5 / 6;
		grid-column:2 / 11;
	}
	& .grid-e {
		grid-row:7 / 8;
		grid-column:2 / 5;
	}
	& .grid-f {
		grid-row:7 / 8;
		grid-column:5 / 8;
	}
	& .grid-g {
		grid-row:7 / 8;
		grid-column:8 / 11;
	}
	& .grid-h {
		grid-row:9 / 10;
		grid-column:2 / 5;
	}
	& .grid-i {
		grid-row:9 / 10;
		grid-column:5 / 8;
	}
	& .grid-j {
		grid-row:9 / 10;
		grid-column:8 / 11;
	}

	& .sp-c {
		grid-row:2 / 3;
		grid-column:2 / 11;
	}				
	& .sp-d {
		grid-row:4 / 5;
		grid-column:2 / 11;
	}
	& .sp-e {
		grid-row:6 / 7;
		grid-column:2 / 5;
	}
	& .sp-f {
		grid-row:6 / 7;
		grid-column:5 / 8;
	}
	& .sp-g {
		grid-row:6 / 7;
		grid-column:8 / 11;
	}
	& .sp-h {
		grid-row:8 / 9;
		grid-column:2 / 5;
	}
	& .sp-i {
		grid-row:8 / 9;
		grid-column:5 / 8;
	}
	& .sp-j {
		grid-row:8 / 9;
		grid-column:8 / 11;
	}

}

#contents .grid-result > div[class*="sp-"] {
	font-weight:600;
}

#contents .grid-result.header {
	display:none;				
}

#contents .grid-result:nth-child(2n) {
	background-color:#ffffff;
}


@container grid-container (min-width:729px) {

	#contents .grid-result,
	#contents .grid-result.header {

		display:grid;
		grid-template-columns:repeat(44,1em) 1fr;
		grid-template-rows:auto;
		width:100%;
		margin:15px auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: 2px solid #000000;


		& .grid-a {
			grid-row:1 / 6;
			grid-column:1 / 5;
		}				
		& .grid-b {
			grid-row:1 / 2;
			grid-column:5 / 46;
		}				
		& .grid-c {
			grid-row:2 / 3;
			grid-column:13 / 46;
			text-align:left;
		}				
		& .grid-d {
			grid-row:3 / 4;
			grid-column:13 / 46;
			text-align:left;
		}
		& .grid-e {
			grid-row:5 / 6;
			grid-column:5 / 13;
		}
		& .grid-f {
			grid-row:5 / 6;
			grid-column:13 / 21;
		}
		& .grid-g {
			grid-row:5 / 6;
			grid-column:21 / 27;
		}
		& .grid-h {
			grid-row:5 / 6;
			grid-column:27 / 33;
		}
		& .grid-i {
			grid-row:5 / 6;
			grid-column:33 / 39;
		}
		& .grid-j {
			grid-row:5 / 6;
			grid-column:39 / 46;
		}

		& .sp-c {
			grid-row:2 / 3;
			grid-column:5 / 13;
		}				
		& .sp-d {
			grid-row:3 / 4;
			grid-column:5 / 13;
		}
		& .sp-e {
			grid-row:4 / 5;
			grid-column:5 / 13;
		}
		& .sp-f {
			grid-row:4 / 5;
			grid-column:13 / 21;
		}
		& .sp-g {
			grid-row:4 / 5;
			grid-column:21 / 27;
		}
		& .sp-h {
			grid-row:4 / 5;
			grid-column:27 / 33;
		}
		& .sp-i {
			grid-row:4 / 5;
			grid-column:33 / 39;
		}
		& .sp-j {
			grid-row:4 / 5;
			grid-column:39 / 46;
		}

	}

	#contents .grid-result div[class*="grid-"] {
		padding:.5em .5em;
	}

	#contents .grid-result.header {
		display:none;				
	}

	#contents .grid-gyoumu:nth-child(2n) {
		background-color:#ffffff;
	}

}

@container grid-container (min-width:1300px) {

	#contents .grid-result,
	#contents .grid-result.header {

		display:grid;
		grid-template-columns:repeat(81,1em) 1fr;
		grid-template-rows:auto;
		width:1300px;
		margin:0 auto 1px;
		font-size:0.925em;
		gap:1px;
		outline: none;

		& .grid-a {
			grid-row:1 / 2;
			grid-column:1 / 4;
		}				
		& .grid-b {
			grid-row:1 / 2;
			grid-column:4 / 21;
			text-align:left;
		}				
		& .grid-c {
			grid-row:1 / 2;
			grid-column:21 / 33;
			text-align:left;
		}				
		& .grid-d {
			grid-row:1 / 2;
			grid-column:33 / 42;
			text-align:center;
		}
		& .grid-e {
			grid-row:1 / 2;
			grid-column:42 / 51;
			text-align:right;
		}
		& .grid-f {
			grid-row:1 /2;
			grid-column:51 / 60;
			text-align:right;
		}
		& .grid-g {
			grid-row:1 / 2;
			grid-column:60 / 65;
		}
		& .grid-h {
			grid-row:1 / 2;
			grid-column:65 / 70;
		}
		& .grid-i {
			grid-row:1 / 2;
			grid-column:70 / 75;
		}
		& .grid-j {
			grid-row:1 / 2;
			grid-column:75 / 83;
		}


		& .sp-c,.sp-d,.sp-e,.sp-f,.sp-g,.sp-h,.sp-i,.sp-j {
			display:none;
		}

	}

	#contents .grid-result.header > div[class*="grid-"] {
		text-align:center;
		font-size:.925em;
	}

	#contents .grid-result.header {
		display:grid;
		font-weight:600;
	}

	#contents .grid-result.header > * {
		padding:.5em;
		outline:1px solid #000000;
		text-align:center;
		border-bottom:2px solid #0017c1;		
	}

	#contents .grid-result:nth-child(2n+1) {
		background-color:rgba(232,241,254,.3);
	}

	#contents .grid-result:nth-child(1) {
		background-color:#ffffff;
	}

	#contents .grid-result .grid-a::before {
		content:"";
	}

}


@page {
	size:A4 portrait;
	margin:20px auto;
	padding:0;
	width:97%;
}


@media print {
	* {
		white-space: wrap;
	}

	body {
		width:1369px;
		margin:auto;
	/*	zoom:0.431;	*/

	}

	table td pre {
		white-space: pre-wrap;
	}	
}