/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/list/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * カードリストブロック - フロントエンドスタイル
 *
 * カードリストの基本スタイルとカラムレイアウトを定義。
 * link-listブロックのスタイルをベースに、アイコン表示に対応。
 */
/**
 * カードリストのラッパー
 * ボーダーを1px重ねるためにマイナスマージンを相殺
 */
.wp-block-scd-block-list > * {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  padding: 0;
  margin: 0;
  list-style: none;
}
.wp-block-scd-block-list.list-style-inline > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.wp-block-scd-block-list.list-style-inline > * li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-scd-block-list.list-style-card > * {
  gap: clamp(8px, 1.4285714286vw, 20px);
}
.wp-block-scd-block-list.list-style-card > * li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: clamp(16px, 3.125vw, 24px) 24px;
  background-color: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--gray-light);
  border-radius: 8px;
}
.wp-block-scd-block-list.list-style-block {
  position: relative;
  border: 1px solid var(--wp--preset--color--gray-light);
}
.wp-block-scd-block-list.list-style-block::before, .wp-block-scd-block-list.list-style-block::after {
  position: absolute;
  top: -1px;
  width: 5px;
  height: 3px;
  content: "";
  border-top: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block::before {
  left: -1px;
  border-left: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block::after {
  right: -1px;
  border-right: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block > * {
  position: relative;
  gap: 16px;
  padding: clamp(24px, 3.4285714286vw, 48px);
}
.wp-block-scd-block-list.list-style-block > *::before, .wp-block-scd-block-list.list-style-block > *::after {
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 3px;
  content: "";
  border-bottom: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block > *::before {
  left: -1px;
  border-left: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block > *::after {
  right: -1px;
  border-right: 1px solid var(--wp--preset--color--gray);
}
.wp-block-scd-block-list.list-style-block > * li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-scd-block-list {
  /**
   * 1カラム（デフォルト）
   */
}
.wp-block-scd-block-list.columns-1 > * {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.wp-block-scd-block-list {
  /**
   * 2カラム
   * 1列目: 0, 2列目: -1px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-list.columns-2 > * {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.wp-block-scd-block-list {
  /**
   * 3カラム
   * 1列目: 0, 2列目: -1px, 3列目: -2px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-list.columns-3 > * {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-list.columns-3 > * {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.wp-block-scd-block-list {
  /**
   * 4カラム
   * 1列目: 0, 2列目: -1px, 3列目: -2px, 4列目: -3px
   */
}
@media (min-width: 554px) {
  .wp-block-scd-block-list.columns-4 > * {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .wp-block-scd-block-list.columns-4 > * {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
.wp-block-scd-block-list.is-ordered > * {
  list-style: decimal;
  counter-reset: list;
}
.wp-block-scd-block-list.is-ordered > * li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wp-block-scd-block-list.is-ordered > * li::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
  font-weight: bold;
  color: var(--wp--preset--color--primary);
  content: counter(list, decimal-leading-zero) ".";
  counter-increment: list;
}
.wp-block-scd-block-list.has-icon > * li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wp-block-scd-block-list.has-icon > * li::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNTgwOCAxNi4yNTM4TDE3LjMwMzggOS41MzA3NUwxNi4yNSA4LjQ3N0wxMC41ODA4IDE0LjE0NjNMNy43MzA3NSAxMS4yOTYzTDYuNjc3IDEyLjM1TDEwLjU4MDggMTYuMjUzOFpNMTIuMDAxNyAyMS41QzEwLjY4NzcgMjEuNSA5LjQ1MjY3IDIxLjI1MDcgOC4yOTY1IDIwLjc1MkM3LjE0MDMzIDIwLjI1MzMgNi4xMzQ2NyAxOS41NzY2IDUuMjc5NSAxOC43MjE4QzQuNDI0MzMgMTcuODY2OSAzLjc0NzI1IDE2Ljg2MTcgMy4yNDgyNSAxNS43MDZDMi43NDk0MiAxNC41NTAzIDIuNSAxMy4zMTU2IDIuNSAxMi4wMDE3QzIuNSAxMC42ODc3IDIuNzQ5MzMgOS40NTI2NyAzLjI0OCA4LjI5NjVDMy43NDY2NyA3LjE0MDMzIDQuNDIzNDIgNi4xMzQ2NyA1LjI3ODI1IDUuMjc5NUM2LjEzMzA4IDQuNDI0MzMgNy4xMzgzMyAzLjc0NzI1IDguMjk0IDMuMjQ4MjVDOS40NDk2NyAyLjc0OTQyIDEwLjY4NDQgMi41IDExLjk5ODMgMi41QzEzLjMxMjMgMi41IDE0LjU0NzMgMi43NDkzMyAxNS43MDM1IDMuMjQ4QzE2Ljg1OTcgMy43NDY2NyAxNy44NjUzIDQuNDIzNDIgMTguNzIwNSA1LjI3ODI1QzE5LjU3NTcgNi4xMzMwOCAyMC4yNTI4IDcuMTM4MzMgMjAuNzUxOCA4LjI5NEMyMS4yNTA2IDkuNDQ5NjcgMjEuNSAxMC42ODQ0IDIxLjUgMTEuOTk4M0MyMS41IDEzLjMxMjMgMjEuMjUwNyAxNC41NDczIDIwLjc1MiAxNS43MDM1QzIwLjI1MzMgMTYuODU5NyAxOS41NzY2IDE3Ljg2NTMgMTguNzIxOCAxOC43MjA1QzE3Ljg2NjkgMTkuNTc1NyAxNi44NjE3IDIwLjI1MjggMTUuNzA2IDIwLjc1MThDMTQuNTUwMyAyMS4yNTA2IDEzLjMxNTYgMjEuNSAxMi4wMDE3IDIxLjVaIiBmaWxsPSIjMDBBNjU1Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.wp-block-scd-block-list.is-ordered.has-icon li::before {
  display: none;
}

/*# sourceMappingURL=style-index.css.map*/