@charset "UTF-8";

body {
  margin: 0;
  background-color: #ECF3FB !important;
}

.pqa {
  color: #382712;
  line-height: 1;
  line-break: strict;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pqa *,
.pqa *:after,
.pqa *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.pqa h1,
.pqa h2,
.pqa h3,
.pqa h4,
.pqa h5,
.pqa h6,
.pqa p,
.pqa address,
.pqa ul,
.pqa ol,
.pqa li,
.pqa dl,
.pqa dt,
.pqa dd,
.pqa table,
.pqa th,
.pqa td,
.pqa img,
.pqa form {
  border: none;
  font: inherit;
  list-style-type: none;
  word-break: break-word;
}

.pqa input,
.pqa button,
.pqa textarea,
.pqa select {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #382712;
  font-weight: normal;
}

.pqa textarea {
  resize: vertical;
}

.pqa select::-ms-expand {
  display: none;
}

.pqa a {
  text-decoration: none;
  color: inherit;
  outline: none;
}

.pqa img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 768px) {
  .pqa .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pqa .pc {
    display: none !important;
  }
}

.pqa .mv__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .mv__wrap {
    width: 100%;
  }
}

.pqa .mv__nav {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .pqa .mv__nav {
    margin-top: 8.5333333333vw;
    padding: 0 5.3333333333vw;
    gap: 2.6666666667vw;
  }
}

.pqa .mv__link {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .pqa .mv__link {
    width: calc((100% - 2.6666666667vw) / 2);
    border-radius: 1.0666666667vw;
    flex: initial;
  }
}

.pqa .mv__link a {
  border: 1px solid #382712;
  border-radius: 4px;
  padding: 6px 8px;
  display: block;
  align-items: center;
  position: relative;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 700;
  font-feature-settings: "palt";
  background-color: #F7C238;
}

@media print,
screen and (min-width: 768px) {
  .pqa .mv__link a {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .pqa .mv__link a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .pqa .mv__link a {
    padding: 1.6vw 2.1333333333vw;
    font-size: 4.2666666667vw;
  }
}

.pqa .mv__link a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #382712;
  border-right: 1px solid #382712;
  position: absolute;
  top: 37%;
  right: 5%;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .pqa .mv__link a::after {
    width: 1.6vw;
    height: 1.6vw;
  }
}

@media screen and (max-width: 767px) {
  .pqa .mv__link a .dot {
    font-size: 3.7333333333vw;
    letter-spacing: -0.1em;
  }
}

.pqa .mv__txt {
  max-width: 880px;
  margin: 40px auto 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .mv__txt {
    margin-top: 6.6666666667vw;
    padding: 0 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.625;
  }
}

.pqa .intro {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .pqa .intro {
    padding-top: 6.9333333333vw;
  }
}

.pqa .intro__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .intro__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}

.pqa .intro__box {
  max-width: 880px;
  margin: 0 auto;
  background-color: #fff;
}

.pqa .intro__ttl {
  padding: 10px;
  font-size: 26px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .intro__ttl {
    padding: 1.6vw 2.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    text-align: left;
  }
}

.pqa .recommend {
  padding-top: 54px;
}

@media screen and (max-width: 767px) {
  .pqa .recommend {
    padding-top: 8.8vw;
  }
}

.pqa .recommend__wrap {
  z-index: 1;
  max-width: 880px;
  width: 96%;
  margin: 0 auto;
  padding-bottom: 93px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}

.pqa .recommend__ttl {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  text-decoration-style: solid;
  text-decoration-line: underline;
  text-decoration-color: #F7C238;
  text-decoration-thickness: 0.5em;
  text-underline-offset: -0.2em;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.4;
    text-decoration-thickness: 0.3em;
    text-underline-offset: -0.12em;
  }
}

.pqa .recommend__list {
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__list {
    margin-top: 4.5333333333vw;
  }
}

.pqa .recommend__item {
  padding-left: 30px;
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__item {
    padding-left: 5.3333333333vw;
    font-size: 4.8vw;
  }
}

.pqa .recommend__item::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: currentColor;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__item::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    top: 2.1333333333vw;
  }
}

.pqa .recommend__item+.recommend__item {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__item+.recommend__item {
    margin-top: 2.9333333333vw;
  }
}

.pqa .recommend__item--color {
  font-weight: 700;
  color: #E41828;
}

.pqa .recommend__img {
  z-index: -1;
  max-width: 219px;
  width: 25%;
  position: absolute;
  right: 6px;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .pqa .recommend__img {
    width: 29.6vw;
    margin: 6.4vw auto 0;
    position: static;
  }
}

.pqa .study {
  z-index: 1;
  margin-top: -16px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pqa .study {
    margin-top: -1.6vw;
  }
}

