.mgsblk-box {
  border-radius: 12px;
  padding: 40px 40px;
}

/* 最後の子要素の余白を詰める（フロント） */
.mgsblk-box > :last-child {
  margin-bottom: 0;
}
/* 編集画面は InnerBlocks が .acf-innerblocks-container でラップされるため、その中の最後の要素も詰める */
.mgsblk-box > .acf-innerblocks-container > :last-child {
  margin-bottom: 0;
}

/* 背景色バリエーション */
.mgsblk-box--gray-light  { background-color: #f5f5f5; }
.mgsblk-box--white       { background-color: #fff; border: 1px solid #e0e0e0; }
.mgsblk-box--green-light { background-color: #eaf5e4; }
.mgsblk-box--orange-light { background-color: var(--main-color-bg); }
.mgsblk-box--transparent { background-color: transparent; border: 1px solid #ddd; }

/* タブレット以下 */
@media only screen and (max-width: 899px) {
  .mgsblk-box {
    border-radius: 8px;
    padding: 30px;
  }
}