@charset "utf-8";

.messageArea {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.messageTop {
	margin-bottom: 5vw;
	position: relative;
	margin-top: 3vw;
}

.topBg {
}

.topBg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.year {
	font-size: 7vw;
	line-height: 120%;
	font-weight: 400;
	color: #C00;
	position: absolute;
	left: 63%;
	top: 20vw;
}

.greetTtl {
	font-size: 3.9vw;
	line-height: 120%;
	font-weight: 300;
	color: #C00;
	margin-bottom: 4vw;
	text-align: center;
}

.greetTxt {
	font-size: 1.2vw;
	line-height: 200%;
	margin-bottom: 2em;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.greetTxtRight {
	font-size: 1.3vw;
	line-height: 160%;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-bottom: 8vw;
}


@media screen and (max-width: 767.98px){ /*768-992*/


.messageArea {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.messageTop {
	margin-bottom: 8vw;
	position: relative;
	margin-top: 10vw;
}

.topBg {
}

.topBg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.year {
	font-size: 8vw;
	line-height: 120%;
	font-weight: 400;
	color: #C00;
	position: absolute;
	left: 63%;
	top: 30vw;
}

.greetTtl {
	font-size: 5.2vw;
	line-height: 120%;
	font-weight: 400;
	color: #C00;
	margin-bottom: 8vw;
	text-align: center;
}

.greetTxt {
	font-size: 3.3vw;
	line-height: 200%;
	margin-bottom: 2em;
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

.greetTxtRight {
	font-size: 3.3vw;
	line-height: 160%;
	width: 82%;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-bottom: 16vw;
}

}