._mo{ display: none; }
.directions{ background: #fff; padding: 100px 0; position: relative; }

.directions .obj{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.directions .obj > div{ position: absolute; top: 50%; }
.directions .obj>._1{ left: 0; width: 325px; }
.directions .obj>._1 img{ transform: translateX(calc(-30 / 325 * 100%)) translateY(-90%);  }
.directions .obj>._2{ left: auto; right: 0; width: 323px; }
.directions .obj>._2 img{ transform: translateX(calc(30 / 323 * 100%)); }

.map_wrapper{
    max-width: 1440px;  width: 100%; 
    margin: 0 auto 80px; position: relative; 
}
.map_wrapper::after{
    display: block; content: ''; padding-top: calc(660 / 1440 * 100%);
}
.map_wrapper #map{ width: 100%; height: 100%; position: absolute; }
.address{ display: flex; justify-content: center; gap: 20px; }
.address .img_area{ max-width: 33px; align-content: center; }
.address p{ font-size: 30px; font-weight: 600; line-height: calc(80/30); }

@media screen and (max-width: 1600px){
    .map_wrapper{ width : calc(900/1440*100vw); max-width: unset; }
}
@media screen and (max-width: 1440px){
    /* .map_wrapper{ width: calc(100% - 80px); } */
    .directions .obj>._1{ width: clamp(290px, 325/1440*100vw, 325px); }
    .directions .obj>._2{ width: clamp(290px, 323/1440*100vw, 323px); }
}
@media screen and (max-width: 1280px){
    .directions .obj>._1{ width: clamp(240px, 280/1280*100vw, 280px); }
    .directions .obj>._2{ width: clamp(240px, 280/1280*100vw, 280px); }
    /* .map_wrapper{ height: 550px; } */
    .map_wrapper::after{ padding-top: calc(780 / 1440 * 100%); }
}
@media screen and (max-width: 1024px){
    .directions .obj>._1{ width: clamp(200px, 240/1024*100vw, 240px); }
    .directions .obj>._2{ width: clamp(200px, 240/1024*100vw, 240px); }
    .map_wrapper{ margin-bottom: 50px; width: calc(1000/1440*100vw); }
    .address{ gap: 12px; }
    .address p{ font-size: 20px; }
    .address .img_area{ max-width: 20px; }
}
@media screen and (max-width: 820px){
    .directions{ padding: 140px 0 100px; }
    .directions .obj>._1{ width: clamp(130px, 180/820*100vw, 180px); }
    .directions .obj>._2{ width: clamp(130px, 180/820*100vw, 180px); }
    .map_wrapper{ width : calc(100% - 80px);  margin-bottom: 42px; }
    .address p{ font-size: 16px; }
}
@media screen and (max-width: 500px){
    .directions .obj>._1{ width: clamp(80px, 100/500*100vw, 100px); }
    .directions .obj>._2{ width: clamp(80px, 100/500*100vw, 100px); }
    .map_wrapper{ margin-bottom: 32px; }
    .map_wrapper::after{ padding-top: calc(1700/ 1440 * 100%); }
    .address p{ font-size: 14px; }
    .address .img_area{ max-width: 15px; }
}
@media screen and (max-width: 360px){
     .address {flex-direction: column; align-items: center;}
     ._mo{ display: block; }
     .address p{ text-align: center; line-height: calc(50/30*1em); }
}