@charset "UTF-8";
/* CSS Document */


/*****本部長挨拶*******/
div#chief{
	margin: 30px 50px 100px;
	h3{
		font-family:serif;
		font-size: 42px;
		margin-bottom: 25px;
	}
	.mainphoto{
		width: 450px;
		margin: 50px 10px;
		float: left;
		max-width: 98%;
	}
	.message{
		width: 1000px;
		max-width: 98%;
		p{
			font-size: 22px;
		}
		p.signature{
			margin-top: 15px;
			text-align: right;
		}
	}
	.photos{
		clear: both;
		margin: 30px auto;
		img {
			width: 30%;
			margin-right: 4%;
		}
		img:last-child {
			margin-right:0;
		}
	}
}

/*****組織図*******/
div#orgchart{
	h3{
		font-size: 45px;
		text-align: center;
		margin-bottom: 30px;
		i{
			display: block;
			text-align: left;
			color:#AAAAAA;
			font-size: 65px;
			font-family: "Exo 2", sans-serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			letter-spacing: -0.05em;
		}
		i::first-letter{
			color: #006837;
		}
	}
	h4{
		font-size: 28px;
	}
	article{
		margin:0 auto;
	}
	.exec{
		border:solid 2px #000;
		width: 50%;
		p{padding: 10px;
			text-align: center;
			background-color: #F9FC5B;
			b{font-size:140%;}
		}
	}
	.execboard{
		border:solid 2px #000;
		background-color: #9FDAFF;
		display: flex;
		flex-wrap: wrap;
		h4{
			width: 100%;
			text-align: center;
			border:solid 2px #000;
			border-left: none;
			border-top: none;
		}
		p{
			width: 25%;
			text-align: center;
			padding: 8px;
			border:solid 2px #000;
			box-sizing: border-box;
			border-left: none;
			border-top: none;
			b{font-size:120%;}
		}
	}
	.board{
		border:solid 2px #000;
		background-color: #FFE0E1;
		display: flex;
		flex-wrap: wrap;
		h4{
			width: 100%;
			text-align: center;
			border:solid 2px #000;
			border-left: none;
			border-top: none;}
		p{
			width: 20%;
			text-align: center;
			padding: 8px;
			border:solid 2px #000;
			border-left: none;
			border-top: none;
			box-sizing: border-box;
			b{font-size:120%;}
		}
	}
	.shihan{
		margin: 50px auto;
		display: flex;
		flex-wrap: wrap;
		gap: 2px;
		h4{
			width: 100%;
		}
		p{
			width: 19%;
			text-align: center;
			padding: 8px;
			border:solid 2px #000;
			box-sizing: border-box;
			font-size:120%;
		}
	}
	.bukai{
		margin: 50px auto;
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
		h4{
			width: 100%;
		}
		section{
			width: 24%;
			padding: 8px;
			border:solid 2px #000;
			box-sizing: border-box;
			font-size:120%;
			h5{text-align: center;}
			i{font-size: 75%;
			display: block;line-height: 1em;}
		}
	}
	.connect{
		width: 4px;
		margin: 0 auto;
		height: 30px;
		background-color: #000;
	}
}

@media screen and (max-width:767px){
	/*****本部長挨拶*******/
	div#chief{
		margin: 0 auto;
		.mainphoto{
			margin:30px auto;
		}
		.message{
			margin:30px auto;
		}
		.photos{
			img {
				width: 98%;
				margin: 10px auto;
			}
		}
	}
	/*****組織図*******/
	div#orgchart{
		h3{
			font-size: 8vw;
			letter-spacing: -0.05em;
			
			i{
				font-size: 15vw;
			}
		}
		.exec{
			width: 96%;
		}
		.execboard{
			width: 96%;
			h4{}
			p{
				width: 50%;
			}
		}
		.board{
			width: 96%;
			h4{}
			p{
				width: 50%;
			}
		}
		.shihan{
			h4{}
			p{
				width: 32%;
			}
		}
		.bukai{
			gap: 1px;
				width: 96%;
			h4{}
			section{
				width: 49%;
			}
		}
		.connect{}
	}
}