/* Generated by Page-Specific CSS & JavaScript Assets; post: 55 */
/* ==========================================================================
   新規24社をどう獲得するか
   ========================================================================== */

.sbcc-acquisition {
  box-sizing: border-box;
  width: 100%;
  margin: 24px auto;
  font-family: -apple-system, BlinkMacSystemFont, \"Hiragino Sans\",
               \"Noto Sans JP\", \"Yu Gothic\", sans-serif;
}

.sbcc-acquisition *,
.sbcc-acquisition *::before,
.sbcc-acquisition *::after {
  box-sizing: border-box;
}


/* --------------------------------------------------------------------------
   グリッド
   -------------------------------------------------------------------------- */

.sbcc-acquisition__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}


/* --------------------------------------------------------------------------
   リンクブロック
   -------------------------------------------------------------------------- */

.sbcc-acquisition__block {
  position: relative;
  display: flex;
  align-items: center;

  width: 100%;
  min-height: 84px;

  margin: 0;
  padding: 18px 52px 18px 20px;

  background: #FAEEDA;
  border: 1px solid #854F0B;
  border-radius: 8px;

  color: #633806;
  text-decoration: none !important;

  transition:
    background-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}


/* 矢印 */

.sbcc-acquisition__block::after {
  content: \"→\";

  position: absolute;
  top: 50%;
  right: 20px;

  transform: translateY(-50%);

  color: #854F0B;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}


/* --------------------------------------------------------------------------
   番号
   -------------------------------------------------------------------------- */

.sbcc-acquisition__number {
  display: block;
  flex: 0 0 36px;

  margin: 0 16px 0 0;

  color: #854F0B;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}


/* --------------------------------------------------------------------------
   タイトル
   -------------------------------------------------------------------------- */

.sbcc-acquisition__title {
  display: block;
  flex: 1 1 auto;

  margin: 0;

  color: #633806;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}


/* --------------------------------------------------------------------------
   Hover
   -------------------------------------------------------------------------- */

.sbcc-acquisition__block:hover {
  background: #F7E4C4;

  color: #633806;
  text-decoration: none !important;

  box-shadow: 0 4px 12px rgba(44, 44, 42, 0.10);

  transform: translateY(-2px);
}

.sbcc-acquisition__block:hover .sbcc-acquisition__title,
.sbcc-acquisition__block:hover .sbcc-acquisition__number {
  color: #633806;
}


/* --------------------------------------------------------------------------
   キーボードフォーカス
   -------------------------------------------------------------------------- */

.sbcc-acquisition__block:focus-visible {
  outline: 2px solid #854F0B;
  outline-offset: 3px;
}


/* --------------------------------------------------------------------------
   10. 現在準備中
   -------------------------------------------------------------------------- */

.sbcc-acquisition__block--preparing {
  background: #F1EFE8;
  border-color: #D3D1C7;
}

.sbcc-acquisition__block--preparing .sbcc-acquisition__number,
.sbcc-acquisition__block--preparing .sbcc-acquisition__title,
.sbcc-acquisition__block--preparing::after {
  color: #5F5E5A;
}

.sbcc-acquisition__block--preparing:hover {
  background: #EAE8E0;
}


/* --------------------------------------------------------------------------
   WordPress Classic Editor / wpautop 対策
   -------------------------------------------------------------------------- */

.sbcc-acquisition p {
  margin: 0;
}

.sbcc-acquisition__block br {
  display: none;
}


/* --------------------------------------------------------------------------
   スマートフォン
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

  .sbcc-acquisition__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .sbcc-acquisition__block {
    min-height: 72px;
    padding: 15px 46px 15px 16px;
  }

  .sbcc-acquisition__number {
    flex-basis: 30px;
    margin-right: 12px;
  }

  .sbcc-acquisition__title {
    font-size: 14px;
  }

  .sbcc-acquisition__block::after {
    right: 16px;
  }

}