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


/*-----------------------------
  greeting
-----------------------------*/

/*		.mainTitle
-----------------------------*/
#greeting .mainTitle{
	background: url("../images/greeting_title.jpg") no-repeat center top / cover;
}
@media screen and (max-width: 768px) {
#greeting .mainTitle{
	background: url("../images/greeting_title.jpg") no-repeat -100vw top / cover;
}
}/* //end for SP */

/*		#message
-----------------------------*/
#message .leadArea dt{
	background: var(--blue);
	padding: 4vw;
	width: 30%;
}
#message .leadArea .h3Tit{
	font-size: 5rem;
	text-align: right;
}
#message .leadArea dd{
	font-size: 3.8rem;
	padding-left: 3%;
	width: 70%;
}
@media screen and (max-width: 768px) {
#message .leadArea dt{
	padding: 20px 15px;
	width: 50%;
}
#message .leadArea .h3Tit{
	font-size: 3rem;
	text-align: center;
}
#message .leadArea dd{
	font-size: 2.4rem;
	padding-top: 15px;
	width: 100%;
}
#message .img{
	margin-top: 30px;
}
}/* //end for SP */
@media screen and (min-width: 769px) {
#message .txtArea{
	margin-right: 40px;
	width: 60%;
}
#message .img{
	margin-top: 10px;
	width: 30%;
}
}/* //end for PC */