/*! Writen  by SCSS */
.map_content {
  padding: clamp(25px, 5.56%, 50px) 20px 40px;
  background: #fff; }

.map_head {
  max-width: 120px;
  width: 13.34%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 480px) {
    .map_head {
      max-width: none;
      width: 100%; }
      .map_head img {
        display: block;
        width: fit-content;
        max-width: none;
        height: 26px;
        margin-left: auto;
        margin-right: auto; } }

.map_image {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  position: relative; }
  .map_image::after {
    content: "";
    position: absolute;
    inset: 0;
    border: solid 1px #333; }
  @media screen and (max-width: 480px) {
    .map_image {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px; }
      .map_image::after {
        display: none; } }

.icon_map {
  aspect-ratio: 18 / 18; }

.icon_print {
  aspect-ratio: 18 / 16; }

.button_close {
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .button_close {
      margin-bottom: 25px; } }
  .button_close a {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #b5b5b6;
    font-size: 10px;
    gap: 0.5em;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .button_close a:hover {
        opacity: 0.7; } }
    .button_close a .icon_close {
      width: 2em;
      line-height: 0; }
    .button_close a .text {
      line-height: 1; }

.map_button {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  gap: 0 30px; }
  @media screen and (max-width: 480px) {
    .map_button {
      width: 80%;
      margin: 0 auto; } }
  .map_button .item {
    flex-grow: 1; }
    .map_button .item a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.8em 0.5em;
      font-size: 14px;
      background: #2e2f32;
      border: 1px solid #2e2f32;
      gap: 0 0.8em;
      color: #fff;
      transition: background 0.3s ease-in-out,color 0.3s ease-in-out; }
      .map_button .item a .icon {
        width: 18px;
        fill: #fff;
        transition: fill 0.3s ease-in-out;
        line-height: 0; }
      @media (hover: hover) {
        .map_button .item a:hover {
          background: #fff;
          color: #333; }
          .map_button .item a:hover .icon {
            fill: #333; } }
    @media screen and (max-width: 480px) {
      .map_button .item.item_print {
        display: none; } }

@media print {
  .map_image {
    margin-bottom: 0; }

  .map_content {
    padding-top: 20px; }

  .map_head {
    font-size: 18px;
    margin-bottom: 20px;
    gap: 0.4em; }

  .map_image {
    margin-bottom: 20px; } }

/*# sourceMappingURL=style.css.map */