@charset "UTF-8";
/* 総合トップ固有（セクションの縦の間隔） */

/* ---------- 縦の間隔（Figma のセクション位置） ---------- */
.articles--expert { margin-top: 100px; } /* 2026-10-17 版: SP も 100px に戻った */
.articles--ww, .editorial-message, .movie, .news, .download, .about, .site-footer { margin-top: 50px; }
@media (min-width: 768px) {
  .articles--ww, .editorial-message, .download, .about, .site-footer { margin-top: 100px; }
  .movie { margin-top: 150px; } /* 2026-10-17 版: 157 → 150 */
  .news { margin-top: 200px; }
}

/* ---------- 半端座標の画像（SP） ----------
   紹介カードは y=7779.44 / 8415.58 などの半端位置。Chrome は 0.5px 刻みに寄せて描くので、
   Figma の描画位置に合う側へ translate で寄せる（A/B 実測。ページごとに位置が違うため top.css に置く） */
@media (max-width: 767px) {
  .about--wellulu .about__img { translate: 0 0.5px; }
  .about--ecotone .about__img { translate: 0 -0.5px; }
  .about__link { translate: 0 -0.5px; }
}

.editorial-message { position: relative; z-index: 0; width: calc(100% - 32px); max-width: 496px; margin-inline: auto; }
.editorial-message img { display: block; width: 100%; height: auto; }
.logo-strip { margin-top: 40px; }
@media (min-width: 768px) {
  .editorial-message { width: 690px; max-width: calc(100% - 80px); }
  .logo-strip { margin-top: 80px; }
}