@charset "UTF-8";
/* qa layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* 文字にグラデ */
/* ------------------------------------------------------------------------*/
/* レイアウト
---------------------------------------------------------------------------*/
/* pg-anchor
---------------------------------------------------------------------------*/
.pg-anchor {
  width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    width: 94.4444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    width: 89.8218829517vw;
  }
}
.pg-anchor {
  margin-bottom: 106px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    margin-bottom: 7.3611111111vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    margin-bottom: 26.9720101781vw;
  }
}
.pg-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor {
    gap: 6.106870229vw;
  }
}
.pg-anchor li {
  width: 320px;
  color: #ffffff;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li {
    width: 22.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li {
    width: 100%;
  }
}
.pg-anchor li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a {
    font-size: 5.0890585242vw;
  }
}
.pg-anchor li a {
  background-color: #363540;
  width: 100%;
  height: 72px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a {
    height: 5vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a {
    height: 18.320610687vw;
  }
}
.pg-anchor li a span {
  position: relative;
  padding-right: 22px;
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a span {
    padding-right: 1.5277777778vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a span {
    padding-right: 5.5979643766vw;
  }
}
.pg-anchor li a span::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 16px;
  background-image: url(../img/question/anc-arw.png);
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1440px) {
  .pg-anchor li a span::after {
    width: 1.0416666667vw;
    height: 1.1111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .pg-anchor li a span::after {
    width: 3.8167938931vw;
    height: 4.0712468193vw;
  }
}

/* qa-bd
---------------------------------------------------------------------------*/
.qa-bd {
  /* 1080 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1440px) {
  .qa-bd {
    width: 88.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd {
    /* 100vw = 393 */
    width: 79.6437659033vw;
  }
}
.qa-bd {
  margin-bottom: 80px;
}
@media screen and (max-width: 1440px) {
  .qa-bd {
    margin-bottom: 5.5555555556vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd {
    margin-bottom: 20.3562340967vw;
  }
}
.qa-bd {
  border-bottom: 1px solid #1E1E27;
}
.qa-bd-ttl {
  position: relative;
  text-align: center;
  padding-top: 52px;
}
@media screen and (max-width: 1440px) {
  .qa-bd-ttl {
    padding-top: 3.6111111111vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd-ttl {
    padding-top: 13.2315521628vw;
  }
}
.qa-bd-ttl {
  margin-bottom: 56px;
}
@media screen and (max-width: 1440px) {
  .qa-bd-ttl {
    margin-bottom: 3.8888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd-ttl {
    margin-bottom: 14.2493638677vw;
  }
}
.qa-bd-ttl {
  font-size: 32px;
}
@media screen and (max-width: 1440px) {
  .qa-bd-ttl {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd-ttl {
    font-size: 8.1424936387vw;
  }
}
.qa-bd-ttl {
  color: #0E42AB;
  font-weight: 700;
}
.qa-bd-ttl::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 34px;
  height: 26px;
  background-image: url(../img/question/qa-icn.png);
}
@media screen and (max-width: 1440px) {
  .qa-bd-ttl::before {
    width: 2.3611111111vw;
    height: 1.8055555556vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd-ttl::before {
    width: 8.6513994911vw;
    height: 9.1603053435vw;
  }
}
.qa-bd dl + dl {
  margin-top: 20px;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl + dl {
    margin-top: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl + dl {
    margin-top: 5.0890585242vw;
  }
}
.qa-bd dl dt p, .qa-bd dl dd p {
  position: relative;
  padding: 14px 64px;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dt p, .qa-bd dl dd p {
    padding: 0.9722222222vw 4.4444444444vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dt p, .qa-bd dl dd p {
    padding: 2.5445292621vw 16.2849872774vw;
  }
}
.qa-bd dl dt p::before, .qa-bd dl dd p::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.08em;
  font-size: 36px;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dt p::before, .qa-bd dl dd p::before {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dt p::before, .qa-bd dl dd p::before {
    font-size: 9.1603053435vw;
  }
}
.qa-bd dl dt p::before, .qa-bd dl dd p::before {
  font-weight: 700;
  left: 20px;
  top: 10px;
  line-height: 1.2;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dt p::before, .qa-bd dl dd p::before {
    left: 1.3888888889vw;
    top: 0.6944444444vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dt p::before, .qa-bd dl dd p::before {
    left: 5.0890585242vw;
    top: 2.5445292621vw;
  }
}
.qa-bd dl dt {
  position: relative;
}
.qa-bd dl dt::before, .qa-bd dl dt::after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  z-index: 10;
}
.qa-bd dl dt::before {
  width: 20px;
  height: 1px;
  right: 20px;
  top: 32px;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dt::before {
    width: 1.3888888889vw;
    height: 0.0694444444vw;
    right: 1.3888888889vw;
    top: 2.2222222222vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dt::before {
    width: 5.0890585242vw;
    height: 0.2544529262vw;
    right: 5.0890585242vw;
    top: 8.1424936387vw;
  }
}
.qa-bd dl dt::after {
  width: 1px;
  height: 20px;
  right: 30px;
  top: 22px;
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dt::after {
    width: 0.0694444444vw;
    height: 1.3888888889vw;
    right: 2.0833333333vw;
    top: 1.5277777778vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dt::after {
    width: 0.2544529262vw;
    height: 5.0890585242vw;
    right: 7.6335877863vw;
    top: 5.5979643766vw;
  }
}
.qa-bd dl dt.open::after {
  opacity: 0;
}
.qa-bd dl dt p {
  background-color: #0E42AB;
  color: #ffffff;
  font-weight: 700;
}
.qa-bd dl dt p::before {
  content: "Q";
}
.qa-bd dl dd {
  display: none;
}
.qa-bd dl dd p {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-right: 20px;
}
@media screen and (max-width: 1440px) {
  .qa-bd dl dd p {
    padding-right: 1.3888888889vw;
  }
}
@media screen and (max-width: 480px) {
  .qa-bd dl dd p {
    padding-right: 5.0890585242vw;
  }
}
.qa-bd dl dd p::before {
  content: "A";
  color: #0E42AB;
}