/* =========================================
  Intro
========================================= */
.greeting-intro__text {
  max-width: var(--container-width);
  margin-top: 50px;
}

.greeting-intro__text p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 2.3;
}

.greeting-intro__text p:first-child {
  margin-top: 0;
}


/* =========================================
  Message
========================================= */
.greeting-message {
  position: relative;
}

.message-bg {
	margin-top: 100px;
	padding: 0 0 80px;
	background: var(--color-bg-light);
	border-radius: 0 0 0 40px;
}

.message {
	position: relative;
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* 左 */
.message-card {
	background: transparent;
	position: relative;
	z-index: 2;
	flex: 0 0 406px;
	max-width: 406px;
	margin-top: -36px;
}

.message-card img {
  width: 100%;
}

.message-card__name {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: end;
}

.message-card__name span {
  font-size: 14px;
}

/* 右 */
.message-text {
	background: rgba(255, 255, 255, 0.65);
	position: relative;
	padding: 40px 48px;
	z-index: 2;
	flex: 1;
	margin-top: -36px;
}

.message-text p {
  font-size: 15px;
  line-height: 2.2;
}

.message-text p:first-child {
  margin-top: 0;
}


/* =========================================
  Responsive
========================================= */
@media screen and (max-width: 768px) {
  .greeting-intro__text {
    margin-top: 24px;
  }

  .greeting-intro__text p {
    font-size: 14px;
    line-height: 2;
  }

  .message {
    flex-direction: column;
    gap: 28px;
  }

  .message-card {
		flex: none;
		width: 100%;
		max-width: 100%;
  }

  .message-text p {
    font-size: 14px;
    line-height: 2;
  }

	.message-card__name {
		font-size: 14px;
	}

	.message-card__name span {
		font-size: 12px;
	}

	.message-text {
		padding: 20px;
		margin-top: 0;
		width: 100%;
	}
}