@charset "UTF-8";

.wrap-location .map {width: 100%; min-height: 570px;}
.wrap-location .desc {position: relative;display: inline-block;width: 100%;background: #fff;padding: 20px 0;border-bottom: 2px solid #000;}
.wrap-location .desc-inner{display: flex;align-items: center;}
.wrap-location .desc .address,
.wrap-location .desc .tel {padding:10px 0 10px 80px;}
.wrap-location .desc .tel {background: url('../images/ico-location2.png') no-repeat left center;flex: 1;}
.wrap-location .desc .tel .box{margin-left:50px;display: flex;}
.wrap-location .desc .tel strong {display:block;font-family: 'Noto Bold';font-size: 20px;color: #121212;margin-right: 15px;}
.wrap-location .desc .tel span{ font-family: 'Noto Regular'; font-size: 20px; color: #333333;}
.wrap-location .desc .address {background: url('../images/ico-location1.png') no-repeat left center; width: 43%;}
.wrap-location .desc p {font-family: 'Noto Regular';font-size: 20px;color: #333;margin-left: 50px;}

.wrap-location .desc .btn-location {padding: 10px 133px 10px 35px;background: #E2F4F9 url('../images/arrow-location.png') no-repeat 85% center;font-family: 'Noto Regular';font-size: 20px;color: #04597C; transition: all 0.3s; position: absolute; right: 0; top: 40px;}

.wrap-location .desc .btn-location:hover{background: #04597C url(../images/arrow-location-on.png) no-repeat 85% center; color: #fff;}

@media all and (max-width: 1300px) {
  .wrap-location .desc .tel .box{margin-left:25px;}
  .wrap-location .desc p{margin-left: 25px;}
  }
  
  @media all and (max-width: 1200px) {
  .wrap-location .desc .tel .box{margin-left:25px;}
  .wrap-location .desc .tel strong {font-size: 18px;}
  .wrap-location .desc .tel span{font-size: 18px;}
  .wrap-location .desc p {font-size: 18px;}
  .wrap-location .desc .btn-location{font-size: 18px;}
  
  }
  
  @media all and (max-width: 1024px) {
    .wrap-location .go-btn{text-align: right; margin-top: 20px;}
    .wrap-location .desc .btn-location{position:static; padding: 10px 100px 10px 35px;}
    .wrap-location .desc .address{width: auto; flex: 1;}
}

@media all and (max-width: 780px) {
  .wrap-location .desc-inner{display: block;}
  .wrap-location .desc .address{margin-bottom: 20px;}
}
