@charset "utf-8";

.areamap_wrap_wrap {
  text-align: center;
}

.areamap_wrap {
  display: inline-block;
  position: relative;
}

.map_link_wrap a {
  display: block;
  padding: 8px 35px;
  
  color: var(--corporait) !important;
  text-decoration: none;
  font-size: 16px !important;
  background: #fff;
  
  border: 1px solid var(--corporait);
  
  transition: 0.3s;
}
.map_link_wrap a:hover {
  color: #fff !important;
  background: var(--corporait) !important;
}

.map_link_1 {
  position: absolute;
  top: 12%;
  right: 30%;
}

.map_link_2 {
  position: absolute;
  top: 42%;
  right: 23%;
}

.map_link_3 {
  position: absolute;
  top: 60%;
  right: 28%;
}

.map_link_4 {
  position: absolute;
  top: 57%;
  right: 55%;
}

.map_link_5 {
  position: absolute;
  top: 73%;
  right: 48%;
}

.map_link_6 {
  position: absolute;
  top: 64%;
  right: 72%;
}

.map_link_7 {
  position: absolute;
  top: 84%;
  right: 74%;
}


/* 海外拠点 */

.map_world_link_wrap a {
    text-decoration: none;
    position: relative;
}

.map_world_link_wrap a span {
  display: inline-block;
  padding: 8px 0px;
    
    width: 6rem;
  
  color: var(--corporait) !important;
  font-size: 16px !important;
  background: #fff;
  
  border: 1px solid var(--corporait);
  
  transition: 0.3s;
    
  z-index: 2;
  position: relative;
}
.map_world_link_wrap a:hover span {
  color: #fff !important;
  background: var(--corporait) !important;
}

/*
.map_world_link_wrap a::after {
  content: "";
  display: block;
  width: 7vw;
    min-width: 120px;
  height: 7vw;
    min-height: 120px;
  border-radius: 100%;
  background: #0074bf;
  opacity: 0.5;
    
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
.map_world_link_1 {
  position: absolute;
  top: 31%;
  right: 60%;
}

.map_world_link_2 {
  position: absolute;
  top: 50%;
  right: 68%;
}

.map_world_link_3 {
  position: absolute;
  top: 30%;
  right: 23%;
}

.map_world_link_4 {
  position: absolute;
  top: 25%;
  right: 87%;
}




@media screen and (max-width: 768px) {
  
  .map_link_wrap p {
    position: static !important;
  }
  
  .map_link_wrap div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
  }
  
  .map_link_wrap div p {
    width: 49%;
  }
  
  .map_link_wrap {
    margin-bottom: 70px;
  }
    
    
  .map_world_link_wrap p {
    position: static !important;
  }
  
  .map_world_link_wrap div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
  }
  
  .map_world_link_wrap div p {
    width: 49%;
  }
    
    .map_world_link_wrap a span {
        display: block;
        width: auto;
    }
  
  .map_world_link_wrap {
    margin-bottom: 70px;
  }
    /*
  .map_world_link_1 a::after, .map_world_link_2 a::after, .map_world_link_3 a::after, .map_world_link_4 a::after {
    display: none;
  }
  */
  
  
  
}