@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#wrap {
	position: relative;
}
#wrap::before {
	content: '';
	display: block;
	width: 55vw;
	height: 100%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 330px;
	right: 11vw;
	transform: translate(50%,-50%) rotate(-30deg);;
	z-index: -1;
}
#message {
	width: 100%;
	height: auto;
}
	.message__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 50px 0 125px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.message__image {
			width: 37.4%;
			height: auto;
			padding-top: 118px;
			position: relative;
		}
			.message__image_wrap {
				width: 100%;
				height: auto;
				border-radius: 20px;
				overflow: hidden;
			}
				.message__image img {
					width: 100%;
					height: auto;
				}
			.message__image_cap {
				width: 100%;
				height: auto;
				font-size: 0.875rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.08em;
				text-align: right;
				position: absolute;
				bottom: -26px;
				right: 0;
			}
		.message__contents {
			flex: 1;
			height: auto;
			padding-left: 70px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}
			.message__heading {
				width: 100%;
				height: auto;
				margin-bottom: 50px;
			}
				.message__heading__txt {
					font-size: 2rem;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.2em;
					font-feature-settings: "palt";
				}
					.message__heading__txt span {
						display: inline-block;
						padding: 18px 20px 18px calc(20px + 0.2em);
						margin-bottom: 10px;
						background-color: #fff;
						text-indent: 0em;
					}
					.message__heading__txt span:last-of-type {
						margin-bottom: 0;
					}
			.message__txt {
				width: 100%;
				height: auto;
				font-size: 1rem;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.08em;
			}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#wrap {
	position: relative;
}
#wrap::before {
	content: '';
	display: block;
	width: 55vw;
	height: 100%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 130px;
	right: 11vw;
	transform: translate(50%,-50%) rotate(-30deg);;
	z-index: -1;
}
#message {
	width: 100%;
	height: auto;
}
	.message__inner {
		width: 90%;
		max-width: 1086px;
		height: auto;
		padding: 0 0 125px;
		margin: 0 auto;
	}
		.message__image {
			width: 100%;
			height: auto;
			position: relative;
			margin-bottom: 80px;
		}
			.message__heading {
				width: 100%;
				height: auto;
				margin-bottom: 40px;
			}
				.message__heading__txt {
					font-size: 1.5rem;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.15em;
					font-feature-settings: "palt";
				}
					.message__heading__txt span {
						display: inline-block;
						padding: 13px 10px;
						margin-bottom: 9px;
						background-color: #fff;
					}
					.message__heading__txt span:last-of-type {
						margin-bottom: 0;
					}
			.message__image_wrap {
				width: 50%;
				height: auto;
				margin: 0 auto;
				border-radius: 15px;
				overflow: hidden;
			}
				.message__image img {
					width: 100%;
					height: auto;
				}
			.message__image_cap {
				width: 50%;
				height: auto;
				font-size: 0.875rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.08em;
				text-align: right;
				position: absolute;
				bottom: -26px;
				left: 50%;
				transform: translate(-50%,0%);
			}
		.message__contents {
			width: 100%;
			height: auto;
		}
			.message__txt {
				width: 100%;
				height: auto;
				font-size: 1rem;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.08em;
			}
}

/* SP ================================================== */
@media all and (max-width:599px){
#wrap {
	position: relative;
}
#wrap::before {
	content: '';
	display: block;
	width: 55vw;
	height: 100%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 120px;
	right: 11vw;
	transform: translate(50%,-50%) rotate(-30deg);;
	z-index: -1;
}
#message {
	width: 100%;
	height: auto;
}
	.message__inner {
		width: 90%;
		height: auto;
		padding: 0 0 125px;
		margin: 0 auto;
	}
		.message__image {
			width: 100%;
			height: auto;
			position: relative;
			margin-bottom: 80px;
		}
			.message__heading {
				width: 100%;
				height: auto;
				margin-bottom: 40px;
			}
				.message__heading__txt {
					font-size: 1.5rem;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.15em;
					font-feature-settings: "palt";
				}
					.message__heading__txt span {
						display: inline-block;
						padding: 13px 10px;
						margin-bottom: 9px;
						background-color: #fff;
					}
					.message__heading__txt span:last-of-type {
						margin-bottom: 0;
					}
			.message__image_wrap {
				width: 100%;
				height: auto;
				border-radius: 15px;
				overflow: hidden;
			}
				.message__image img {
					width: 100%;
					height: auto;
				}
			.message__image_cap {
				width: 100%;
				height: auto;
				font-size: 0.875rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.08em;
				text-align: right;
				position: absolute;
				bottom: -26px;
				right: 0;
			}
		.message__contents {
			width: 100%;
			height: auto;
		}
			.message__txt {
				width: 100%;
				height: auto;
				font-size: 1rem;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.08em;
			}
}