.pqa .study::before {
  z-index: -1;
  content: "";
  width: 100%;
  height: calc(100% - 32px - 127px);
  position: absolute;
  top: 32px;
  left: 0;
  background-color: #0D2958;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 188px), 50% 100%, 0 calc(100% - 188px));
}

@media screen and (max-width: 767px) {
  .pqa .study::before {
    height: calc(100% - 6.4vw - 22.6666666667vw);
    top: 6.4vw;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 23.4666666667vw), 50% 100%, 0 calc(100% - 23.4666666667vw));
  }
}

.pqa .study__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .study__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}

.pqa .study__ttl {
  margin-bottom: 34px;
  border-radius: 10px;
  padding: 7px 0 6px;
  font-size: 34px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  background-color: #2CD4E3;
}

@media screen and (max-width: 767px) {
  .pqa .study__ttl {
    margin-bottom: 7.2vw;
    padding: 1.6vw;
    font-size: 6.4vw;
  }
}

.pqa .study__box1 {
  max-width: 880px;
  margin: 0 auto;
  position: relative;
}

.pqa .study__list {
  width: 66%;
}

@media screen and (max-width: 767px) {
  .pqa .study__list {
    width: 100%;
  }
}

.pqa .study__item {
  padding-left: 30px;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .pqa .study__item {
    padding-left: 7.4666666667vw;
  }
}

.pqa .study__item::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: #F7C238;
}

@media screen and (max-width: 767px) {
  .pqa .study__item::before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    top: 1.8666666667vw;
    background-color: #2CD4E3;
  }
}

.pqa .study__item+.study__item {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .pqa .study__item+.study__item {
    margin-top: 5.0666666667vw;
  }
}

.pqa .study__item-ttl {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .study__item-ttl {
    font-size: 5.3333333333vw;
  }
}

.pqa .study__item-txt {
  margin-top: 1px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .study__item-txt {
    margin-top: 0;
    font-size: 4.2666666667vw;
  }
}

.pqa .study__program {
  min-height: 75px;
  margin: 31px 0;
  display: flex;
}

@media screen and (max-width: 767px) {
  .pqa .study__program {
    margin: 6.9333333333vw 0;
    display: block;
  }
}

