/*! Writen  by SCSS */
body {
  background: #fbfaf7; }

.inner {
  max-width: 1060px; }

.map_content {
  padding-top: clamp(25px, 5.56%, 50px); }

.map_head {
  max-width: 128px;
  width: 12.08%;
  margin-inline: auto;
  margin-bottom: clamp(50px, 11.667vw, 140px); }
  @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_wrap .ttl {
  text-align: center;
  line-height: 1;
  color: #966f50;
  font-size: clamp(16px, 2.334vw, 28px); }

.map_image {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  position: relative; }
  .map_image::after {
    content: "";
    position: absolute;
    inset: 0;
    border: solid 1px #231815; }
  @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; }

.map_button {
  display: flex;
  justify-content: center;
  column-gap: 3.78%; }
  .map_button .item {
    width: 17.93%;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .map_button .item {
        width: 50%; } }
    .map_button .item a {
      color: #fff;
      background: #03392c;
      display: flex;
      column-gap: 10px;
      line-height: 1;
      justify-content: center;
      align-items: center;
      font-size: clamp(16px, 1.834vw, 22px);
      padding: 10px 0;
      transition: opacity 0.3s ease-in-out 0s; }
      .map_button .item a .icon {
        line-height: 0; }
      @media (hover: hover) {
        .map_button .item a:hover {
          opacity: .8; } }
    @media screen and (max-width: 480px) {
      .map_button .item.item_print {
        display: none; } }

.tel_txt {
  display: block;
  max-width: 431px;
  margin-inline: auto; }
  @media screen and (max-width: 480px) {
    .tel_txt {
      width: 90%; } }

.cv_navi {
  display: none !important; }
  @media screen and (max-width: 480px) {
    .cv_navi {
      display: flex !important; } }

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

  .map_content {
    padding-top: 20px; }

  .map_head {
    margin-bottom: 40px; }

  .map_button,
  .a {
    display: none !important; } }

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