@charset "UTF-8";
/* =========================================================
   message_v2.css — 私たちについて ページ専用スタイル
   v2.0 / 2026-09-03
========================================================= */
/* --- Inner / Container --- */
.message-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 789px) {
  .message-inner { padding: 0 20px; }
}
/* --- Sections --- */
.message-section {
  padding: 90px 0;
}
.message-section--cream {
  background: #fff8f3;
}
/* --- Hero --- */
.message-hero {
  padding: 86px 20px;
  background: #fff8f3;
  text-align: center;
}
.message-hero__inner {
  max-width: 920px;
  margin: 0 auto;
}
.message-hero__label {
  margin: 0 0 16px;
  color: #e94b16;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
}
.message-hero h1 {
  margin: 0 0 24px;
  color: #e94b16;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.35;
}
.message-hero p {
  max-width: 780px;
  margin: 0 auto;
  color: #333;
  font-size: 17px;
  line-height: 2;
}

.message-list{
	text-align: left;
	margin: 0 auto !important;
	max-width: 500px;
}
.message-movie{	
  width: 100%;
  aspect-ratio: 16 / 9;
}
.message-movie iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}