/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/card/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * カードブロック - フロントエンドスタイル
 *
 * カードブロックのフロントエンド表示用スタイルを定義します。
 */
.wp-block-scd-block-card {
  display: block;
  width: 100%;
  height: 100%;
  container-type: inline-size;
}
.wp-block-scd-block-card.card-style-list .card-content, .wp-block-scd-block-card.card-style-number .card-content {
  padding-top: clamp(40px, 9.1428571429cqw, 64px);
}
@container (min-width: 640px) {
  .wp-block-scd-block-card.card-style-list .card-content, .wp-block-scd-block-card.card-style-number .card-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, 3.4285714286cqw, 48px);
    padding: clamp(28px, 4cqw, 56px);
    padding-top: clamp(28px, 4cqw, 56px);
    padding-left: clamp(56px, 8.5714285714cqw, 120px);
  }
}
@container (min-width: 640px) {
  .wp-block-scd-block-card.card-style-list .card-body, .wp-block-scd-block-card.card-style-number .card-body {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@container (min-width: 640px) {
  .wp-block-scd-block-card.card-style-list .card-image-wrapper, .wp-block-scd-block-card.card-style-number .card-image-wrapper {
    margin-bottom: 0;
  }
}
.wp-block-scd-block-card {
  /**
   * カードコンテンツ全体
   */
}
.wp-block-scd-block-card .card-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: clamp(16px, 6.9565217391cqw, 32px);
  overflow: hidden;
  background-color: var(--wp--preset--color--white);
  border-radius: clamp(8px, 5.2173913043cqw, 24px);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
@container (min-width: 800px) {
  .wp-block-scd-block-card .card-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    padding: clamp(28px, 4cqw, 56px);
  }
}
.wp-block-scd-block-card span.card-content,
.wp-block-scd-block-card a.card-content {
  backdrop-filter: blur(32px);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), inset 4px 4px 24px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.08), inset 4px 4px 24px rgba(255, 255, 255, 0.5);
}
@media (hover) {
  .wp-block-scd-block-card span.card-content:hover,
  .wp-block-scd-block-card a.card-content:hover {
    color: var(--wp--preset--color--black);
  }
  .wp-block-scd-block-card span.card-content:hover .card-link span::after,
  .wp-block-scd-block-card a.card-content:hover .card-link span::after {
    background-color: var(--wp--preset--color--white);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNjkyMyAxNy4zMDY5TDEyLjk4NDUgMTYuNTg3N0wxNy4wNzMgMTIuNDk5Mkg1VjExLjQ5OTJIMTcuMDczTDEyLjk4NDUgNy40MTA2NkwxMy42OTIzIDYuNjkxNDFMMTkgMTEuOTk5MkwxMy42OTIzIDE3LjMwNjlaIiBmaWxsPSIjMDAzRUNGIi8+PC9zdmc+);
  }
}
.wp-block-scd-block-card div.card-content {
  border: 1px solid var(--wp--preset--color--contrast);
}
.wp-block-scd-block-card .card-icon,
.wp-block-scd-block-card .card-number {
  position: absolute;
  top: clamp(8px, 2.2857142857cqw, 16px);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@container (min-width: 640px) {
  .wp-block-scd-block-card .card-icon,
  .wp-block-scd-block-card .card-number {
    top: 50%;
    left: clamp(28px, 4.2857142857cqw, 60px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.wp-block-scd-block-card .card-number {
  font-weight: bold;
  color: var(--wp--preset--color--primary);
}
.wp-block-scd-block-card {
  /**
   * 画像ラッパー
   */
}
.wp-block-scd-block-card .card-image-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin-bottom: clamp(16px, 3.4285714286cqw, 24px);
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 8px;
}
@container (min-width: 800px) {
  .wp-block-scd-block-card .card-image-wrapper {
    margin-bottom: 0;
  }
}
.wp-block-scd-block-card {
  /**
   * 画像要素
   */
}
.wp-block-scd-block-card .card-image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.wp-block-scd-block-card .card-image img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-scd-block-card {
  /**
   * カード本文
   */
}
.wp-block-scd-block-card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wp-block-scd-block-card {
  /**
   * タイトル
   */
}
.wp-block-scd-block-card .card-title {
  font-size: clamp(20px, 3.4285714286cqw, 24px);
  font-weight: 600;
  line-height: 1.5;
  color: var(--wp--preset--color--black);
}
.wp-block-scd-block-card {
  /**
   * 本文
   */
}
.wp-block-scd-block-card .card-text {
  margin-top: clamp(8px, 3.4285714286cqw, 24px);
  font-size: 1rem;
  line-height: 1.6;
}
.wp-block-scd-block-card {
  /**
   * リンク
   */
}
.wp-block-scd-block-card .card-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}
.wp-block-scd-block-card .card-link a,
.wp-block-scd-block-card .card-link span {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  min-width: 298px;
  font-size: clamp(16px, 6cqw, 18px);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 100vh;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.wp-block-scd-block-card .card-link a::after,
.wp-block-scd-block-card .card-link span::after {
  width: clamp(32px, 5.7142857143cqw, 40px);
  height: clamp(32px, 5.7142857143cqw, 40px);
  content: "";
  background-color: var(--wp--preset--color--primary);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNjkyMyAxNy4zMDY5TDEyLjk4NDUgMTYuNTg3N0wxNy4wNzMgMTIuNDk5Mkg1VjExLjQ5OTJIMTcuMDczTDEyLjk4NDUgNy40MTA2NkwxMy42OTIzIDYuNjkxNDFMMTkgMTEuOTk5MkwxMy42OTIzIDE3LjMwNjlaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 100vh;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

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