/*
================================================================================
  このサイトの見た目を少し変えたいとき用の CSS ファイルです
================================================================================

■ このファイルでやっていいこと
  ・文字の色や大きさ、余白（マージン）などを調整する
  ・自作のデザインを追記する（下の「更新の手順」にそってください）

■ 絶対に触らないほうがよいもの（壊れる・上書きされる可能性があります）
  ・同じフォルダにある「style.css」… サイト本体のスタイルです。
    style.cssを編集しても次の更新で消えてしまいます。
  ・この custom.css だけで運用できます。


--------------------------------------------------------------------------------
  更新の手順（最短）
--------------------------------------------------------------------------------
  1. このファイル（custom.css）をメモ帳やエディタで開く
  2. 一番下あたりに、書きたい CSS を追加して保存する
     例）見出しの下に余白を足したいとき:
       body.lms-osaka .heading-content {
         margin-bottom: 2rem;
       }
  3. サーバーにファイルをアップロードした場合は、上書き保存されているか確認する
  4. サイトをブラウザで開き直して確認する
     ・変わらないときは「強く再読み込み」を試す（Windows: Ctrl+F5 / Mac: Cmd+Shift+R）
     ・キャッシュ削除プラグインを使っている場合は、キャッシュ削除後にもう一度確認


--------------------------------------------------------------------------------
  書くときのコツ・注意点
--------------------------------------------------------------------------------
  ・セレクタの先頭に「body.lms-osaka」を付けると、本体のスタイルに負けにくいです。
    例）body.lms-osaka .footer { ... }

  ・HTML のクラス名をスペルミスしないようにする。
    ブラウザの「要素を検査」で実際のクラス名を確認できます。クラス名をコピペすると確実です。

  ・「!important」という指定は、どうしても効かないときの最終手段にしてください。
    多用すると後から直しにくくなります。

  ・大きく書き換える前は、このファイルをコピーして別名でバックアップしておくと安心です。

================================================================================
*/

body.lms-osaka {

}

body.lms-osaka .logo {
width: 28.5rem;
}

@media (max-width: 768px) {
    body.lms-osaka .logo {
        margin-right: 3rem;
    }
}