@media print,screen and (min-width: 641px){
	body{
		background-color:#E0E0DB;
	}
	
	.st1{
		fill:#404040;
	}
	nav a{
		color:#404040;
	}
	
	#section01{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		font-size:12px;
		height:440px;
	}
		#section01 h2{
			text-align: center;
			font-size:13px;
			font-weight: normal;
			margin:0 0 50px;
		}
		#section01 >dl{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		#section01 dt{
			flex-basis:115px;
			vertical-align: top;
			white-space: nowrap;
		}
		#section01 dd{
			flex-basis:450px;
			margin:0;
			word-break: keep-all;
		}
		#section01 dl dd dl.officer{
			display: flex;
			justify-content: left;
			margin: 0;
		}
			#section01 dl dd dl.officer dt{
				flex-basis: 120px;
				flex-wrap: nowrap;
			}
			#section01 dl dd dl.officer dd{
				flex-basis: 3em;
			}

	footer{

	}
}






@media print,screen and (min-width: 641px) and (max-width: 768px){
/********************************************************************************************************************/

}




@media screen and (max-width: 640px){
	body{
		background-color:#E0E0DB;
	}
	
	.st0{
		fill:#404040;
	}
	nav a{
		color:#404040;
	}
	
	#section01{
		  margin: auto 30px;
			font-size:12px;
	}
		#section01 h2{
			text-align: center;
			font-size:13px;
			font-weight: normal;
			margin:30px 0 30px;
		}
		#section01 dl{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		#section01 dt{
			flex-basis:35%;
			vertical-align: top;
			white-space: nowrap;
		}
		#section01 dd{
			flex-basis:65%;
			margin:0;
			word-break: keep-all;
		}

		#section01 dl dd dl.officer{
			display: flex;
			justify-content: left;
			margin: 0;
		}
			#section01 dl dd dl.officer dt{
				flex-basis: 120px;
				flex-wrap: nowrap;
			}
			#section01 dl dd dl.officer dd{
				flex-basis: 3em;
			}

	footer{

	}

}