.cell-box{
  background: #fff;
  border: 3px solid #669;   /* 枠線 */
  border-radius: 12px;       /* 角丸 */
  padding: 10px;            /* 内側余白 */
  margin: 5px;
}

.cell-box-fill{
  background: #448;
  color:#FFF;
  border: 3px solid #448;   /* 枠線 */
  border-radius: 12px;       /* 角丸 */
  padding: 10px;            /* 内側余白 */
  margin: 5px;
}

.title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;          /* 古いブラウザ考慮なら margin-left にする */
}
.title__img{ height:40px; }
.title__h2{ margin:0; }

.spacer { height: 60px; }

@media (max-width: 767px) {
  .spacer { height: 20px; }
  .title__h2 { font-size: 1.2em; }
  .title__img { height: 30px; }
  .cell-box { padding: 8px; margin: 3px; }
  .cell-box p { font-size: 11pt !important; }
  .cell-box-fill { padding: 8px; margin: 3px; }
  .cell-box-fill h2 { font-size: 1.1em; }
}