.mainContent {
  margin-bottom: 80px;
}
.caseSummary__title {
  position: relative;
  margin: 0 0 60px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.caseSummary__content {
  display: grid;
  grid-template-columns: 850px auto;
  gap: 20px;
  margin: 0 0 20px;
}
.caseSummary__link {
  color: #0058a9;
}
.caseSummary__img {
  width: 100%;
}
.caseSummary__box {
  padding: 40px;
  background-color: #efefef;
  display: flex;
  flex-direction: column;
}
.caseSummary__list {
  margin: 0 0 10px;
}
.caseSummary__list--item:not(:first-child) {
  margin: 28px 0 0;
}
.caseSummary__list--title {
  font-weight: 700;
  margin: 0 0 4px;
  line-height: 1.6;
}
.caseSummary__list--data {
  line-height: 1.6;
}
.caseSummary__note {
  text-align: right;
  margin-top: auto;
}
.caseSummary__lead {
  padding: 48px 64px;
  border: 4px solid #efefef;
}
.caseSummary__lead--title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 24px;
}
.caseSummary__lead--text {
  font-size: 1.125rem;
  line-height: 1.8;
}
.caseInterview {
  width: 100%;
  background-color: #efefef;
  padding: 100px 0;
}
.caseInterview__inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 64px;
  background-color: #FFF;
}
.caseInterview__block:not(:first-child) {
  margin: 100px 0 0;
}
.caseInterview__title {
  font-size: 2rem;
  line-height: 1.8;
  padding: 0 0 15px;
  margin: 0 0 56px;
  border-bottom: 8px solid #f8ea8d;
}
.caseInterview__question {
  font-size: 1.5rem;
  margin: 56px 0;
  font-weight: 700;
  line-height: 1.8;
}
.caseInterview__question::before {
  content: "――";
  margin: 0 12px 0 0;
}
.caseInterview__content {
  display: grid;
  grid-template-columns: 120px auto;
}
.caseInterview__content:not(:first-child) {
  margin: 40px 0 0;
}
.caseInterview__content--speaker,
.caseInterview__content--text p {
  font-size: 1.125rem;
  line-height: 1.8;
}
.caseInterview__content--text p:not(:first-child) {
  margin: 20px 0 0;
}
.caseInterview__marker {
  font-weight: 700;
  background: linear-gradient(transparent 65%, rgba(248, 234, 141, 0.5) 0%);
}
.caseInterview__figure {
  width: 100%;
  max-width: 800px;
  margin: 80px auto;
}
.caseInterview__img {
  width: 100%;
  margin: 0 0 10px;
  border: 4px solid #efefef;
}
.caseInterview__figcaption {
  text-align: center;
}

@media (width <=1340px) {
  .mainContent {
    padding-right: 20px;
    padding-left: 20px;
  }
  .caseInterview {
    padding-right: 20px;
    padding-left: 20px; 
  }
}

@media (width <=1300px) {
  .caseSummary__content {
      grid-template-columns: 2fr 1fr;
  }
}

@media (width <=1024px) {
  .mainContent {
      margin-bottom: 60px;
  }
  .caseSummary__content {
      grid-template-columns: 1fr;
  }
  .caseInterview {
      padding: 60px 0;
  }
  .caseSummary__lead,
  .caseInterview__inner {
      padding: 40px;
  }
}

@media (width <=768px) {
  .mainContent {
    padding-right: 15px;
    padding-left: 15px;
  }
  .caseInterview {
    padding-right: 15px;
    padding-left: 15px; 
  }
  .mainContent {
    margin-bottom: 40px;
  }
  .caseSummary__title {
    font-size: 1.5rem;
    margin: 40px 0;
  }
  .caseSummary__box {
    padding: 20px;
  }
  .caseSummary__list {
    font-size: 0.875rem;
    margin: 0 0 15px;
  }
  .caseSummary__list--item:not(:first-child) {
    margin: 15px 0 0;
  }
  .caseSummary__list--title {
    margin: 0 0 2px;
  }
  .caseSummary__note {
    font-size: 0.75rem;
  }
  .caseSummary__lead {
    padding: 20px;
  }
  .caseSummary__lead--title {
    font-size: 1rem;
    margin: 0 0 15px;
  }
  .caseSummary__lead--text {
    font-size: 0.875rem;
  }
  .caseInterview {
    padding: 40px 0;
  }
  .caseInterview__inner {
    padding: 25px 20px 50px;
  }
  .caseInterview__block:not(:first-child) {
    margin: 50px 0 0;
  }
  .caseInterview__title {
    font-size: 1.375rem;
    padding: 0 0 10px;
    margin: 0 0 40px;
    line-height: 1.7;
    border-bottom: 6px solid #f8ea8d;
  }
  .caseInterview__question {
    font-size: 1.125rem;
    margin: 30px 0 40px;
    line-height: 1.7;
  }
  .caseInterview__question::before {
    content: "―";
    margin: 0 8px 0 0;
  }
  .caseInterview__content {
    grid-template-columns: 1fr;
  }
  .caseInterview__content:not(:first-child) {
    margin: 30px 0 0;
  }
  .caseInterview__content--speaker {
    font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 5px;
  }
  .caseInterview__content--text p {
    font-size: 1rem;
    line-height: 1.7;
  }
  .caseInterview__content--text p:not(:first-child) {
    margin: 20px 0 0;
  }
  .caseInterview__figure {
    margin: 40px auto;
  }
  .caseInterview__figcaption {
    font-size: 0.875rem;
  }
}