/* カードブロック共通 */
.card-block {
  background: var(--custom-background-color-white);
  box-shadow: 0px 6px 32px 0px #00000014;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  flex: 1;
  margin: 0 auto;
  box-sizing: border-box;
}

.card-inner-blocks {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card-image-wrapper img {
  display: block;
  height: auto;
}

.card-padding-small {
  padding: 16px;
}
.card-padding-medium {
  padding: 32px;
}
.card-padding-large {
  padding: 40px;
}

/* カードブロックの背景色 */
.card-bg-white {
  background-color: var(--custom-background-color-white);
}

.card-bg-gray {
  background-color: var(--custom-background-color-gray);
}

.card-bg-blue {
  background-color: var(--custom-background-color-blue);
}

.card-bg-navy {
  background-color: var(--custom-background-color-navy);
}

@media (max-width: 640px) {
  .card-block {
    max-width: 400px;
    width: 100% !important;
  }
}

.card-block * {
  background-color: transparent !important;
}