【タイトル】
学校だよりNo10（A面・図解版）【本文】
:root { --primary-color: #2c3e50; /* 伝統・厳格 */ --accent-color: #e67e22; /* 変化・活力 */ --success-color: #27ae60; /* 成長・肯定 */ --bg-color: #f4f7f6; --card-bg: #ffffff; --text-color: #333333; } body { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; line-height: 1.6; background-color: var(--bg-color); color: var(--text-color); margin: 0; padding: 20px; } .container { max-width: 900px; margin: 0 auto; background: var(--card-bg); border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; } /* Header Section */ .header { background: linear-gradient(135deg, var(--primary-color), #34495e); color: white; padding: 30px; text-align: center; } .header-sub { font-size: 0.9em; opacity: 0.8; margin-bottom: 5px; } .header-title { font-size: 2em; font-weight: bold; margin: 0; } .header-tag { background: var(--accent-color); display: inline-block; padding: 5px 15px; border-radius: 20px; font-weight: bold; margin-top: 15px; font-size: 0.9em; } /* Concept Section */ .concept-section { padding: 40px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; position: relative; } @media (max-width: 768px) { .concept-section { grid-template-columns: 1fr; } } .model-box { padding: 20px; border-radius: 10px; text-align: center; transition: transform 0.3s ease; height: 100%; box-sizing: border-box; } /* Icon Placeholder Style (No Emoji) */ .icon-circle { width: 80px; height: 80px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2em; margin: 10px; border: 2px solid; } /* OLD MODEL */ .model-old { background: #ecf0f1; border: 2px dashed #bdc3c7; color: #7f8c8d; } .icon-old { background: #fff; border-color: #bdc3c7; color: #7f8c8d; } .arrow-vertical { font-size: 2em; display: block; margin: 5px 0; font-weight: bold; } /* NEW MODEL */ .model-new { background: #fff5eb; border: 3px solid var(--accent-color); transform: scale(1.02); box-shadow: 0 5px 15px rgba(230, 126, 34, 0.2); } .icon-new { background: #fff; border-color: var(--accent-color); color: var(--accent-color); } .arrow-horizontal { font-size: 2em; display: block; margin: 5px 0; color: var(--accent-color); font-weight: bold; animation: slideRight 1.5s infinite alternate; } @keyframes slideRight { from { transform: translateX(-5px); } to { transform: translateX(5px); } } .vs-badge { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #333; color: white; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-weight: bold; z-index: 10; font-family: Arial, sans-serif; } @media (max-width: 768px) { .vs-badge { top: 48%; } } /* The 3 Elements */ .elements-section { padding: 20px 30px; background: #fafafa; } .section-title { text-align: center; font-size: 1.5em; margin-bottom: 30px; color: var(--primary-color); border-bottom: 3px solid var(--accent-color); display: inline-block; padding-bottom: 5px; } .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .card { background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-top: 5px solid var(--success-color); text-align: center; } .card-label { display: inline-block; padding: 5px 10px; background: var(--success-color); color: white; border-radius: 4px; font-size: 0.8em; margin-bottom: 10px; } .card h3 { margin: 10px 0; color: var(--primary-color); } .card p { font-size: 0.9em; color: #555; text-align: left; } .highlight { font-weight: bold; color: var(--accent-color); background: #fff3cd; padding: 0 4px; } /* Trust Bank Concept */ .trust-section { padding: 40px 30px; background: white; } .trust-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 40px; } .trust-tank { width: 120px; height: 160px; border: 4px solid var(--primary-color); border-radius: 10px; position: relative; background: #fff; overflow: hidden; } .liquid { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(to top, var(--accent-color), #f39c12); opacity: 0.8; } .tank-label { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-weight: bold; color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.5); z-index: 2; line-height: 1.4; } .logic-arrow { font-size: 2em; color: var(--primary-color); font-weight: bold; } .trust-text { max-width: 400px; } .warning-box { background: #ffebee; color: #c62828; padding: 10px; border-left: 4px solid #c62828; margin-top: 10px; font-size: 0.9em; } .warning-icon { font-weight: bold; margin-right: 5px; } /* Footer */ .footer { background: var(--primary-color); color: white; text-align: center; padding: 30px; } .quote { font-style: italic; font-size: 1.1em; margin-bottom: 20px; opacity: 0.9; } .runner-text { font-size: 1.5em; font-weight: bold; letter-spacing: 2px; margin-bottom: 10px; color: var(--accent-color); } 江東区立有明中学校 | 令和8年1月30日 | 第10号 「指導者」から「伴走者」へ これからの時代に求められる「横の関係」 VS これまでの関係 先生 ↓ 生徒 縦の関係（指導者） 「正解を教え、覚えさせる」 上から目線・コントロール これからの関係 伴走 生徒 ↔ 横の関係（伴走者） 「問いを立て、自ら学ぶ」 対等なリスペクト・支援 「横の関係」を支える3つの要素 自立支援 支援と自走 教員は答えを与えすぎず、生徒が自力で解決できるよう、横で環境を整え見守る。 対等性 役割は違えど対等 教員は「導く」、生徒は「学ぶ」。知識の差はあっても人間としての価値は同じ。リスペクトし合う関係。 相互理解 「正しさ」を認め合う 正論を押し付けない。生徒なりの論理（背景）に関心を寄せ、対話を通じて解決策を決めていく。 「ほめる・叱る」の前提条件 信頼貯金 (尊敬) → 信頼がないと「叱る」は届かない 日頃から生徒の良い点を認め、ねぎらい、信頼を得ているか？ それがなければ、どんな正論も生徒の心には響きません。 ! 口先だけの賞賛や感情的な叱責は、「コントロールしたい心」として生徒に見抜かれます。 RUN TOGETHER 「前を走って引っ張るだけでなく、横に並び、同じ景色を見ながら、一緒に走り、時に悩み励ます」 江東区立有明中学校 校長 西川 諭【添付ファイル】
この記事に添付ファイルはありません。