/* =====================================================================
   ABOUT（XD: PC 1920 / SP 430 原寸再現）
   ===================================================================== */

/* セクション共通ラベル */
.custom-about-label {
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: var(--ls-129);
  color: var(--color-primary);
}
.custom-about-label.is-center { text-align: center; }

/* ---------- MESSAGE ---------- */
.custom-about-message { position: relative; height: 75.8rem; }
.custom-about-message-inner { position: relative; height: 100%; }
.custom-about-message .custom-about-label {
  position: absolute;
  left: 0;
  top: 18rem;
}
.custom-about-message-title {
  position: absolute;
  left: 0;
  top: 24.8rem;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: var(--ls-129);
  color: var(--color-blue);
}
.custom-about-message-text {
  position: absolute;
  left: 0;
  top: 31.2rem;
  width: 69rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 4.2rem;
  letter-spacing: var(--ls-129);
  color: #000;
}
.custom-about-message-photo {
  position: absolute;
  left: 80.1rem;
  top: 17.2rem;
  width: 54.9rem;
  height: 33.5rem;
  object-fit: cover;
  object-position: center 40%;
  border-radius: 2.5rem;
  filter: drop-shadow(0 1.4rem 1.5rem rgba(40, 70, 180, 0.35));
}
.custom-about-scribble {
  position: absolute;
  left: 89.4rem;
  top: 60rem;
  width: 32.2rem;
}
@media (max-width: 767px) {
  .custom-about-label { font-size: 2.1rem; }
  .custom-about-message { height: 101.8rem; }
  .custom-about-message .custom-about-label { top: 9.4rem; }
  .custom-about-message-photo { left: 0; top: 14.3rem; width: 35rem; height: 25.2rem; border-radius: 2.4rem; filter: none; }
  .custom-about-message-title { top: 45.9rem; font-size: 2.4rem; line-height: 4.2rem; }
  .custom-about-message-text { top: 54.9rem; width: 35rem; font-size: 1.4rem; line-height: 3.4rem; }
}

/* ---------- PHILOSOPHY ---------- */
.custom-about-philosophy { position: relative; height: 138.2rem; }
.custom-about-philosophy-bg {
  position: absolute;
  left: -9.6rem;
  top: 0;
  width: 207.9rem;
  height: 138.2rem;
  max-width: none;
  object-fit: cover;
  filter: blur(0.7rem);
  opacity: 0.166;
  pointer-events: none;
}
.custom-about-philosophy-b {
  position: absolute;
  left: 16.8rem;
  top: -14.4rem;
  width: 30.8rem;
  filter: blur(0.29rem);
  pointer-events: none;
}
.custom-about-philosophy .custom-about-label {
  position: absolute;
  left: 0; right: 0;
  top: 14.7rem;
  text-align: center;
}
.custom-about-philosophy-title {
  position: absolute;
  left: 0; right: 0;
  top: 21.5rem;
  text-align: center;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: var(--ls-129);
  color: var(--color-blue);
}
.custom-about-philosophy-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 25.5rem;
  width: 94.8rem;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 4.2rem;
  letter-spacing: var(--ls-129);
  color: #000;
}
/* 宝石イラスト＋装飾（左上原点 42.9,37.5 のクラスタ） */
.custom-about-gem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.custom-about-gem-img {
  position: absolute;
  left: 42.9rem;
  top: 37.5rem;
  width: 89.1rem;
  filter: drop-shadow(0 3.1rem 2rem rgba(40, 70, 180, 0.35));
}
.custom-about-gem-grad   { position: absolute; left: 111.3rem; top: 59.9rem; width: 44.2rem; }
.custom-about-gem-swoosh { position: absolute; left: 110.7rem; top: 47.6rem; width: 38.4rem; }
.custom-about-gem-b      { position: absolute; left: 125.2rem; top: 51.1rem; width: 10.9rem; }
.custom-about-gem-stroke { position: absolute; left: 114.2rem; top: 64.7rem; width: 10.2rem; }
.custom-about-ring { position: absolute; }
@media (max-width: 767px) {
  .custom-about-philosophy { height: 100.6rem; }
  .custom-about-philosophy-bg { left: -4.9rem; width: 53.4rem; height: 100.6rem; }
  .custom-about-philosophy-b { left: 27.7rem; top: -12.9rem; width: 20.8rem; }
  .custom-about-philosophy .custom-about-label { top: 10.5rem; }
  .custom-about-philosophy-title { top: 16.5rem; font-size: 2.4rem; line-height: 3.6rem; }
  .custom-about-gem-img    { left: 1.3rem;  top: 23.4rem; width: 32.7rem; filter: drop-shadow(0 1.1rem 1rem rgba(40, 70, 180, 0.35)); }
  .custom-about-gem-grad   { left: 26.4rem; top: 31.6rem; width: 16.2rem; }
  .custom-about-gem-swoosh { left: 26.2rem; top: 27.1rem; width: 14.1rem; }
  .custom-about-gem-b      { left: 31.5rem; top: 28.4rem; width: 4rem; }
  .custom-about-gem-stroke { left: 27.4rem; top: 33.3rem; width: 3.8rem; }
  .custom-about-philosophy-text { top: 61.4rem; width: 35rem; font-size: 1.4rem; line-height: 3.6rem; }
  .custom-about-ring { left: -6.2rem; top: 92.5rem; width: 16.6rem; filter: blur(0.8rem); }
}

