.message-content {
	background-color: #eef2f6;
	padding-bottom: calc(120 / 1440 * 100vw);

	.message-content__inner {
		padding: calc(120 / 1440 * 100vw);
		box-shadow: 0px 0px calc(24 / 1440 * 100vw) calc(24 / 1440 * 100vw) rgba(221, 235, 248, 0.5);
		border-radius: calc(8 / 1440 * 100vw);

		background-image: url(../images/message/message-content.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		.image-and-text {
			background-image: url(../images/message/image-and-text-bg.jpg);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			aspect-ratio: 1040 / 568;
			width: 100%;
			height: auto;
			/* border-radius: calc(8 / 1440 * 100vw); */
			position: relative;
			.image-and-text__title {
				position: absolute;
				left: calc(41 / 1440 * 100vw);
				bottom: calc(191 / 1440 * 100vw);


				h2{
					color: var(--ffffff, #fff);

					/* JP-48B */
					font-family: "Noto Sans JP";
					font-size: calc(48 / 1440 * 100vw);
					font-style: normal;
					font-weight: 700;
					line-height: 160%; /* 76.8px */
					letter-spacing: calc(1.92 / 1440 * 100vw);
					background: linear-gradient(80deg, #0B4F93 0%, #3187CD 77.11%, #184D78 99.01%);
					padding: 0px calc(22 / 1440 * 100vw);

					width: fit-content;
					&:first-child{
						margin-bottom: calc(15 / 1440 * 100vw);
					}
				}
			}
			/* .image-and-text__title-sp {
				display: none;
			} */
		}
		.desc {
			color: var(--txt_main, #222);
			font-family: "Noto Sans JP";
			font-size: calc(16 / 1440 * 100vw);
			font-style: normal;
			font-weight: 400;
			line-height: 180%; /* 28.8px */
			letter-spacing: calc(0.64 / 1440 * 100vw);
		}
		.signature {
			.signature__company {
				color: var(--0-c-2-d-45, #0c2d45);
				text-align: right;
				font-family: "Noto Serif JP";
				font-size: calc(16 / 1440 * 100vw);
				font-style: normal;
				font-weight: 700;
				line-height: 160%; /* 25.6px */
				letter-spacing: calc(0.64 / 1440 * 100vw);
			}
			.signature__name {
				color: var(--0-c-2-d-45, #0c2d45);
				text-align: right;
				font-family: "Noto Serif JP";
				font-size: calc(24 / 1440 * 100vw);
				font-style: normal;
				font-weight: 700;
				line-height: 160%;
				letter-spacing: calc(0.96 / 1440 * 100vw);
			}
		}

		position: relative;
		.en-message {
			position: absolute;
			bottom: 0;
			left: 0;
			min-width: 100%;
			font-family: Montserrat;
			font-size: calc(104 / 1440 * 100vw);
			font-style: normal;
			font-weight: 500;
			line-height: calc(120 / 1440 * 100vw); /* 115.385% */
			letter-spacing: calc(-5.2 / 1440 * 100vw);

			background: var(--liner01, linear-gradient(80deg, #0b4f93 0%, #41a3f3 58.98%, #59b6b5 99.01%));
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}
}

@media screen and (max-width: 768px) {
	.message-content {
		background-color: #eef2f6;
		padding: 0;
		padding-bottom: calc(120 / 375 * 100vw);
		padding-bottom: 0;

		.message-content__inner {
			max-width: none;
			padding: calc(64 / 375 * 100vw) calc(20 / 375 * 100vw);
			box-shadow: 0px 0px calc(24 / 375 * 100vw) calc(24 / 375 * 100vw) rgba(221, 235, 248, 0.5);
			border-radius: calc(8 / 375 * 100vw);

			background-image: url(../images/message/message-content.png);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			.image-and-text {
				background-image: url(../images/message/image-and-text-bg.jpg);
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				aspect-ratio: 335 / 183;
				width: 100%;
				height: calc(183 / 375 * 100vw);
				/* border-radius: calc(8 / 375 * 100vw); */
				position: relative;
				.image-and-text__title {
					position: absolute;
					left: calc(14 / 375 * 100vw);
					bottom: calc(65 / 375 * 100vw);


					h2{
						color: var(--ffffff, #fff);

						/* JP-48B */
						font-family: "Noto Sans JP";
						font-size: calc(15 / 375 * 100vw);
						font-style: normal;
						font-weight: 700;
						line-height: 160%; /* 76.8px */
						letter-spacing: calc(1.92 / 375 * 100vw);
						background: linear-gradient(80deg, #0B4F93 0%, #3187CD 77.11%, #184D78 99.01%);
						padding: 0px calc(4 / 375 * 100vw);

						width: fit-content;
						&:first-child{
							margin-bottom: calc(15 / 1440 * 100vw);
						}
					}
				}
				.image-and-text__title-sp {
					display: block;
					position: absolute;
					left: auto;
					right: calc(-11 / 375 * 100vw);
					bottom: calc(11 / 375 * 100vw);

					color: var(--txt_main, #fff);
					font-family: "Noto Sans JP";
					font-size: calc(20 / 375 * 100vw);
					font-style: normal;
					font-weight: 700;
					line-height: 160%; /* 32px */
					letter-spacing: calc(0.8 / 375 * 100vw);
					p{
						width:fit-content;
						padding: 0px calc(6 / 375 * 100vw);
						background: var(--liner01, linear-gradient(80deg, #0b4f93 0%, #41a3f3 58.98%, #59b6b5 99.01%));
					}
					p:first-child{
						margin-bottom: calc(6 / 375 * 100vw);
					}
				}
			}
			.desc {
				color: var(--txt_main, #222);
				font-family: "Noto Sans JP";
				font-size: calc(16 / 375 * 100vw);
				font-style: normal;
				font-weight: 400;
				line-height: 180%; /* 28.8px */
				letter-spacing: calc(0.64 / 375 * 100vw);
			}
			.signature {
				.signature__company {
					color: var(--0-c-2-d-45, #0C2D45);
					text-align: right;
					font-family: "Noto Serif JP";
					font-size: calc(13 / 375 * 100vw);
					font-style: normal;
					font-weight: 700;
					line-height: 160%; /* 20.8px */
					letter-spacing: calc(0.52 / 375 * 100vw);
				}
				.signature__name {
					color: var(--0-c-2-d-45, #0C2D45);
					font-family: "Noto Serif JP";
					font-size: calc(18 / 375 * 100vw);
					font-style: normal;
					font-weight: 700;
					line-height: 160%;
					letter-spacing: calc(0.72 / 375 * 100vw);
				}
			}

			position: relative;
			.en-message {
				position: absolute;
				bottom: 0;
				left: 0;
				min-width: 100%;
				font-family: Montserrat;
				font-size: calc(30 / 375 * 100vw);
				font-style: normal;
				font-weight: 500;
				line-height: calc(32 / 375 * 100vw); /* 106.667% */
				letter-spacing: calc(-1.5 / 375 * 100vw);

				background: var(--liner01, linear-gradient(80deg, #0b4f93 0%, #41a3f3 58.98%, #59b6b5 99.01%));
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
	}
}