@charset "utf-8";

/* pageTitle
/* ------------------------------------------------------------------------ */
#pageTitle{
	background: url("../img/pageTitleBg_001.jpg") no-repeat center center;
	background-size: cover;
}

#pageTitle .txt {
	color: #a2a2a2;
}

#pageTitle .title {
	color: #1a1a1a;
}

@media (min-width: 768px) {

	#pageTitle .title span {
		margin-right: 15px;
		position: relative;
		bottom: -3px;
		font-size: 6rem;
		letter-spacing: -0.25em;
	}

}
@media (max-width: 767px) {

	#pageTitle .title span {
		margin: 0 8px 0 -4px;
		position: relative;
		bottom: -2px;
		font-size: 3.6rem;
		letter-spacing: -0.25em;
	}
}



/* messageBox
/* ------------------------------------------------------------------------ */
.messageBox{
	width: 1200px;
	margin: 0 auto;
}

.messageBox .box{
	margin: 70px 0 0 0;
}

.messageBox .box .txtBox {
	width: 930px;
	margin: 0 auto;
}

.messageBox .box .txtBox p.txt {
	text-align: left;
}

.messageBox .box .txtBox p.txt+p.txt {
	margin-top: 30px;
}

.messageBox .box .txtBox p.txt.last {
	text-align: right;
}

.messageBox .box .txtBox p.sign {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	font-size: 1.7rem;
	line-height: 1.8;
}

.messageBox .box .txtBox p.sign span {
	display: inline-block;
	text-align: left;
}

.messageBox .box .txtBox p.sign span em {
	margin-bottom: 0.6rem;
	display: inline-block;
	font-size: 2.3rem;
}

.messageBox .box figure {
	width: 100%;
	margin-top: 45px;
	position: relative;
	text-align: center;
}

.messageBox .box figure img {
	width: 360px;
	border: 12px solid #fff;
	box-shadow: 3px 3px 12px rgba(0,0,0,0.15);
}

.messageBox .box figure figcaption {
	margin-top: 6px;
}

@media (min-width: 768px) {

	.messageBox .box figure::before {
		width: 342px;
		height: 498px;
		margin: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: url(../img/img_002.jpg) no-repeat 0 0;
		content: '';
		}
	.messageBox .box figure::after {
		width: 342px;
		height: 498px;
		margin: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: url(../img/img_003.jpg) no-repeat 0 0;
		content: '';
		}

}
@media (max-width:767px) {

	.messageBox{
		width: 100%;
		margin: 0 auto;
	}

	.messageBox .title{
		font-size: 2.8rem;
	}

	.messageBox .title span{
		font-size: 5rem;
	}

	.messageBox .box{
		margin-top: 40px;
		display: block;
	}

	.messageBox .box .txtBox{
		width: 90%;
		margin: 0 auto;
	}

	.messageBox .box .txtBox p.sign span em {
		font-size: 2rem;
	}

	.messageBox .box figure {
		width: 90%;
		padding-bottom: 42%;
		margin-left: auto;
		margin-right: auto;
	}

	.messageBox .box figure::after {
		width: 100%;
		height: auto;
		aspect-ratio: 754 / 338;
		margin: auto;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(../img/img_004.jpg) no-repeat center top / contain;
		content: '';
		}

}