/* サスティナビリティ用 */


/* スマホ（800px以下）のとき */
@media (max-width: 800px) {
  /* 外側のグループ枠線を消す */
  .responsive-border.wp-block-group {
    border: none !important;
    padding: 0 !important;
  }

  /* 1つ目のカラム（first-child）：下の隙間を完全に消す */
  .responsive-border .wp-block-column:first-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; /* 内側の余白も不要なら0に */
  }

  /* 2つ目のカラム：上の隙間を完全に消す */
  .responsive-border .wp-block-column:last-child {
    margin-top: 10px !important;
    padding-top: 0 !important;
  }

  /* カラム全体の隙間設定をリセット */
  .responsive-border .wp-block-columns {
    gap: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* PCサイズ：アイコン枠を10%（15%以下）に絞る */
@media (min-width: 800px) {
  .mini-icon-layout {
      /* ここで比率を自由に指定（例：左8% 右92%） */
      grid-template-columns: 12% 1fr !important; 
      column-gap: 25px !important; /* アイコンと文字の間の隙間 */
      align-items: center !important; /* 垂直中央揃え */
  }

  .mini-icon-layout .wp-block-media-text__media {
      width: 100% !important;
  }

  .mini-icon-layout .wp-block-media-text__media img,
  .mini-icon-layout .wp-block-media-text__media svg {
      /* アイコン自体の最大幅をさらに細かく制限する場合 */
      max-width: 130px !important; 
      height: auto !important;
  }
}

/* SVGのサイズを調整するコンテナ */
.custom-svg-container {
  width: 100%;
  max-width: 640px; /* お好みの表示サイズに調整してください */
  margin: 0 auto;
}

.custom-svg-container svg {
  width: 100%;
  height: auto;
}