.map-container {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
}

.defo-parts,
.regions {
  display: contents;
}

.area-region {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-delay: .4s;
  transition: .4s;
  background-color: #b5483e;
}

.area-region:hover {
  background-color: #610800;
}

.area-region.clicked {
  background-color: #ffa600;
}

.defo-parts>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #888;
}

.defo-parts>div:hover {
  background-color: #888;
}

.area-region_head {
  clip-path: polygon(9.9609% 0.0000%, 9.6191% 3.6378%, 9.8633% 5.8824%, 10.4492% 8.2043%, 8.0566% 10.9133%, 6.2988% 15.0155%, 4.2480% 18.5759%, 2.8320% 20.5108%, 1.1719% 21.7492%, 0.3906% 22.8328%, 0.0000% 24.3034%, 0.0000% 26.8576%, 1.1719% 29.5666%, 2.6367% 31.2693%, 4.0527% 31.6563%, 5.8105% 30.9598%, 7.9590% 30.7276%, 9.9121% 31.8885%, 12.9395% 33.0495%, 15.1855% 34.8297%, 17.9688% 37.6935%, 24.0723% 10.5263%, 20.3125% 9.4427%, 15.8691% 6.2693%, 14.9414% 4.0248%, 14.5020% 1.2384%, 14.2090% 1.3158%, 14.0625% 2.0898%, 14.0137% 5.4954%, 13.0859% 6.0372%, 12.5000% 5.9598%, 11.5234% 4.5666%);
}

.area-region_f_leg {
  clip-path: polygon(49.0234% 63.0805%, 45.6055% 63.2353%, 42.6055% 65.2353%, 44.4824% 74.3034%, 44.9707% 79.7214%, 45.0684% 88.9319%, 44.4824% 92.0279%, 42.6758% 96.4396%, 43.0664% 97.2910%, 46.3867% 97.2910%, 47.4609% 97.0588%, 47.9492% 96.2848%, 47.5586% 92.1827%, 48.1934% 90.5573%, 47.7539% 88.6997%, 47.9980% 84.2105%, 49.6582% 70.5108%, 49.5605% 67.2601%);
}

.area-region_f_tou {
  clip-path: polygon(39.5996% 81.0920%, 35.7422% 80.9372%, 35.5469% 86.3777%, 34.5703% 92.9567%, 32.6172% 98.8390%, 32.8125% 99.5356%, 33.5449% 99.9226%, 37.5000% 99.6130%, 38.2812% 98.7616%, 38.3789% 97.5232%, 37.9883% 95.5108%, 38.6719% 93.6533%, 38.9160% 86.3777%);
}

.area-region_f_leg1 {
  clip-path: polygon(42.6270% 64.8607%, 35.4492% 64.9381%, 35.8398% 68.7307%, 35.9863% 74.3034%, 35.7422% 81.0372%, 39.5996% 81.1920%, 40.9668% 75.4644%, 41.9922% 66.7957%);
}

.area-region_r_leg2 {
  clip-path: polygon(93.7988% 49.3808%, 92.8711% 50.5418%, 92.2363% 51.9350%, 88.1836% 65.4799%, 90.3320% 71.8266%, 90.3809% 78.0186%, 89.7461% 86.3777%, 89.0137% 89.2415%, 87.2070% 94.0402%, 87.2070% 94.7368%, 87.5977% 95.2012%, 90.4785% 95.4334%, 92.1875% 94.7368%, 92.5781% 93.4985%, 92.6270% 89.0093%, 93.6035% 87.3839%, 93.7500% 76.0836%, 94.4336% 70.8204%, 94.6289% 67.3375%, 94.4336% 60.8359%, 93.8477% 55.1084%);

}




