@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/
 
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
 
/* ============================================================
   CareBuddy 共通CSS（全ページ共通のみ）
   ページ固有のデザインは、各固定ページの「CSS用コード」欄へ移行済み。
   ここには全ページで効かせる共通ルールだけを残す。
   ブランド色：メイン #0dc759 / ダーク #054d26 / アクセント #ff6433
   ============================================================ */
 
/* --- セクション見出し h2 共通下線（中央に細いグリーンライン） --- */
.l-article h2.wp-block-heading:not([class*="is-style"]):not([class*="column-hero"]) {
  position: relative;
  padding-bottom: 18px;
}
 
.l-article h2.wp-block-heading:not([class*="is-style"]):not([class*="column-hero"])::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 3px;
  background: #0dc759;
  border-radius: 2px;
}
 
.l-article h2.wp-block-heading.has-text-align-center:not([class*="is-style"]):not([class*="column-hero"])::after {
  left: 50%;
  transform: translateX(-50%);
}
 
/* --- リッチカラム shadow 共通：ホバーの浮き上がりと影、カード内h4 --- */
/*     各ページの上ライン（色付き）はページ側CSS欄で個別指定 --- */
.swell-block-columns.is-style-clmn-shadow .swell-block-column {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
 
.swell-block-columns.is-style-clmn-shadow .swell-block-column:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(5,77,38,0.13) !important;
}
 
.swell-block-columns.is-style-clmn-shadow .swell-block-column h4.wp-block-heading {
  color: #054d26;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 14px;
  margin-bottom: 8px;
}
 
/* --- CTAボタンエリア：中央配置と上マージン統一 --- */
.swell-block-fullWide .swell-block-button {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
 
/* --- フルワイドセクション連結時の上部余白を詰める --- */
.swell-block-fullWide + .swell-block-fullWide {
  margin-top: 0 !important;
}
 
/* --- アクセシビリティ：モーション抑制設定時はステップの動きを止める --- */
@media (prefers-reduced-motion: reduce) {
  .swell-block-step > .swell-block-step__item.step-hidden,
  .swell-block-step > .swell-block-step__item.step-visible,
  .swell-block-step[data-num-style="circle"] > .swell-block-step__item {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}