@charset "UTF-8";
/* =========================================================
   company.css  会社概要ページ専用スタイル
   ========================================================= */

.cmp-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
  border-radius: var(--radius-m);
  overflow: hidden;
  box-shadow: var(--shadow-s);
}
.cmp-table th, .cmp-table td {
  text-align: left;
  padding: 18px 24px;
  border-bottom: 1px solid var(--cream-deep);
  vertical-align: top;
}
.cmp-table tr:last-child th, .cmp-table tr:last-child td { border-bottom: none; }
.cmp-table th {
  width: 32%;
  font-family: var(--font-rounded);
  font-weight: 700;
  color: var(--navy);
  background: rgba(245, 241, 230, .6);
  font-size: .96rem;
}
.cmp-table td { font-size: .96rem; line-height: 1.8; }
.cmp-table td small { display: block; font-size: .78rem; color: var(--muted); margin-top: 2px; }
.cmp-table a { color: var(--pink); font-weight: 700; }
.cmp-table a:hover { text-decoration: underline; }

.cmp-access {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 28px;
  align-items: stretch;
}
.cmp-map {
  border-radius: var(--radius-m);
  overflow: hidden;
  box-shadow: var(--shadow-s);
  min-height: 300px;
}
.cmp-map iframe { width: 100%; height: 100%; min-height: 300px; border: 0; display: block; }
.cmp-access__info {
  background: var(--white);
  border-radius: var(--radius-m);
  padding: 26px 28px;
  box-shadow: var(--shadow-s);
  display: grid;
  align-content: center;
  gap: 18px;
}
.cmp-access__info > div { display: grid; gap: 4px; }
.cmp-access__info dt {
  font-family: var(--font-rounded);
  font-weight: 700;
  color: var(--pink);
  font-size: .88rem;
}
.cmp-access__info dd { margin: 0; font-size: .96rem; }
.cmp-access__info a { color: var(--navy); font-weight: 700; }

@media (max-width: 760px) {
  .cmp-access { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .cmp-table th, .cmp-table td { padding: 14px 16px; }
  .cmp-table th { width: 38%; font-size: .88rem; }
}