/*!
 * rev. 2025.09 ※相対パス指定のため、background-image:url->header.php
 */

/* over-write */
.modal__container {
  max-width:100%!important;
}
.n_button_area a {
  text-decoration:none!important;
}
.n_button_area a:link {
  text-decoration:none!important;
}
.n_button_area a:visited {
  text-decoration:none!important;
}
.n_button_area a:hover {
  text-decoration:none!important;
}
.n_button_area a:active {
  text-decoration:none!important;
}

/* Inquires:Parts */
.inq_border_red    { border-color:#d6061c;}
.inq_border_blue   { border-color:#008bcd;}
.inq_border_green  { border-color:#00a649;}
.inq_border_yellow { border-color:#ffd153;}
.inq_border_black  { border-color:#dbdbdb;}

.inq_mt40 { margin-top:40px;}
.inq_mt20 { margin-top:20px;}
.inq_mt10 { margin-top:10px;}
.inq_mb40 { margin-bottom:40px;}
.inq_mb20 { margin-bottom:20px;}
.inq_mb10 { margin-bottom:10px;}
.inq_mv10 { margin-top:10px; margin-bottom:10px;}

.inq_block        { display:block;}
.inq_inline_block { display:inline-block;}

.inq_text_center { text-align:center;}
.inq_text_left   { text-align:left;}
.inq_text_chunk  { display:inline-block;}

/* decoration */
.inq_highlight_word { font-weight:bold; background-color:#fefe1b;}
.inq_link_text      { font-weight:bold; font-size:120%;}

.inq_button { display:block; color:#242520;}
.inq_button a         { color:#242520; text-decoration:none!important;}
.inq_button a:link    { color:#242520; text-decoration:none!important;}
.inq_button a:visited { color:#242520; text-decoration:none!important;}
.inq_button a:hover   { color:#242520; text-decoration:none!important;}
.inq_button a:active  { color:#242520; text-decoration:none!important;}

.inq_br { display:inline-block;}

/* ref: .n_text_link_button */
.inq_link_button {
  background-color:#fff;
  background-repeat:no-repeat;
  background-size: 8px auto;
  background-position: calc(100% - 10px) 50%;
  padding:0.5em 1.2em 0.5em 0.5em;
  border: 2px solid #dbdbdb;
  border-radius: 16px;
  word-break:keep-all;
  overflow-wrap:break-word;
}
@media print, screen and (max-width: 768px) {
 .inq_link_button {
  background-color:#fff;
  background-repeat:no-repeat;
  background-size: 8px auto;
  background-position: calc(100% - 10px) 50%;
  display:block;
  padding:0.5em 1.2em 0.5em 0.5em;
  border: 2px solid #dbdbdb;
  border-radius: 16px;
  word-break:keep-all;
  overflow-wrap:break-word;
 }
}

/* SOHAI */
.inq_sohai_img {
 display:inline-block;
 width:2em;
 height:2em;
 vertical-align:bottom;
}
.inq_sohai_text {
 display:inline-block;
 margin-right:0.5em;
 margin-left:0.2em;
 font-weight:bold;
 font-size:1.2em;
 vertical-align:top;
 overflow-wrap: anywhere;
}

/* LINE */
.inq_line { width:100%; margin-bottom:1em; padding:0; both:clear; line-height:1;}
.inq_line_img {
 display:inline-block;
 width:20%;
 max-width:3.5em;
 margin-right:0.2em;
 vertical-align:top;
}

.inq_line_text {
 display:inline-block;
 width:75%;
 padding:0;
 vertical-align:top;
}
.inq_line_link {
 display:block;
 font-size:90%;
}
.inq_line_note {
 font-size:75%;
}

/* modal parts */
.inq_modal_title {
  display:block;
  border:none;
  text-align:center;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.inq_modal_link_refer {
  background-color:#fff;
  background-repeat:no-repeat;
  background-size: 8px auto;
  background-position: calc(100% - 15px) 50%;
  display:inline-block;
  padding:0.5em 2em 0.5em 2em;
  border:2px solid #dbdbdb;
  border-radius:16px;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.inq_modal_link_button {
  background-color:#fff;
  background-repeat:no-repeat;
  background-size: 8px auto;
  background-position: calc(100% - 15px) 50%;
  display:inline-block;
  padding:0.5em 2em 0.5em 1.5em;
  border:2px solid #dbdbdb;
  border-radius:16px;
  text-align:center;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.inq_modal_link_block {
  background-repeat:no-repeat;
  background-size: 8px auto;
  background-position: calc(100% - 15px) 50%;
  display:inline-block;
  padding:0.5em 2em 0.5em 2em;
  border:none;
  text-align:center;
  word-break:keep-all;
  overflow-wrap:break-word;
}

/* *********************************** */
/* common */

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

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


/* modal */

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  z-index: 20000 !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 #008bcd;
  border-radius: 8px;
  padding: 16px;
  overflow-y: auto;
  height: 400px !important;
}

#modal-2 .modal-inner-block{
  display: flex;
  align-items: center;
  flex-direction: column;
/* 2025.09 先頭行非表示防止のため削除 */
/*  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%;
/* 2025.09 注記下線不要 */
/*  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;
}