/* ==========================================================================
   ステップ6　── View all の文字に色／大見出しを全部グラデーションに
   2026-08-06 riho さんの指示

     ・View all の文字が黒なのが気になるので色を付ける
     ・「開発事例」「記事」なども グラデーションにする

   ★これまでグラデーションはトップの「これまでに扱ってきた業務」だけだった。
     全ページの大見出し（46px）に広げる。

   実測の出どころ  https://corp.canary-app.jp/
     見出しのグラデ  linear-gradient(90deg,#000,#000,#007dc9 50%,#007dc9 60%,#000)
     主色            #017cc8        小ラベルのグレー rgba(37,58,79,.5)
   ========================================================================== */


/* --- View all / Read more の文字を水色に ------------------------------------
   丸はステップ5で水色にしてある。文字だけ黒のまま残っていた。
   下線は文字と同じ色になる（currentColor のため）。 */
.mk .mk-more__txt{color:#017cc8;}
/* 暗い帯の上では白のまま（読めなくなるため） */
.mk .mk-band .mk-more__txt{color:#fff;}


/* --- 大見出し（46px）を全ページグラデーションに ------------------------------
   これまで .s-canary（トップの業務）だけだったものを、全セクションに広げる。
   大きさ46px・w700・字間.1em は変えていない。 */
.mk .mk-head h2{
  background-image:linear-gradient(90deg,#000,#000,#007dc9 50%,#007dc9 60%,#000);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  width:fit-content;   /* 短い見出しでも、グラデが見出しの幅で完結するようにする */
}

/* --- 上のラベル（／ Case study など）もグレーに揃える ------------------------
   ★トップの業務だけグレーで、他は黒のままだと ちぐはぐになるため揃えた。
     黒に戻したい場合はこのかたまりを外すだけ。 */
.mk .mk-sectitle__en,
.mk .mk-sectitle__ja{color:rgba(37,58,79,.5);}
.mk .mk-sectitle__ja::before{background:rgba(37,58,79,.5);}
.mk .mk-band .mk-sectitle__en,
.mk .mk-band .mk-sectitle__ja{color:#ffffff;}