@charset "UTF-8";
/* ==========================================================================
   fu-override.css　2026-08-29（現行デザイン用）
   --------------------------------------------------------------------------
   【このファイルの役割】
   ページ専用CSS（page.css / message.css / class.css など）よりも
   「あとに」読み込まれる、横断的な微調整のための場所です。

   header.php の読み込み順は
     sanitize → default → common_1 → page → ページ別 → fu-override
   となっており、このファイルが最後です。
   そのため、ページ専用CSSの指定を上書きできます。

   ★逆に言うと、ここに書いた指定は全ページに効きます。
     1ページだけの調整は、これまでどおりページ専用CSSに書いてください。
   ========================================================================== */


/* ==========================================================================
   緑の帯を画面の左端まで伸ばす
   --------------------------------------------------------------------------
   【これまで】
   トップページの緑の帯（.bg-green-line）は main の直下にあるため、
   画面の左端から伸びてサイドバーの下に潜り込んでいました。

   一方、固定ページ（代表挨拶など）の緑の帯は .box720 の中にあります。
   .box720 は左右に余白を持っているため、帯もその内側で止まっていました。
   同じ緑の帯なのに、ページによって幅が違う状態でした。

   【この指定】
   .box720 が持っている左右の余白を、マイナスの余白でちょうど打ち消します。
   打ち消した分と同じだけ padding で内側に戻すので、
     ・帯の背景は画面の左端まで伸びる
     ・文字の位置はこれまでどおりサイドバーの右
   になります。

   数値は .box720 側（common_1.css）と対になっています。
   .box720 の余白を変えるときは、こちらも同じ値に直してください。

   【セレクタを2つ書いてある理由】
   message.css に .philosophy .box720 .bg-green-line { margin: ... } があり、
   セレクタの強さが同点では勝てないためです。
   同じ書き方のページ専用CSSが増えたら、ここに1行足してください。
   ========================================================================== */

@media screen and (min-width: 960px) {
  .box720 > .bg-green-line,
  .philosophy .box720 > .bg-green-line {
    /* .box720 の margin-left: calc(var(--fu-sidebar-w) + 1vw) を打ち消す */
    margin-left: calc(-1 * (var(--fu-sidebar-w) + 1vw));
    /* .box720 の margin-right: 4vw を打ち消す */
    margin-right: -4vw;
    /* 打ち消した分だけ文字を内側へ戻す */
    padding-left: calc(var(--fu-sidebar-w) + 1vw);
    padding-right: 4vw;
    border-radius: 0;
  }
}

@media screen and (min-width: 1200px) {
  .box720 > .bg-green-line,
  .philosophy .box720 > .bg-green-line {
    /* .box720 の margin-left: calc(var(--fu-sidebar-w) + 4vw) を打ち消す */
    margin-left: calc(-1 * (var(--fu-sidebar-w) + 4vw));
    /* .box720 の margin-right: 16vw を打ち消す */
    margin-right: -16vw;
    padding-left: calc(var(--fu-sidebar-w) + 4vw);
  }
}