【タイトル】
令和８年度 学校だよりNO02（図解版）【本文】
/* ========================================= ベース設定 ========================================= */ .ariake-newsletter { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; line-height: 1.8; color: #333333; max-width: 850px; margin: 0 auto; padding: 20px; background-color: #f4f7f6; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; } .ariake-newsletter * { box-sizing: border-box; } .ariake-newsletter p { margin: 0 0 1em 0; } /* ========================================= ヘッダー (タイトル部分) ========================================= */ .nl-header { background: linear-gradient(135deg, #0062cc 0%, #00aaff 100%); color: #ffffff; padding: 40px 20px; border-radius: 12px; text-align: center; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0, 100, 200, 0.2); } .nl-meta { display: inline-block; background: rgba(255, 255, 255, 0.2); padding: 6px 18px; border-radius: 30px; font-size: 0.95em; margin-bottom: 15px; letter-spacing: 1px; } .nl-title { font-size: 1.8em; margin: 0 0 15px 0; line-height: 1.4; font-weight: bold; } .nl-subtitle { font-size: 1.3em; font-weight: bold; margin: 0; background: #ffffff; color: #0062cc; display: inline-block; padding: 8px 25px; border-radius: 30px; } /* ========================================= セクション共通 ========================================= */ .nl-section { background: #ffffff; padding: 30px; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); } .nl-section-title { text-align: center; color: #0062cc; font-size: 1.5em; margin-top: 0; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px dashed #b3d7ff; } /* ========================================= 強調メッセージボックス ========================================= */ .highlight-box { background-color: #fff8e1; border-left: 8px solid #ffc107; padding: 25px 20px; border-radius: 8px; text-align: center; margin: 30px 0; } .highlight-box h2 { margin: 0; color: #856404; font-size: 1.4em; line-height: 1.5; } /* ========================================= 図解：社会モデルの考え方 (対比カード) ========================================= */ .comparison-grid { display: flex; gap: 20px; margin-top: 25px; } @media (max-width: 650px) { .comparison-grid { flex-direction: column; } } .card { flex: 1; padding: 25px 20px; border-radius: 12px; position: relative; } .card-title { font-size: 1.2em; font-weight: bold; text-align: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid rgba(0,0,0,0.1); } .card-list { list-style: none; padding: 0; margin: 0; } .card-list li { margin-bottom: 10px; padding-left: 1.5em; position: relative; } .card-list li::before { content: "・"; position: absolute; left: 0; font-weight: bold; } .card-result { margin-top: 20px; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold; background: rgba(255,255,255,0.8); } /* [NG] 同じにすること */ .card-ng { background-color: #fdf2f2; border: 2px solid #f5c6cb; color: #721c24; } .card-ng .card-title { color: #d9534f; } /* [OK] 公正にする工夫 */ .card-ok { background-color: #f0fdf4; border: 2px solid #c3e6cb; color: #155724; } .card-ok .card-title { color: #28a745; } /* ========================================= 図解：権利の考え方 (リスト型対比) ========================================= */ .rights-list { display: flex; flex-direction: column; gap: 15px; margin: 25px 0; } .rights-item { display: flex; align-items: stretch; border-radius: 10px; overflow: hidden; } @media (max-width: 600px) { .rights-item { flex-direction: column; } } .rights-label { display: flex; align-items: center; justify-content: center; padding: 15px 25px; font-size: 1.2em; font-weight: bold; color: white; min-width: 120px; } .rights-content { padding: 20px; flex: 1; background: #ffffff; display: flex; flex-direction: column; justify-content: center; } .rights-text { font-size: 1.2em; font-weight: bold; margin-bottom: 8px; } .rights-desc { font-size: 0.95em; color: #555; margin: 0; } .rights-item.ng { border: 2px solid #d9534f; } .rights-item.ng .rights-label { background-color: #d9534f; } .rights-item.ng .rights-text { color: #d9534f; } .rights-item.ok { border: 2px solid #0062cc; } .rights-item.ok .rights-label { background-color: #0062cc; } .rights-item.ok .rights-text { color: #0062cc; } /* ========================================= 図解：#リスペクトの数式 ========================================= */ .respect-diagram { background-color: #f8f9fa; padding: 30px; border-radius: 12px; border: 2px solid #e9ecef; text-align: center; margin: 30px 0; } .math-row { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 20px; } .math-box { background: #ffffff; padding: 15px 25px; border-radius: 30px; font-weight: bold; font-size: 1.1em; color: #0062cc; border: 2px solid #b3d7ff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); } .math-sign { font-size: 1.8em; font-weight: bold; color: #6c757d; } .arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 25px solid #0062cc; margin: 0 auto 20px auto; } .respect-answer { background: #0062cc; color: #ffffff; padding: 20px; border-radius: 12px; font-size: 1.3em; font-weight: bold; box-shadow: 0 5px 15px rgba(0, 98, 204, 0.3); } .respect-answer span { display: block; font-size: 0.8em; margin-top: 10px; color: #e6f2ff; } /* ========================================= 図解：学校の取り組みフロー (3ステップ) ========================================= */ .step-flow { display: flex; align-items: center; justify-content: space-between; margin: 25px 0; gap: 10px; } @media (max-width: 650px) { .step-flow { flex-direction: column; } } .step-box { flex: 1; background: #eef2f5; padding: 15px; text-align: center; border-radius: 8px; border-bottom: 4px solid #adb5bd; font-weight: bold; color: #495057; width: 100%; } .step-arrow { color: #adb5bd; font-size: 1.5em; font-weight: bold; } @media (max-width: 650px) { .step-arrow { transform: rotate(90deg); margin: 5px 0; } } /* ========================================= メッセージエリア (生徒の皆さんへ) ========================================= */ .message-area { background: #e8f5e9; padding: 35px 30px; border-radius: 12px; border: 2px solid #c8e6c9; } .message-title { color: #2e7d32; font-size: 1.4em; text-align: center; margin-top: 0; margin-bottom: 25px; font-weight: bold; } .think-toggle { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 30px; } .think-bubble { background: #ffffff; padding: 15px 25px; border-radius: 30px; font-size: 1.1em; font-weight: bold; color: #155724; border: 2px solid #a3d3a4; text-align: center; width: 90%; max-width: 400px; } .think-or { color: #666; font-size: 0.9em; font-weight: bold; } .final-words { text-align: center; font-size: 1.15em; line-height: 1.8; color: #1b5e20; font-weight: bold; margin-bottom: 0; } 有明中学校 学校だより NO.2 図解版 | #リスペクト 権利は「通すもの」ではなく、 「みんなを守るもの」 ー 同じスタートラインに立つために ー 新年度が始まり、学校生活はＦ組の校外学習、3学年の修学旅行、そして全校行事の運動会に向けた練習や委員会活動等、様々な取組を進めています。慌ただしい中ですが、一人ひとりが充実した日々を送っていることを願っています。 さて、4月が終わるこの時期、あらためて大切にしたいことをお話しします。それは、 みんなが安心して過ごせる学校とは、 どんな学校か ということです。本校では、「みんなを同じにすること」ではなく、「同じスタートラインに立てるようにすること」を大切にしています。 見え方、聞こえ方、感じ方、得意なこと、そして大切にしたいこと。一人ひとり、「違い」があります。 × 同じにすること 「同じやり方だけ」を求める 「違う考え」を「異質」と捉える がんばっても、うまくいかない 一緒に生活するのがつらくなる 〇 公正にする工夫 環境を見直す（特別扱いではない） 同じスタートラインに立てるようにする 【社会モデル】の考え方 生徒の可能性を広げていく ※困りごとを本人の努力だけに求めるのではなく、環境や関わり方を見直していく考え方を「社会モデル」と呼びます。 権利と「#リスペクト」について 一方で、学校生活の中では、たまにこんな言葉に出会うこともあります。 「それって、自分の権利ですよね」 「人権侵害ではないですか」 自分の思いを言葉にすることは、大切です。ただ、ここで少し立ち止まって考えてみてほしいのです。 誤解 権利は「自分の考え」を「通す」ためのもの 使い方を誤ると、自分の思いを優先するあまり、結果として周りの人の安心や学びを妨げてしまうこともあります。 本質 権利は「みんなが安心して過ごし、学べること」を守るためのもの お互いの思いを大切にしながら、一緒によりよい関係をつくっていくために、権利があります。 本校の大切にしている「#リスペクト」 自分のことを 大切にする ＋ 相手のことも 大切にする どうすれば、みんなが安心して過ごせるかを考える これが「#リスペクト」です。 安心できる学校をつくるために 本校では、以下の流れを大切にしていきます。声を聴き、環境を整え、その上でよりよい行動を一緒に考えていく。その積み重ねが、安心できる学校をつくっていくと考えています。 1. 生徒の声を聴く ▶ 2. 環境を見直す ▶ 3. 行動を教える 保護者・地域の皆様には、本校のこうした考え方をご理解いただき、引き続き温かく見守っていただければ幸いです。 生徒の皆さんへ 迷ったとき、あるいは、自分の思いを通したいとき、 こんなふうに考えてみてください。 「これは、自分だけのためかな」 それとも 「みんなのためになっているかな」 違いがあっても大丈夫。 その違いによって不利益が生まれない学校を、 これからも一緒につくっていきたいと思います。【添付ファイル】
この記事に添付ファイルはありません。