@charset "UTF-8";
/* =========================================================
   WWE — /ogikubo/ 固有

   ⚠️ NAP ブロック（.wwe-access__*）は components.css。ここには書かない。
      トップ [15] と共通の部品なので、page-*.css に置くと片方で崩れる。
   ========================================================= */

/* =========================================================
   [2] 相談拠点について
   ========================================================= */
.wwe-ogabout { padding-block: 40px; }
.wwe-ogabout__inner { text-align: center; }
.wwe-ogabout__title {
  font-size: var(--wwe-fs-h2);
  color: var(--wwe-navy);
  font-feature-settings: var(--wwe-palt);
}
.wwe-ogabout__text {
  margin-top: 18px;
  font-size: var(--wwe-fs-lead);
  color: var(--wwe-text-body);
  line-height: 1.95;
}
.wwe-ogabout__text strong { color: var(--wwe-navy); }

/* =========================================================
   [4] 荻窪駅からのアクセス
   ========================================================= */
.wwe-ogroute { text-align: center; }
.wwe-ogroute__main {
  font-size: var(--wwe-fs-lead);
  font-weight: var(--wwe-fw-bold);
  color: var(--wwe-navy);
  line-height: 1.9;
  font-feature-settings: var(--wwe-palt);
}
.wwe-ogroute__detail {
  max-width: 40em;
  margin: 14px auto 0;
  font-size: var(--wwe-fs-note);
  color: var(--wwe-text-body);
  line-height: 1.9;
}
.wwe-ogroute__note {
  margin-top: 14px;
  font-size: var(--wwe-fs-note);
  color: var(--wwe-text-body);
}
.wwe-ogroute .wwe-btn { margin-top: 18px; }

/* =========================================================
   [5] 来店以外の相談方法
   ========================================================= */
.wwe-ogonline { display: grid; gap: 16px; }
.wwe-ogonline__item {
  padding: 24px 22px;
  background: var(--wwe-white);
  border: 1px solid var(--wwe-line);
  border-radius: var(--wwe-radius-card);
  text-align: center;
}
.wwe-ogonline__label {
  font-size: var(--wwe-fs-lead);
  font-weight: var(--wwe-fw-bold);
  color: var(--wwe-navy);
}
.wwe-ogonline__text {
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: var(--wwe-fs-note);
  color: var(--wwe-text-body);
}
.wwe-ogonline__item .wwe-btn { width: 100%; }

@media (min-width: 768px) {
  .wwe-ogonline { grid-template-columns: 1fr 1fr; }
}