/*
* top.css
*
*/
/* --------------------------------
   common
-------------------------------- */
main {
  letter-spacing: 1px;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
}

html {
  font-size: 62.5%;
  font-weight: 400;
}

.sect_h {
  text-align: center;
  font-size: 6.13333vw;
  font-weight: 400;
}
@media (min-width: 768px) {
  .sect_h {
    font-size: 4rem;
  }
}

body {
  min-width: 320px;
}
@media (min-width: 768px) {
  body {
    min-width: 1100px;
  }
}

.color_change {
  color: #0a3e6f;
  font-size: 2.4vw;
}
@media (min-width: 768px) {
  .color_change {
    font-size: 1rem;
  }
}

em {
  font-weight: 700;
  font-style: normal;
}

.conversion {
  margin: auto;
  max-width: 82.66667vw;
}
@media (min-width: 768px) {
  .conversion {
    max-width: 640px;
  }
}


/* --------------------------------
   header
-------------------------------- */
.header {
  background-color: #fff;
}

.header_inner {
  display: flex;
  margin: 0 4vw;

  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .header_inner {
    margin: auto;
    padding: 0 30px;
    max-width: 1400px;
  }
}

.header_h {
  padding: 4.13333vw 0 4.4vw;
}
@media (min-width: 768px) {
  .header_h {
    padding: 20px 0;
  }
}
.header_h a {
  display: inline-block;
  width: 41.06667vw;
  height: 4vw;
}
@media (min-width: 768px) {
  .header_h a {
    width: 220px;
    height: auto;
  }
}

.header_sub {
  margin: 3.2vw 0 3.73333vw;
}
@media (min-width: 768px) {
  .header_sub {
    margin: 19px 0 20px;
  }
}

.header_share {
  display: flex;
  margin: 0 -2vw;
}
@media (min-width: 768px) {
  .header_share {
    margin: 0 -8px;
  }
}
.header_share li {
  margin: 0 2vw;
  width: 5.33333vw;
}
@media (min-width: 768px) {
  .header_share li {
    margin: 0 8px;
    width: 21px;
  }
}
.header_share li a {
  display: block;
}
@media (min-width: 768px) {
  .header_share li a {
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  }
}
@media (min-width: 768px) {
  .header_share li a:hover {
    opacity: 0.7;
  }
}

/* --------------------------------
   faq
-------------------------------- */
.faq {
  padding: 13.33333vw 0 14.66667vw;
}
@media (min-width: 768px) {
  .faq {
    padding: 80px 0 72px;
  }
}
.faq .conversion {
  margin-top: 12vw;
}
@media (min-width: 768px) {
  .faq .conversion {
    margin-top: 60px;
  }
}

.faq_inner {
  margin: 0 4vw;
}
@media (min-width: 768px) {
  .faq_inner {
    margin: auto;
    max-width: 1000px;
  }
}

.faq_category {
  margin: 6.66667vw 0 0;
}
@media (min-width: 768px) {
  .faq_category {
    margin-top: 36px;
  }
}
.faq_category + .faq_category {
  margin-top: 9.33333vw;
}
@media (min-width: 768px) {
  .faq_category + .faq_category {
    margin-top: 50px;
  }
}

.faq_category_h {
  text-align: center;
  font-size: 4.53333vw;
}
@media (min-width: 768px) {
  .faq_category_h {
    font-size: 2.6rem;
    line-height: 1.5;
  }
}

.faq_category_inner {
  margin: 1.6vw 0 0;
}
@media (min-width: 768px) {
  .faq_category_inner {
    margin-top: 20px;
  }
}

.accordion_index + .accordion_index {
  margin: 1.6vw 0 0;
}
@media (min-width: 768px) {
  .accordion_index + .accordion_index {
    margin-top: 8px;
  }
}

