@charset "UTF-8";

/**********************************
/* Message
/**********************************/
#message h3 {
	font-family: "Times New Roman", Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", "MS明朝", "MS Mincho", serif;
	font-size: 28px;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 105px;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: -0.075em;
}
.greeting {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.greeting p {
	width: 290px;
}
.greeting dl {
	width: 630px;
}
.greeting dl dt {
	font-size: 14px;
	line-height: 1.4;
}
.greeting dl dt span {
	font-family: "Times New Roman", Georgia, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", "MS PMincho", "MS明朝", "MS Mincho", serif;
	font-size: 28px;
	display: block;
	margin-top: 20px;
	margin-bottom: 45px;
	letter-spacing: -0.05em;
}
.greeting dl dd {
	font-size: 18px;
	line-height: 1.8;
}
#ceo p, #president dl {
	float: left;
}
#ceo dl, #president p {
	float: right;
}
#four-images {
	margin-bottom: 200px;	
}
/* リンクパネル */
#link-panel {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:1099px) {
.greeting {
	width: 100%;
	margin-bottom: 80px;
}
.greeting p {
	width: 29.5%;
}
.greeting dl {
	width: 64.5%;
}
}
@media screen and (max-width:979px) {
.greeting dl dt {
	font-size: 13px;
	line-height: 1.3;
}
.greeting dl dt span {
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.greeting dl dd {
	font-size: 16px;
	line-height: 1.6;
}
#link-panel {
	width: 94%;	
}
}
@media screen and (max-width:939px) {
#message h3 {
	font-size: 24px;
	margin-top: 60px;
	margin-bottom: 85px;
	font-weight: normal;
	line-height: 1.6;
}
#four-images {
	margin-bottom: 150px;	
}	
}
@media screen and (max-width:768px) {
#message h3 {
	margin-top: 40px;
	margin-bottom: 60px;
	line-height: 1.5;
}
.greeting {
	margin-bottom: 50px;
}
#four-images {
	margin-bottom: 50px;	
}	
}
@media screen and (max-width:640px) {
#message h3 {
	font-size: 20px;
	line-height: 1.6;
}
.greeting {
	margin-bottom: 40px;
}
#ceo p, #ceo dl, #president p, #president dl {
	float: none;
}
.greeting p, .greeting dl {
	display: block;
}
.greeting p {
	width: 70%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.greeting dl {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.greeting dl dt {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.greeting dl dt span {
	font-size: 20px;
	margin-top: 3%;
	margin-bottom: 6%;
	letter-spacing: 0;
}
#four-images {
	margin-bottom: 60px;
}
}