@charset "UTF-8";
/* CSS Document */

.innerHead {
  background: url(../img/wave.webp) no-repeat 0 bottom;
  background-size: 100%;
  padding-bottom: max(380px,42.5%);
}
.innerHead .headWrap h1 img {
  max-width: 194px;
}
.leadBlock {
  max-width: 1040px;
  margin: -10px auto 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.leadBlock .imgBox {
  width: 53.6%;
}
.leadBlock .txtBox {
  width: 36%;
}
.leadBlock .txtBox ul {
  max-width: 310px;
  margin: 0 0 0 auto;
}
.leadBlock .txtBox li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px dashed #293855;
  padding: 0 16px 12px 4px;
  margin-bottom: 22px;
}
.leadBlock .txtBox li:last-child a {
  margin-bottom: 0;
}
.leadBlock .txtBox li a::before {
  content: "";
  width: 35px;
  height: 35px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23fff%3B%20%7D%20.st1%20%7B%20fill%3A%20%23293855%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M20%2C0c11%2C0%2C20%2C9%2C20%2C20s-9%2C20-20%2C20S0%2C31%2C0%2C20%2C9%2C0%2C20%2C0Z%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2226.9%2017.1%2025.9%2016%2020%2021.9%2014.1%2016%2013.1%2017.1%2020%2024%2026.9%2017.1%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}
.anchor {
  position: relative;
  margin: -65px 0 44px;
  padding-top: 65px;
}
.contentBlock .block01.anchor {
  top: -65px;
  margin: 0 0 -88px;
}
.contentBlock {
  position: relative;
  margin-top: -24.2%;
}
.contentBlock::before {
  background: #f2f9ed;
}
.contentWrap {
  padding: 16px 0 30px;
  background: #f2f9ed;
  position: relative;
  z-index: 2;
}
.contentBlock .block {
  letter-spacing: 0.06em;
  line-height: 1.563;
}
.contentBlock .block .cornerTitle {
  padding: 0 3%;
}
.contentBlock .block .cornerTitle p {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  min-height: 50px;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 100px;
  margin: 0 auto;
  max-width: 920px;
}
.contentBlock .block01 .cornerTitle p {
  background: #293855;
}
.contentBlock .block02 .cornerTitle p {
  background: #0072ba;
}
.contentBlock .block03 .cornerTitle p {
  background: #c92634;
}
.contentBlock .block .sliderWrap {
  --slide-w: min(920px, 72vw);
  --arrow-size: 55px;
  position: relative;
}
.contentBlock .block .sliderWrap .swiper {
  width: 100%;
  overflow: visible;
  padding-top: 30px;
}
.contentBlock .block .sliderWrap .swiper-slide {
  width: var(--slide-w);
  height: auto;
}
.contentBlock .block .sliderWrap .swiper-button-prev,
.contentBlock .block .sliderWrap .swiper-button-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 55px;
  height: 55px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23fff%3B%20%7D%20.st1%20%7B%20fill%3A%20%23293855%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M20%2C0c11%2C0%2C20%2C9%2C20%2C20s-9%2C20-20%2C20S0%2C31%2C0%2C20%2C9%2C0%2C20%2C0Z%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2217.1%2026.9%2016%2025.9%2021.9%2020%2016%2014.1%2017.1%2013.1%2024%2020%2017.1%2026.9%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}
