/*! Writen  by SCSS */
.sec_map {
  padding-top: 0;
  padding-bottom: clamp(60px, 8.34%, 100px); }
  @media screen and (max-width: 480px) {
    .sec_map {
      padding-top: 0; } }

.sec_head {
  margin-bottom: 1em; }

.map_box {
  max-width: 1000px;
  margin-inline: auto;
  position: relative;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  .map_box::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 1px solid #040715;
    pointer-events: none; }

.button_wrap {
  max-width: 600px;
  margin-inline: auto;
  font-size: clamp(12px, 2.5vw, 16px);
  justify-content: center;
  gap: 4%; }
  @media screen and (max-width: 768px) {
    .button_wrap {
      font-size: 14px; } }
  .button_wrap .item {
    width: 48%; }
    @media screen and (max-width: 768px) {
      .button_wrap .item {
        width: 60%; } }
    .button_wrap .item a {
      width: 100%;
      height: 100%;
      background: #fff;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: 1;
      transition: opacity 0.3s ease-in-out;
      padding: 1em 0.2em;
      letter-spacing: 0.1em; }
      @media (hover: hover) {
        .button_wrap .item a:hover {
          opacity: 0.7; } }
    @media screen and (max-width: 768px) {
      .button_wrap .item.item_print {
        display: none; } }

@media print {
  .headnavi,
  .button_wrap,
  .bottom_button_wrap {
    display: none !important; }

  header {
    position: absolute; }

  .sec_map {
    padding-top: 30px;
    padding-bottom: 30px; }

  .sec_head {
    margin-bottom: 0.5em; }

  .map_box {
    margin-bottom: 0; }

  footer {
    padding: 30px 0; } }

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