.pqa .study__program-ttl {
  width: 100px;
  border-radius: 6px 0 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0D2958;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .pqa .study__program-ttl {
    width: 100%;
    border-radius: 2.1333333333vw 2.1333333333vw 0 0;
    padding: 1.6vw;
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
}

.pqa .study__program-list {
  border: 1px solid #fff;
  border-radius: 0 6px 6px 0;
  padding: 10px 0;
  flex: 1;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .pqa .study__program-list {
    border-top: none;
    border-radius: 0 0 2.1333333333vw 2.1333333333vw;
    padding: 0.5333333333vw 0;
    flex-direction: column;
    align-items: center;
  }
}

.pqa .study__program-item {
  padding: 0 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .pqa .study__program-item {
    padding: 4.2666666667vw 0;
    font-size: 3.7333333333vw;
  }
}

.pqa .study__program-item+.study__program-item {
  position: relative;
}

.pqa .study__program-item+.study__program-item::before {
  content: "";
  width: 1px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .pqa .study__program-item+.study__program-item::before {
    width: 53.3333333333vw;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.pqa .study__program-item--color {
  font-weight: 700;
  margin-top: 2px;
  color: #F7C238;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .pqa .study__program-item--color {
    margin-top: 0.2666666667vw;
    font-size: 5.3333333333vw;
  }
}

.pqa .study__img {
  width: 34%;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .pqa .study__img {
    width: 100%;
    margin-top: 6.6666666667vw;
    position: static;
  }
}

.pqa .study__box2 {
  margin-top: 45px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(82, 57, 34, 0.2);
}

@media screen and (max-width: 767px) {
  .pqa .study__box2 {
    margin-top: 8.5333333333vw;
    border-radius: 2.6666666667vw;
    box-shadow: 0 1.0666666667vw 4.8vw rgba(82, 57, 34, 0.2);
  }
}

.pqa .study__sponsor {
  padding: 34px 50px 30px;
}

@media screen and (max-width: 767px) {
  .pqa .study__sponsor {
    padding: 8vw 4.6666666667vw 6.6666666667vw;
  }
}

.pqa .study__sponsor-top {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

@media screen and (max-width: 767px) {
  .pqa .study__sponsor-top {
    flex-direction: column;
    align-items: center;
    gap: 3.7333333333vw;
  }
}

.pqa .study__sponsor-tag {
  padding: 10px 22px 9px 15px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  background: url(../images/pqa/study_tag_bg01.png) no-repeat center/100% 100%;
}

@media screen and (max-width: 767px) {
  .pqa .study__sponsor-tag {
    border-radius: 999px;
    padding: 1.0666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    background-image: none;
    background-color: #2CD4E3;
  }
}

.pqa .study__sponsor-name {
  width: 340px;
}

@media screen and (max-width: 767px) {
  .pqa .study__sponsor-name {
    width: 48vw;
  }
}

.pqa .study__sponsor-txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .study__sponsor-txt {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

.pqa .study__organizer {
  padding: 32px 50px 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer {
    padding: 8.5333333333vw 4.6666666667vw 7.2vw;
  }
}

.pqa .study__organizer::before {
  content: "";
  width: 100%;
  height: 2px;
  padding: 0 50px;
  position: absolute;
  top: 0;
  left: 0;
  background: repeating-linear-gradient(to right, #2CD4E3 0, #2CD4E3 4px, transparent 4px, transparent 8px) repeat-x top left/8px 2px;
  background-clip: content-box;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer::before {
    padding: 0;
  }
}

.pqa .study__organizer-top {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-top {
    flex-direction: column;
    align-items: center;
    gap: 3.2vw;
  }
}

.pqa .study__organizer-tag {
  padding: 15px 22px 15px 15px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  background: url(../images/pqa/study_tag_bg02.png) no-repeat center/100% 100%;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-tag {
    border-radius: 999px;
    padding: 1.0666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    background-image: none;
    background-color: #2CD4E3;
  }
}

.pqa .study__organizer-ttl {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.pqa .study__organizer-ttl--small {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-ttl--small {
    order: 1;
    font-size: 3.2vw;
    text-align: center;
  }
}

.pqa .study__organizer-ttl--company {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-ttl--company {
    order: 3;
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}

.pqa .study__organizer-ttl--name {
  margin-left: 1em;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-ttl--name {
    margin-top: 1.0666666667vw;
    margin-left: 0;
    order: 2;
    font-size: 5.3333333333vw;
  }
}

.pqa .study__organizer-box {
  margin-top: 14px;
  display: flex;
  gap: 26px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-box {
    margin-top: 3.2vw;
    display: block;
  }
}

.pqa .study__organizer-txt {
  flex: 1;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-txt {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

.study__organizer-info-wrap {
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .study__organizer-info-wrap {
    display: block;
  }
}

.pqa .study__organizer-info {
  width: 240px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info {
    width: 100%;
  }
}

.pqa .study__organizer-info-ttl {
  border-radius: 999px;
  padding: 4px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  background-color: #cfddf3;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-ttl {
    margin-top: 6.4vw;
    padding: 1.0666666667vw;
    font-size: 4.2666666667vw;
  }
}

.pqa .study__organizer-info-box {
  margin-top: 13px;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-box {
    margin-top: 4vw;
    align-items: flex-start;
    gap: 3.7333333333vw;
  }
}

.pqa .study__organizer-info-img {
  width: 100px;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-img {
    width: 26.6666666667vw;
    aspect-ratio: 100/121;
  }

  .pqa .study__organizer-info-img img {
    height: 100%;
    object-fit: cover;
  }
}

.pqa .study__organizer-info-right {
  flex: 1;
}

.pqa .study__organizer-info-txt {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-txt {
    font-size: 3.7333333333vw;
  }
}

.pqa .study__organizer-info-txt--big {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-txt--big {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.pqa .study__organizer-info-qualification {
  margin-top: 18px;
  padding-top: 18px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  background: repeating-linear-gradient(to right, #382712 0, #382712 2px, transparent 2px, transparent 4px) repeat-x top left/4px 1px;
}

@media screen and (max-width: 767px) {
  .pqa .study__organizer-info-qualification {
    margin-top: 2.4vw;
    padding-top: 3.4666666667vw;
    font-size: 3.2vw;
    line-height: 1.3;
    font-weight: 500;
  }
}

.pqa .presents {
  padding-top: 52px;
}

@media screen and (max-width: 767px) {
  .pqa .presents {
    padding-top: 8.5333333333vw;
  }
}

.pqa .presents__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .presents__wrap {
    width: 100%;
    padding: 0 6vw;
  }
}

.pqa .presents__box {
  display: flex;
}

@media screen and (max-width: 767px) {
  .pqa .presents__box {
    display: block;
  }
}

.pqa .presents__left {
  flex: 1;
}

.pqa .presents__ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .pqa .presents__ttl {
    align-items: center;
  }
}

.pqa .presents__ttl--sub {
  border-radius: 2px;
  padding: 4px 12px;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.04em;
  font-weight: 700;
  background-color: #F7C238;
}

@media screen and (max-width: 767px) {
  .pqa .presents__ttl--sub {
    padding: 1.3333333333vw 3.2vw 0.8vw;
    font-size: 4.2666666667vw;
  }
}

.pqa .presents__ttl--txt {
  margin-top: 10px;
  font-size: 34px;
  line-height: 1.3;
  letter-spacing: 0.04em;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .presents__ttl--txt {
    margin-top: 3.2vw;
    font-size: 8vw;
    line-height: 1.4;
    text-align: center;
  }
}

.pqa .presents__ttl--color {
  font-weight: 700;
  color: #E41828;
}

.pqa .presents__ttl--small {
  font-weight: 700;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .pqa .presents__ttl--small {
    font-size: 6.9333333333vw;
  }
}

.pqa .presents__txt1 {
  max-width: 590px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .presents__txt1 {
    max-width: initial;
    margin-top: 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
}

.pqa .presents__note {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.75;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .presents__note {
    margin-top: 1.0666666667vw;
    font-size: 3.7333333333vw;
  }
}

.pqa .presents__right {
  width: 28%;
}

@media screen and (max-width: 767px) {
  .pqa .presents__right {
    width: 100%;
  }
}

.pqa .presents__img {
  margin-top: 26px;
}

@media screen and (max-width: 767px) {
  .pqa .presents__img {
    width: 73.0666666667vw;
    margin: 3.7333333333vw auto 0;
  }
}

.pqa .presents__txt2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .presents__txt2 {
    margin-top: 0;
    font-size: 4.2666666667vw;
  }
}

.pqa .presents__txt3 {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .presents__txt3 {
    font-size: 3.4666666667vw;
  }
}

.pqa .voice {
  padding-top: 54px;
  padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .pqa .voice {
    padding-top: 10.1333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}

.pqa .voice__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .voice__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}

.pqa .voice__ttl {
  display: flex;
  align-items: center;
}

.pqa .voice__ttl--txt {
  padding: 0 20px;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .pqa .voice__ttl--txt {
    padding: 0 2.6666666667vw;
    font-size: 6.4vw;
  }
}

.pqa .voice__ttl--small {
  font-weight: 700;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .pqa .voice__ttl--small {
    font-size: 5.3333333333vw;
  }
}

.pqa .voice__ttl::before,
.pqa .voice__ttl::after {
  content: "";
  height: 2px;
  margin-top: 4px;
  flex: 1;
  background: repeating-linear-gradient(to right, #382712 0, #382712 4px, transparent 4px, transparent 8px) repeat-x top left/8px 2px;
}

@media screen and (max-width: 767px) {

  .pqa .voice__ttl::before,
  .pqa .voice__ttl::after {
    background: repeating-linear-gradient(to right, #382712 0, #382712 3px, transparent 3px, transparent 6px) repeat-x top left/6px 2px;
    margin-top: 0;
  }
}

.pqa .voice__list {
  margin-top: 38px;
  display: flex;
  gap: 26px;
}

@media screen and (max-width: 767px) {
  .pqa .voice__list {
    margin-top: 6.9333333333vw;
    flex-direction: column;
  }
}

.pqa .voice__item {
  border: 2px solid #2CD4E3;
  border-radius: 10px;
  padding: 18px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .pqa .voice__item {
    width: 100%;
    border-radius: 2.6666666667vw;
    padding: 4.8vw 4.8vw 3.4666666667vw;
  }
}

.pqa .voice__item-ttl {
  color: #0D2958;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .voice__item-ttl {
    font-size: 4.8vw;
    text-align: left;
  }
}

.pqa .voice__item-txt {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .pqa .voice__item-txt {
    margin-top: 0.2666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

.pqa .reserve {
  padding-top: 64px;
  padding-bottom: 68px;
  background-color: #0D2958;
}

@media screen and (max-width: 767px) {
  .pqa .reserve {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.8vw;
  }
}

.pqa .reserve__wrap {
  max-width: 980px;
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pqa .reserve__wrap {
    width: 100%;
    padding: 0 6vw;
  }
}

.pqa .reserve__txt {
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .reserve__txt {
    font-size: 4.2666666667vw;
    font-weight: 700;
  }
}

.pqa .reserve__btn {
  margin-top: 31px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .pqa .reserve__btn {
    margin-top: 5.3333333333vw;
  }
}

.pqa .reserve__btn a {
  width: 262px;
  height: 60px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  background-color: #F7C238;
  box-shadow: 0 5px 0 #040E20;
}

@media print,
screen and (min-width: 768px) {
  .pqa .reserve__btn a {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .pqa .reserve__btn a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .pqa .reserve__btn a {
    width: 79.4666666667vw;
    height: 13.6vw;
    font-size: 5.3333333333vw;
    box-shadow: 0 1.3333333333vw 0 #040E20;
  }
}

.pqa .reserve__note {
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pqa .reserve__note {
    margin-top: 5.8666666667vw;
    font-size: 3.2vw;
  }
}