@charset "utf-8";
/* -------------------------------
TITLE
------------------------------- */
h1.title {
	background: url(../images/bg_title01.jpg) center center / cover;
}
/* -------------------------------
MESSAGE
------------------------------- */
#contents #message .txt {
	width: 100%;
	transform: translateY(10px);
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	padding: 5rem;
}
#contents #message.in .txt {
	transform: translateY(0);
	opacity: 1;
}
#contents #message .txt .inn {
	width: 100%;
	max-width: 70rem;
	margin: 0 auto;
}
#contents #message .txt h2 {
	text-align: center;
}
#contents #message .txt h3 {
	text-align: center;
}
#contents #message .txt p.lead {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
#contents #message .txt p {
	margin-top: 5rem;
}
#contents #message .txt p.sign {
	text-align: right;
}
@media screen and (max-width: 768px){
	#contents #message .txt {
		padding: 3rem;
	}
	#contents #message .txt p {
		margin-top: 3rem;
	}
}
/* -------------------------------
CHAIRPERSON
------------------------------- */
#contents #chairperson .txt {
	width: 100%;
	transform: translateY(10px);
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	padding: 5rem;
}
#contents #chairperson.in .txt {
	transform: translateY(0);
	opacity: 1;
}
#contents #chairperson .txt .inn {
	width: 100%;
	max-width: 70rem;
	margin: 0 auto;
}
#contents #chairperson .txt h2 {
	text-align: center;
}
#contents #chairperson .txt h3 {
	text-align: center;
}
#contents #chairperson .txt p {
	margin-top: 5rem;
}
#contents #chairperson .txt p.sign {
	text-align: right;
}
@media screen and (max-width: 768px){
	#contents #chairperson .txt {
		padding: 3rem;
	}
	#contents #chairperson .txt p {
		margin-top: 3rem;
	}
}

/* -------------------------------
PROFILE
------------------------------- */

#contents #profile .txt {
	width: 100%;
	transform: translateY(10px);
	opacity: 0;
	transition: all 1s ease;
	position: relative;
	padding: 5rem;
}
#contents #profile.in .txt {
	transform: translateY(0);
	opacity: 1;
}
#contents #profile .txt .inn {
	width: 100%;
	max-width: 83rem;
	margin: 0 auto;
}
#contents #profile .txt h2 {
	text-align: center;
}
#contents #profile .txt h3 {
	text-align: center;
}
#contents #profile .txt .table {
	margin-top: 5rem;
}
#contents #profile .txt .table table {
	table-layout: fixed;
	border-collapse: separate;
	width: 100%;
}
#contents #profile .txt .table table tr th,
#contents #profile .txt .table table tr td {
	border-bottom: 1px solid #666;
	vertical-align: top;
	padding: 2.5rem 0;
}
#contents #profile .txt .table table tr th {
	font-weight: bold;
	width: 27.7%;
}
#contents #profile .txt .table table tr td {
}
#contents #profile .txt .table table tr td ol {
	list-style: decimal;
	padding-left: 2rem;
}
#contents #profile .txt .table table tr td ol li {
}

@media screen and (max-width: 768px){
	#contents #profile .txt {
		padding: 3rem;
	}
	#contents #profile .txt .table {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 480px){
	#contents #profile .txt .table table tr th,
	#contents #profile .txt .table table tr td {
		display: block;
		border-bottom: none;
		vertical-align: top;
		padding: 1.5rem 0;
	}
	#contents #profile .txt .table table tr th {
		font-weight: bold;
		width: 100%;
		text-align: center;
		background: #f5f5f5;
	}
	#contents #profile .txt .table table tr td {
		width: 100%;
		padding: 1.5rem;
	}
}