@charset "UTF-8";
/*--------------------------------------------------------------
#container
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#container {
		background: #232323;
	}
	
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
h3
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	h3 {
		padding-left: 5%;
		padding-right: 5%;
		font-size: 25px;
		font-weight: 600;
	}
	
	h3 i {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 600;
		font-style: italic;
		display: block;
		font-family: "Exo 2", serif;
		line-height: 1;
		color: #2AB4FF;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	h3 {
		padding-left: 5%;
		padding-right: 5%;
		font-size: 2.93vw;
		font-weight: 600;
	}
	
	h3 i {
		margin: 0;
		padding: 0;
		font-size: 1.46vw;
		font-weight: 600;
		font-style: italic;
		display: block;
		font-family: "Exo 2", serif;
		line-height: 1;
	}

}

/*--------------------------------------------------------------
#message-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#message-area {
		margin: 0;
		padding: 15px 0 20px 0;
		background: url("img/bg.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 20px right 10px;
		background-color: #2F2F2F;
	}
	
	#message-area h3 {
		padding-bottom: 10px;
		padding-left: 5%;
	}
	
	#message-area dl {
		margin: 0 5%;
		padding: 0 0 30px 0;
		max-width: auto;
	}
	
	#message-area dt {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
	}
	
	#message-area dt span {
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 15px;
		font-weight: 600;
		font-style: italic;
		display: block;
		font-family: "Exo 2", serif;
		line-height: 1;
	}
	
	#message-area dd {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#message-area .president {
		margin: 0 10%;
		max-width: auto;
		text-align: right;
		font-size: 20px;
		font-weight: 600;
	}
	
	#message-area .president span {
		padding: 0 20px 0 0;
		font-size: 16px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#message-area {
		margin: 0;
		padding: 3.66vw 0 3.66vw 0;
		background: url("img/bg.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 3.66vw right 3.66vw;
		background-color: #2F2F2F;
	}
	
	#message-area h3 {
		padding-bottom: 1vw;
		padding-left: 5%;
	}
	
	#message-area dl {
		margin: 0 auto;
		padding: 0 0 3.66vw 0;
		max-width: 65.88vw;
	}
	
	#message-area dt {
		margin: 0;
		padding: 0 0 5.12vw 0;
		font-size: 2.93vw;
		font-weight: 600;
	}
	
	#message-area dt span {
		margin: 0;
		padding: 1.46vw 0 0 0;
		font-size: 1.46vw;
		font-weight: 600;
		font-style: italic;
		display: block;
		font-family: "Exo 2", serif;
		line-height: 1;
	}
	
	#message-area dd {
		margin: 0;
		padding: 0;
	}
	
	#message-area .president {
		margin: 0 auto;
		max-width: 65.88vw;
		text-align: right;
		font-size: 2.20vw;
		font-weight: 600;
	}
	
	#message-area .president span {
		padding: 0 2.93vw 0 0;
		font-size: 1.46vw;
	}

}

/*--------------------------------------------------------------
#visual-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#visual-area {
		margin: 0;
		padding: 0;
		background: url("img/wall.jpg") top left no-repeat;
		-webkit-background-size: 100% 50%;
		background-size: 100% 50%;
	}
	
	#visual-area .visual {
		margin: 0;
		padding: 0;
		background: url("img/president_sp.jpg") top center no-repeat;
		background-size: cover;
		height: 40vh;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#visual-area {
		margin: 0;
		padding: 0 10% 3.66vw 10%;
		background: url("img/wall.jpg") top left no-repeat;
		-webkit-background-size: 100% 50%;
		background-size: 100% 50%;
	}
	
	#visual-area .visual {
		margin: 0;
		padding: 0;
		background: url("img/president.jpg") top left no-repeat;
		background-size: cover;
		height: 38vw;
	}

}

/*--------------------------------------------------------------
#outline-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#outline-area {
		margin: 0;
		padding: 15px 0 0 0;
		background-color: #2F2F2F;
	}
	
	#outline-area h3 {
		padding-bottom: 0;
	}
	
	#outline-area dl {
		margin: 0 5%;
		padding: 0;
		border-bottom: 1px solid #505050;
		font-size: 15px;
		font-weight: 500;
		max-width: auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.5;
	}
	
	#outline-area dt {
		margin: 0;
		padding: 5px 0 0 0;
		width: 100%;
	}
	
	#outline-area dt p {
		font-weight: 600;
	}
	
	#outline-area dd {
		margin: 0;
		padding: 0 0 5px 0;
		
	}
	
	#outline-area dd span {
		margin: 0;
		padding: 0;
		display: block;
	}
	
	#outline-area dl a {
		color: #2AB4FF;
		text-decoration: underline;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#outline-area {
		margin: 0;
		padding: 3.66vw 0;
		background-color: #2F2F2F;
	}
	
	#outline-area h3 {
		padding-bottom: 2.20vw;
	}
	
	#outline-area dl {
		margin: 0 auto;
		padding: 0;
		border-bottom: 1px solid #505050;
		font-size: 1.10vw;
		font-weight: 500;
		max-width: 65.88vw;
		display: -webkit-flex;
		display: flex;
		line-height: 1.8;
	}
	
	#outline-area dt {
		margin: 0;
		padding: 0.366vw 0 0.366vw 3.66vw;
		width: 14.64vw;
	}
	
	#outline-area dt p {
		font-weight: 500;
	}
	
	#outline-area dd {
		margin: 0;
		padding: 0.366vw 0;
	}
	
	#outline-area dd span {
		margin: 0 2.20vw 0 0;
		padding: 0;
		display: inline;
	}

}

/*--------------------------------------------------------------
#history-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#history-area {
		margin: 0;
		padding: 15px 0 20px 0;
		background-color: #EFEFEF;
		color: #232323;
	}
	
	#history-area h3 {
		padding-bottom: 0;
	}
	
	#history-area dl {
		margin: 0 5%;
		padding: 0;
		border-bottom: 1px solid #D3D3D3;
		font-size: 15px;
		font-weight: 500;
		max-width: auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.5;
	}
	
	#history-area dt {
		margin: 0;
		padding: 5px 0 0 0;
		width: 100%;
		font-family: "Exo 2", serif;
		font-size: 18px;
		font-weight: 600;
		font-style: italic;
	}
	
	#history-area dd {
		margin: 0;
		padding: 0 0 5px 0;
		width: 100%;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#history-area {
		margin: 0;
		padding: 3.66vw 0;
		background-color: #EFEFEF;
		color: #232323;
	}
	
	#history-area h3 {
		padding-bottom: 0;
	}
	
	#history-area dl {
		margin: 0 auto;
		padding: 0;
		border-bottom: 1px solid #D3D3D3;
		font-size: 1.10vw;
		font-weight: 500;
		max-width: 65.88vw;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		line-height: 1.8;
	}
	
	#history-area dt {
		margin: 0;
		padding: 0.366vw 0 0.366vw 3.66vw;
		width: 200px;
		font-family: "Exo 2", serif;
		font-size: 1.46vw;
		font-weight: 600;
		font-style: italic;
	}
	
	#history-area dd {
		margin: 0;
		padding: 0.366vw 3.66vw 0.366vw 0;
		width: 100%;
	}

}

/*--------------------------------------------------------------
#gallery
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#gallery {
		margin: 0;
		padding: 0 0 15px 0;
		background-color: #EFEFEF;
		overflow: hidden;
	}
	
	#gallery ul {
		margin: 0;
		padding: 0;
		 display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		position: relative;
	}
	
	#gallery ul li:first-child {
		margin: 0 3% 0 0;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#gallery {
		margin: 0;
		padding: 0 10%;
		background-color: #EFEFEF;
		overflow: hidden;
	}
	
	
	
	#gallery ul li:first-child {
		margin: 0 3% 0 0;
	}
	

}

/*--------------------------------------------------------------
#awards-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#awards-area {
		margin: 0;
		padding: 0 0 30px 0;
		background-color: #EFEFEF;
		color: #232323;
	}
	
	#awards-area h3 {
		padding-bottom: 0;
	}
	
	#awards-area dl {
		margin: 0 5%;
		padding: 0;
		border-bottom: 1px solid #D3D3D3;
		font-size: 15px;
		font-weight: 500;
		max-width: auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.5;
	}
	
	#awards-area dt {
		margin: 0;
		padding: 5px 0 0 0;
		width: 100%;
		font-family: "Exo 2", serif;
		font-size: 18px;
		font-weight: 600;
		font-style: italic;
	}
	
	#awards-area dd {
		margin: 0;
		padding: 0 0 5px 0;
		width: 100%;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#awards-area {
		margin: 0;
		padding: 3.66vw 0;
		background-color: #EFEFEF;
		color: #232323;
	}
	
	#awards-area h3 {
		padding-bottom: 0;
	}
	
	#awards-area dl {
		margin: 0 auto;
		padding: 0;
		border-bottom: 1px solid #D3D3D3;
		font-size: 1.10vw;
		font-weight: 500;
		max-width: 65.88vw;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		line-height: 1.8;
	}
	
	#awards-area dt {
		margin: 0;
		padding: 0.366vw 0 0.366vw 3.66vw;
		width: 14.64vw;
		font-family: "Exo 2", serif;
		font-size: 1.46vw;
		font-weight: 600;
		font-style: italic;
	}
	
	#awards-area dd {
		margin: 0;
		padding: 0.366vw 3.66vw 0.366vw 0;
		width: 100%;
	}

}