@charset "utf-8";

.floatingBnr {
  display: none;
}

/* intro
---------------------------------------------- */
.intro {
  /*padding-top: clamp(70px, 2.71rem + 7.12vw, 180px);*/
  position: relative;
  z-index: 0;
}

.introBox {
  max-width: 760px;
}



@media screen and (max-width: 768px) {
  .introBox {
      width: auto;
  }
}



/* footer
---------------------------------------------- */
.footer {
    background-color: transparent;
    color: initial;
    padding-block: 0;
}
  .micromodal-slide {
      display: block;
  }
    .modal__overlay {
        position: static;
    }
      .hpbModal .modal__container {
          max-height: none;
          max-width: 640px;
          padding-block: 60px;
      }
      .modal__container .note {
        line-height: 1.8;
      }
      .hpbModal .modal__content {
          margin-top: 60px;
          padding-inline: 50px;
      }
      .hpbModal__text {
          font-size: 32px;
          margin-top: 2em;
      }
        .hpbModal__text .small {
            font-size: 24px;
        }
      .hpbModalList {
          grid-template-columns: 1fr;
      }
      .hpbModalList__link {
          font-size: 32px;
          top: 2px;
      }
        .hpbModalList__icon {
            width: 32px;
        }
        .hpbModalList__icon::before {
            width: 14px;
            background: url(../../img/common/icon_arrow.svg) center / 14px no-repeat;
        }


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

  
        .hpbModal .modal__container {
            max-width: calc(320 / 375 * 100%);
            /*padding-block: 60px;*/
        }
        .modal__container .note {
          /*line-height: 1.8;*/
        }
        .hpbModal .modal__content {
            margin-top: 60px;
            padding-inline: 50px;
        }
        .hpbModal__text {
            font-size: 16px;
            /*margin-top: 2em;*/
        }
          .hpbModal__text .small {
              font-size: 12px;
          }
        .hpbModalList {
            grid-template-columns: auto;
        }
        .hpbModalList__link {
            font-size: 16px;
            top: initial;
        }
          .hpbModalList__icon {
              width: 18px;
          }
          .hpbModalList__icon::before {
              width: 8px;
              background: url(../../img/common/icon_arrow.svg) center / 8px no-repeat;
          }
  }