/* ---------- COMPANY ---------- */
.custom-about-company-head {
  position: relative;
  margin-top: 21.7rem;
  height: 5.7rem;
}
.custom-about-company-heading {
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 4.6rem;
  line-height: 5.7rem;
  letter-spacing: var(--ls-129);
  color: var(--color-primary);
}
.custom-about-company-icon {
  position: absolute;
  left: 32.3rem;
  top: -1rem;
  width: 9.8rem;
}
.custom-company-table { margin-top: 4.6rem; }
.custom-company-row {
  display: grid;
  grid-template-columns: 28.7rem 1fr;
  border-bottom: 1px solid var(--color-line);
  padding: 1.8rem 0 1.4rem;
}
.custom-company-row dt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 4.2rem;
  letter-spacing: var(--ls-129);
  color: #000;
}
.custom-company-row dd {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 4.2rem;
  letter-spacing: var(--ls-129);
  color: #000;
}
@media (max-width: 767px) {
  .custom-about-company-head { margin-top: 12.8rem; height: 4rem; }
  .custom-about-company-heading { font-size: 4.2rem; line-height: 4rem; }
  .custom-about-company-icon { display: none; }
  .custom-company-table { margin-top: 5.1rem; border-top: 1px solid var(--color-line); }
  /* 行は内容に応じた自然な高さ＋小さめフォントですっきり */
  .custom-company-row { display: block; padding: 1.8rem 0; }
  .custom-company-row dt { font-size: 1.4rem; line-height: 2.4rem; }
  .custom-company-row dd { font-size: 1.4rem; line-height: 2.6rem; margin-top: 0.2rem; }
}

/* ---------- BRAND STATEMENT ---------- */
.custom-about-statement { margin-top: 10.1rem; }
.custom-about-statement-en {
  text-align: center;
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 10.3rem;
  line-height: 10.4rem;
  letter-spacing: var(--ls-129);
}
.custom-about-statement-en .is-dark { color: #000; }
.custom-about-statement-en .is-blue { color: var(--color-blue); }
.custom-about-statement-pill {
  margin-top: -2.5rem; /* XD: enフレーム(103px)の下端付近にpillが重なる配置(en top→pill top=79px) */
  height: 6.5rem;
  background: #fff;
  border-radius: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-about-statement-pill p {
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: var(--ls-129);
  color: #000;
  text-align: center;
}
@media (max-width: 767px) {
  .custom-about-statement { margin-top: 5.6rem; }
  .custom-about-statement-en { font-size: 5rem; line-height: 5.1rem; }
  .custom-about-statement-pill {
    margin-top: 6.4rem;
    height: 18.6rem;
  }
  .custom-about-statement-pill p {
    font-size: 1.4rem;
    line-height: 3.6rem;
    letter-spacing: 0.06em;
  }
}