/**
 * Base Font Size
 */
.mainVisual {
  padding: 60px 16px;
}
@media screen and (max-width: 768px) {
  .mainVisual {
    padding: 20px 16px;
  }
}
.mainVisual .page-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1.4;
}
.mainVisual .page-title .interview-number {
  margin-bottom: 8px;
  font-size: calc(20 * 1rem / 16);
  font-family: "Open Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .mainVisual .page-title .interview-number {
    font-size: calc(14 * 1rem / 16);
  }
}
.mainVisual .page-title .title-small {
  font-size: calc(22 * 1rem / 16);
}
@media screen and (max-width: 768px) {
  .mainVisual .page-title .title-small {
    font-size: calc(14 * 1rem / 16);
  }
}
.mainVisual .page-title .title-large {
  font-size: calc(40 * 1rem / 16);
}
@media screen and (max-width: 768px) {
  .mainVisual .page-title .title-large {
    font-size: calc(24 * 1rem / 16);
  }
}

.voice-contents {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 80px;
}
@media screen and (max-width: 768px) {
  .voice-contents {
    padding: 20px 16px;
  }
}

.section {
  padding: 0;
}
.section .title-set {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .section .title-set {
    margin-bottom: 24px;
    text-align: center;
  }
}
.section .text-block {
  width: 100%;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .section .text-block {
    max-width: 100%;
  }
}
.section .text-block.full-width {
  max-width: 100%;
}
.section .image-block {
  width: 100%;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .section .image-block {
    max-width: 100%;
  }
}

.hr {
  width: 100%;
  height: 1px;
  background-color: #C9C9CA;
}

.voice-footer {
  padding: 64px 0 4px;
}
@media screen and (max-width: 768px) {
  .voice-footer {
    padding: 44px 0 24px;
  }
}
.voice-footer .link-block a {
  display: flex;
  gap: 12px;
}
.voice-footer .link-block a:hover {
  color: rgb(184, 19.2, 22.4);
}
.voice-footer .next-post::before, .voice-footer .next-post::after, .voice-footer .prev-post::before, .voice-footer .prev-post::after {
  content: "";
  width: 12px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.voice-footer .next-post::after {
  display: block;
  background-image: url(/assets/flood_damage/img/next-post-arrow.svg);
}
.voice-footer .prev-post::before {
  display: block;
  background-image: url(/assets/flood_damage/img/prev-post-arrow.svg);
}

/*# sourceMappingURL=fd_contents_05_style.css.map */