@charset "UTF-8";
/*ーーーーーーーーーー
***
共通要素は
/assets/css/common_renew.css　にまとめて書いておきます
***
ーーーーーーーーーーー*/
@import url("/assets/css/common_renew.css");
/* 見た目整え */
.achievements-wrapper {
  display: flex;
  border-left: 1px solid #ccc;
  margin-bottom: 6em;
}
.achievements-block {
  padding: 0 1.1em;
  border-right: 1px solid #ccc; /* 各要素の右に線 */
  flex: 1;
}
.achievements-block__title {
  margin-top: 0.3em !important;
}
/* ---　SPサイズのみ　---*/
@media (max-width:767px) {
  .achievements-wrapper {
    flex-direction: column;
  }
  .achievements-block__title {
    margin: 1em auto 0.1em !important;
  }
}
/*ーーーーーーーーーー
日本地図　svg
ーーーーーーーーーーー*/
.hokkaido.region .prefecture {
  fill: #8c77af !important;
  stroke: none !important;
}
.tohoku.region .prefecture {
  fill: #5a87e6 !important;
  stroke: none !important;
}
.kanto.region .prefecture {
  fill: #4aa561 !important;
  stroke: none !important;
}
.hokuriku.region .prefecture {
  fill: #e79837 !important;
  stroke: none !important;
}
.chubu.region .prefecture {
  fill: #87c238 !important;
  stroke: none !important;
}
.kansai.region .prefecture {
  fill: #f1e622 !important;
  stroke: none !important;
}
.chugoku.region .prefecture {
  fill: #ee8fb5 !important;
  stroke: none !important;
}
.shikoku.region .prefecture {
  fill: #d2b681 !important;
  stroke: none !important;
}
.kyusyu.region .prefecture, .okinawa.prefecture {
  fill: #ee9481 !important;
  stroke: none !important;
}
.prefecture {
  stroke: none !important;
  stroke-opacity: 0 !important; /* 境界線を透明にする例 */
}
g.region:focus .prefecture, g.region:hover .prefecture {
  stroke-opacity: 0; /* 境界線を透明にする例 */
}
.region {
  transition: 0.3s ease; /* アニメーション */
  cursor: pointer;
}
/*hover対応*/
.region:hover {
  /*opacity: 0.7*/
}
.region:hover .prefecture {
  fill: #fff !important;
  stroke: none !important;
  transition: 0.3s;
}
/* ---　整え　---*/
svg.map-areas {
  display: block;
  margin: 0 auto;
  position: relative;
  filter: drop-shadow(2px 3px 8px rgba(0, 0, 0, 0.3));
}
.map-labels {
  filter: drop-shadow(2px 3px 8px rgba(0, 0, 0, 0.3));
}
.map-wrapper {
  position: relative;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.map-areas {
  display: block;
  width: 100%;
}
.map-labels {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none; /* SVGのクリックとかを邪魔しない */
}
/*ーーーーーーーーーー
エリアごとの色
ーーーーーーーーーーー*/
.heading_6#hokkaido {
  border-color: #8c77af;
}
.hokkaido .heading_5::before, .hokkaido .c-dlist dt::before {
  color: #8c77af;
}
.heading_6#tohoku {
  border-color: #5a87e6;
}
.tohoku .heading_5::before, .tohoku .c-dlist dt::before {
  color: #5a87e6;
}
.heading_6#kanto {
  border-color: #4aa561;
}
.kanto .heading_5::before, .hokuriku .c-dlist dt::before {
  color: #4aa561;
}
.heading_6#hokuriku {
  border-color: #e79837;
}
.hokuriku .heading_5::before, .hokuriku .c-dlist dt::before {
  color: #e79837;
}
.heading_6#chubu {
  border-color: #87c238;
}
.chubu .heading_5::before, .chubu .c-dlist dt::before {
  color: #87c238;
}
.heading_6#kansai {
  border-color: #f1e622;
}
.kansai .heading_5::before, .kansai .c-dlist dt::before {
  color: #f1e622;
}
.heading_6#chugoku {
  border-color: #ee8fb5;
}
.chugoku .heading_5::before, .chugoku .c-dlist dt::before {
  color: #ee8fb5;
}
.heading_6#shikoku {
  border-color: #d2b681;
}
.shikoku .heading_5::before, .shikoku .c-dlist dt::before {
  color: #d2b681;
}
.heading_6#kyusyu {
  border-color: #ee9481;
}
.kyusyu .heading_5::before, .kyusyu .c-dlist dt::before {
  color: #ee9481;
}
/*沖縄用追記*/