/*! Writen  by SCSS */
.map_area {
  padding: clamp(60px, 7.5vw, 90px) 0 clamp(80px, 10vw, 120px); }
  @media screen and (max-width: 480px) {
    .map_area {
      padding: 40px 0 60px; } }
  .map_area .map_image {
    max-width: 1000px;
    margin: 0 auto clamp(40px, 5.834vw, 70px);
    position: relative; }
    .map_area .map_image:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #595757;
      pointer-events: none; }
  .map_area .map_image2 {
    max-width: 1000px;
    margin: clamp(40px, 5.834vw, 70px) auto clamp(30px, 4.167vw, 50px);
    position: relative; }
  .map_area .google_btn {
    max-width: 300px;
    margin: 0  auto;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    color: #151c39;
    background: rgba(156, 96, 105, 0.2);
    transition: 0.3s background ease-in-out 0s,0.3s color ease-in-out 0s;
    padding: 15px 10px; }
    body:not(.mobile) .map_area .google_btn:hover {
      color: #FFF;
      background: #9c6069; }
    .map_area .google_btn .icon {
      line-height: 0; }
    .map_area .google_btn .link_txt {
      font-size: clamp(14px, 1.334vw, 16px); }