/* --- 北海道（水色・白系） --- */
.hokkaido-page {
  --fe21-concept:    #9cdcff;   /* メインカラー：北の空・海をイメージした青 */
  --fe21-concept-dk: #2478aa;   /* ダーク：ホバー時など */
  --fe21-midashi:    #bce2f1;   /* アクセント：薄い水色 */
  --fe21-pale:       #f0f8ff;   /* 淡い背景 */
  --fe21-pale2:      #e6f4fb;   /* より薄い背景 */
}

.hokkaido-fontcolor {
--fe21-black:    #555555;
  --fe21-mid:    #3a3a3a;
  --fe21-gray:   #666666;
  --fe21-lgray:  #999999;
  --fe21-border: #e8e8e8;   
  --fe21-bg:     #f7f7f7;
  --fe21-white:  #ffffff;
  --fe21-text:   #303030;
}

 /* ABOUTセクション CTAボタン（インラインstyleの代替） */
      .fe21-about-contact-cta {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 24px;
      }
      .fe21-about-tel-btn,
      .fe21-about-mail-btn {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px 22px;
        text-decoration: none;
        transition: background 0.25s, color 0.25s;
      }
      .fe21-about-tel-btn {
        background: var(--fe21-midashi);
        color: #fff;
      }
      .fe21-about-tel-btn:hover { background: var(--fe21-concept); }
      .fe21-about-mail-btn {
        background: var(--fe21-pale);
        color: var(--fe21-concept);
        border: 2px solid var(--fe21-concept);
      }

      /* 背景ナンバー装飾 */
.fe21-pc-num {
  position: absolute;
  top: 10px; right: 18px;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  color: rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
.fe21-pc.fe21-pop .fe21-pc-num { color: rgba(255, 255, 255, 0.1); }

.fe21-pc-name  { font-size: 1.1rem; font-weight: 900; margin-bottom: 4px; }
.fe21-pc-scale { font-size: 0.75rem; color: var(--fe21-lgray); margin-bottom: 18px; }
.fe21-pc.fe21-pop .fe21-pc-scale { color: rgba(255, 255, 255, 0.65); }

.fe21-pc-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.fe21-pc-list li {
  font-size: 0.79rem;
  color: var(--fe21-mid);
  padding-left: 14px;
  position: relative;
  line-height: 1.6;
}
.fe21-pc-list li::before { content: '—'; position: absolute; left: 0; color: var(--fe21-concept); font-weight: 700; }
.fe21-pc.fe21-pop .fe21-pc-list li { color: var(--fe21-mid); }
.fe21-pc.fe21-pop .fe21-pc-list li::before { color: rgba(255, 255, 255, 0.5); }