/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .md-kvTxtOnly .kvTxtOnly__inr {
    height: 225rem;
  }
}


.secTrivia .sec__ctsInr {
  padding: 80rem 0 0;
  max-width: 980rem;
}
.secTrivia .sec__block + .sec__block {
  margin-top: 20rem;
}
.secTrivia .sec__block {
  background-color: #fff;
  border-radius: 20rem;
  overflow: hidden;
}
.secTrivia .sec__blockTtl {
  cursor: pointer;
}
.secTrivia .sec__blockTtlInr {
  padding: 25rem 40rem 25rem 80rem;
  font-size: 20rem;
  font-weight: bold;
  line-height: 30rem;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.secTrivia .sec__blockTtlInr::after {
  content: attr(data-num);
  background: url(/common/images/icn_faq_q_rd.svg) no-repeat center / contain;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40rem;
  height: 48rem;
  position: absolute;
  top: 50%;
  left: 20rem;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  font-size: 15rem;
}
.secTrivia .sec__blockTtlInr::before {
  content: " ";
  width: 30rem;
  height: 30rem;
  background: url(/common/images/icn_toggle_open.svg) no-repeat center / cover;
  background: url(/common/images/icn_toggle_close.svg) no-repeat center / cover;
  position: absolute;
  top: 50%;
  right: 40rem;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.secTrivia .js-open .sec__blockTtlInr {
  background-color: var(--c-hover);
  color: #fff;
}
.secTrivia .js-open .sec__blockTtlInr::after {
  background: url(/common/images/icn_faq_q_wt.svg) no-repeat center / contain;
  color: var(--c-hover);
}
.secTrivia .js-open .sec__blockTtlInr::before {
  background: url(/common/images/icn_toggle_open.svg) no-repeat center / cover;
}
.secTrivia .sec__blockCts {
  display: none;
  height: 0;
}
.secTrivia .sec__blockCtsInr {
  padding: 40rem;
}
.secTrivia .sec__blockHead {
  display: flex;
}
.secTrivia .sec__blockImg {
  width: 390rem;
}
.secTrivia .sec__blockInfo {
  padding-left: 100rem;
  position: relative;
  flex: 1;
}
.secTrivia .sec__blockInfo::before {
  content: " ";
  width: 40rem;
  height: 48rem;
  background: url(/common/images/icn_faq_a.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  left: 40rem;
}
.secTrivia .sec__blockInfo p {
  line-height: 1.8;
}
.secTrivia .sec__blockInfo p + p {
  margin-top: 25rem;
}
.secTrivia .sec__blockInfo p em {
  font-weight: bold;
}
.secTrivia .sec__blockInfo p small {
  font-size: 0.8em;
}
.secTrivia .sec__blockTbl {
  margin-top: 40rem;
}
.secTrivia .sec__blockTblTtl {
  color: var(--c-hover);
  font-weight: bold;
  line-height: 1.5;
}
.secTrivia .sec__blockTblTtl + .sec__blockDl {
  margin-top: 20rem;
  border-top: 1px solid #e0e0e0;
}
.secTrivia .sec__blockDl:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}
.secTrivia .sec__blockDl {
  display: flex;
}
.secTrivia .sec__blockDl:last-of-type dt,
.secTrivia .sec__blockDl:last-of-type dd {
  border-bottom: 0;
}
.secTrivia .sec__blockDl > dt {
  padding: 20rem;
  font-size: 14rem;
  line-height: 1.7;
  background-color: #fae7d6;
  width: 210rem;
  border-bottom: 1px solid #fff;
}
.secTrivia .sec__blockDl > dd {
  flex: 1;
  font-size: 14rem;
  padding: 20rem;
  line-height: 1.7;
  border-bottom: 1px solid #e0e0e0;
}
.secTrivia .sec__blockDl dd span {
  color: var(--c-hover);
}
.secTrivia .sec__blockDl > dd dl + dl {
  margin-top: 15rem;
}
.secTrivia .sec__blockDl > dd dt {
  font-weight: bold;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .secTrivia .sec__ctsInr {
    padding: 60rem 0 0;
  }
  .secTrivia .sec__block + .sec__block {
    margin-top: 20rem;
  }
  .secTrivia .sec__blockTtlInr {
    padding: 20rem 70rem;
    font-size: 16rem;
    line-height: 24rem;
  }
  .secTrivia .sec__blockTtlInr::after {
    width: 30rem;
    height: 36rem;
    font-size: 13rem;
  }
  .secTrivia .sec__blockTtlInr::before {
    right: 20rem;
    transform: translateY(-50%);
  }
  .secTrivia .js-open .sec__blockTtlInr {
    background-color: var(--c-hover);
    color: #fff;
  }
  .secTrivia .js-open .sec__blockTtlInr::before {
    background: url(/common/images/icn_toggle_open.svg) no-repeat center / cover;
  }
  .secTrivia .sec__blockCts {
    display: none;
    height: 0;
  }
  .secTrivia .sec__blockCtsInr {
    padding: 20rem;
  }

  .secTrivia .sec__blockHead {
    display: block;
  }
  .secTrivia .sec__blockImg {
    width: 260rem;
    margin: 0 auto;
  }
  .secTrivia .sec__blockInfo {
    padding-left: 50rem;
    margin-top: 20rem;
  }
  .secTrivia .sec__blockInfo::before {
    content: " ";
    width: 30rem;
    height: 36rem;
    background: url(/common/images/icn_faq_a.svg) no-repeat center / contain;
    position: absolute;
    top: 0;
    left: 0;
  }
  .secTrivia .sec__blockInfo p {
    line-height: 1.8;
  }
  .secTrivia .sec__blockInfo p + p {
    margin-top: 25rem;
  }
  .secTrivia .sec__blockInfo p em {
    font-weight: bold;
  }
  .secTrivia .sec__blockInfo p small {
    font-size: 0.8em;
  }
  .secTrivia .sec__blockTbl {
    margin-top: 60rem;
  }
  .secTrivia .sec__blockTblTtl {
    font-size: 16rem;
  }
  .secTrivia .sec__blockTblTtl + .sec__blockDl {
    margin-top: 20rem;
    border-top: 0;
  }
  .secTrivia .sec__blockDl:last-of-type {
    border-bottom: 0;
  }
  .secTrivia .sec__blockDl {
    display: block;
  }
  .secTrivia .sec__blockDl:last-of-type dt,
  .secTrivia .sec__blockDl:last-of-type dd {
    border-bottom: 0;
  }
  .secTrivia .sec__blockDl:last-of-type dd {
    border-bottom: 1px solid #e0e0e0;
  }
  .secTrivia .sec__blockDl > dt {
    padding: 18rem 20rem;
    width: 100%;
    border-bottom: 0;
  }
  .secTrivia .sec__blockDl > dd {
    flex: 1;
    font-size: 14rem;
    padding: 20rem;
    line-height: 1.7;
    border-bottom: 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
  }
  .secTrivia .sec__blockDl dd span {
    color: var(--c-hover);
  }
  .secTrivia .sec__blockDl > dd dl + dl {
    margin-top: 15rem;
  }
  .secTrivia .sec__blockDl > dd dt {
    font-weight: bold;
  }
}