.label {
  display: block;
  color: #fff;
  padding: 2px 6px;
  z-index: -1;
  background-color: #000;
  position: absolute;
  opacity: 0;
  animation-delay: .4s;
  transition: .4s;
  font-size: 14px;
  border-radius: 5px;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

@media(max-width:599px) {
  .label {
    padding: 1px 3px;
    font-size: 12px;
  }
}

.area-region:hover+.label,
.area-region.clicked+.label {
  opacity: 1;
  z-index: 60;
}

.area-region.部位01 {
  clip-path: ellipse(5% 3% at 13.5% 25.1%);
}

.area-region.部位01+.label {
  top: 29%;
  left: 6%;
}

.area-region.部位02 {
  clip-path: polygon(24.5117% 10.6037%, 18.3105% 37.8483%, 18.4570% 38.3127%, 23.3398% 43.7307%, 28.9062% 12.4613%, 27.0996% 11.4551%);
}

.area-region.部位02+.label {
  top: 45%;
  left: 15%;
}

.area-region.部位03 {
  clip-path: polygon(45.7031% 12.3065%, 43.6035% 11.9195%, 39.4531% 11.9195%, 32.0801% 12.5387%, 29.3457% 12.3839%, 28.0762% 19.1950%, 45.6055% 18.8854%);
}

.area-region.部位03+.label {
  top: 20%;
  left: 29%;
}

.area-region.部位04 {
  clip-path: polygon(45.6055% 19.5046%, 27.9785% 19.7368%, 26.3184% 29.2570%, 45.5078% 28.7152%);
}

.area-region.部位04+.label {
  top: 30%;
  left: 28%;
}

.area-region.部位05 {
  clip-path: polygon(45.5078% 29.2570%, 26.1719% 29.7988%, 24.8535% 37.5387%, 45.3613% 37.4613%);
}

.area-region.部位05+.label {
  top: 38%;
  left: 28%;
}

.area-region.部位06 {
  clip-path: polygon(45.4590% 38.0805%, 24.7559% 38.1579%, 23.6816% 44.1950%, 25.5371% 47.0588%, 45.2637% 46.9040%);
}

.area-region.部位06+.label {
  top: 48%;
  left: 27%;
}

.area-region.部位07 {
  clip-path: polygon(25.9277% 47.6006%, 27.9785% 52.2446%, 29.6875% 57.8173%, 30.3223% 58.9783%, 31.3965% 59.9071%, 32.2754% 47.6006%);
}

.area-region.部位07+.label {
  top: 60%;
  left: 22%;
}

.area-region.部位08 {
  clip-path: polygon(32.6660% 47.5232%, 31.7871% 59.9845%, 34.6680% 61.2229%, 35.1562% 62.2291%, 35.4492% 64.3189%, 36.0352% 47.5232%);
}

.area-region.部位08+.label {
  top: 64%;
  left: 26%;
}

.area-region.部位09 {
  clip-path: polygon(36.3770% 47.5232%, 35.8398% 64.3189%, 40.5273% 64.3189%, 40.5273% 47.5232%);
}

.area-region.部位09+.label {
  top: 65%;
  left: 30%;
}

.area-region.部位10 {
  clip-path: polygon(45.3125% 47.4458%, 40.8691% 47.5232%, 40.9180% 64.3189%, 42.6758% 64.3189%, 45.2148% 62.8483%);
}

.area-region.部位10+.label {
  top: 64%;
  left: 36%;
}

.area-region.部位11 {
  clip-path: polygon(90.3320% 57.1207%, 79.3945% 63.3901%, 79.7852% 64.0867%, 81.9824% 71.9040%, 82.2266% 73.9164%, 82.2266% 78.4830%, 81.7383% 82.8173%, 80.6641% 87.9257%, 79.6387% 91.6409%, 77.0508% 97.9102%, 77.2461% 98.6842%, 80.5176% 98.9938%, 82.1289% 98.6068%, 82.8125% 97.9102%, 82.6172% 92.4923%, 84.1309% 89.2415%, 86.2305% 77.2446%, 87.4512% 67.4149%);
}

.area-region.部位11+.label {
  top: 79%;
  left: 75%;
}

.area-region.部位12 {
  clip-path: polygon(46.0449% 12.3065%, 45.8008% 37.3065%, 59.3750% 35.8359%, 59.2285% 12.7709%, 54.7852% 12.6935%, 50.4395% 13.0805%);
}

.area-region.部位12+.label {
  top: 37%;
  left: 45%;
}

.area-region.部位13 {
  clip-path: polygon(59.5215% 36.4551%, 45.8496% 37.9257%, 45.7031% 46.6718%, 60.5957% 45.7430%);
}

.area-region.部位13+.label {
  top: 47%;
  left: 45%;
}

.area-region.部位14 {
  clip-path: polygon(60.7422% 46.4396%, 45.7031% 47.2910%, 45.6543% 55.9598%, 61.7676% 55.1084%);
}

.area-region.部位14+.label {
  top: 56%;
  left: 46%;
}

.area-region.部位15 {
  clip-path: polygon(62.9883% 65.0155%, 61.8652% 55.6502%, 46.5332% 56.4241%, 45.6055% 56.7337%, 45.6055% 62.6935%, 50.3906% 62.3065%, 53.8574% 62.4613%);
}

.area-region.部位15+.label {
  top: 65%;
  left: 47%;
}

.area-region.部位16 {
  clip-path: polygon(59.5703% 12.6935%, 59.7656% 35.6811%, 72.6074% 34.2879%, 72.2656% 12.9257%, 68.6523% 13.1579%, 64.8926% 12.6935%);
}

.area-region.部位16+.label {
  top: 35%;
  left: 58%;
}

.area-region.部位17 {
  clip-path: polygon(72.6074% 34.8297%, 59.8633% 36.3003%, 61% 45.0372%, 72.6% 43%);
}

.area-region.部位17+.label {
  top: 46%;
  left: 60%;
}

.area-region.部位18 {
  clip-path: polygon(72.6074% 43.6%, 61.1% 45.6%, 62.2559% 56.0372%, 72.9004% 53.4830%);
}

.area-region.部位18+.label {
  top: 57%;
  left: 60%;
}

.area-region.部位19 {
  clip-path: polygon(72.9004% 54.0248%, 62.3535% 56.5789%, 63.3301% 65.0155%, 65.4297% 65.0929%, 73.0469% 63.5449%);
}

.area-region.部位19+.label {
  top: 66%;
  left: 60%;
}

.area-region.部位20 {
  clip-path: polygon(77.1973% 11.9969%, 72.6562% 13.0031%, 73.0398% 35%, 77.8320% 34.3653%, 78.1738% 31.6502%, 78.9551% 27.0124%, 79.9805% 24.3034%);
}

.area-region.部位20+.label {
  top: 36%;
  left: 68%;
}

.area-region.部位21 {
  clip-path: polygon(89.4531% 11.6099%, 83.8379% 11.3003%, 80.1270% 11.5325%, 77.6855% 12.0743%, 80.2246% 23.9164%, 81.5430% 22.5232%, 82.9590% 22.2136%, 84.1797% 22.9102%, 85.1562% 24.2260%);
}

.area-region.部位21+.label {
  top: 25%;
  left: 75%;
}

.area-region.部位22 {
  clip-path: polygon(89.8926% 11.6099%, 85.4004% 24.6904%, 86.3770% 27.3220%, 87.1094% 30.8824%, 87.4512% 35.1393%, 87.3047% 39.6285%, 94.2871% 41.0991%, 94.4824% 39.1641%, 94.6777% 39.2415%, 97.2656% 65.0929%, 98.2910% 68.3437%, 99.1211% 69.2724%, 99.9512% 69.3498%, 99.5605% 66.0217%, 97.6074% 57.4303%, 97.1191% 53.4056%, 96.6309% 44.6594%, 96.2402% 26.0062%, 95.4590% 18.7307%, 95.4102% 15.9443%, 94.9219% 14.4737%, 93.4082% 12.6935%, 91.9922% 11.9969%);
}

.area-region.部位22+.label {
  top: 43%;
  left: 79%;
}

.area-region.部位23 {
  clip-path: polygon(82.2754% 22.6780%, 80.7129% 23.9164%, 79.2480% 27.1672%, 78.3691% 31.5015%, 78.1250% 37.6935%, 78.6133% 42.3375%, 79.6387% 46.2074%, 81.2500% 48.9164%, 82.0312% 49.4582%, 83.0078% 49.5356%, 84.4238% 48.4520%, 85.4004% 46.7492%, 86.1328% 44.6594%, 87.0117% 39.4737%, 87.1094% 34.2105%, 86.6211% 29.7214%, 85.4980% 25.6966%, 83.9355% 23.2198%, 83.0078% 22.6780%);
}

.area-region.部位23+.label {
  top: 50%;
  left: 76%;
}

.area-region.部位24 {
  clip-path: polygon(73.3398% 57.3529%, 80.6641% 48.9164%, 78.9551% 45.2012%, 77.9785% 39.9381%, 77.8320% 35.1%, 72.9320% 35.6%);
}

.area-region.部位24+.label {
  top: 58%;
  left: 68%;
}

.area-region.部位25 {
  clip-path: polygon(82.6660% 50.0774%, 80.8594% 49.3034%, 73.3398% 58.0495%, 73.4375% 63.4675%, 76.5625% 62.8483%, 78.8086% 63.1579%, 84.5215% 59.9071%);
}

.area-region.部位25+.label {
  top: 64%;
  left: 71%;
}

.area-region.部位26 {
  clip-path: polygon(92.2363% 51.3158%, 85.6934% 46.9814%, 84.4727% 48.9938%, 83.0078% 50.0000%, 84.9121% 59.5975%, 90.5762% 56.3467%);
}

.area-region.部位26+.label {
  top: 60%;
  left: 73%;
}

.area-region.部位27 {
  clip-path: polygon(87.2070% 40.2477%, 86.6211% 43.9628%, 85.8398% 46.5170%, 92.3828% 50.8514%, 93.8965% 48.7616%, 94.2871% 41.6409%);
}

.area-region.部位27+.label {
  top: 52%;
  left: 76%;
}