@charset "UTF-8";
@media screen and (min-width: 751px) {
  .close { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 9999; }
  .c-close__box { position: absolute; z-index: 9999; top: 50%; left: 50%; display: inline-block; padding: 60px 140px; transform: translate(-50%, -50%); border: solid 2px #ccc; background: #fff; }
  .c-close__text { font-size: 20px; line-height: 2; margin-bottom: 0; text-align: center; white-space: nowrap; }
  .c-close__btn { text-align: center; margin-top: 3rem; }
  .c-close__btn a { display: inline-flex; width: 360px; height: 50px; text-decoration: none; color: #fff; background: #1b8d53; align-items: center; justify-content: center; }
  .c-close__btn a span { font-size: 20px; font-weight: bold; position: relative; padding-left: 30px; }
  .c-close__btn a span::before { position: absolute; top: 50%; left: 0; width: 20px; height: 30px; content: ""; transform: translateY(-50%); background: url("../img/common/arrow.svg") center no-repeat; }
}
@media screen and (max-width: 750px) {
  .close { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.8); z-index: 9999; }
  .c-close__box { position: absolute; z-index: 9999; top: 50%; left: 50%; display: inline-block; padding: 15vw 5vw; transform: translate(-50%, -50%); border: solid 2px #ccc; background: #fff; }
  .c-close__text { font-size: 14px; line-height: 1.8; margin-bottom: 0; text-align: center; white-space: nowrap; }
  .c-close__btn { text-align: center; margin-top: 3rem; }
  .c-close__btn a { display: inline-flex; width: 80vw; height: 15vw; text-decoration: none; color: #fff; background: #1b8d53; align-items: center; justify-content: center; }
  .c-close__btn a span { font-size: 16px; font-weight: bold; position: relative; padding-left: 30px; }
  .c-close__btn a span::before { position: absolute; top: 50%; left: 0; width: 20px; height: 30px; content: ""; transform: translateY(-50%); background: url("../img/common/arrow.svg") center no-repeat; }
  body, html { overflow: hidden !important; height: 100vh; }
}