@charset "UTF-8";
/* ==========================================================================
   よりそいモバイル - 会社概要ページ専用スタイル
   ========================================================================== */

/* --------------------------------------------------------------------------
   事業者概要
   -------------------------------------------------------------------------- */
.outline__table {
  background: var(--c-white);
  border-radius: var(--radius-l);
  padding: clamp(1rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.outline__table .c-table tr:last-child th,
.outline__table .c-table tr:last-child td { border-bottom: none; }

.outline__table .c-table th { border-radius: var(--radius-s); }

.outline__sub {
  display: inline-block;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: var(--c-ink-light);
  line-height: 1.9;
}

@media (max-width: 640px) {
  .outline__table .c-table tr { margin-bottom: 1rem; }
  .outline__table .c-table tr:last-child { margin-bottom: 0; }
  .outline__table .c-table td { border-bottom: 1px solid var(--c-line); }
}

/* --------------------------------------------------------------------------
   アクセス
   -------------------------------------------------------------------------- */
.access__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}
@media (max-width: 880px) { .access__grid { grid-template-columns: 1fr; } }

.access__visual img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-soft);
}

.access__address {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: 0.04em;
}

.access__text {
  font-size: 0.9375rem;
  line-height: 2.2;
  color: var(--c-ink-mid);
  margin-bottom: 1.75rem;
}

.access__note { margin-bottom: 1.75rem; }
.access__map .c-btn { width: 100%; max-width: 22rem; }