1<!DOCTYPE html> 2 3<html lang="ja"> 4<head> 5<meta charset="utf-8"/> 6<meta content="width=device-width,initial-scale=1" name="viewport"/> 7<meta content="index,follow,max-image-preview:large" name="robots"/> 8<meta content="ä¸é«çãããããã»ä½ã»çæ´»ã»ãã¸ã¿ã«ã«é¢ããå ¬çãªæ å ±ã確ãããèªåã§èããæ¹æ³ãç¸è«å ãæ¢ããä¿å¥æ å ±ãµã¤ãã§ããå çã»ä¿è·è ã»å»çè åãã®Supportersãã¼ã¸ãç¨æãã¦ãã¾ãã" name="description"/> 9<title>ããã®ãã©ã¤ã»ã©ãï½èªåã大åã«ããä¿å¥å®¤</title> 10<link href="https://melab365.vercel.app/" rel="canonical"/> 11<meta content="ããã®ãã©ã¤ã»ã©ãï½èªåã大åã«ããä¿å¥å®¤" property="og:title"/> 12<meta content="ä¸é«çãããããã»ä½ã»çæ´»ã»ãã¸ã¿ã«ã«é¢ããå ¬çãªæ å ±ã確ãããèªåã§èããæ¹æ³ãç¸è«å ãæ¢ããä¿å¥æ å ±ãµã¤ãã§ãã" property="og:description"/> 13<meta content="https://melab365.vercel.app/" property="og:url"/> 14<meta content="website" property="og:type"/> 15<meta content="ããã®ãã©ã¤ã»ã©ã" property="og:site_name"/> 16<meta content="ja_JP" property="og:locale"/> 17<meta content="summary" name="twitter:card"/>
18<script type="application/ld+json"> 19{ 20 "@context": "https://schema.org", 21 "@graph": [ 22 { 23 "@type": "WebSite", 24 "@id": "https://melab365.vercel.app/#website", 25 "url": "https://melab365.vercel.app/", 26 "name": "ããã®ãã©ã¤ã»ã©ã", 27 "alternateName": ["MeLab365", "ãã©ã¤ã©ã"], 28 "inLanguage": "ja" 29 }, 30 { 31 "@type": "Organization", 32 "@id": "https://melab365.vercel.app/#organization", 33 "name": "MeLab365", 34 "url": "https://melab365.vercel.app/", 35 "sameAs": [ 36 "https://www.instagram.com/melab.365/", 37 "https://www.tiktok.com/@melab365", 38 "https://www.threads.com/@melab.365" 39 ] 40 } 41 ] 42} 43</script>
43 44<style> 45 :root{--ink:#344843;--deep:#285c55;--mint:#95dec9;--mint-light:#e9f8f3;--peach:#ffdaca;--coral:#f47f62;--cream:#fff9f1;--white:#fff;--line:#dbe9e4;--shadow:0 18px 48px rgba(51,91,83,.12)} 46 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:inherit}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 max(22px,6vw);background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:17px;font-weight:900;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--mint-light);font-size:22px}.brand em{color:#4eb69e;font-style:normal}.nav{display:flex;gap:22px}.nav a{color:#5a6e69;font-size:12px;font-weight:800;text-decoration:none}.hero{position:relative;overflow:hidden;min-height:760px;background:linear-gradient(135deg,#9de2cf 0%,#c7f0e4 53%,#ffe1d2 53%,#fff1e7 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.35)}.hero:before{width:420px;height:420px;left:-180px;top:-180px}.hero:after{width:360px;height:360px;right:-120px;bottom:-180px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:60px;width:min(1180px,calc(100% - 44px));min-height:688px;margin:auto;padding:62px 0}.eyebrow{color:var(--deep);font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1{margin:18px 0 20px;color:#374b46;font-size:clamp(42px,5.2vw,72px);line-height:1.2;letter-spacing:-.04em}.hero h1 span{display:block}.hero-copy>p{max-width:620px;margin:0;color:#435b55;font-size:16px;font-weight:650;line-height:2}.cta{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:15px 24px;border-radius:99px;background:var(--coral);color:#fff;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 12px 26px rgba(194,91,66,.25);transition:.2s}.cta:hover{transform:translateY(-2px)}.hero-image{position:relative;align-self:center;display:flex;justify-content:center}.hero-image img{display:block;width:auto;max-width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:42px;box-shadow:var(--shadow)}.hero-badge{position:absolute;left:-30px;bottom:34px;max-width:230px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);font-size:11px;font-weight:800}.section{width:min(1120px,calc(100% - 40px));margin:auto;padding:100px 0}.section-head{max-width:760px;margin-bottom:42px}.section h2{margin:10px 0 18px;color:var(--deep);font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:-.03em}.section-head p{color:#647772}.message{background:#fff}.message-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.message-note{padding:32px;border-radius:30px;background:var(--mint-light);box-shadow:0 8px 30px rgba(51,91,83,.07)}.message-note strong{display:block;color:var(--deep);font-size:22px}.message-note p{margin-bottom:0;color:#62746f}.themes{background:#f7fbf9}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{display:flex;flex-direction:column;min-height:350px;padding:32px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 10px 32px rgba(51,91,83,.07);text-decoration:none;transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card:nth-child(2){background:#fff8f0}.card:nth-child(3){background:#f1f8ff}.card:nth-child(4){background:#fff3f5}.icon{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:var(--mint-light);font-size:29px}.card small{margin-top:22px;color:var(--coral);font-weight:900;letter-spacing:.12em}.card h3{margin:8px 0;color:var(--deep);font-size:25px;line-height:1.4}.card b{color:#536a64;font-size:14px}.card p{color:#6b7a76;font-size:13px}.card-button{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--deep);font-size:13px;font-weight:900}.sos{background:linear-gradient(145deg,#fff,#fff1f3)}.sos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sos-card{padding:23px;border:1px solid #f0dfe2;border-radius:20px;background:#fff}.sos-card h3{margin:6px 0;color:var(--deep);font-size:17px}.sos-card p{color:#6b7774;font-size:12px}.sos-card a{color:#bf5364;font-size:12px;font-weight:900}.footer{padding:60px 22px;background:var(--deep);color:#fff;text-align:center}.footer strong{display:block;font-size:clamp(24px,4vw,38px)}.footer p{margin:8px 0 0;color:#cde4de}.footer .social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0}.footer .social-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:.2s}.footer .social-links a:hover,.footer .social-links a:focus-visible{background:#fff;color:var(--deep);transform:translateY(-2px)}.footer .creator{margin:24px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;line-height:1.8}.footer .creator b{color:#fff}.mobile-menu{display:none;border:0;background:none;font-size:24px} 47 .card.is-disabled{cursor:default;opacity:.82}.card.is-disabled:hover{transform:none;box-shadow:0 10px 32px rgba(51,91,83,.07)}.editing{display:inline-block;padding:6px 12px;border-radius:99px;background:#dfe8f2;color:#536b82;font-size:11px;font-style:normal;font-weight:900}.card.game-card{background:#f0f3ff}.card.game-card .card-button{background:#586aa0}.card.game-card:hover .card-button{background:#46578c} 48 .card-button{justify-content:center!important;gap:10px;margin-top:auto!important;padding:14px 18px!important;border:0!important;border-radius:999px;background:var(--deep);color:#fff!important;box-shadow:0 9px 20px rgba(40,92,85,.18);font-size:13px!important;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}.card-button i{font-style:normal;font-size:16px;transition:transform .2s}.card:hover .card-button{transform:translateY(-2px);background:#34776e;box-shadow:0 12px 24px rgba(40,92,85,.24)}.card:hover .card-button i{transform:translateX(4px)}.card:nth-child(2) .card-button{background:#d96f54}.card:nth-child(2):hover .card-button{background:#c95e45}.card:nth-child(3) .card-button{background:#4e7c86}.card:nth-child(3):hover .card-button{background:#3d6872}.card:nth-child(4){background:#f5f3ff}.card:nth-child(4) .card-button{background:#66759b}.card:nth-child(4):hover .card-button{background:#536282}.card:nth-child(5){background:#eff9fb}.card:nth-child(5) .card-button{background:#3f7d85}.card:nth-child(5):hover .card-button{background:#326a72}.card:nth-child(6){background:#fff8e9}.card:nth-child(6) .card-button{background:#9a7042}.card:nth-child(6):hover .card-button{background:#805a31}.card:nth-child(7){background:#fff2ef}.card:nth-child(7) .card-button{background:#b65d60}
48.card:nth-child(7):hover .card-button{background:#9d4d51}.card:nth-child(8){grid-column:1/-1;min-height:280px;background:#fff3f5}.card:nth-child(8) .card-button{background:#bb6070}.card:nth-child(8):hover .card-button{background:#a94f60} 49 /* Top page layout 2026-08 */ 50 .hero{min-height:650px}.hero-inner{min-height:578px}.hero-image img{max-height:590px}.section{padding:82px 0}.message-grid{grid-template-columns:.9fr 1.1fr}.theme-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 34px}.theme-guide a{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--deep);font-size:13px;font-weight:900;text-decoration:none}.theme-guide span{font-size:25px}.theme-guide small{display:block;color:#71827e;font-size:10px;font-weight:700}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:335px;padding:27px}.card h3{font-size:22px}.card p{margin-bottom:18px}.card:nth-child(8){grid-column:auto;min-height:335px;background:#fff3f5}.card:nth-child(9){background:#eef1fb}.card:nth-child(9) .card-button{background:#626b9d}.card:nth-child(9):hover .card-button{background:#50598a}.card:nth-child(12){background:#eef8f5}.card:nth-child(12) .card-button{background:#34776e}.card:nth-child(12):hover .card-button{background:#285f58}.card.sos-entry{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;column-gap:22px;align-items:center;min-height:0;padding:28px 32px;background:linear-gradient(135deg,#fff,#fff0f2)}.card.sos-entry .icon{grid-row:1/4}.card.sos-entry small{margin-top:0}.card.sos-entry h3{margin:2px 0}.card.sos-entry b,.card.sos-entry p{grid-column:2}.card.sos-entry p{margin:0}.card.sos-entry .card-button{grid-column:3;grid-row:1/4;min-width:210px}.themes .section-head{margin-bottom:25px} 51 @media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,1fr)}.card.sos-entry{grid-column:1/-1}} 52 @media(max-width:820px){.nav{display:none}.mobile-menu{display:block}.hero{min-height:0}.hero-inner{grid-template-columns:1fr;padding:54px 0 0}.hero-copy{text-align:center}.hero-copy>p{font-size:14px}.hero-image{width:min(520px,100%);margin:auto}.hero-badge{left:12px;bottom:18px}.message-grid,.sos-grid{grid-template-columns:1fr}.section{padding:68px 0}.card{min-height:310px}.hero h1{font-size:clamp(38px,10vw,56px)}.theme-guide{grid-template-columns:1fr}.card.sos-entry{display:flex;min-height:300px;padding:27px}.card.sos-entry .card-button{min-width:0;width:100%}} 53 @media(max-width:620px){.card-grid{grid-template-columns:1fr}.card.sos-entry{grid-column:auto}.hero-badge{position:static;margin:12px auto 22px}.theme-guide a{padding:13px 15px}} 54 55.supporters-entry{padding:34px 22px 70px;background:#f7faf8} 56.supporters-entry-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;border:1px solid #dce8e1;border-radius:26px;background:#fff} 57.supporters-entry-copy{max-width:720px} 58.supporters-entry h2{margin:6px 0 10px;font-size:clamp(24px,3vw,34px);color:#25322d} 59.supporters-entry p{margin:0;color:#66756e;line-height:1.8} 60.supporters-entry-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;background:#2f6f59;color:#fff!important;font-weight:800;text-decoration:none} 61@media(max-width:760px){.supporters-entry{padding:24px 16px 52px}.supporters-entry-inner{display:block;padding:25px 22px}.supporters-entry-button{margin-top:20px}.nav a[href="supporters/"]{display:none}} 62 63/* cropped theme icon artwork */ 64.themes .card .icon{ 65 width:104px;height:104px;flex:0 0 104px; 66 padding:0;background:transparent!important;border-radius:50%; 67 overflow:hidden; 68} 69.themes .card .icon img{ 70 display:block;width:100%;height:100%;object-fit:cover;border-radius:50%; 71} 72@media(max-width:620px){ 73 .themes .card .icon{width:92px;height:92px;flex-basis:92px} 74} 75 76/* Three clearly separated entrances */ 77.theme-category{scroll-margin-top:90px;margin-top:30px;padding:30px;border:1px solid var(--category-line);border-radius:34px;background:var(--category-bg)} 78.theme-category+.theme-category{margin-top:32px} 79.category-head{display:flex;align-items:center;gap:18px;margin-bottom:24px} 80.category-head>span{display:grid;place-items:center;flex:0 0 64px;width:64px;
80height:64px;border-radius:21px;background:#fff;font-size:31px;box-shadow:0 8px 24px rgba(51,91,83,.08)} 81.category-head small{display:block;color:var(--category-color);font-size:11px;font-weight:900;letter-spacing:.14em} 82.category-head h3{margin:1px 0 2px;color:var(--deep);font-size:clamp(25px,3vw,34px);line-height:1.35} 83.category-head p{margin:0;color:#60736e;font-size:13px} 84.theme-category .card-grid{grid-template-columns:repeat(3,1fr)} 85.theme-category .card{background:rgba(255,255,255,.92)!important;border-color:var(--category-line)} 86.theme-category .card small{color:var(--category-color)} 87.theme-category .card-button{background:var(--category-color)!important} 88.theme-category--protect{--category-bg:#fff3ed;--category-line:#f4d3c7;--category-color:#bd624d} 89.theme-category--mind{--category-bg:#f1f3ff;--category-line:#d9def2;--category-color:#626b9d} 90.theme-category--life{--category-bg:#edf8f3;--category-line:#cde5da;--category-color:#34776e} 91.category-sos{margin-top:32px}.category-sos .sos-entry{width:100%} 92@media(max-width:1000px){.theme-category .card-grid{grid-template-columns:repeat(2,1fr)}} 93@media(max-width:620px){.theme-category{padding:20px 16px;border-radius:25px}.category-head{align-items:flex-start}.category-head>span{flex-basis:52px;width:52px;height:52px;border-radius:17px;font-size:25px}.theme-category .card-grid{grid-template-columns:1fr}} 94 95
96.category-school-checkup{margin-top:22px} 97.card.school-checkup-entry{ 98 width:100%; 99 display:grid; 100 grid-template-columns:auto 1fr auto; 101 grid-template-rows:auto auto auto; 102 column-gap:22px; 103 align-items:center; 104 min-height:0; 105 padding:28px 32px; 106 background:linear-gradient(135deg,#fff,#edf8f3); 107} 108.card.school-checkup-entry .icon{grid-row:1/4} 109.card.school-checkup-entry small{margin-top:0;color:#34776e} 110.card.school-checkup-entry h3{margin:2px 0} 111.card.school-checkup-entry b,.card.school-checkup-entry p{grid-column:2} 112.card.school-checkup-entry p{margin:0} 113.card.school-checkup-entry .card-button{ 114 grid-column:3;grid-row:1/4;min-width:210px;background:#34776e!important 115} 116@media(max-width:820px){ 117 .card.school-checkup-entry{display:flex;min-height:300px;padding:27px} 118 .card.school-checkup-entry .card-button{min-width:0;width:100%} 119} 120 121/* Simplified SOS links */ 122.sos-emergency{ 123 margin-top:22px; 124 padding:20px 22px; 125 border:1px solid #f0dfe2; 126 border-radius:20px; 127 background:#fff8f8; 128} 129.sos-emergency h3{margin:0 0 8px;color:var(--deep);font-size:17px} 130.sos-emergency p{margin:6px 0;color:#5f706c;font-size:13px;line-height:1.8} 131.sos-emergency strong{color:#b54d5e;font-size:15px} 132 133</style> 134<link href="shared/guidance.css?v=20260806-1" rel="stylesheet"/> 135 136<style> 137/* 2026-08 mobile hero badge adjustment */ 138@media (max-width: 620px){ 139 .hero-image{ 140 display:flex; 141 flex-direction:column; 142 align-items:stretch; 143 width:100%; 144 } 145 .hero-image img{ 146 width:100%; 147 max-width:100%; 148 } 149 .hero-badge{ 150 position:static; 151 left:auto; 152 right:auto; 153 bottom:auto; 154 width:100%; 155 max-width:none; 156 margin:14px 0 0; 157 padding:14px 16px; 158 text-align:center; 159 line-height:1.7; 160 font-size:12px; 161 writing-mode:horizontal-tb; 162 transform:none; 163 } 164} 165</style> 166 167 168<style> 169/* 2026-08 SOS 2x2 layout */ 170.sos-grid{ 171 grid-template-columns:repeat(2,minmax(0,1fr)); 172} 173@media(max-width:820px){ 174 .sos-grid{ 175 grid-template-columns:1fr; 176 } 177} 178</style> 179 180
180<script src="shared/auto-hide-header.js?v=20260822-1" defer></script>
180 181</head> 182<body> 183<header class="top"><a class="brand" href="index.html"><span class="brand-mark">ð±</span><span>ããã®<em>ãã©ã¤ã»ã©ã</em></span></a><nav aria-label="ã¡ã¤ã³ã¡ãã¥ã¼" class="nav"><a href="#about">ãã®ãµã¤ãã«ã¤ãã¦</a><a href="#themes">ãã¼ããããã¶</a><a href="#sos">ç¸è«ã§ããå ´æ</a><a href="supporters/">Supporters</a><a href="contact.html">ãåãåãã</a></nav><button aria-label="ãã¼ãã¸ç§»å" class="mobile-menu" onclick="location.href='#themes'" type="button">â°</button></header> 184<main> 185<section class="hero"> 186<div class="hero-inner"> 187<div class="hero-copy"><span class="eyebrow">èªåã大åã«ããä¿å¥å®¤</span><h1><span>ãèªåã®ã³ã³ãã¨ã«ã©ããã</span>大åã«ãããã</h1><p>ããã¯ãããããSNSãç¡ç ãæ¯ã¨å£ãHPVã¯ã¯ãã³ãè¬ããé ã»ã¿ãã³ã®ãã¨ãç¥ããç«ã¡æ¢ã¾ã£ã¦èããããã®ä¿å¥å®¤ãå ¬çãªæ å ±ã確ãããªãããèªåã«åããããªæ¹æ³ããå¿ è¦ãªã¨ãã®ç¸è«å ãæ¢ãã¾ãã</p><a class="cta" href="#themes">â¼ æ°ã«ãªããã¼ããããã¶</a></div> 188<div class="hero-image"><img alt="ã¹ãã¼ããã©ã³ãè¦ãªããå¥åº·ã«ã¤ãã¦å¦ã¶ä¸é«ç3人ã®ã¤ã©ã¹ã" src="assets/hero-students.png"/><div class="hero-badge">ç¥ããã¨ã¯ãæãããã¨ã§ã¯ãªãã<br/>èªåã§é¸ã¹ãããã«ãªããã¨ã</div></div> 189</div> 190</section> 191<section class="section message" id="about"><div class="message-grid"><div class="section-head"><span class="eyebrow">WHY IT MATTERS</span><h2>ãªãä»ããèªåã®ã³ã³ãã¨ã«ã©ããã大åãªã®ï¼</h2></div><div class="message-note"><strong>ç¥ããã¨ã¯ãç«ã¡æ¢ã¾ã£ã¦èããæãããã«ãªãã¾ãã</strong><p>SNSã妿 ¡ã人éé¢ä¿â¦â¦ä¸é«çã®æ¯æ¥ã«ã¯ãããããã®æ å ±ãã¹ãã¬ã¹ãããã¾ããããªãã¨ãªãæµããã¦ãã¾ãããããã£ã¦æ¬å½ããªï¼ãã¨æããã¨ããå ¬çãªæ å ±ããã¨ã«ç¢ºãããæ¯ã¹ã¦ã¿ããã¨ãã§ãã¾ããããã«çããæ±ºãããèªåãªãã©ãèããããæ¢ãã¦ã¿ã¦ãã ããã</p></div></div></section> 192<section class="themes" id="themes"><div class="section"><div class="section-head"><span class="eyebrow">CHOOSE A DOOR</span><h2>ä»ã®èªåã«è¿ãå ¥å£ããã</h2><p>é çªã«å¦ã¶å¿ è¦ã¯ããã¾ããã3ã¤ã®åé¡ãããç¥ããããã¨ãæ°ã«ãªããã¨ãä»å°ã£ã¦ãããã¨ãæ¢ãã¾ãã</p></div><nav aria-label="ãã¼ãã®åé¡" class="theme-guide"><a href="#protect"><span>ð¡ï¸</span><b>èªåãå®ã<small>HPVã»è¬ç©ã»æ§ã¨å¥åº·ã»ã¹ãã¼ãã»ææ¥</small></b></a><a href="#mind"><span>ð</span><b>ãããã¨æ å ±<small>æ°æã¡ã»SNSã»çæ´»ã®å·¥å¤«ã»AI</small></b></a><a href="#life"><span>ð¿</span><b>ä½ã¨çæ´»<small>ã¹ããã»ã²ã¼ã ã»å£ã»ç®è¡ã»æã»ç¡ç ã»ææ³</small></b></a></nav> 193<section aria-labelledby="protectTitle" class="theme-category theme-category--protect" id="protect"><header class="category-head"><span>ð¡ï¸</span><div><small>PROTECT YOURSELF</small><h3 id="protectTitle">èªåãå®ã</h3><p>ç æ°ã®äºé²ãæ§ã¨å¥åº·ãè¬ãã¹ãã¼ããææ¥ã«ã¤ãã¦ç¥ããè¡åãèããããã®ãã¼ãã§ãã</p></div></header><div class="card-grid"> 194<a class="card" href="hpv/index.html"><span class="icon"><img alt="" src="assets/theme-icons/hpv.webp"/></span><small>01ãHPVã¯ã¯ãã³</small><h3>HPVã¯ã¯ãã³ã£ã¦ã©ããªãã®ï¼</h3><b>å°æ¥ã®èªåã®ã«ã©ããå®ãããã®ã大åãªé¸æã</b><p>åå®®é ¸ãããªã©ã®ç æ°ãé²ãHPVã¯ã¯ãã³ã«ã¤ãã¦ãä»çµã¿ãå¯åå¿ãåããã¨ãã®æµãã親åã§ããããããå¦ã³ã¾ãã</p><span class="card-button">HPVã¯ã¯ãã³ã®ãã¼ã¸ã¸ <i>â</i></span></a> 195<a class="card" href="mamoru/dist/index.html"><span class="icon"><img alt="" src="assets/theme-icons/mamoru.webp"/></span><small>02ãè¬ç©ä¹±ç¨é²æ¢</small><h3>è¬ç©ä¹±ç¨ã»ã¿ãã³ã»ãé ã®ãã³ãã®è©±</h3><b>ã1åã ããªãâ¦â¦ãããæ å ±ã¨å ´é¢ããèããã</b><p>å¸è²©è¬ãå«ãè¬ç©ä¹±ç¨ãã¿ãã³ãã¢ã«ã³ã¼ã«ã®å½±é¿ããç©èªã¨é¸æãéãã¦èãã¾ããæããé¢ããã話ãå¤ãããç¸è«ãããªã©ããã®å ´ã§é¸ã¹ãè¡åã確èªã§ãã¾ãã</p><span class="card-button">è¬ç©ã»ã¿ãã³ã»ãé ã®ãã¼ã¸ã¸ <i>â</i></span></a> 196<a class="card" href="srhr/index.html"><span class="icon"><img alt="" src="assets/theme-icons/srhr.webp"/></span><small>03ãSRHRã»ã»ã«ãã¹ã¿ãã£</small><h3>
196èªåã¨ç¸æã大åã«ãã</h3><b>èªåã®ä½ããå¿ããæªæ¥ããèªåã§èãã¦é¸ã¶ã</b><p>ææ¥æã®ä½ãå¿ã人ã¨ã®é¢ä¿ãæ§ã¨å¥åº·ãå°æ¥ã«ã¤ãã¦ãä¸é«çã®æ¥å¸¸ã®å ´é¢ããèãã30ã®å¦ç¿ã³ã³ãã³ãã§ãã</p><span class="card-button">SRHRã®ãã¼ã¸ã¸ <i>â</i></span></a> 197<a class="card" href="antidoping/index.html"><span class="icon"><img alt="" src="assets/theme-icons/antidoping.webp"/></span><small>12ãã¹ãã¼ãã¨è¬ã»ãµããª</small><h3>大ä¼åããã®è¬é£²ãã§å¤§ä¸å¤«ï¼</h3><b>è¬ãæãããªãã使ãåã«ã確èªããã</b><p>ããè¬ãæ²»çä¸ã®è¬ããµããªã¡ã³ããã¹ãã¼ãããã人ãè¿·ããããå ´é¢ãããã¢ã³ãã»ãã¼ãã³ã°ã®åºæ¬ãå¦ã³ã¾ãã</p><span class="card-button">ã¹ãã¼ãã¨è¬ã»ãµããªã®ãã¼ã¸ã¸ <i>â</i></span></a> 198<a class="card" href="emergency/index.html"><span class="icon"><img alt="" src="assets/theme-icons/emergency.svg"/></span><small>13ãææ¥ã»å¿æ¥æå½</small><h3>å½ãã¤ãªããææ¥ã®ãã¨</h3><b>
198æ°ã¥ããå¼ã¶ãã§ãããã¨ãããã</b><p>誰ããåããã¨ãã®å©ãã®æ±ãæ¹ã119çªã®ããæ¹ãææ¥è»ãå¾ ã¤éã«ã§ãããã¨ãç·´ç¿ç»é¢ããå¦ã³ã¾ãã</p><span class="card-button">ææ¥ã«ã¤ãã¦å¦ã¶ <i>â</i></span></a> 199</div></section> 200<section aria-labelledby="mindTitle" class="theme-category theme-category--mind" id="mind"><header class="category-head"><span>ð</span><div><small>MIND & INFORMATION</small><h3 id="mindTitle">ãããã¨æ å ±</h3><p>æ°æã¡ã«æ°ã¥ããSNSã»æ å ±ã¨ã¤ããããªãããèªåã«åãçæ´»ã®å·¥å¤«ãæ¢ãããã®ãã¼ãã§ãã</p></div></header><div class="card-grid"> 201<a class="card" href="kokoro/index.html"><span class="icon"><img alt="" src="assets/theme-icons/kokoro.webp"/></span><small>04ãããããç¥ã</small><h3>ä»ã®æ°æã¡ã¯ãã©ããªè²ï¼</h3><b>èªåã®æ°æã¡ã«æ°ä»ããã¨ããèªåã大åã«ãããã¨ã</b><p>ææ ã妿 ¡çæ´»ãSNSã人ã¨ã®é¢ãããã»ã«ãã±ã¢ãå©ãã®æ±ãæ¹ãã30ã®æ¥å¸¸å ´é¢ããä¸ç·ã«èãã¾ãã</p><span class="card-button">ããããç¥ããã¼ã¸ã¸ <i>â</i></span></a> 202<a class="card" href="digital/index.html"><span class="icon"><img alt="" src="assets/theme-icons/digital.webp"/></span><small>05ãã¤ã³ã¿ã¼ãããã»SNS</small><h3>æ å ±ã¨ä¸æã«ã¤ããã</h3><b>ç«ã¡æ¢ã¾ãã確ãããèªåã§é¸ã¶ãã¸ã¿ã«ãªãã©ã·ã¼ã</b><p>SNSãå¥åº·æ å ±ãããããã©ãã«ãçæAIã«ã¤ãã¦ãæ¥å¸¸ã®å ´é¢ããå®å ¨ãªä½¿ãæ¹ã¨æ å ±ã®è¦æ¥µãæ¹ãå¦ã³ã¾ãã</p><span class="card-button">ã¤ã³ã¿ã¼ãããã»SNSã®ãã¼ã¸ã¸ <i>â</i></span></a> 203 204<a class="card" href="ideas_for_life/index.html"> 205<span class="icon"><img alt="" src="assets/theme-icons/life-ideas.png"/></span> 206<small>06ãçæ´»ã®å·¥å¤«</small> 207<h3>èªåã«åãå·¥å¤«ãæ¢ãã¦ã¿ãã</h3> 208<b>ããã£ã¨ããã°ãã以å¤ã«ãããããããããæ¹æ³ãããã¾ãã</b> 209<p>éä¸ãã«ãããå¿ãããããäºå®å¤æ´ãè¦æãé³ãå ãæ°ã«ãªããªã©ãæ¯æ¥ã®ãã¡ãã£ã¨ããã«ããããããèªåã«åãå·¥å¤«ãæ¢ãã¾ãã</p> 210<span class="card-button">çæ´»ã®å·¥å¤«ãè¦ã <i>â</i></span> 211</a></div></section> 212<section aria-labelledby="lifeTitle" class="theme-category theme-category--life" id="life"><header class="category-head"><span>ð¿</span><div><small>BODY & DAILY LIFE</small><h3 id="lifeTitle">ä½ã¨çæ´»</h3><p>ã¹ããã»ã²ã¼ã ãé£äºãç¡ç ãå£ãè¡æ¶²ãææ³ãªã©ãæ¯æ¥ã®çæ´»ã¨ä½ã®ã¤ãªãããç¥ããã¼ãã§ãã</p></div></header><div class="card-grid"><a class="card game-card" href="screen-time/index.html"><span class="icon"><img alt="" src="assets/theme-icons/screen-time.webp"/></span><small>07ãã¹ããã»ã²ã¼ã </small><h3>ã¹ããã»ã²ã¼ã ã¨ä¸æã«ã¤ããã</h3><b>楽ãããããããèªåã§é¸ã¶åãè²ã¦ããã</b><p>使ããããéç¥ãç¡ç ããªã³ã©ã¤ã³ã²ã¼ã ãªã©ãæ¥å¸¸ã®å ´é¢ããçæ´»ã¨ã®ã¤ãªããã¨èªåã«åã工夫ãèãã¾ãã</p><span class="card-button">ã¹ããã»ã²ã¼ã ã®ãã¼ã¸ã¸ <i>â</i></span></a> 213<a class="card" href="oral/index.html"><span class="icon"><img alt="" src="assets/theme-icons/tooth.webp"/></span><small>08ãæ¯ã¨å£ã®å¥åº·</small><h3>çãããæ¯ããæ¯ã¨å£</h3><b>é£ã¹ãã話ããç¬ããå£ã¯æ¯æ¥ã®å¥åº·ã®å ¥å£ã</b><p>ããæ¯äºé²ã ãã§ãªãã徿¶²ãæ¯ãããã¹ãã¼ããæ¯ä¸¦ã³ãã³ãã¥ãã±ã¼ã·ã§ã³ã¾ã§ãå£ãæ¯ããçæ´»ãå¦ã³ã¾ãã</p><span class="card-button">æ¯ã¨å£ã®ãã¼ã¸ã¸ <i>â</i></span></a> 214<a class="card" href="blood/index.html"><span class="icon"><img alt="" src="assets/theme-icons/blood.webp"/></span><small>09ãç®è¡ã»ã»ã«ãã¹ã¿ãã£</small><h3>ã ããã®å½ãæ¯ãã ç®è¡ã®è©±</h3><b>æ£ããç¥ã£ã¦ãèªåã§èãã¦é¸ã¶ã</b><p>ç®è¡ã®ä»çµã¿ãè¡æ¶²ã®ä½¿ããæ¹ãå®å ¨ã®ããã®åºæºã彿¥ã®æµããä¸å®ã«ã¤ãã¦ãå ¬çæ å ±ã確ãããªããå¦ã³ã¾ãã</p><span class="card-button">ç®è¡ã®ãã¼ã¸ã¸ <i>â</i></span></a> 215<a class="card" href="breakfast/index.html"><span class="icon"><img alt="" src="assets/theme-icons/breakfast.webp"/></span><small>10ãæã®çæ´»</small><h3>æã®èªåãæ´ããã</h3><b>æãã¯ãããç¡ç ããæ°´åããå ¨é¨ã¤ãªãã£ã¦ããã</b><p>é£ã¹ãã»é£ã¹ãªãã£ãã ãã§å¤æãããä»ã®æãç¥ããèªåã«ã§ããããªå°ããªå·¥å¤«ãæ¢ãã¾ãã</p><span class="card-button">æã®çæ´»ã®ãã¼ã¸ã¸ <i>â</i></span></a> 216<a class="card" href="sleep/index.html"><span class="icon"><img alt="" src="assets/theme-icons/sleep.webp"/></span><small>11ãç¡ç ã»çæ´»ãªãºã </small><h3>ç ããèµ·ããããªããç ããªãã</h3><b>ç¡ç ã®æ©ã¿ã¯ãã夿´ãããããããã ãã§ã¯ããã¾ããã</b><p>å°ããã¨ããåå ãæ¢ããèªåã®çæ´»ãæ¯ãè¿ããªãããã§ããããªå·¥å¤«ãç¸è«ã®ç®å®ãèãã¾ãã</p><span class="card-button">ç¡ç ã®ãã¼ã¸ã¸ <i>â</i></span></a> 217<a class="card" href="toilet/index.html"><span class="icon"><img alt="" src="assets/theme-icons/toilet.webp"/></span><small>12ãææ³ã¨ä½ã®ãµã¤ã³</small><h3>ãã¤ã¬ã¯ãä½ããã®ã¡ãã»ã¼ã¸ã</h3><b>ããã¤ãã¨éããã«æ°ã¥ããã¨ããã</b><p>
217便ãå°¿ãéãã¦ä½ã®ãµã¤ã³ã«æ°ã¥ããèªåã§ã§ãããã¨ããå¿ è¦ãªã¨ãã®ç¸è«æ¹æ³ãèãã¾ãã</p><span class="card-button">ä½ããã®ã¡ãã»ã¼ã¸ãè¦ã <i>â</i></span></a> 218</div></section> 219 220<div class="category-school-checkup"> 221 <a class="card school-checkup-entry" href="school_checkup/student.html"> 222 <span class="icon"><img alt="" src="assets/theme-icons/school-checkup.png"/></span> 223 <small>13ã妿 ¡å¥è¨º</small> 224 <h3>妿 ¡å¥è¨ºã£ã¦ãä½ãã¿ã¦ããã®ï¼</h3> 225 <b>身é·ã»ä½éãè¦åãè´åãæ¯ã»å£ãå°¿æ¤æ»ãªã©ããæ°ã«ãªã£ãã¨ããããã</b> 226 <p>æ¯å¹´åãã¦ãã妿 ¡å¥è¨ºã«ã¤ãã¦ãããã®æ¤æ»ã¯ä½ã調ã¹ã¦ããï¼ããçµæã®ãç¥ããã¯ã©ãããæå³ï¼ãããçå¾åãã«ãããããã確èªã§ãã¾ãã</p> 227 <span class="card-button">妿 ¡å¥è¨ºã®ãã¼ã¸ã¸ <i>â</i></span> 228 </a> 229</div> 230 231<div class="category-sos"><a class="card sos-entry" href="#sos"><span class="icon"><img alt="" src="assets/theme-icons/sos.webp"/></span><small>14ãå°ã£ãã¨ãã®SOS</small><h3>å°ã£ãã¨ããç¸è«ã§ããå ´æ</h3><b>話ãã¦ã¿ããã¨ãã«ä½¿ãããå ¬çãªç¸è«çªå£ãããã¾ãã</b><p>é»è©±ãSNSãªã©ãèªåã«åãæ¹æ³ããæ¢ãã¾ãããã¾ã説æã§ããªãã¦ã大ä¸å¤«ã§ã
231ã</p><span class="card-button">ç¸è«çªå£ãè¦ã <i>â</i></span></a></div> 232</div></section> 233<section aria-label="å°ã£ã¦ãããã¨ããæ¢ã" data-concern-finder=""></section> 234<section class="sos" id="sos"><div class="section"> 235<div class="section-head"> 236 <span class="eyebrow">TALK & CONNECT</span> 237 <h2>話ãã¦ã¿ããã¨ããç¸è«ã§ããå ´æãããã¾ãã</h2> 238 <p>ãã¾ã説æã§ããªãã¦ã大ä¸å¤«ã§ããé»è©±ãSNSãªã©ã話ããããæ¹æ³ããæ¢ãã¾ãã</p> 239</div> 240<div class="sos-grid"> 241 <article class="sos-card"> 242 <span>ð¿</span> 243 <h3>ããããæ°æã¡ã®ãã¨ãç¸è«ããã</h3> 244 <p>ã¤ããæ°æã¡ããããã®æ©ã¿ã«ã¤ãã¦ãé»è©±ãSNSãªã©ããç¸è«å ãæ¢ãã¾ãã</p> 245 <a href="https://www.mhlw.go.jp/mamorouyokokoro/" rel="noopener noreferrer" target="_blank">åçå´åçãã¾ãããã ãããã â</a> 246 </article> 247 <article class="sos-card"> 248 <span>ð«</span> 249 <h3>妿 ¡ãåã ã¡ã®ãã¨ãªã©ã§å°ã£ã¦ãã</h3> 250 <p>ããããå人é¢ä¿ã妿 ¡çæ´»ãªã©ãåã©ãã®SOSã«ã¤ãã¦ç¸è«ã§ããçªå£ã確èªã§ãã¾ãã</p> 251 <a href="https://www.mext.go.jp/a_menu/shotou/seitoshidou/06112210.htm" rel="noopener noreferrer" target="_blank">æé¨ç§å¦çãåä¾ã®SOSã®ç¸è«çªå£ã â</a> 252 </article> 253 <article class="sos-card"> 254 <span>ð§</span> 255 <h3>ã©ãã«ç¸è«ããããããåãããªã</h3> 256 <p>ããããæ§è¢«å®³ãå®¶æã®ãã¨ãããããSNSãçºéãªã©ãå°ããã¨ã«åãç¸è«å ãæ¢ãã¾ãã</p> 257 <a href="https://www.kodomo.cfa.go.jp/soudan/" rel="noopener noreferrer" target="_blank">ãã©ãå®¶åºåºãç¸è«çªå£ãæ¢ãã â</a> 258 </article> 259 260 <article class="sos-card"> 261 <span>ð§©</span> 262 <h3>èªåã«åãç¸è«å ãæ¢ããã</h3> 263 <p>ããã¤ãã®è³ªåã«çããªãããä»ã®å°ããã¨ã«åã£ãç¸è«çªå£ãæ¢ãã¾ãã</p> 264 <a href="https://www.npa.go.jp/bureau/safetylife/syonen/annai/" rel="noopener noreferrer" target="_blank">è¦å¯åºãã´ã£ããç¸è«çªå£ã â</a> 265 </article> 266</div> 267<div class="sos-emergency" role="note" aria-label="ç·æ¥æã®é£çµ¡å "> 268 <h3>ä»ããå©ããå¿ è¦ãªã¨ã</h3> 269 <p>äºä»¶ãäºæ ãªã©ã§ãä»ããè¦å¯ã«æ¥ã¦ã»ããã¨ã㯠<strong>110çªï¼è¦å¯ï¼</strong> ã¸ã</p> 270 <p>大ããªãããæèããªããå¼å¸ããããããªã©ãææ¥è»ãå¿ è¦ãªã¨ã㯠<strong>119çªï¼ææ¥ï¼</strong> ã¸ã</p> 271</div> 272</div></section> 273 274<section aria-labelledby="supporters-title" class="supporters-entry"> 275<div class="supporters-entry-inner"> 276<div class="supporters-entry-copy"> 277<span class="eyebrow">FOR SUPPORTERS</span> 278<h2 id="supporters-title">åã©ããã¡ãæ¯ããã¿ãªãã¾ã¸</h2> 279<p>å çã»ä¿è·è ã»å»çã»ä¿å¥é¢ä¿è ã®ã¿ãªãã¾ã¸ã妿 ¡ã»å®¶åºã»å»çã»å°åã§ã®æ´»ç¨æ¹æ³ãåã©ãã¸ã®ä¼ãæ¹ãæå°è åãQ&Aãå ¬çè³æãã¾ã¨ãã¦ãã¾ãã</p> 280</div> 281<a class="supporters-entry-button" href="supporters/">Supportersãè¦ã <span aria-hidden="true">â</span></a> 282</div> 283</section> 284</main> 285<footer class="footer"><strong>ç¥ããèãããèªåã«åãå ¥å£ããã</strong><p>ããã®ãã©ã¤ã»ã©ã ï½ èªåã大åã«ããä¿å¥å®¤</p><nav class="social-links" aria-label="MeLab365ã®SNS"><a href="https://www.instagram.com/melab.365/" target="_blank" rel="noopener noreferrer" aria-label="MeLab365ã®Instagramãéã">Instagram â</a><a href="https://www.tiktok.com/@melab365" target="_blank" rel="noopener noreferrer" aria-label="MeLab365ã®TikTokãéã">TikTok â</a><a href="https://www.threads.com/@melab.365" target="_blank" rel="noopener noreferrer" aria-label="MeLab365ã®Threadsãéã">Threads â</a></nav><p class="creator"><b>© 2026 MeLab365</b><br>ä¿éºè¬å±ã«å¤ããè¬å¤å¸«ãéå¶ãã¦ãã¾ã</p><p><a href="contact.html" style="color:#fff;font-weight:800">ãµã¤ãã»ææã¸ã®ãåãåãã</a></p></footer>
286<script src="data/site-links.js?v=20260806-1"></script>
vendor: 1 bytes, line 286
286
287<script src="data/concerns.js?v=20260806-1"></script>
vendor: 1 bytes, line 287
287
288<script src="data/consultation-steps.js?v=20260806-1"></script>
vendor: 1 bytes, line 288
288
289<script src="shared/concern-finder.js?v=20260806-1"></script>
vendor: 1 bytes, line 289
289
290<script src="shared/consultation-steps.js?v=20260806-1"></script>
290 291</body> 292</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.