.attention-study {
  margin: 58px 0 0;
  border: 1px solid #c9c5be;
  background: #efede7;
  overflow: hidden;
}
.attention-study img {
  display: block;
  width: 100%;
  height: auto;
}
.study-caption {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: 7%;
  align-items: start;
  padding: 30px 34px 34px;
  border-top: 1px solid #c9c5be;
}
.study-index {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .1em;
}
.study-caption p {
  max-width: 820px;
  margin: 0;
  font-size: 22px;
  line-height: 1.55;
}
.study-caption strong { display: block; margin-bottom: 8px; font-size: 26px; }

@media (max-width: 800px) {
  .attention-study { margin-top: 40px; overflow-x: auto; }
  .attention-study img { width: 1000px; max-width: none; }
  .study-caption { grid-template-columns: 1fr; gap: 16px; padding: 24px 5%; }
  .study-caption p { font-size: 19px; }
  .study-caption strong { font-size: 23px; }
}