/* About.css（スマホ時：dt の下に dd、左詰） */
:root[data-page="About"]{ --bg-map-size: 2200px; }

@media (max-width: 640px){
  .dl{
    display:block;           /* dt→dd→dt→dd の順で縦積み */
    max-width: 560px;
    margin: 0 auto 96px;
    padding: 0 20px;
  }
  .dl dt{
    display:block;
    text-align:left;
    font-weight:700;
    letter-spacing:.02em;
    margin: 32px 0 10px;     /* dt と dd の距離 */
  }
  .dl dd{
    display:block;
    margin:0;
    text-align:left;
    line-height:1.9;
  }
  .dl dd + dt{ margin-top: 40px; } /* 項目間の距離 */
}