@media screen and (max-width: 768px) {
	.p-custom_column {margin-top: 32px;}
	.p-custom_column:first-child {margin-top: 0px;}
  .p-custom_column__contents1,
  .p-custom_column__contents2 {}
}
@media screen and (min-width: 769px) {
  .p-custom_column {display: flex; justify-content: space-between;}
	.p-custom_column {margin-top: 32px;}
	.p-custom_column:first-child {margin-top: 0px;}
  .p-custom_column__contents2 {margin-top: 0 !important;}
  .p-custom_column__contents1,
  .p-custom_column__contents2 {flex-grow: 0; flex-shrink: 0;}
}
{# ▼▼▼ カスタムスタイル設定（カラム版） ▼▼▼ #}
<style>
  /* 手順3で調べた「クラス名」に書き換えてください！
     （例： .p-column__item  や .c-card__body など）
     ドット(.)を忘れずにつけてください。
  */
  #hs_cos_wrapper_ .p-section__contents -board -default js-inline-style-rgba {

    /* --- 中枠：上余白 --- */
    {% if module.custom_style.inner_pt %}
      padding-top:  !important;
    {% endif %}

    /* --- 中枠：下余白 --- */
    {% if module.custom_style.inner_pb %}
      padding-bottom:  !important;
    {% endif %}

    /* --- 中枠：背景色 --- */
    {% if module.custom_style.inner_bg.css %}
      background-color:  !important;
      background-image: none !important; 
    {% endif %}
    
  }
</style>