/* common */

button {
  color: #000;
  appearance: none;
  outline: none;
}

button:focus {
  outline: none;
  color: #000;
  appearance: none;
}



/* faq_block */
.faq_block p.n_align_center strong {
  font-size: 130%;
}
.faq_block .btn-block {
  margin-top: 0;
}

/* bg-yellow */
.bg-yellow{
  background: #fefe1b;
}

/* btn-block */
.btn-block {
  display: flex;
  justify-content: center;
  margin: 1em auto;
}
.btn-block .btn-base {
  display: block;
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  padding: 1em 2em;
  transition: 0.3s all;
}
@media print, screen and (max-width: 768px) {
  .btn-block .btn-base {
  font-size: 100%;
}
}

.n_index_block ul li > a > div .ttl_contact {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.n_index_block ul li > a > div .ttl_contact span:not(.n_red) {
  background: #fefe1b;
}
.n_index_block ul li > a > div .txt_contact {
  margin-bottom: 0;
}
.n_index_block ul li > a .txt_note {
  font-size: 90%;
  text-indent: -1em;
  padding-left: 1em;
  margin: 1em 0 0;
}


@media print, screen and (min-width: 768px) {
  .btn-block .btn-base.faq {
    font-size: 130%;
  }
  .btn-block .btn-base.arrow {
    padding: 1em 3em 1em 2em;
  }
}

/* modal */

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  z-index: 101 !important;
  background: rgba(135,134,131,0.35);
}

.modal__container {
  background-color: unset !important;
  padding: 0 !important;
  margin: 0 !important;
    overflow-y: none;
    box-sizing: border-box;
}
.modal__content {
  background: #fff;
  padding: 8px 16px 16px;
  margin: 20px!important;
  border-radius: 16px;
  overflow-y: none;

}

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

  .modal__container {
      height: 100%;
      overflow-y: none;
            display: flex;
      align-items: center;
    }
  
    .modal__content {
      max-height: calc(100% - 60px) !important;
      height: auto !important;
      overflow-y: none;

    }
  
}

.modal-inner-block {
      border: 2px solid #4b4e4f;
      border-radius: 8px;
      padding: 16px;
      overflow-y: auto;
      height: 400px !important;
}

#modal-2 .modal-inner-block{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

}

@media print, screen and (min-width: 768px) {
  .modal-inner-block {
    padding: 24px;
    height: auto !important;
  }
}

.modal__other .modal__content h2{
  margin-top: 0;
}



@media print, screen and (max-width: 768px) {
  .modal__other .modal__content h2 {
      font-size: 120%;
    }
}

.modal__other .modal__content {
  color: #242520;
  background: #fef1cc;
}
.modal__other .modal__content .n_red {
  color: #db1d1d;
  font-size: 150%;
  text-decoration: underline;
  margin: 0 5px;
}

@media print, screen and (max-width: 768px) {
  .modal__other .modal__content .n_red {
    font-size: 125%;
  }
}


.modal__other .modal__content .btn-block {
  display: block;
}

.modal__other .modal__content .btn-block p{
  margin-bottom: 0;
}

.modal__other .modal__content .btn-block .btn-base.back {
  border: 1px solid #dbdbdb;
  text-decoration: none;
  border-radius: 50px;
  padding: 1em 1.5em 1em 2.5em;
  max-width: 340px;
  margin:  0 auto;
  font-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .modal__other .modal__content .btn-block .btn-base.back {
    padding: 1em 1.5em 1em 2em;
    
  }
}


.modal__header {
  padding: 10px 0;
  box-sizing: border-box !important;
  height: 40px !important;
}
.modal__header .modal__close {
  background: unset !important;
  position: relative;
  padding-right: 30px;
  font-size: 100%;
  letter-spacing: 1.6px;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: #000 !important;
}

@media print, screen and (min-width: 768px) {
  .modal__header .modal__close {
    font-size: 14px;
  }
}

.modal__header .modal__close:before {
  color: #000 !important;
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: 45%;
  transform: translateY(-50%);
  font-weight: normal !important;
}