.accordion_h {
  position: relative;
  padding: 4.66667vw 13.33333vw 4.66667vw 10.66667vw;
  background-color: #000;
}
@media (min-width: 768px) {
  .accordion_h {
    padding: 22px 60px;
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  }
}
.accordion_h .icon {
  position: absolute;
  top: 4.8vw;
  left: 4vw;
  margin-right: 4vw;
  width: 2.66667vw;
}
@media (min-width: 768px) {
  .accordion_h .icon {
    top: 22px;
    left: 28px;
    width: 14px;
  }
}
.accordion_h .txt {
  color: #fff;
  font-size: 3.46667vw;
  line-height: 1.46154;
}
@media (min-width: 768px) {
  .accordion_h .txt {
    font-size: 1.8rem;
  }
}
.accordion_h::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4vw;
  border-width: 2.4vw 1.33333vw 0 1.33333vw;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  width: 0;
  height: 0;
  transition: 0.3s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s transform cubic-bezier(0, 0, 0.58, 1), 0.3s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: translate(0, -50%) rotate(0);
          transform: translate(0, -50%) rotate(0);
}
@media (min-width: 768px) {
  .accordion_h::before {
    right: 22px;
    border-width: 10px 6px 0 6px;
  }
}
.is-active .accordion_h::before {
  -webkit-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}

.accordion_body {
  position: relative;
  padding: 4.66667vw 4.66667vw 4.66667vw 10.66667vw;
  background-color: #efefef;
}
@media (min-width: 768px) {
  .accordion_body {
    padding: 24px 26px 26px 60px;
  }
}
.accordion_body .icon {
  position: absolute;
  top: 4.66667vw;
  left: 4vw;
  margin-right: 4vw;
  width: 2.66667vw;
}
@media (min-width: 768px) {
  .accordion_body .icon {
    top: 26px;
    left: 28px;
    width: 14px;
  }
}
.accordion_body .txt {
  color: #000;
  font-size: 3.46667vw;
  line-height: 1.46154;
}
@media (min-width: 768px) {
  .accordion_body .txt {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}
.accordion_body a {
  text-decoration: underline;
  color: #0a3e6f;
}
@media (min-width: 768px) {
  .accordion_body a:hover {
    text-decoration: none;
  }
}

/* --------------------------------
   footerNav
-------------------------------- */
.footerNav {
  background-color: #fff;
}

.footerNav_inner {
  padding: 25px 15px;
}
@media (min-width: 768px) {
  .footerNav_inner {
    padding: 8px 0;
  }
}

.footerNav_list {
  display: flex;
  margin-top: -11px;

  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.footerNav_listItem {
  margin: 11px 24px 0;
}
.footerNav_listItem a {
  text-decoration: none;
  color: #67779f;
  font-size: 1.2rem;
  line-height: 1.8;

  -webkit-font-smoothing: auto;
}
@media (min-width: 768px) {
  .footerNav_listItem a {
    transition: 0.3s color cubic-bezier(0, 0, 0.58, 1);
    color: #0a385b;
  }
  .footerNav_listItem a:hover {
    color: #8a8a8a;
  }
}

/* --------------------------------
   footer
-------------------------------- */
.footer {
  padding-bottom: 18.66667vw;
}
@media (min-width: 768px) {
  .footer {
    padding-bottom: 80px;
  }
}

.footer_inner {
  display: flex;
  padding: 12px 5px;
  background-color: #0a385b;

  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .footer_inner {
    padding: 22px 5px;
  }
}

.footer_logo {
  margin-right: 9px;
  width: 52px;
  font-size: 0;
}
@media (min-width: 768px) {
  .footer_logo {
    margin-right: 22px;
    width: 60px;
  }
}
.footer_logo img {
  width: 100%;
}

.footer_copylight {
  color: #fff;
  font-size: 1rem;

  -webkit-font-smoothing: auto;
}
@media (min-width: 768px) {
  .footer_copylight {
    letter-spacing: 0.9px;
    font-size: 1.4rem;
  }
}