@charset "utf-8";

@media print {
  body {
    overflow: visible;
  }

  .span-container,
  .checkbox {
    display: none;
  }

  .nav-container {
    position: unset;
    transform: translate(0);
    background: none;
    height: auto;
  }

  #header .nav-ue {
    margin-bottom: 30px;
  }

  #header .nav-sita {
    padding-bottom: 120px;
  }

  .nav-sita .gs {
    display: none;
  }

  #header .nav-sita ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    flex-wrap: nowrap;
    max-width: unset;
  }

  #header .nav-sita ul li {
    border: none;
    width: calc(100% / 5);
    max-width: 160px;
  }

  #header .nav-sita ul li a {
    display: grid;
    text-align: center;
    color: #232323;
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
  }

  #header .nav-sita ul li a img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
  }

  .swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    height: 60vh;
    width: 100vw;
  }

  .top-btn {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
    position: absolute;
    top: 40vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
  }

  .top-btn ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }

  .top-btn ul li {
    width: unset !important;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
  }

  .top-btn ul li a {
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #1C796E;
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    text-decoration: none;
    transition: all .3s ease-in-out;
    position: relative;
  }

  .top-btn ul li a span {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50% -50%);
    margin: 0;
  }

  .top-btn ul li.top-btn-item1 {
    width: calc(70% / 2);
  }

  .top-btn ul li.top-btn-item2 {
    width: calc(70% / 2);
  }

  .top-btn ul li a span br {
    display: block;
  }

  .top-btn ul li.top-btn-item1 a::after,
  .top-btn ul li.top-btn-item2 a::after,
  .top-btn ul li.top-btn-item3 a::after,
  .top-btn ul li.top-btn-item4 a::after,
  .top-btn ul li.top-btn-item5 a::after {
    display: none;
  }
}