<!-- サイトロゴナビ --> <div style="padding: 16px 40px; background: rgba(253,251,250,0.95); border-bottom: 1px solid #E8DFE0; margin-bottom: 0;"> <div style="max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;"> <a href="/" style="text-decoration: none; display: flex; align-items: center; gap: 0;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 45" width="320" height="32"> <defs><linearGradient id="ag1" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#D4708A"/><stop offset="100%" style="stop-color:#E8A0B4"/></linearGradient></defs> <text x="0" y="32" font-family="Helvetica Neue,Arial,sans-serif" font-size="30" font-weight="200" fill="#4A2A32" letter-spacing="2">BC<tspan font-weight="600" fill="#D4708A">Wise</tspan></text> <g transform="translate(148,21)"><circle cx="-6" cy="0" r="12" fill="none" stroke="#E8A0B4" stroke-width="1.5" opacity="0.7"/><circle cx="6" cy="0" r="12" fill="none" stroke="#D4708A" stroke-width="1.5" opacity="0.7"/><path d="M0 -4 C0 -7,3.5 -8.5,4.2 -5 C5 -8.5,8.4 -7,8.4 -4 C8.4 -0.5,4.2 3,4.2 3 C4.2 3,0 -0.5,0 -4Z" fill="url(#ag1)" opacity="0.8"/></g> <text x="185" y="32" font-family="Helvetica Neue,Arial,sans-serif" font-size="22" fill="#A08890" letter-spacing="3" font-weight="200">BREAST CARE WISE</text> </svg> </a> <div style="font-size: 12px; color: #9A8E90; letter-spacing: 1px;">乳がんを、正しく知る。</div> </div> </div> <!-- ヒーローセクション：左テキスト＋右カード 2カラム --> <div style="background: linear-gradient(160deg, #F9F5F2 0%, #FDFBFA 50%, #F0DDD1 100%); padding: 80px 40px 60px; position: relative; overflow: hidden;"> <div style="max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;"> <!-- 左カラム：テキスト --> <div> <h1 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 38px; font-weight: 700; line-height: 1.5; color: #2D2A2B; margin-bottom: 20px; letter-spacing: 0.02em;">エビデンスに基づく<br>乳がん情報を、<br>あなたの手元に。</h1> <p style="font-size: 16px; line-height: 2; color: #6B6364; margin-bottom: 36px;">検診から治療、術後ケアまで。日本の乳腺外科をリードする専門医が、最新のエビデンスをわかりやすく解説します。40代・50代の女性に向けた、信頼できる医療情報メディアです。</p> <div style="display: flex; gap: 16px; flex-wrap: wrap;"> <a href="/category/screening/" style="display: inline-flex; align-items: center; gap: 8px; background: #8B6F72; color: white; padding: 14px 32px; border-radius: 28px; text-decoration: none; font-size: 15px; font-weight: 600; box-shadow: 0 4px 20px rgba(139, 111, 114, 0.25);">記事を読む →</a> <a href="/about/" style="display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #8B6F72; padding: 14px 32px; border-radius: 28px; text-decoration: none; font-size: 15px; font-weight: 600; border: 2px solid #C4A8AB;">監修者について</a> </div> </div> <!-- 右カラム：統計カード --> <div style="position: relative;"> <div style="background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); padding: 40px;"> <div style="font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: #9A8E90; margin-bottom: 8px;">KEY FACTS</div> <h3 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 22px; font-weight: 600; margin-bottom: 24px; color: #2D2A2B;">知っておきたい乳がんの数字</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;"> <div style="background: #F9F5F2; border-radius: 12px; padding: 20px; text-align: center;"> <div style="font-family: 'Noto Serif JP', serif; font-size: 32px; font-weight: 700; color: #8B6F72;">97%</div> <div style="font-size: 12px; color: #9A8E90; margin-top: 4px;">ステージI 5年生存率</div> </div> <div style="background: #F9F5F2; border-radius: 12px; padding: 20px; text-align: center;"> <div style="font-family: 'Noto Serif JP', serif; font-size: 32px; font-weight: 700; color: #8B6F72;">40歳</div> <div style="font-size: 12px; color: #9A8E90; margin-top: 4px;">から推奨される検診</div> </div> <div style="background: #F9F5F2; border-radius: 12px; padding: 20px; text-align: center;"> <div style="font-family: 'Noto Serif JP', serif; font-size: 32px; font-weight: 700; color: #8B6F72;">9人</div> <div style="font-size: 12px; color: #9A8E90; margin-top: 4px;">に1人が罹患</div> </div> <div style="background: #F9F5F2; border-radius: 12px; padding: 20px; text-align: center;"> <div style="font-family: 'Noto Serif JP', serif; font-size: 32px; font-weight: 700; color: #8B6F72;">2年</div> <div style="font-size: 12px; color: #9A8E90; margin-top: 4px;">に1回の定期検診</div> </div> </div> </div> <div style="text-align: center; margin-top: 20px; padding: 10px 20px;"> <span style="font-family: Noto Sans JP, sans-serif; font-size: 13px; color: #8B6F73; letter-spacing: 1px;">✔ 確かな乳腸専門医が正しい知識を監修</span> </div></div> </div> </div> <!-- 最新記事 --> <div style="padding: 80px 20px; background: #F9F5F2;"> <div style="text-align: center; margin-bottom: 48px;"> <div style="font-size: 12px; letter-spacing: 3px; color: #9A8E90; text-transform: uppercase; margin-bottom: 8px;">LATEST</div> <h3 style="font-family: 'Noto Serif JP', Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2D2A2B !important; text-align: center !important; margin-bottom: 32px !important;">最新の記事</h3> <p style="font-size: 15px; color: #6B6364; margin-top: 12px; line-height: 1.9;">乳がんに関する最新の知見を、エビデンスに基づいてわかりやすく解説します。</p> </div> <div id="bcwise-latest-grid" style="max-width: 1200px; margin: 0 auto; gap: 28px"></div> </div> <!-- 連載記事 --> <div style="background: #fff; padding: 80px 20px; text-align: center;"> <div style="max-width: 900px; margin: 0 auto;"> <div style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; color: #9A8E90; letter-spacing: 3px; margin-bottom: 12px;">SERIES</div> <h3 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 28px; font-weight: 700; color: #2D2A2B; margin: 0 0 16px;">連載記事</h3> <p style="font-size: 15px; color: #333; margin-bottom: 40px;">テーマごとにまとめて読める、専門医監修の連載シリーズ</p> <!-- 連載シリーズ一覧 --> <div style="display: flex; flex-direction: column; gap: 24px; text-align: left;"> <!-- 連載1 --> <a href="/category/series/mammography-basics/" style="text-decoration: none; color: inherit; display: block; background: #F9F5F2; border-radius: 12px; padding: 28px 32px; transition: box-shadow 0.3s;"> <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 8px;"> <span style="display: inline-block; background: #D4708A; color: #fff; font-size: 11px; font-weight: 600; padding: 4px 12px; border-radius: 20px; letter-spacing: 1px;">全5回</span> <span style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; color: #9A8E90;">検診・予防</span> </div> <h4 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 20px; font-weight: 700; color: #2D2A2B; margin: 0 0 8px;">はじめてのマンモグラフィ — 知っておきたい基礎知識</h4> <p style="font-size: 14px; color: #666; margin: 0; line-height: 1.7;">マンモグラフィ検査の流れから結果の読み方まで、初めて受ける方に向けてわかりやすく解説するシリーズです。</p> </a> <!-- 連載2 --> <a href="/category/series/breast-cancer-treatment/" style="text-decoration: none; color: inherit; display: block; background: #F0F4F8; border-radius: 12px; padding: 28px 32px; transition: box-shadow 0.3s;"> <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 8px;"> <span style="display: inline-block; background: #6B9EC2; color: #fff; font-size: 11px; font-weight: 600; padding: 4px 12px; border-radius: 20px; letter-spacing: 1px;">全4回</span> <span style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; color: #9A8E90;">治療</span> </div> <h4 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 20px; font-weight: 700; color: #2D2A2B; margin: 0 0 8px;">乳がん治療の最前線 — 手術から薬物療法まで</h4> <p style="font-size: 14px; color: #666; margin: 0; line-height: 1.7;">標準治療の基本から最新の治療選択肢まで、治療を検討中の方やご家族に向けた情報をお届けします。</p> </a> <!-- 連載3 --> <a href="/category/series/postop-life/" style="text-decoration: none; color: inherit; display: block; background: #F0F6F0; border-radius: 12px; padding: 28px 32px; transition: box-shadow 0.3s;"> <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 8px;"> <span style="display: inline-block; background: #6AAF6A; color: #fff; font-size: 11px; font-weight: 600; padding: 4px 12px; border-radius: 20px; letter-spacing: 1px;">全3回</span> <span style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; color: #9A8E90;">術後ケア</span> </div> <h4 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 20px; font-weight: 700; color: #2D2A2B; margin: 0 0 8px;">術後の生活ガイド — 日常を取り戻すために</h4> <p style="font-size: 14px; color: #666; margin: 0; line-height: 1.7;">手術後の身体の変化やリハビリ、日常生活で気をつけることを、段階ごとに丁寧に解説します。</p> </a> </div> </div> </div> <!-- カテゴリナビ --> <div style="padding: 80px 20px; background: #FDFBFA;"> <div style="text-align: center; margin-bottom: 48px;"> <div style="font-size: 12px; letter-spacing: 3px; color: #9A8E90; text-transform: uppercase; margin-bottom: 8px;">CATEGORIES</div> <h3 style="font-family: 'Noto Serif JP', Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2D2A2B !important; text-align: center !important; margin-bottom: 12px !important;">カテゴリから探す</h3> <p style="font-size: 15px; color: #9A8E90; margin: 0;">あなたの知りたいテーマから記事を探せます</p> </div> <div style="max-width: 1100px;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px"> <a href="/category/treatment/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #D5E0E8 0%, #C4D2DC 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">治療を知る</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">手術・薬物・<br>放射線療法</div> <div style="margin-top: 14px; font-size: 13px; color: #6E8CA0; font-weight: 500;">記事を読む →</div> </div> </a> <a href="/category/aftercare/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #F0DFE5 0%, #E3CED6 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">からだのケア</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">リハビリ・<br>副作用対策</div> <div style="margin-top: 14px; font-size: 13px; color: #C48B9F; font-weight: 500;">記事を読む →</div> </div> </a> <a href="/category/mental-care/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #E3DFED 0%, #D6D0E1 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">こころのケア</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">心理サポート・<br>不安への対処</div> <div style="margin-top: 14px; font-size: 13px; color: #9589B0; font-weight: 500;">記事を読む →</div> </div> </a> <a href="/category/news/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #F0E6D2 0%, #E3D6C0 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">乳がん診療ニュース</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">臨床研究・<br>学会報告</div> <div style="margin-top: 14px; font-size: 13px; color: #C4A06A; font-weight: 500;">記事を読む →</div> </div> </a> <a href="/category/work-life/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #DCE8DF 0%, #CDDCD1 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">仕事と暮らし</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">職場復帰・<br>経済的支援</div> <div style="margin-top: 14px; font-size: 13px; color: #7EA88A; font-weight: 500;">記事を読む →</div> </div> </a> <a href="/category/screening-diagnosis/" style="text-decoration: none; color: inherit; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s;"> <div style="height: 120px;background: linear-gradient(135deg, #D3E5E5 0%, #C2D7D7 100%);display: flex;align-items: center;justify-content: center"> </div> <div style="padding: 20px; text-align: center;"> <div style="font-size: 17px; font-weight: bold; margin-bottom: 8px; color: #4A4A4A;">検診と診断</div> <div style="font-size: 13px; color: #888; line-height: 1.5;">定期検診・<br>セルフチェック</div> <div style="margin-top: 14px; font-size: 13px; color: #6BA0A0; font-weight: 500;">記事を読む →</div> </div> </a> </div> </div> <!-- 監修者紹介 --> <div style="padding: 80px 20px; background: white;"> <div style="text-align: center; margin-bottom: 48px;"> <div style="font-size: 12px; letter-spacing: 3px; color: #9A8E90; text-transform: uppercase; margin-bottom: 8px;">SUPERVISOR</div> <h3 style="font-family: 'Noto Serif JP', Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; color: #2D2A2B !important; text-align: center !important; margin-bottom: 0 !important;">監修者について</h3> </div> <div style="max-width: 800px; margin: 0 auto; display: flex; gap: 48px; align-items: center;"> <!-- プロフィール写真 --> <div style="width: 180px; height: 180px; border-radius: 50%; background: linear-gradient(135deg, #C4A8AB, #D4A88C); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: 'Noto Serif JP', Georgia, serif; font-size: 48px; color: white; font-weight: 700; box-shadow: 0 8px 32px rgba(139, 111, 114, 0.2);">T</div> <!-- プロフィール情報 --> <div> <h4 style="font-family: 'Noto Serif JP', Georgia, serif; font-size: 24px; font-weight: 700; color: #2D2A2B; margin: 0 0 4px;">林田 哲</h4> <div style="font-size: 14px; color: #8B6F72; font-weight: 600; margin-bottom: 16px;">慶應義塾大学医学部 乳腺外科 教授</div> <p style="font-size: 15px; line-height: 1.9; color: #6B6364; margin: 0 0 20px;">日本乳癌学会指導医・専門医。乳腺外科領域において長年にわたり臨床・研究に従事。エビデンスに基づいた正確な情報を一般の方にもわかりやすく伝えることをライフワークとしている。</p> <div style="display: flex; flex-wrap: wrap; gap: 8px;"> <span style="display: inline-block; background: #F9F5F2; color: #8B6F72; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500;">日本乳癌学会理事</span> <span style="display: inline-block; background: #F9F5F2; color: #8B6F72; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500;">日本乳癌学会指導医・専門医</span> <span style="display: inline-block; background: #F9F5F2; color: #8B6F72; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500;">日本外科学会指導医・専門医</span> <span style="display: inline-block; background: #F9F5F2; color: #8B6F72; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500;">日本がん治療認定医機構理事</span> </div> </div> </div> </div> <!-- フッター --> <div class="custom-site-footer" style="background: #2D2A2B; padding: 60px 40px 40px; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); width: 100vw; position: relative;"> <div style="max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 40px;"> <div style="max-width: 340px;"> <div style="margin-bottom: 12px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 35" width="160" height="28"> <defs><linearGradient id="ag2" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#D4708A"/><stop offset="100%" style="stop-color:#E8A0B4"/></linearGradient></defs> <text x="0" y="26" font-family="Helvetica Neue,Arial,sans-serif" font-size="24" font-weight="200" fill="white" letter-spacing="2">BC<tspan font-weight="600" fill="#E8A0B4">Wise</tspan></text> <g transform="translate(118,16)"><circle cx="-5" cy="0" r="10" fill="none" stroke="#E8A0B4" stroke-width="1.2" opacity="0.6"/><circle cx="5" cy="0" r="10" fill="none" stroke="#D4708A" stroke-width="1.2" opacity="0.6"/></g> </svg> </div> <p style="font-size: 13px; line-height: 1.8; color: rgba(255,255,255,0.9); margin: 0;">慶應義塾大学医学部 乳腺外科教授が監修する、エビデンスに基づく乳がん情報メディア。</p> </div> <div style="display: flex; gap: 64px;"> <div> <h4 style="color: white; font-size: 13px; font-weight: 600; margin: 0 0 16px; letter-spacing: 0.05em;">コンテンツ</h4> <ul style="list-style: none; padding: 0; margin: 0;"> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">記事一覧</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">検診・予防</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">治療</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">術後ケア</a></li> </ul> </div> <div> <h4 style="color: white; font-size: 13px; font-weight: 600; margin: 0 0 16px; letter-spacing: 0.05em;">サイトについて</h4> <ul style="list-style: none; padding: 0; margin: 0;"> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">監修者紹介</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">プライバシーポリシー</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">利用規約</a></li> <li style="margin-bottom: 10px;"><a href="/" style="color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px;">特定商取引法に基づく表記</a></li> </ul> </div> </div> </div> <div style="max-width: 1200px; margin: 40px auto 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;"> <div style="font-size: 12px; color: rgba(255,255,255,0.4); margin-bottom: 8px;">© 2026 乳癌診療ガイド. All rights reserved.</div> <div style="font-size: 11px; color: rgba(255,255,255,0.3);">※ 本サイトの情報は医療行為の代替となるものではありません。症状がある場合は必ず医療機関を受診してください。</div> </div> </div> <p></p>