@charset "utf-8";
.message_catch {
		max-width: 1160px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		padding: 0 20px;
		margin-bottom: -70px;
}
.message_catch_inner {
		display: flex;
		align-items: center;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url("../images/message_catch_bg_pc.png");
		background-color: #d3372d;
		color: #fff;
		box-sizing: border-box;
		min-height: 270px;
		position: relative;
		top: -70px;
		padding: 0 20px 0 90px;
}
.message_catch_inner_flex {
		display: flex;
		align-items: center;
}
.message_catch_inner h3 {
		font-family: "Poppins", sans-serif;
		font-weight: 200;
		font-style: italic;
		color: #fff;
		font-size: 34px;
		line-height: 1;
		position: relative;
		margin-right: 100px;
}
.message_catch_inner p {
		font-size: 36px;
		font-weight: 700;
		line-height: 1.8;
		letter-spacing: 0.03em;
}
@media(max-width: 1100px) {
		.message_catch_inner {
				padding: 0 20px 0 40px;
				background-size: auto 100%;
				min-height: 200px;
		}
		.message_catch_inner h3 {
				font-size: 28px;
				margin-right: 50px;
		}
		.message_catch_inner p {
				font-size: 26px;
		}
}
/* ==================== */
.message-2, .message-4 {
		background: #E4E4E4;
}
.message_inner {
		display: flex;
		align-items: center;
		padding: 160px 20px;
		max-width: 1280px;
		margin: 0 auto;
}
.message_inner.reverse {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
}
.message_caption {
		flex: 1
}
.message_caption h3 {
		font-family: "Poppins", sans-serif;
		font-weight: 200;
		font-style: italic;
		font-size: 34px;
		color: #D3372D;
		margin: 0 0 40px;
}
.message_caption h4 {
		font-size: clamp(1.125rem, 1.306vw + 0.819rem, 2.125rem);
		font-weight: 700;
		line-height: 1.8;
		margin: 0 0 50px;
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.message_caption p {
		line-height: 2.0;
		font-weight: 400;
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		letter-spacing: 0.03em;
}
.message_photo {
		width: 547px;
		margin-right: 80px;
}
.reverse .message_photo {
		margin-right: 0;
		margin-left: 80px;
}
.message_photo img {
		width: 100%;
		height: auto;
}
@media(max-width: 1300px) {
		.message_inner {
				display: flex;
				align-items: flex-start;
		}
		.message_inner.reverse {
				display: flex;
				flex-direction: row-reverse;
				align-items: flex-start;
		}
		.message_caption {
				padding-right: 40px;
		}
		.reverse .message_caption {
				padding-right: 0;
				padding-left: 30px;
		}
		.message_photo {
				width: 40%;
				margin-right: 30px;
		}
		.reverse .message_photo {
				margin-right: 0;
				margin-left: 30px;
		}
		.message_caption h3 {
				font-size: 26px;
				margin: 0 0 30px;
		}
		.message_caption h4 {
				margin: 0 0 30px;
		}
}
@media(min-width: 768px) and (max-width: 840px) {
		.message_caption h4 br {
				display: none
		}
}
@media(max-width: 1100px) {
		.message_inner {
				padding: 100px 20px;
		}
}
@media(max-width: 840px) {
		.message_caption {
				padding-right: 15px;
		}
		.reverse .message_caption {
				padding-right: 0;
				padding-left: 15px;
		}
}
@media(max-width: 767px) {
		.message_inner {
				padding: 40px 20px;
		}
		.message_catch_inner {
				display: flex;
				justify-content: center;
				background-image: url(../images/message_catch_bg_sp.png);
				min-height: inherit;
				top: -17px;
				padding: 35px 5px 40px;
		}
		.verLandscape .message_catch_inner {
				background-image: url(../images/message_catch_bg_mid.png);
				background-size: cover;
		}
		.message_catch_inner_flex {
				display: block;
		}
		.message_catch_inner h3 {
				font-size: 24px;
				margin: 0 0 15px;
		}
		.message_catch_inner p {
				font-size: 18px;
		}
		.message_inner {
				display: block !important;
		}
		.message_photo, .reverse .message_photo {
				width: auto;
				margin: 0 0 30px;
		}
		.message_caption {
				padding: 0 !important
		}
		.message_caption h3 {
				font-size: 26px;
				margin: 0 0 20px;
		}
		.message_caption h4 {
				margin: 0 0 20px;
				font-size: 23px;
		}
		.message_caption h4 br {
				display: block;
		}
		.message_caption h4 br.pcbr {
				display: none !important
		}
}
@media(max-width: 395px) {
		.message_caption h4 {
				font-size: 20px;
		}
}