/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: 100vw;
  --b: calc(var(--viewport-width) / 160);
}

@media screen and (max-width: 550px) {
  :root {
    --viewport-width: max(100vw, 550px);
    --b: calc(var(--viewport-width) / 55);
  }
}
.wrapper__content--detail {
  margin-top: max(3rem, 30px);
}
@media screen and (max-width: 550px) {
  .wrapper__content--detail {
    margin-top: 30px;
  }
}
.wrapper__content--detail:not(:first-of-type) {
  margin-top: max(10rem, 50px);
}
@media screen and (max-width: 550px) {
  .wrapper__content--detail:not(:first-of-type) {
    margin-top: 50px;
  }
}
.wrapper__content--detail .accordion__item:not(:first-of-type) {
  margin-top: max(3rem, 30px);
}
@media screen and (max-width: 550px) {
  .wrapper__content--detail .accordion__item:not(:first-of-type) {
    margin-top: 30px;
  }
}
.wrapper__content--detail .accordion__item--head {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: start;
  z-index: 1;
  gap: max(1rem, 10px);
  padding-bottom: max(1rem, 10px);
  margin-bottom: max(1rem, 10px);
  padding-right: 25px;
  border-bottom: 2px solid rgba(29, 38, 100, 0.05);
}
.wrapper__content--detail .accordion__item--head::before, .wrapper__content--detail .accordion__item--head::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - max(0.5rem, 5px));
  width: 20px;
  height: 3px;
  background-color: #1d2664;
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.wrapper__content--detail .accordion__item--head::before {
  transform: translateY(-50%);
}
.wrapper__content--detail .accordion__item--head::after {
  transform: translateY(-50%) rotate(90deg);
}
.wrapper__content--detail .accordion__item--head h4 {
  flex: 1;
  cursor: pointer;
  font-size: max(2rem, 18px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 550px) {
  .wrapper__content--detail .accordion__item--head h4 {
    font-size: 18px;
  }
}
.wrapper__content--detail .accordion__item--head .question-mark {
  display: grid;
  place-items: center;
  background: #7dbf90;
  min-width: max(2.7rem, 25px);
  height: max(2.7rem, 25px);
  margin-top: calc(max(2rem, 18px) * 0.25 - 3px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 3px solid #1d2664;
}
@media screen and (max-width: 550px) {
  .wrapper__content--detail .accordion__item--head .question-mark {
    min-width: 25px;
    height: 25px;
    margin-top: 1.5px;
  }
}
.wrapper__content--detail .accordion__item--head .question-mark span {
  display: block;
  padding-left: 5%;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.wrapper__content--detail .accordion__item--body {
  max-height: 0;
  overflow-y: hidden;
  transition: all 0.3s cubic-bezier(0.68, 0, 0.265, 1.2);
}
.wrapper__content--detail .accordion__item--body p {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.68, 0, 0.265, 1.2);
}
.wrapper__content--detail .accordion__item.is-open .accordion__item--head::after {
  transform: translateY(-50%) rotate(0);
}
.wrapper__content--detail .accordion__item.is-open .accordion__item--body p {
  opacity: 1;
}

.accordion__item--body .table-wrapper {
  overflow-x: auto;
  scrollbar-width: none;
}
.accordion__item--body .table-wrapper::-webkit-scrollbar {
  display: none;
}
.accordion__item--body table {
  width: max(100%, 800px);
  margin: 15px 0;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border: max(0.3rem, 3px) solid #1d2664;
  border-radius: 20px;
}
.accordion__item--body table th,
.accordion__item--body table td {
  padding: 10px 5%;
  text-align: center;
  vertical-align: middle;
}
.accordion__item--body table th.header-col,
.accordion__item--body table td.header-col {
  position: relative;
  z-index: 0;
}
.accordion__item--body table th.header-col::before,
.accordion__item--body table td.header-col::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(255, 255, 255, 0.3);
}
.accordion__item--body table thead tr th {
  border-bottom: 2px dotted #1d2664;
}
.accordion__item--body table thead tr th:not(:last-of-type) {
  border-right: 2px dotted #1d2664;
}
.accordion__item--body table tbody tr:not(:last-of-type) th,
.accordion__item--body table tbody tr:not(:last-of-type) td {
  border-bottom: 2px dotted #1d2664;
}
.accordion__item--body table tbody tr th {
  border-right: 2px dotted #1d2664;
}
.accordion__item--body table tbody tr td:not(:last-of-type) {
  border-right: 2px dotted #1d2664;
}
.accordion__item--body table thead tr:first-child th:first-child {
  border-top-left-radius: 15px;
}
.accordion__item--body table thead tr:first-child th:last-child {
  border-top-right-radius: 15px;
}
.accordion__item--body table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}
.accordion__item--body table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}/*# sourceMappingURL=faq.css.map */