@charset "utf-8";

/*—————————————————————————————————

   静的HTML化に伴う追加スタイル
   旧 common/js/script.js（jQuery）の動作をCSSのみで代替する

—————————————————————————————————*/

/*
ヘッダー固定（旧 header_marginb() の代替）
—————————————————————————————————*/
body > header {
  position: sticky;
}

/*
SPメニュー開閉（旧 .js-open-slidemenu クリック処理の代替）
—————————————————————————————————*/
.nav_toggle {
  display: none;
}

@media screen and (max-width: 1170px) {
  #header_wrap .global_nav {
    display: none;
    top: 100%;
  }

  #header_wrap .nav_toggle:checked ~ .global_nav {
    display: block;
  }
}

/*
よくあるご質問 アコーディオン（旧 dt.question クリック処理の代替）
—————————————————————————————————*/
.page-faq .faq_list {
  border-top: 1px dashed #20aee5;
}

.page-faq .faq_item > summary {
  display: block;
  position: relative;
  padding: 15px 1.5em;
  border-bottom: 1px dashed #20aee5;
  list-style: none;
  cursor: pointer;
  background-image: url("../img/share/ico_slide_open.svg");
  background-repeat: no-repeat;
  background-position: 99%;
  background-size: 25px 25px;
}

.page-faq .faq_item > summary::-webkit-details-marker {
  display: none;
}

.page-faq .faq_item[open] > summary {
  background-image: url("../img/share/ico_slide_close.svg");
}

.page-faq .faq_item > .answer {
  position: relative;
  padding: 1em;
  border-bottom: 1px dashed #20aee5;
  background-color: #eff8fb;
}

.page-faq .faq_item p {
  display: inline-block;
  padding: 0 0 0 1.5em;
  width: 90%;
}

.page-faq .faq_item > summary p {
  font-size: 1.2em;
  color: #20aee5;
}

.page-faq .faq_item > summary span.ttl {
  color: #20aee5;
}

.page-faq .faq_item > .answer span.ttl {
  padding: 0 0 0 0.5em;
  color: #ff7252;
}