.p-map {
  display: none;
}

@media screen and (min-width: 769px) {
  .p-map {
    display: block;
    position: relative;
    width: 750px;
    margin: -100px auto 50px;
  }
  .p-map_recruit {
    width: auto;
    max-width: 933.33px;
    margin: 0 0 3rem 0;
  }
  .p-map_recruit .p-map_innner {
    position: relative;
    margin: 0 auto;
    width: 750px;
  }
  .p-map_recruit .p-area {
    top: 5px;
  }
  .p-map * {
    box-sizing: border-box;
  }
  .p-map *:hover {
    opacity: 1;
  }
  .p-map a {
    display: block;
  }
  .p-area {
    position: absolute;
    max-width: 460px;
    top: 60px;
    left: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  #map_svg {
  transform: translateY(50px); /* 下方向に50pxずらす */
  }
  .c-area {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .c-area.c-area01 > a {
    background-color: #E5849E;
  }
  .c-area.c-area01 > a:hover {
    background-color: #DD597C;
  }
  .c-area.c-area01 > a.hover {
    background-color: #DD597C;
  }
  .c-area.c-area01 ul li a {
    background-color: #F7D8E0;
  }
  .c-area.c-area02 > a {
    background-color: #6B93CB;
  }
  .c-area.c-area02 > a:hover {
    background-color: #4678BE;
  }
  .c-area.c-area02 > a.hover {
    background-color: #4678BE;
  }
  .c-area.c-area02 ul li a {
    background-color: #B7CAE5;
  }
  .c-area.c-area03 > a {
    background-color: #D97F6D;
  }
  .c-area.c-area03 > a:hover {
    background-color: #CE5B44;
  }
  .c-area.c-area03 > a.hover {
    background-color: #CE5B44;
  }
  .c-area.c-area03 ul li a {
    background-color: #EEC6BE;
  }
  .c-area.c-area04 > a {
    background-color: #97BEA6;
  }
  .c-area.c-area04 > a:hover {
    background-color: #78AA8C;
  }
  .c-area.c-area04 > a.hover {
    background-color: #78AA8C;
  }
  .c-area.c-area04 ul li a {
    background-color: #D6E5DC;
  }
  .c-area.c-area05 > a {
    background-color: #f7c02e;
  }
  .c-area.c-area05 > a:hover {
    background-color: #f7aa2e;
  }
  .c-area.c-area05 > a.hover {
    background-color: #f7aa2e;
  }
  .c-area.c-area05 ul li a {
    background-color: #fdf2d5;
  }
  .c-area.c-area06 > a {
    background-color: #D1B46F;
  }
  .c-area.c-area06 > a:hover {
    background-color: #C5A048;
  }
  .c-area.c-area06 > a.hover {
    background-color: #C5A048;
  }
  .c-area.c-area06 ul li a {
    background-color: #EADCBD;
  }
  .c-area.c-area07 > a {
    background-color: #43c3ef;
  }
  .c-area.c-area07 > a:hover {
    background-color: #006fb0;
  }
  .c-area.c-area07 > a.hover {
    background-color: #006fb0;
  }
  .c-area.c-area07 ul li a {
    background-color: #d9f3fc;
  }
  .c-area > a {
    margin-bottom: 4px;
    padding: 3px 5px 2px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #22ac38;
    transition: 0.3s;
    margin-bottom: 2px;
  }
  .c-area ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }
  .c-area ul li {
    font-size: 12px;
    display: block;
    text-align: center;
  }
  .c-area ul li a {
    padding: 7px 10px;
    border-radius: 2px;
  }
  #map-aomori polygon,
  #map-akita polygon,
  #map-iwate polygon,
  #map-miyagi polygon,
  #map-akita polygon,
  #map-yamagata polygon,
  #map-tochigi polygon,
  #map-saitama polygon,
  #map-chiba polygon,
  #map-kanagawa polygon,
  #map-nigata polygon,
  #map-toyama polygon,
  #map-ishikawa polygon,
  #map-fukui polygon,
  #map-yamanashi polygon,
  #map-nagano polygon,
  #map-shizuoka polygon,
  #map-shiga polygon,
  #map-kyoto polygon,
  #map-nara polygon,
  #map-wakayama polygon,
  #map-tottori polygon,
  #map-shimane polygon,
  #map-okayama polygon,
  #map-yamaguchi polygon,
  #map-ehime polygon,
  #map-kochi polygon,
  #map-fukuoka polygon,
  #map-saga polygon,
  #map-nagasaki polygon,
  #map-kumamoto polygon,
  #map-oita polygon,
  #map-miyazaki polygon,
  #map-kagoshima polygon,
  #map-okinawa polygon {
    pointer-events: none;
    fill: #ccc !important;
  }
  #map-aomori polyline,
  #map-akita polyline,
  #map-iwate polyline,
  #map-miyagi polyline,
  #map-akita polyline,
  #map-yamagata polyline,
  #map-tochigi polyline,
  #map-saitama polyline,
  #map-chiba polyline,
  #map-kanagawa polyline,
  #map-nigata polyline,
  #map-toyama polyline,
  #map-ishikawa polyline,
  #map-fukui polyline,
  #map-yamanashi polyline,
  #map-nagano polyline,
  #map-shizuoka polyline,
  #map-shiga polyline,
  #map-kyoto polyline,
  #map-nara polyline,
  #map-wakayama polyline,
  #map-tottori polyline,
  #map-shimane polyline,
  #map-okayama polyline,
  #map-yamaguchi polyline,
  #map-ehime polyline,
  #map-kochi polyline,
  #map-fukuoka polyline,
  #map-saga polyline,
  #map-nagasaki polyline,
  #map-kumamoto polyline,
  #map-oita polyline,
  #map-miyazaki polyline,
  #map-kagoshima polyline,
  #map-okinawa polyline {
    pointer-events: none;
    fill: #ccc !important;
  }
  #map-aomori rect,
  #map-akita rect,
  #map-iwate rect,
  #map-miyagi rect,
  #map-akita rect,
  #map-yamagata rect,
  #map-tochigi rect,
  #map-saitama rect,
  #map-chiba rect,
  #map-kanagawa rect,
  #map-nigata rect,
  #map-toyama rect,
  #map-ishikawa rect,
  #map-fukui rect,
  #map-yamanashi rect,
  #map-nagano rect,
  #map-shizuoka rect,
  #map-shiga rect,
  #map-kyoto rect,
  #map-nara rect,
  #map-wakayama rect,
  #map-tottori rect,
  #map-shimane rect,
  #map-okayama rect,
  #map-yamaguchi rect,
  #map-ehime rect,
  #map-kochi rect,
  #map-fukuoka rect,
  #map-saga rect,
  #map-nagasaki rect,
  #map-kumamoto rect,
  #map-oita rect,
  #map-miyazaki rect,
  #map-kagoshima rect,
  #map-okinawa rect {
    pointer-events: none;
    fill: #ccc !important;
  }
  #map-aomori path,
  #map-akita path,
  #map-iwate path,
  #map-miyagi path,
  #map-akita path,
  #map-yamagata path,
  #map-tochigi path,
  #map-saitama path,
  #map-chiba path,
  #map-kanagawa path,
  #map-nigata path,
  #map-toyama path,
  #map-ishikawa path,
  #map-fukui path,
  #map-yamanashi path,
  #map-nagano path,
  #map-shizuoka path,
  #map-shiga path,
  #map-kyoto path,
  #map-nara path,
  #map-wakayama path,
  #map-tottori path,
  #map-shimane path,
  #map-okayama path,
  #map-yamaguchi path,
  #map-ehime path,
  #map-kochi path,
  #map-fukuoka path,
  #map-saga path,
  #map-nagasaki path,
  #map-kumamoto path,
  #map-oita path,
  #map-miyazaki path,
  #map-kagoshima path,
  #map-okinawa path {
    pointer-events: none;
    fill: #ccc !important;
  }
  .area01,
  .area02,
  .area03,
  .area04,
  .area05,
  .area06,
  .area07 {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .c-area01 .map_text:hover {
    background-color: #E5849E;
    color: #fff;
    transition: 0.3s;
  }
  .c-area01 .map_text.hover {
    background-color: #E5849E;
    color: #fff;
    transition: 0.3s;
  }
  .c-area02 .map_text:hover {
    background-color: #6B93CB;
    color: #fff;
    transition: 0.3s;
  }
  .c-area02 .map_text.hover {
    background-color: #6B93CB;
    color: #fff;
    transition: 0.3s;
  }
  .c-area03 .map_text:hover {
    background-color: #D97F6D;
    color: #fff;
    transition: 0.3s;
  }
  .c-area03 .map_text.hover {
    background-color: #D97F6D;
    color: #fff;
    transition: 0.3s;
  }
  .c-area04 .map_text:hover {
    background-color: #97BEA6;
    color: #fff;
    transition: 0.3s;
  }
  .c-area04 .map_text.hover {
    background-color: #97BEA6;
    color: #fff;
    transition: 0.3s;
  }
  .c-area05 .map_text:hover {
    background-color: #f7c02e;
    color: #fff;
    transition: 0.3s;
  }
  .c-area05 .map_text.hover {
    background-color: #f7c02e;
    color: #fff;
    transition: 0.3s;
  }
  .c-area06 .map_text:hover {
    background-color: #D1B46F;
    color: #fff;
    transition: 0.3s;
  }
  .c-area06 .map_text.hover {
    background-color: #D1B46F;
    color: #fff;
    transition: 0.3s;
  }
  .c-area07 .map_text:hover {
    background-color: #43c3ef;
    color: #fff;
    transition: 0.3s;
  }
  .c-area07 .map_text.hover {
    background-color: #43c3ef;
    color: #fff;
    transition: 0.3s;
  }
  .map_prefecture:hover .area01 {
    fill: #DD597C;
    transition: 0.3s;
  }
  .map_prefecture:hover .area02 {
    fill: #4678BE;
    transition: 0.3s;
  }
  .map_prefecture:hover .area03 {
    fill: #CE5B44;
    transition: 0.3s;
  }
  .map_prefecture:hover .area04 {
    fill: #78AA8C;
    transition: 0.3s;
  }
  .map_prefecture:hover .area05 {
    fill: #f7aa2e;
    transition: 0.3s;
  }
  .map_prefecture:hover .area06 {
    fill: #C5A048;
    transition: 0.3s;
  }
  .map_prefecture:hover .area07 {
    fill: #006fb0;
    transition: 0.3s;
  }
  .map_prefecture.hover .area01 {
    fill: #DD597C;
    transition: 0.3s;
  }
  .map_prefecture.hover .area02 {
    fill: #4678BE;
    transition: 0.3s;
  }
  .map_prefecture.hover .area03 {
    fill: #CE5B44;
    transition: 0.3s;
  }
  .map_prefecture.hover .area04 {
    fill: #78AA8C;
    transition: 0.3s;
  }
  .map_prefecture.hover .area05 {
    fill: #f7aa2e;
    transition: 0.3s;
  }
  .map_prefecture.hover .area06 {
    fill: #C5A048;
    transition: 0.3s;
  }
  .map_prefecture.hover .area07 {
    fill: #006fb0;
    transition: 0.3s;
  }
  .area01 {
    fill: #E5849E;
  }
  .area02 {
    fill: #6B93CB;
  }
  .area03 {
    fill: #D97F6D;
  }
  .area04 {
    fill: #97BEA6;
  }
  .area05 {
    fill: #f7c02e;
  }
  .area06 {
    fill: #D1B46F;
  }
  .area07 {
    fill: #43c3ef;
  }
  .cls-1 {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke: #fff;
  }
  .cls-10 {
    fill: #c9caca;
    stroke-width: 0px;
  }
}
.c-h14 {
  font-family: "Noto Serif JP", serif;
  position: relative;
  text-align: center;
  margin-bottom: 1em;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.38462;
  border-left: 7px solid #f45700;
  text-align: left;
  color: #333;
  font-weight: normal;
}

@media screen and (min-width: 769px) {
  .c-h14 {
    font-size: 1.33333rem;
    line-height: 1.2;
    margin-bottom: 2rem;
  }
}
.c-h14 span {
  position: relative;
  display: inline-block;
  padding-top: 0.4rem;
  padding-right: 1rem;
  padding-bottom: 0.4rem;
  padding-left: 2rem;
  background: #fff;
  z-index: 9;
}

@media screen and (min-width: 769px) {
  .c-h14 span {
    position: relative;
    display: inline-block;
    padding-top: 0.4rem;
    padding-right: 1rem;
    padding-bottom: 0.4rem;
    padding-left: 1rem;
    background: #fff;
    z-index: 9;
  }
}
.c-h14::after {
  content: none;
}

@media screen and (min-width: 769px) {
  .c-h14::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #787878;
  }
}/*# sourceMappingURL=map.css.map */