/* =========================
   地図レイアウト
========================= */
.area-map-main {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr; /* ←右を細く */
  gap: 20px;
  align-items: stretch;
}

/* 左（地図） */
.map-panel {
  min-height: auto;
  padding: 16px 12px;
}

/* =========================
   SVG MAP 基本
========================= */
.area-map svg {
  width: 100%;
  height: auto;
}

/* 県 */
.prefecture {
  fill: #eeeeee;
  stroke: #888;
  stroke-width: 1;
  transition: 0.2s;
  cursor: pointer;
}

/*対応エリア*/
.aichi,
.mie,
.hokkaido,
.tokyo,
.saitama,
.nagano,
.aichi,
.wakayama,
.kagawa,
.tokushima,
.kochi,
.shimane,
.ehime,
.tottori,
.miyazaki,
.oita,
.hiroshima,
.yamaguchi,
.kagoshima,
.okinawa {
  fill: #aad4bd;
}

.aichi:hover,
.mie:hover,
.hokkaido:hover,
.tokyo:hover,
.saitama:hover,
.nagano:hover,
.wakayama:hover,
.kagawa:hover,
.tokushima:hover,
.kochi:hover,
.shimane:hover,
.ehime:hover,
.tottori:hover,
.miyazaki:hover,
.oita:hover,
.hiroshima:hover,
.yamaguchi:hover,
.kagoshima:hover,
.okinawa:hover {
  fill: #86f7d5; /* 少し明るめ */
}

/*実績エリア*/
.shiga,
.kyoto,
.osaka,
.hyogo,
.nara,
.okayama,
.fukuoka,
.saga,
.kumamoto {
  fill: #58b980;
}

/* 実績エリア強調 */
.shiga:hover,
.kyoto:hover,
.osaka:hover,
.hyogo:hover,
.nara:hover,
.okayama:hover,
.fukuoka:hover,
.saga:hover,
.kumamoto:hover {
  fill: #dddf64;
  stroke: #2e7d5b;
  stroke-width: 1.5;
}

.prefecture.active {
  fill: #f8c182 !important;
  filter: brightness(1.1);
  stroke: #2f5c54;
  stroke-width: 2;
}

.prefecture:hover {
  cursor: pointer;
  opacity: 0.85;
}