@charset "utf-8";

.exam-gallery {
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  justify-content: center;
}

.exam-gallery img {
  width: 50%;      /* ← 横幅を 1:1 にする本体 */
  height: auto;    /* ← 高さは画像の比率に従う */
  border-radius: 4px;
  border: 1px solid #355e3b;
}

/* スマホでは縦並びにする場合 */
@media (max-width: 800px) {
  .exam-gallery {
    flex-direction: column;
  }
  .exam-gallery img {
    width: 100%;   /* ← スマホでは全幅 */
  }
}