.contentBlock .block .sliderWrap .swiper-button-prev {
  left: calc(50% - (var(--slide-w) / 2) - (var(--arrow-size) / 2));
  transform: scale(-1, 1);
}
.contentBlock .block .sliderWrap .swiper-button-next {
  left: calc(50% + (var(--slide-w) / 2) - (var(--arrow-size) / 2));
}
.contentBlock .block .sliderWrap .swiper-button-prev::after,
.contentBlock .block .sliderWrap .swiper-button-next::after {
  display: none;
}
.contentBlock .block .qaBox {
  padding: 21px 4.4% 3.7%;
  border: 1px solid #293855;
  border-radius: 30px;
  background: #fff;
  box-shadow:
    0 -6px 18px rgba(33,26,26,.25),
    0 -14px 34px rgba(33,26,26,.18);
  letter-spacing: 0.06em;
  line-height: 1.563;
  position: relative;
  background: #fff;
  height: 100%;
  max-height: 530px;
}
.contentBlock .block .qaBox .titleBox {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.contentBlock .block .qaBox.qaBox05 .titleBox {
  margin-bottom: 25px;
}
.contentBlock .block .qaBox.qaBox10 .titleBox {
  margin-bottom: 30px;
}
.contentBlock .block .qaBox .titleBox .icon {
  max-width: 110px;
  width: 15%;
  margin-right: 3.6%;
}
.contentBlock .block .qaBox .titleBox h3 span {
  display: inline-block;
  border-bottom: 1px dashed #293855;
  font-size: 2rem;
  font-size: clamp(1.8rem,1.56vw,2rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-bottom: 4px;
}
.contentBlock .block .qaBox .answerBox {
  display: flex;
  justify-content: space-between;
  max-width: 770px;
  margin: 0 auto;
}
.contentBlock .block .qaBox .answerBox .left {
  width: 52%;
}
.contentBlock .block .qaBox .answerBox .left figure {
  position: relative;
}
.contentBlock .block .qaBox .answerBox .left .comment {
  border: 1px solid #293855;
  border-radius: 30px;
  max-width: 345px;
  margin: 0 0 10px 7%;
  padding: 16px 6.5% 15px;
  position: relative;
}
.contentBlock .block .qaBox .answerBox .left .comment::before {
  content: "";
  width: 24px;
  height: 30px;
  position: absolute;
  left: -23px;
  top: 18px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%2060%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20none%3B%20%7D%20.st1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%20.st2%20%7B%20fill%3A%20%23293855%3B%20%7D%20.st3%20%7B%20clip-path%3A%20url(%23clippath)%3B%20%7D%20%3C%2Fstyle%3E%20%3CclipPath%20id%3D%22clippath%22%3E%20%3Crect%20class%3D%22st0%22%20y%3D%22.5%22%20width%3D%2248%22%20height%3D%2259%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22st3%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M.8%2C1.6c18.9%2C8.2%2C38.5%2C11.4%2C57%2C8.1%2C11.6-.4%2C22-3.5%2C31.9-8.1v103.1L.8%2C1.6Z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M90.7%2C107.4L0%2C2.2%2C1.2.7c19.4%2C8.4%2C38.9%2C11.2%2C56.4%2C8h.1c10.6-.4%2C20.9-3%2C31.5-8l1.4-.7v107.4ZM4.3%2C4.1l84.4%2C97.9V3.1c-10.4%2C4.7-20.4%2C7.1-30.8%2C7.5-16.7%2C3-35.2.7-53.6-6.6Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}
.contentBlock .block .qaBox .answerBox .left .comment p {
  font-size: 1.5rem;
  font-size: clamp(1rem,1.17vw,1.5rem);
  letter-spacing: 0.06em;
  line-height: 1.665;
}
.contentBlock .block .qaBox .answerBox .memoBox {
  width: 45%;
  position: relative;
  padding-right: 3.3%;
}
.contentBlock .block .qaBox .answerBox .memoWrap {
  border: 1px solid #293855;
  border-radius: 50px;
  padding: 12% 5% 16.5%;
  position: relative;
  background: #f2f9ed;
}
.contentBlock .block .qaBox .answerBox .memoWrap::after {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 90px;
  bottom: -30px;
  margin: auto;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2070%2060%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20none%3B%20%7D%20.st1%20%7B%20fill%3A%20%23293855%3B%20%7D%20.st2%20%7B%20fill%3A%20%23f2f9ed%3B%20fill-rule%3A%20evenodd%3B%20%7D%20.st3%20%7B%20clip-path%3A%20url(%23clippath)%3B%20%7D%20%3C%2Fstyle%3E%20%3CclipPath%20id%3D%22clippath%22%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2270%22%20height%3D%2260%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22st3%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M68.4%2C57.2C60.2%2C38.3%2C57%2C18.7%2C60.3.2c.4-11.6%2C3.5-22%2C8.1-31.9H-34.7L68.4%2C57.2Z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M-37.4-32.7L67.8%2C58l1.5-1.2c-8.4-19.4-11.2-38.9-8-56.4h0c.4-10.7%2C3-21%2C8-31.6l.7-1.4H-37.4ZM65.9%2C53.7L-32-30.7h98.9c-4.7%2C10.4-7.1%2C20.4-7.5%2C30.8-3%2C16.7-.7%2C35.2%2C6.6%2C53.6h0Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}
.contentBlock .block .qaBox .answerBox .memoWrap .title {
  max-width: 80px;
  width: 28%;
  margin: 0 auto;
  border-bottom: 1px dashed #293855;
  padding-bottom: 10px;
  margin-bottom: 26px;
}
.contentBlock .block .qaBox .answerBox .memoWrap .notes {
  font-size: 1.6rem;
  font-size: clamp(1rem,1.25vw,1.6rem);
  max-width: 240px;
  margin: 0 auto;
}
.contentBlock .block .qaBox .answerBox .memoBox figure {
  position: absolute;
  right: 0
}
.contentBlock .block .qaBox .answerBox .left .circle {
  top: -27px;
}
.contentBlock .block .qaBox.qaBox01 .answerBox .left figure {
  max-width: 395px;
}
.contentBlock .block .qaBox.qaBox02 .answerBox .left figure {
  max-width: 363.5px;
}
.contentBlock .block .qaBox.qaBox04 .answerBox .left figure {
  max-width: 363.5px;
}
.contentBlock .block .qaBox.qaBox05 .answerBox .left figure {
  max-width: 395px;
}
.contentBlock .block .qaBox.qaBox09 .answerBox .left figure {
  max-width: 303px;
  margin: 0 auto;
  top: 0;
}
.contentBlock .block .qaBox.qaBox10 .answerBox .left figure {
  max-width: 400px;
}
.contentBlock .block .qaBox.qaBox11 .answerBox .left figure {
  max-width: 405px;
  position: relative;
  left: -2%;
  width: 102%;
  top: 0;
}
.contentBlock .block .qaBox.qaBox12 .answerBox .left figure {
  max-width: 425px;
  position: relative;
  left: -4%;
  width: 104%;
}
.contentBlock .block .qaBox .answerBox .memoBox .illust01 {
  max-width: 85px;
  width: 24.6%;
  top: 47%;
}
.contentBlock .block .qaBox .answerBox .memoBox .illust02 {
  max-width: 76px;
  width: 24.6%;
  top: 57.5%;
}
.contentBlock .block .qaBox.qaBox10 .answerBox .memoBox .illust02 {
  top: 51%;
}
.contentBlock .block .qaBox .answerBox .memoBox .illust03 {
  max-width: 72px;
  width: 20.8%;
  top: 55.5%;
}
.contentBlock .block .qaBox .answerBox .memoBox .illust04 {
  max-width: 72px;
  width: 20.8%;
  top: 50.5%;
}
.contentBlock .commentBlock {
  padding: 20px 3% 44px;
}
.contentBlock .commentBlock .titleBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 37px;
}
.contentBlock .commentBlock .titleBox .icon {
  max-width: 110px;
  width: 15%;
  margin-right: 3.6%;
}
.contentBlock .commentBlock .titleBox h3 {
  display: inline-block;
  border-bottom: 1px dashed #293855;
  font-size: clamp(1.8rem,1.56vw,2rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-bottom: 4px;
}
.contentBlock .commentList {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contentBlock .commentList .box {
  position: relative;
  width: 48%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid #293855;
  border-radius: 50px;
  padding: 40px 6% 38px 7.4%;
  background: #fff;
  margin-bottom: 54px;
}
.contentBlock .commentList .box:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.contentBlock .commentList .box::after {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2070%2060%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20none%3B%20%7D%20.st1%20%7B%20fill%3A%20%23293855%3B%20%7D%20.st2%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%20.st3%20%7B%20clip-path%3A%20url(%23clippath)%3B%20%7D%20%3C%2Fstyle%3E%20%3CclipPath%20id%3D%22clippath%22%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2270%22%20height%3D%2260%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22st3%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M68.4%2C57.2C60.2%2C38.3%2C57%2C18.7%2C60.3.2c.4-11.6%2C3.5-22%2C8.1-31.9H-34.7L68.4%2C57.2Z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M-37.4-32.7L67.8%2C58l1.5-1.2c-8.4-19.4-11.2-38.9-8-56.4h0c.4-10.7%2C3-21%2C8-31.6l.7-1.4H-37.4ZM65.9%2C53.7L-32-30.7h98.9c-4.7%2C10.4-7.1%2C20.4-7.5%2C30.8-3%2C16.7-.7%2C35.2%2C6.6%2C53.6h0Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}
.contentBlock .commentList figure {
  width: 35%;
}
.contentBlock .commentList .notes {
  width: 58.5%;
  font-size: 1.6rem;
  font-size: clamp(1.2rem,1.25vw,1.6rem);
  letter-spacing: -0.02em;
  line-height: 1.667;
  padding-top: 6px;
}
.contentBlock .commentList .notes .name {
  text-align: right;
  padding-top: 12px;
  font-size: 1.5rem;
  font-size: clamp(1.1rem,1.17vw,1.5rem);
}
@media only screen and (max-width:749px) {
  .innerHead {
    padding-bottom: 46%;
  }
  .innerHead .headWrap h1 img {
    max-width: 51.73vw;
  }
  .leadBlock {
    max-width: none;
    margin: 16% auto 0;
    display: block;
  }
  .leadBlock .imgBox {
    width: 92%;
    margin: 0 auto;
    position: relative;
    left: 2%;
  }
  .leadBlock .txtBox {
    width: 88%;
    margin: 9.8% auto 0;
  }
  .leadBlock .txtBox ul {
    max-width: none;
  }
  .leadBlock .txtBox li a {
    justify-content: flex-start;
    font-size: 5.33vw;
    padding: 0 0 3.5% 12.5vw;
    margin-bottom: 8%;
  }
  .leadBlock .txtBox li a::before {
    width: 9.33vw;
    height: 9.33vw;
    margin-right: 15.5vw;
  }
  .anchor {
    margin-top: -12vw;
    padding-top: 12vw;
  }
  .contentBlock .block01.anchor {
    top: -12vw;
    margin: 0 0 -12vw;
  }
  .contentBlock {
    margin-top: -0.8vw;
  }
  .contentWrap {
    padding: 0 0 15%;
    top: -9vw;
    margin-bottom: -9vw;
  }
  .contentBox {
    top: -21vw;
    margin-bottom: -21vw;
  }
  .contentBlock .block {
    max-width: none;
    margin: 0 auto 5%;
    padding: 10% 0;
  }
  .contentBlock .block .cornerTitle {
    padding: 0 5%;
  }
  .contentBlock .block .cornerTitle p {
    min-height: 13.33vw;
    font-size: 5.33vw;
    border-radius: 15px;
    max-width: none;
  }
  .contentBlock .block .sliderWrap .swiper {
    padding-top: 5.5%;
  }
  .contentBlock .block .sliderWrap .swiper-slide {
    width: 100%;
  }
  .contentBlock .block .sliderWrap .swiper-button-prev,
  .contentBlock .block .sliderWrap .swiper-button-next {
    width: 10vw;
    height: 10vw;
  }
  .contentBlock .block .sliderWrap .swiper-button-prev {
    left: 0.5vw;
  }
  .contentBlock .block .sliderWrap .swiper-button-next {
    left: auto;
    right: 0.5vw;
  }
  .contentBlock .block .qaBox {
    padding: 7.5% 5% 13.7%;
    margin: 0 5%;
    max-height: none;
  }
  .contentBlock .block .qaBox .titleBox {
    margin-bottom: 10%;
  }
  .contentBlock .block .qaBox.qaBox05 .titleBox {
    margin-bottom: 10%;
  }
  .contentBlock .block .qaBox.qaBox10 .titleBox {
    margin-bottom: 10%;
  }
  .contentBlock .block .qaBox .titleBox .icon {
    max-width: none;
    width: 23.4%;
    margin-right: 5vw;
  }
  .contentBlock .block .qaBox .titleBox h3 {
    width: calc(100% - 23.4% - 5vw);
  }
  .contentBlock .block .qaBox .titleBox h3 span {
    display: inline;
    font-size: 4.53vw;
    padding-bottom: 2%;
    line-height: 2.176;
    position: relative;
    top: -0.8vw;
  }
  .contentBlock .block .qaBox .answerBox {
    display: block;
    max-width: none;
  }
  .contentBlock .block .qaBox .answerBox .left {
    width: 100%;
    margin-bottom: 12.3%;
  }
  .contentBlock .block .qaBox .answerBox .left .comment {
    margin: 0 0 6% 4vw;
    padding: 6% 6.5%;
    max-width: none;
  }
  .contentBlock .block .qaBox .answerBox .left .comment:last-of-type {
    margin-bottom: 0;
  }
  .contentBlock .block .qaBox .answerBox .left .comment::before {
    width: 5.33vw;
    height: 6.66vw;
    left: -5.33vw;
    top: 6vw;
  }
  .contentBlock .block .qaBox .answerBox .left .comment p {
    font-size: 4vw;
  }
  .contentBlock .block .qaBox .answerBox .memoBox {
    width: 100%;
    padding-right: 0;
  }
  .contentBlock .block .qaBox .answerBox .memoWrap {
    padding: 12% 14% 16.5%;
  }
  .contentBlock .block .qaBox .answerBox .memoWrap::after {
    width: 9.33vw;
    height: 8vw;
    left: 22vw;
    bottom: -8vw;
  }
  .contentBlock .block .qaBox .answerBox .memoWrap .title {
    max-width: none;
    width: 33%;
    padding-bottom: 2.4%;
    margin-bottom: 10%;
  }
  .contentBlock .block .qaBox .answerBox .memoWrap .notes {
    font-size: 4vw;
    max-width: none;
    margin: 0 auto;
  }
  .contentBlock .block .qaBox .answerBox .memoBox figure {
    right: -6vw;
  }
  .contentBlock .block .qaBox .answerBox .left .circle {
    top: -3vw;
  }
  .contentBlock .block .qaBox.qaBox01 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox02 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox04 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox05 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox09 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox10 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox11 .answerBox .left figure,
  .contentBlock .block .qaBox.qaBox12 .answerBox .left figure {
    max-width: none;
    width: 104.6%;
    left: -2.3%;
  }
  .contentBlock .block .qaBox .answerBox .memoBox .illust01 {
    max-width: none;
    width: 28.6%;
    top: 42.6vw;
  }
  .contentBlock .block .qaBox .answerBox .memoBox .illust02,
  .contentBlock .block .qaBox.qaBox10 .answerBox .memoBox .illust02 {
    max-width: none;
    width: 25.5%;
    top: 42.6vw;
  }
  .contentBlock .block .qaBox .answerBox .memoBox .illust03 {
    max-width: none;
    width: 23.5%;
    top: 52.6vw;
  }
  .contentBlock .block .qaBox .answerBox .memoBox .illust04 {
    max-width: none;
    width: 23.5%;
    top: 42.6vw;
  }
  .contentBlock .commentBlock {
    padding: 10% 0 0;
  }
  .contentBlock .commentBlock .titleBox {
    margin: 0 5% 7.5%;
  }
  .contentBlock .commentBlock .titleBox .icon {
    max-width: none;
    width: 23.4%;
    margin-right: 5vw;
  }
  .contentBlock .commentBlock .titleBox h3 {
    font-size: 4.53vw;
    padding-bottom: 0;
    line-height: 2.176;
    position: relative;
    top: -0.8vw;
  }
  .contentBlock .commentList {
    max-width: none;
    display: block;
  }
  .contentBlock .commentList .box {
    width: 100%;
    padding: 10% 5% 9.5%;
    margin-bottom: 14%;
  }
  .contentBlock .commentList .box:nth-last-of-type(-n+2) {
    margin-bottom: 7%;
  }
  .contentBlock .commentList .box::after {
    width: 9.33vw;
    height: 8vw;
    bottom: -8vw;
  }
  .contentBlock .commentList figure {
    width: 37.5%;
  }
  .contentBlock .commentList .notes {
    width: 58.5%;
    font-size: 4vw;
    padding-top: 2%;
  }
  .contentBlock .commentList .notes .name {
    padding: 7% 8% 0 0;
    font-size: 4vw;
  }
}