.main-img {
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 30px;
}

.kashi-img{
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto;
  max-height: 500px;
  border-radius: 30px;
}

iframe{
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  height: auto;
  border: none;
}

/* PC版の詳細項目調整 */
@media screen and (min-width: 768px) {
  .detail-label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 125px; /* 固定幅に設定 */
    min-width: 125px;
    text-align: center;
  }

  .detail-value {
    padding-top: 4px; /* ラベルの高さと合わせるための微調整 */
  }
}