section:not(#page_title):not(.sec00) {
  background-color: #fff;
  margin-top: 2vw;
  padding: 5vw 6vw;
  border-radius: 64px;
}
.sec00 {
  margin-top: 4vw;
}
.sec00 .flexbox {
  gap: 32px;
}
.sec00 .box {
  width: calc(calc(100% - 96px) / 4);
  border-radius: 32px;
  background-color: #0f5cce;
  color: #fff;
}
.sec00 .box .thumbnail {
  aspect-ratio: 1 / 1;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  overflow: hidden;
}
.sec00 .box img {
  width: 100%;
  height: auto;
}
.sec00 .plofile {
  padding: 2em 1.5em 2.5em;
  text-align: center;
}
.sec00 .plofile .name span {
  font-size: clamp(1.25rem, 1.028rem + 1.11vw, 2rem);
  letter-spacing: 1px;
}
.sec00 .plofile .status {
  font-size: 14px;
}
.sec01 {
  margin-top: 4vw !important;
}
.section .flexbox {
  align-items: center;
  gap: 64px;
}
.section .flexbox .thumbnail,
.section .flexbox .talk {
  width: calc(calc(100% - 64px) / 2);
}
.section .flexbox .thumbnail {
  text-align: center;
}
.section .thumbnail img {
  max-width: 100%;
  height: auto;
}
.section .question {
  font-size: clamp(1rem, 0.852rem + 0.74vw, 1.5rem);
  font-weight: 500;
}
.section .question .body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.section .question .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  line-height: 1;
  color: var(--color-theme-primary);
  background-color: var(--color-theme-accent);
  border-radius: 50%;
  font-weight: 600;
  font-size: 20px;
}
.section .answer {
  font-size: clamp(1.5rem, 1.167rem + 1.67vw, 2.25rem);
  letter-spacing: 0;
  font-weight: 500;
  margin-top: 16px;
  margin-left: 60px;
}
.section .answer span {
  color: var(--color-theme-primary);
}
.section .talk_content {
}
.section .talk_content dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 20px;
}
.section .talk_content dt {
  width: 48px;
}
.section .talk_content dt img {
  width: 48px;
  height: auto;
}
.section .talk_content dt figure {
  text-align: center;
}
.section .talk_content dt figcaption {
  font-size: 14px;
  font-weight: 600;
}
.section:nth-child(odd) {
  background-color: #d1ecfd !important;
}
.section:nth-child(even) .talk {
  order: 1;
}
.section:nth-child(even) .thumbnail {
  order: 2;
}
.bottom_remark {
  margin-top: 4vw;
  color: #fff;
  font-weight: 500;
}


@media screen and (max-width: 767px) {
  .sec00 .flexbox {
    gap: 4vw;
    flex-wrap: wrap;
  }
  .sec00 .box {
    width: calc(calc(100% - 4vw) / 2);
  }
  .sec00 .plofile {
    padding: 1em;
  }
  .sec00 .plofile .status {
    font-size: 12px;
  }

  .section .flexbox {
    flex-direction: column;
    gap: 2em;
  }
  .section .flexbox .thumbnail {
    order: 1;
    width: 100%;
  }
  .section .thumbnail img {
    width: 60%;
  }
  .section .flexbox .talk {
    width: 100%;
    order: 2;
  }
  section:not(#page_title):not(.sec00) {
    border-radius: 32px;
    padding: 8vw 6vw;
    margin-top: 1em;
  }
  .recommend {
    padding: 8vw 0 !important;
  }
  
}