@charset "UTF-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* 共通 */
body {
  font-family: "M PLUS 1p", sans-serif;
}

body.is-locked {
  overflow: hidden;
}

:root {
  --drop-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
  --color-main: #4da3d9;
  --color-main2: #7fc8e8;
  --color-main3: #b7e4f8;
  --bubble-bg: #e9f6fb;
  --shadow: 4px 4px 6px rgba(0, 0, 0, 0.20);
}

/* ここからテーブル */
.company-table {
  width: 100%;
  max-width: 900px;
  border-collapse: separate;   /* ← 変更 */
  border-spacing: 0;           /* ← 追加 */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #ccc;      /* ← 外枠 */
  border-radius: 12px;         /* ← 角丸 */
  overflow: hidden;            /* ← はみ出し防止 */
}

    .company-table th,
    .company-table td {
      border: 1px solid #ccc;
      padding: 10px 12px;
      vertical-align: top;
    }

    .company-table th {
      background-color: #f2f2f2;
      width: 180px;
      text-align: center;
      vertical-align: middle;
      font-weight: bold;
      white-space: nowrap;
    }

    .company-table ul {
      margin: 0;
      padding-left: 18px;
    }

    .company-table li {
      margin-bottom: 4px;
    }
  

  

.section-heading {
  margin-top: 60px;
  margin-bottom: 40px;
}

.our_office {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  /* 横並び */
  gap: 20px;
  /* 間隔 */
  align-items: flex-start;
  justify-content: center;
  /* 上揃え *
    }

.our_office img,
.our_office iframe {
  width: 50%;                /* 半分ずつ */
  max-width: 100%;
  height: auto;
}

.our_office iframe {
  aspect-ratio: 4 / 3;
  /* マップ比率固定（モダンブラウザ） */
}



.photo-card {
  border-radius: 16px;
  /* 角丸 */
  overflow: hidden;
  /* 角からはみ出さないように */
  box-shadow:
    0 6px 15px rgba(0, 0, 0, 0.15),
    /* メインの影 */
    0 2px 6px rgba(0, 0, 0, 0.08);
  /* うっすら補助影 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 645px;
  height: 445px;
}

.photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.map-card {
  width: 645px;
  height: 445px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 6px 15px rgba(0, 0, 0, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.08);
}

.map-card iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  border: 0;
  display: block;
}

.office-table {
  width: 100%;
  max-width: 900px;
  border-collapse: separate;
  margin: 32px auto 60px;
  border-spacing: 0;
  border: 1px solid #bbb;
  border-radius: 8px;
  overflow: hidden;
  font-size: 15px;
}

.office-table th,
.office-table td {
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 12px 16px;
  vertical-align: middle;
}

.office-table th {
  width: 160px;
  background: #f5f5f5;
  text-align: center;
  font-weight: 600;
}

.office-table td {
  background: #fff;
}

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

.office-table th:last-child,
.office-table td:last-child {
  border-right: none;
}

.clim_table {
  width: 100%;
  max-width: 900px;
  border-collapse: separate;
  margin: 32px auto 60px;
  border-spacing: 0;
  border: 1px solid #bbb;
  border-radius: 8px;
  overflow: hidden;
  font-size: 15px;
}

.clim_table th,
.clim_table td {
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 12px 16px;
  vertical-align: middle;
}

.clim_table th {
  width: 160px;
  background: #f5f5f5;
  text-align: center;
  font-weight: 600;
}

.clim_table td {
  background: #fff;
}

.clim_table tr:last-child th,
.clim_table tr:last-child td {
  border-bottom: none;
}

.clim_table th:last-child,
.clim_table td:last-child {
  border-right: none;
}