@charset "utf-8";

section {
  .wrap {
    padding-bottom: 60px;
    .contents {
      h2 {
        font-size: 2.6rem;
        margin-bottom: 1.5em;
        text-align: center;
      }
      .printbtn {
        margin-bottom: 30px;
        &:last-child {
          margin: 60px auto 0;
        }
      }
      .map {
        border:2px solid var(--color_main);
        margin-bottom: 40px;
      }
      .gmap {
        h2 {
          font-size: 2.2rem;
          line-height: 2;
          background-color: var(--color_def);
          color:#FFFFFF;
          margin: 0;
        }
        iframe {
          display: block;
          width: 100%;
          aspect-ratio: 2.6;
        }
      }
    }
  }
}

@media print {

  @page {
    size: A4 portrait;
    margin: 0;
  }
  body {
    min-width: 1200px;
    width: 100%;
    max-width: 18cm;
    margin: auto;
    padding: 0;
    overflow:visible;
    section {
      .wrap {
        .contents {
          width: 100%;
        }
      }
    }
  }
  #header,#footer,#pagetitle,.footer_fix,.spmenu,.printbtn {
    display: none!important;
  }

}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {

  section {
    .wrap {
      padding-bottom: 45px;
      .contents {
        h2 {
          font-size: 2.2rem;
          margin-bottom: 1em;
        }
        .printbtn {
          margin-bottom: 30px;
          &:last-child {
            margin: 30px auto 0;
          }
        }
        .map {
          margin-bottom: 20px;
        }
        .gmap {
          h2 {
            font-size: 1.8rem;
          }
          iframe {
            aspect-ratio: 1.5;
          }
        }
      }
    }
  }

}