@charset "UTF-8";
/* CSS Document */

/* adp style */

/* top FRP */
.item-wrapper.w4::before {
  background-image: url('../images/00_dummy/service5.jpg');
}

/* ======= FRP 専用ヒーローブロック ======= */
.about_section--main.about_section--main-frp::before{
  /* 背景写真を FRP 用に差し替え */
  background-image:url('../images/00_dummy/slide7.jpg');
}

/* ======= 「point」ボックス（service__copy）を FRP 色に ======= */
.service__copy-frp > span,
.service__copy-frp::after{
  background-color:#25A0BB;           /* メインカラー */
}

/* 内側の枠線やタイトル線も同系色にする例（任意） */
.service__copy-frp > span::before{
  border-color:transparent transparent transparent #25A0BB;
}
.service__copy-frp .service__copy__inner h4{
  border-bottom:1px solid #25A0BB;
}


/* =========================================
   FRP ヒーローブロック専用
   (.hero-frp 以下だけに適用)
   ========================================= */

/* ---------------------
   カラー定数
   --------------------- */
:root {
  --frp-main: #25A0BB;        /* 2cb2ce 系を少し明るくした色 */
}

/* ---------------------
   左側帯（写真＋色オーバーレイ）
   --------------------- */
.hero-frp .about__hero--sub.bg_color_frp {
  background-color: var(--frp-main);                 /* フォールバック色 */
}
.hero-frp .about__hero--sub.bg_color_frp::before {    /* ★写真差し替え */
  background-image: url('../images/00_dummy/slide7.jpg');
}

/* ---------------------
   右側ハーフボックス
   --------------------- */
.hero-frp .about__harfbox.bg_color_frp {
  background-color: var(--frp-main);
}
.hero-frp .about__harfbox.bg_color_frp::before {
  border-color: transparent transparent var(--frp-main) transparent;
}

/* ---------------------
   見出し 1 文字目の色を上書きしない
   --------------------- */
.hero-frp .about__hero--main h2:first-letter {
  color: #25A0BB;
}