健康・美容の総合メディア
信頼できる
健康・美容と出会える
予防・未病から美容・ウェルネスまで、
信頼できる情報やサービスを分かりやすく掲載。
Featured Services
自分に合う店舗を探す
整骨院、整体院、鍼灸院、接骨院、エステ、リラクゼーションなどの店舗を掲載
Articles
記事情報
健康【麦茶プロテイン！？】プロテインが苦手な方でもおすすめ！
麦茶プラスについて
健康「座ることは新しい喫煙🚬です」って本当？【実話】働きすぎ社長が“身体で知った”静かなリスク
tesuto
健康ディスプレイ横に置いて仕事しているなら絶対に読んで欲しい！首の痛みの原因
<!doctype html> 首が痛い…って、それホントに姿勢のせい？｜Wakuheru <style> :root{ --bg:#0b1220; --card:#0f1a30; --text:#eaf0ff; --muted:#b9c5e6; --line:rgba(255,255,255,.12); --accent:#7dd3fc; --accent2:#a78bfa; --danger:#fb7185; --shadow: 0 18px 40px rgba(0,0,0,.35); --radius: 18px; --radius2: 14px; --max: 860px; --font: ui-sans-serif, system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Segoe UI", Arial, sans-serif; } *{ box-sizing:border-box; } body{ margin:0; font-family:var(--font); color:var(--text); background: radial-gradient(1200px 500px at 20% 0%, rgba(125,211,252,.18), transparent 60%), radial-gradient(1000px 500px at 90% 10%, rgba(167,139,250,.18), transparent 55%), radial-gradient(700px 450px at 40% 100%, rgba(251,113,133,.10), transparent 60%), var(--bg); line-height:1.9; letter-spacing:.02em; } a{ color:inherit; text-decoration:none; } .wrap{ width:min(var(--max), 92vw); margin:0 auto; padding:48px 0 80px; } /* Header */ .topbar{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; } .brand{ display:flex; align-items:center; gap:12px; } .logo{ width:40px; height:40px; border-radius:12px; background: linear-gradient(135deg, rgba(125,211,252,.95), rgba(167,139,250,.95)); box-shadow: 0 10px 25px rgba(125,211,252,.14); } .brand .meta{ display:flex; flex-direction:column; line-height:1.2; } .brand .meta b{ font-size:14px; letter-spacing:.06em; } .brand .meta span{ font-size:12px; color:var(--muted); } .pill{ font-size:12px; color:var(--muted); border:1px solid var(--line); padding:8px 10px; border-radius:999px; background: rgba(255,255,255,.04); } /* Hero card */ .hero{ border:1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); box-shadow: var(--shadow); border-radius: var(--radius); overflow:hidden; position:relative; } .hero::before{ content:""; position:absolute; inset:-40px -60px auto auto; width:320px; height:320px; background: radial-gradient(circle at 30% 30%, rgba(125,211,252,.35), transparent 60%); filter: blur(0px); pointer-events:none; } .hero-inner{ padding:28px 26px 26px; } .kicker{ display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); border:1px solid var(--line); padding:6px 10px; border-radius:999px; background: rgba(0,0,0,.12); } .kdot{ width:8px; height:8px; border-radius:99px; background: var(--accent); box-shadow: 0 0 0 4px rgba(125,211,252,.15); } h1{ margin:14px 0 10px; font-size: clamp(24px, 3.2vw, 38px); line-height:1.25; letter-spacing:.01em; } .sub{ margin:0; color:var(--muted); font-size: 15px; } .byline{ margin-top:16px; display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:13px; } .byline span{ border:1px solid var(--line); background: rgba(255,255,255,.04); padding:6px 10px; border-radius:999px; } /* Content card */ .card{ margin-top:18px; border:1px solid var(--line); background: rgba(15,26,48,.68); border-radius: var(--radius); box-shadow: var(--shadow); overflow:hidden; } .content{ padding: 26px; } .lead{ font-size:16px; color: var(--text); border-left: 3px solid rgba(125,211,252,.85); padding: 6px 0 6px 14px; margin: 0 0 18px; background: linear-gradient(90deg, rgba(125,211,252,.08), transparent 55%); border-radius: 10px; } h2{ margin: 28px 0 10px; font-size: 20px; letter-spacing:.02em; } h3{ margin: 18px 0 8px; font-size: 16px; color: var(--text); } p{ margin: 12px 0; color: rgba(234,240,255,.92); } .hr{ height:1px; background: var(--line); margin: 22px 0; } /* Quote / dialogue */ .dialogue{ margin: 16px 0; padding: 16px 16px; border-radius: var(--radius2); border:1px solid var(--line); background: rgba(255,255,255,.04); } .dialogue .label{ font-size:12px; color:var(--muted); display:flex; align-items:center; gap:8px; margin-bottom:6px; } .dialogue .label i{ width:10px; height:10px; border-radius:99px; background: var(--accent2); box-shadow: 0 0 0 4px rgba(167,139,250,.14); } /* Tips */ .tips{ display:grid; grid-template-columns: 1fr; gap:12px; margin: 14px 0 6px; } .tip{ border:1px solid var(--line); background: rgba(0,0,0,.12); border-radius: var(--radius2); padding: 14px 14px; } .tip b{ display:flex; align-items:center; gap:8px; font-size: 14px; } .badge{ font-size:11px; color: rgba(0,0,0,.75); background: rgba(125,211,252,.95); padding: 2px 8px; border-radius: 999px; } .tip p{ margin:8px 0 0; color: var(--muted); font-size: 13px; } /* Image block */ figure{ margin: 18px 0; border:1px solid var(--line); background: rgba(255,255,255,.03); border-radius: var(--radius); overflow:hidden; } .ph{ aspect-ratio: 16/9; display:grid; place-items:center; color: rgba(234,240,255,.75); background: linear-gradient(135deg, rgba(125,211,252,.10), rgba(167,139,250,.10)), rgba(0,0,0,.10); font-size: 13px; } figcaption{ padding: 12px 14px; color: var(--muted); font-size: 12px; border-top:1px solid var(--line); } /* Callout */ .callout{ margin: 18px 0; padding: 16px; border-radius: var(--radius2); border:1px solid rgba(251,113,133,.35); background: linear-gradient(90deg, rgba(251,113,133,.12), rgba(255,255,255,.03)); } .callout b{ display:flex; align-items:center; gap:8px; font-size: 14px; } .callout b span{ width:10px; height:10px; border-radius:99px; background: var(--danger); box-shadow: 0 0 0 4px rgba(251,113,133,.14); } .callout p{ margin:8px 0 0; color: var(--muted); font-size: 13px; } /* CTA */ .cta{ margin-top: 26px; padding: 18px; border-radius: var(--radius); border:1px solid var(--line); background: linear-gradient(135deg, rgba(125,211,252,.12), rgba(167,139,250,.10)); display:grid; gap:12px; } .cta h3{ margin:0; font-size: 16px; } .cta p{ margin:0; color: var(--muted); font-size: 13px; } .btnrow{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 6px; } .btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 14px; border-radius: 12px; border:1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.18); color: var(--text); font-weight: 700; font-size: 14px; transition: transform .12s ease, background .12s ease, border-color .12s ease; } .btn.primary{ background: linear-gradient(135deg, rgba(125,211,252,.95), rgba(167,139,250,.92)); color: rgba(0,0,0,.82); border-color: transparent; } .btn:hover{ transform: translateY(-1px); } .btn:active{ transform: translateY(0px); } /* Footer note */ .foot{ margin-top: 18px; color: var(--muted); font-size: 12px; text-align:center; opacity:.95; } @media (min-width: 760px){ .hero-inner{ padding:34px 34px 30px; } .content{ padding: 34px; } .tips{ grid-template-columns: 1fr 1fr; } } </style> <div class="wrap"> <div class="topbar"> <div class="brand"> <div class="logo" aria-hidden="true"></div> <div class="meta"> <b>Wakuheru</b> <span>Work & Health Media</span> </div> </div> <div class="pill">#デスク環境 #首の痛み #姿勢</div> </div> <header class="hero"> <div class="hero-inner"> <div class="kicker"><span class="kdot"></span>今日からできるデスク環境改善</div> <h1>首が痛い…って、それホントに姿勢のせい？</h1> <p class="sub">「背筋伸ばしてるのに治らない」人ほど、見直すべきは“モニターの位置”かもしれません。</p> <div class="byline"> <span>書き手：シマモン（Wakuheru運営）</span> <span>読む目安：3～4分</span> </div> </div> </header> <main class="card"> <article class="content"> <p class="lead"> 朝からパソコン。昼もパソコン。気づいたら首がバキバキ。<br /> 「姿勢が悪いのかな？」って背筋ピンとしてみても…あれ？何日経っても治らん（泣） </p> <p>実はこれ、うちの会社のメンバーにほんとにあった話なんです。</p> <div class="dialogue"> <div class="label"><i></i>自己紹介</div> <p style="margin:0;">こんにちは。Wakuheru運営のシマモンです。</p> </div> <p>今回は首の痛みを防ぐための、<b>ディスプレイの正しい配置</b>について語ります！</p> <div class="hr"></div> <h2>いつも左向いてた話</h2> <p>うちのメンバー、ずっと首が痛かったらしいんですよ。姿勢を直しても、ストレッチしても、全然ダメ。</p> <p>で、限界きて整体に行ったら、先生にこう言われたそうです。</p> <div class="dialogue"> <div class="label"><i></i>整体の先生</div> <p style="margin:0;"><b>「モニター、どこに置いてます？」</b></p> </div> <p>……左側だったんですよ。</p> <p>そりゃ、ずっと左向いて作業してたら首にくるわけです。毎日8時間、何度も首だけ左に倒してるようなもんです
【ほぼ未経験ok、経験者可】ヘルスケア領域のマーケティング職＃リモート可｜チリョーマ株式会社 ※ リモートOK｜週5日｜月80時間～｜月20万～40万円
<!doctype html> 【ほぼ未経験ok、経験者可】ヘルスケア領域のマーケティング職＃リモート可｜チリョーマ株式会社 <style> :root{ --bg:#0b1020; --card:#0f1733; --text:#0f0f0f; --muted:#b8c2e6; --accent:#6ea8fe; --accent2:#66d9a3; --border:rgba(255,255,255,.12); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:16px; --max:980px; --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *{box-sizing:border-box} body{ margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; background: radial-gradient(1200px 500px at 20% 0%, rgba(110,168,254,.25), transparent 60%), radial-gradient(900px 450px at 80% 10%, rgba(102,217,163,.18), transparent 55%), var(--bg); color:var(--text); line-height:1.75; } a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline} header{ padding:48px 18px 18px; } .wrap{max-width:var(--max); margin:0 auto} .badge{ display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.06); color:var(--muted); font-size:13px; } h1{ margin:14px 0 10px; font-size: clamp(24px, 3.2vw, 38px); line-height:1.2; letter-spacing:.2px; } .lead{ margin:0; color:var(--muted); font-size:16px; max-width:72ch; } .grid{ display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; padding:18px 18px 56px; } @media (max-width: 900px){ .grid{grid-template-columns:1fr} } .card{ background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow:hidden; } .card .hd{ padding:18px 18px 0; display:flex; justify-content:space-between; align-items:flex-end; gap:12px; } .card .bd{ padding: 16px 18px 18px; } .kpi{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; margin-top:12px; } .kpi .item{ padding:12px 12px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.04); } .kpi .label{font-size:12px; color:var(--muted); margin-bottom:4px} .kpi .value{font-weight:700; font-size:15px} .pill{ display:inline-flex; padding:6px 10px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04); font-size:12px; color:var(--muted); margin:0 8px 8px 0; white-space:nowrap; } h2{ margin:22px 0 10px; font-size:18px; letter-spacing:.2px; } h3{ margin:18px 0 8px; font-size:15px; color: var(--text); } ul{margin:8px 0 0 18px; padding:0} li{margin:6px 0} .note{ margin-top:12px; padding:12px 12px; border-left:3px solid var(--accent2); background:rgba(102,217,163,.08); border-radius:12px; color:var(--muted); font-size:13px; } .cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 14px; border-radius:14px; border:1px solid var(--border); background:rgba(110,168,254,.12); color:var(--text); font-weight:700; } .btn:hover{background:rgba(110,168,254,.18); text-decoration:none} .btn.secondary{background:rgba(255,255,255,.06)} .meta{ font-family: var(--mono); font-size:12px; color:rgba(233,238,252,.72); padding:12px 18px; border-top:1px solid var(--border); background:rgba(0,0,0,.14); display:flex; flex-wrap:wrap; gap:10px; } .meta span{ padding:4px 8px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.04); } footer{ padding:18px 18px 40px; color:rgba(233,238,252,.65); font-size:12px; } details{ border:1px solid var(--border); border-radius:14px; padding:12px 12px; background:rgba(255,255,255,.04); margin:10px 0; } summary{cursor:pointer; font-weight:700} .small{font-size:12px;color:var(--muted)} </style> <!-- JobPosting structured data (schema.org) --> { "@context": "https://schema.org", "@type": "JobPosting", "title": "ヘルスケア領域のマーケティング職（ほぼ未経験OK／経験者可）", "hiringOrganization": { "@type": "Organization", "name": "チリョーマ株式会社" }, "employmentType": "CONTRACTOR", "jobLocationType": "TELECOMMUTE", "applicantLocationRequirements": { "@type": "Country", "name": "Japan" }, "workHours": "週5日 / 月80時間～", "baseSalary": { "@type": "MonetaryAmount", "currency": "JPY", "value": { "@type": "QuantitativeValue", "minValue": 200000, "maxValue": 400000, "unitText": "MONTH" } } } <header> <div class="wrap"> <div class="badge"> <span>リモートOK</span> <span aria-hidden="true">•</span> <span>週5日</span> <span aria-hidden="true">•</span> <span>月80時間～</span> <span aria-hidden="true">•</span> <span>月20万～40万円</span> </div> <h1>【ほぼ未経験ok、経験者可】ヘルスケア領域のマーケティング職＃リモート可｜チリョーマ株式会社</h1> <p class="lead"> 医療・健康の「必要な情報」や「より良いサービス」が、必要な人に届く仕組みをつくる。 チリョーマ株式会社では、ヘルスケア領域のマーケティングを一緒に推進してくれるメンバーを募集しています。 ほぼ未経験でもOK。経験者の方は、裁量大きくリードいただくことも可能です。 </p> </div> </header> <main class="wrap grid"> <!-- Left: Main content --> <article class="card" aria-label="募集要項"> <div class="hd"> <div> <h2 style="margin:0">募集概要</h2> <div class="small">ヘルスケア領域のマーケティング／業務委託（想定）</div> </div> </div> <div class="bd"> <p> 本ポジションでは、チリョーマ株式会社が展開するヘルスケア領域の取り組み（サービス・プロジェクト）の 認知拡大～リード獲得～継続利用までを、データとクリエイティブの両面から前に進めます。 施策の型化・運用改善だけでなく、ゼロからの企画や検証も歓迎です。 </p> <h2>主な業務内容</h2> <h3>1）マーケティング戦略・施策設計</h3> <ul> <li>ターゲット設計、訴求整理（ペルソナ・提供価値・メッセージ）</li> <li>KPI設計（例：CVR、CPA、SQL数、継続率など）とレポーティングの仕組み化</li> <li>チャネル戦略（SEO/コンテンツ、広告、SNS、メール/CRM、パートナー施策 等）</li> </ul> <h3>2）コンテンツ・コミュニケーション</h3> <ul> <li>記事・LP・ホワイトペーパー・導入事例などの企画／ディレクション</li> <li>ユーザー/顧客の課題を踏まえたコピー・構成案の作成</li> <li>医療・健康情報を扱う際の表現チェック（社内方針に沿った運用）</li> </ul> <h3>3）運用・改善（未経験でも丁寧に伴走します）</h3> <ul> <li>広告配信の運用補助（入稿、クリエイティブ差し替え、簡易分析）</li> <li>GA/サーチコンソール/各種ダッシュボードを用いた数値確認</li> <li>A/Bテスト、フォーム改善、導線設計の改善提案</li> </ul> <div class="note"> ※ 担当範囲はご経験・志向に合わせて調整します。<br /> 例：未経験の方は「運用・改善」から入り、徐々に「施策設計・企画」へ。経験者の方は、上流からリードも可能です。 </div> <h2>必須要件（Must）</h2> <ul> <li>基本的なPCスキル（Google Workspace / Excel相当）</li> <li>コミュニケーションを取りながらタスクを進められる方（リモート環境での報連相）</li> <li>ヘルスケア領域への関心（医療・健康の課題を良くしたい気持ち）</li> </ul> <h2>歓迎要件（Want）</h2> <ul> <li>マーケティング実務（広告、SEO、SNS、CRM、コンテンツ制作等）の経験</li> <li>医療・健康領域（医療機関、製薬、ヘルステック、介護等）の知見</li> <li>定量分析（GA4、SQL、BI、スプレッドシート関数等）の経験</li> <li>制作ディレクション（ライター/デザイナー連携、進行管理）の経験</li> </ul> <h2>求める人物像</h2> <ul> <li>仮説→実行→検証→改善を回すのが好きな方</li> <li>曖昧な状況でも論点を整理し、次の一手を提案できる方</li> <li>医療・健康領域の情報発信における責任感（正確性・配慮）を大切にできる方</li> </ul> <h2>働き方</h2> <ul> <li><strong>リモート：</strong>OK（オンラインで完結可能）</li> <li><strong>稼働：</strong>週5日（目安）／<strong>月80時間～</strong></li> <li><strong>コミュニケーション：</strong>Slack / Google Meet など</li> <li><strong>稼働時間帯：</strong>平日日中の連絡が取りやすい方歓迎（時間は柔軟に調整可）</li> </ul> <h2>報酬</h2> <ul> <li><strong>月額：</strong><strong>20万～40万円</strong>（スキル・経験・稼働条件により決定）</li> <li><strong>支払い：</strong>月末締め翌月払い（想定）</li> </ul> <h2>選考フロー（例）</h2> <ol> <li>書類／プロフィール選考</li> <li>オンライン面談（1～2回）</li> <li>条件すり合わせ・契約</li> <li>稼働開始（オンボーディングあり）</li> </ol> <h2>応募時にあると嬉しい情報</h2> <ul> <li>これまでのご経歴（マーケ経験があれば具体的に）</li> <li>触ったことのあるツール（例：GA4、広告管理画面、CRM、Notionなど）</li> <li>稼働可能な開始時期／月の稼働可能時間</li> <li>（任意）成果物URL（記事、LP、SNS運用、ポートフォリオなど）</li> </ul> <details> <summary>よくある質問（FAQ）</summary> <div style="margin-top:10px"> <p><strong>Q. ほぼ未経験でも本当に大丈夫ですか？</strong><br /> A. はい。最初は運用・数値確認などから入り、手順化された業務を通して徐々に範囲を広げていきます。 学ぶ姿勢とコミュニケーションができれば問題ありません。</p> <p><strong>Q. 医療の専門資格は必要ですか？</strong><br /> A. 必須ではありません。医療・健康領域の情報発信に配慮しつつ、必要に応じて社内で表現チェックや確認フローを整えます。</p> <p><strong>Q. 稼働時間は固定ですか？</strong><br /> A. 固定ではありません。週5日ベースで、平日日中の連絡が取りやすいとスムーズです（調整可）。</p> </div> </details> <div class="cta"> <a class="btn" href="#apply" aria-label="応募方法へ移動">応募方法を見る</a> <a class="btn secondary" href="#company" aria-label="会社情報へ移動">会社情報を見る</a> </div> </div> <div class="meta"> <span>Job ID: 12</span> <span>雇用形態: 業務委託（想定）</span> <span>勤務地: リモート</span> <span>稼働: 週5日 / 月80時間～</span> <span>報酬: 月20万～40万円</span> </div> </article> <!-- Right: Summary / Sidebar --> <aside class="card" aria-label="サマリー"> <div class="hd"> <div> <h2 style="margin:0">この募集のポイント</h2> <div class="small">未経験→育成 / 経験者→裁量大</div> </div> </div> <div class="bd"> <div> <span class="pill">リモートOK</span> <span class="pill">月80時間～</span> <span class="pill">週5日目安</span> <span class="pill">月20万～40万円</span> <span class="pill">ヘルスケア</span> <span class="pill">マーケ職</span> </div> <div class="kpi" role="list" aria-label="条件"> <div class="item" role="listitem"> <div class="label">稼働</div> <div class="value">月80時間～</div> </div> <div class="item" role="listitem"> <div class="label">働き方</div> <div class="value">フルリモート可</div> </div> <div class="item" role="listitem"> <div class="label">報酬</div> <div class="value">20～40万円/月</div> </div> <div class="item" role="listitem"> <div class="label">対象</div> <div class="value">未経験OK～経験者</div> </div> </div> <h2 id="company">会社情報</h2> <p style="margin:0; color:var(--muted)"> <strong>チリョーマ株式会社</strong><br /> ヘルスケア領域の課題解決に向けて、情報・サービスの提供体験をより良くするプロダクト/プロジェクトを推進しています。<br /> <span class="small">※ 事業内容の詳細は面談時にご共有します。</span> </p> <h2 style="margin-top:18px">使用ツール（例）</h2> <ul> <li>Slack / Google Meet</li> <li>Google Workspace（Docs / Sheets）</li> <li>Analytics / Search Console / 広告管理画面 等</li> <li>Notion / Asana 等（運用により）</li> </ul> <h2 id="apply">応募方法</h2> <p style="color:var(--muted); margin-top:0"> 以下を添えてご応募ください（フォーム・メール・DM等、貴社運用に合わせて差し替え可能です）。 </p> <ol> <li>氏名（またはハンドルネーム）</li> <li>職務経歴（簡潔でOK）</li> <li>稼働可能時間（例：月80～120時間）</li> <li>開始可能日</li> <li>（任意）実績・成果物URL</li> </ol> <div class="note"> 採用状況により、早期に募集を締め切る場合があります。お早めのご応募をおすすめします。 </div> </div> </aside> </main> <footer class="wrap"> <p style="margin:0"> © チリョーマ株式会社（求人情報） / 記載内容は募集状況により変更となる場合があります。 </p> </footer>
「“数字が出ないとき”こそ、成長のチャンスだった」——マーケ×マネジメントで走り続ける、成田のチリョーマ2年記【メンバーインタビュー】
```html <!doctype html> 「“数字が出ないとき”こそ、成長のチャンスだった」——マーケ×マネジメントで走り続ける、成田のチリョーマ2年記【メンバーインタビュー】 <style> :root{ --bg:#0b1020; --card:#0f1733; --text:#0f0f0f; --muted:#b8c2e6; --accent:#6ea8fe; --accent2:#66d9a3; --border:rgba(255,255,255,.12); --shadow:0 10px 30px rgba(0,0,0,.35); --radius:18px; --max:900px; } *{box-sizing:border-box} body{ margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; background: radial-gradient(1200px 500px at 20% 0%, rgba(110,168,254,.25), transparent 60%), radial-gradient(900px 450px at 80% 10%, rgba(102,217,163,.18), transparent 55%), var(--bg); color:var(--text); line-height:1.9; } a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:var(--max); margin:0 auto; padding:0 18px} header{padding:42px 0 18px} .kicker{ display:inline-flex; gap:10px; align-items:center; padding:8px 12px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.06); color:var(--muted); font-size:13px; } h1{ margin:14px 0 10px; font-size: clamp(24px, 3.3vw, 40px); line-height:1.25; letter-spacing:.2px; } .lead{margin:0; color:var(--muted); max-width:70ch} .meta{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; color:rgba(233,238,252,.75); font-size:13px; } .meta span{ padding:6px 10px; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.04); } main{padding:14px 0 54px} .card{ background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow:hidden; } .hero{ padding:22px 20px; border-bottom:1px solid var(--border); background: linear-gradient(135deg, rgba(110,168,254,.10), rgba(102,217,163,.08)); } .hero strong{color:var(--text)} .content{padding:22px 20px} h2{margin:26px 0 10px; font-size:20px} h3{margin:20px 0 8px; font-size:16px; color:var(--text)} p{margin:10px 0} .q{ margin:18px 0 10px; padding:12px 14px; border-left:3px solid var(--accent); background:rgba(110,168,254,.10); border-radius:14px; font-weight:700; } .a{ margin:0 0 12px; padding:12px 14px; border-left:3px solid var(--accent2); background:rgba(102,217,163,.08); border-radius:14px; color:var(--text); } blockquote{ margin:18px 0; padding:12px 14px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.04); color:var(--muted); } ul{margin:10px 0 0 18px} li{margin:6px 0} .toc{ margin-top:16px; padding:14px 14px; border:1px solid var(--border); border-radius:16px; background:rgba(0,0,0,.18); } .toc a{display:block; padding:6px 0; color:rgba(233,238,252,.85)} .toc a:hover{color:var(--accent)} .profile{ display:grid; grid-template-columns: 88px 1fr; gap:14px; align-items:start; padding:18px 20px; border-top:1px solid var(--border); background:rgba(0,0,0,.16); } .avatar{ width:88px; height:88px; border-radius:18px; border:1px solid var(--border); background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; color:rgba(233,238,252,.65); font-weight:800; } .profile .name{font-size:16px; font-weight:800; margin:0} .profile .desc{margin:6px 0 0; color:var(--muted); font-size:13px} .cta{ margin-top:20px; display:flex; flex-wrap:wrap; gap:10px; } .btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:14px; border:1px solid var(--border); background:rgba(110,168,254,.12); color:var(--text); font-weight:800; } .btn:hover{background:rgba(110,168,254,.18); text-decoration:none} .btn.secondary{background:rgba(255,255,255,.06)} footer{padding:18px 0 40px; color:rgba(233,238,252,.65); font-size:12px} .small{font-size:12px; color:var(--muted)} </style> <header class="wrap"> <div class="kicker"> <span>メンバーインタビュー</span> <span aria-hidden="true">•</span> <span>マーケ×マネジメント</span> <span aria-hidden="true">•</span> <span>チリョーマ2年記</span> </div> <h1>「“数字が出ないとき”こそ、成長のチャンスだった」——マーケ×マネジメントで走り続ける、成田のチリョーマ2年記【メンバーインタビュー】</h1> <p class="lead"> リード獲得が伸びない、施策の勝ち筋が見えない、チームの足並みも揃わない——。 それでも“止まらずに回し続けた”から見えた景色がある。 本記事では、チリョーマでマーケとマネジメントを担う成田が、2年間の試行錯誤と学びを振り返ります（サンプル）。 </p> <div class="meta" aria-label="記事メタ情報"> <span>公開日：2026.01.xx</span> <span>所要時間：7分</span> <span>タグ：#マーケ #マネジメント #ヘルスケア</span> </div> <nav class="toc" aria-label="目次"> <strong style="display:block;margin-bottom:6px">目次</strong> <a href="#sec1">1. 入社当初：期待と現実のギャップ</a> <a href="#sec2">2. “数字が出ない”時期にやったこと</a> <a href="#sec3">3. マーケ×マネジメント：両輪を回すコツ</a> <a href="#sec4">4. 2年で変わったこと／変わらなかったこと</a> <a href="#sec5">5. これから一緒に働く人へ</a> </nav> </header> <main class="wrap"> <article class="card" aria-label="インタビュー本文"> <section class="hero"> <p style="margin:0"> <strong>この記事はサンプルです。</strong> 実際の固有名詞・数値・プロジェクト名はダミーになっています。 構成・トーンの参考としてご利用ください。 </p> </section> <div class="content"> <h2 id="sec1">1. 入社当初：期待と現実のギャップ</h2> <div class="q">——まずは、チリョーマでの役割を教えてください。</div> <div class="a"> マーケティングの設計・運用に加えて、チームの進行管理や意思決定の補助など、いわゆる“マネジメント寄り”の動きもしています。 施策を回すだけじゃなくて、「どうすれば再現性を持って伸ばせるか」をチームで作る役割ですね。 </div> <div class="q">——入社して最初にぶつかった壁は？</div> <div class="a"> 正直、<strong>「やれば伸びる」</strong>という前提が崩れたことです。 ヘルスケアは情報の取り扱いも慎重だし、意思決定に関わる人も多い。 スピードだけで押し切れない難しさがありました。 </div> <blockquote> “最初の1～2ヶ月は、打ち手を増やすほど成果が伸びると思っていた。でも実際は、仮説の精度と検証の設計が足りなかった。” </blockquote> <h2 id="sec2">2. “数字が出ない”時期にやったこと</h2> <div class="q">——タイトルにもある「数字が出ないとき」、何から立て直しましたか？</div> <div class="a"> まずは<strong>「何がKPIなのか」</strong>をチームで揃えました。 その上で、施策を闇雲に増やすのをやめて、 <strong>“検証できる形”</strong>に落としてから回すようにしました。 </div> <h3>具体的に見直したポイント（例）</h3> <ul> <li>目的→指標→打ち手の順で整える（KGI/KPIツリーの再設計）</li> <li>チャネルごとの役割分担（認知／比較検討／CV）を明確化</li> <li>記事・LP・フォームの導線を一本化してA/Bテスト</li> <li>週次で「学び」を残す（勝ちパターンの言語化）</li> </ul> <div class="q">——心が折れそうな瞬間もありました？</div> <div class="a"> あります（笑）。でも、数字が出ない時期ほど<strong>学びが濃い</strong>。 “うまくいかない理由”を言語化できると、次の打ち手が鋭くなるんです。 </div> <h2 id="sec3">3. マーケ×マネジメント：両輪を回すコツ</h2> <div class="q">——マーケとマネジメントを両方やる難しさって？</div> <div class="a"> 一番は<strong>コンテキストスイッチの多さ</strong>ですね。 施策の数字を見ながら、同時にチームの意思決定速度や認識のズレも整える必要がある。 だからこそ「仕組み」に寄せるのが大事です。 </div> <h3>成田さん流：仕組みに寄せる3つの工夫（例）</h3> <ul> <li><strong>意思決定ログ</strong>を残す（なぜその判断をしたか）</li> <li>会議は「決めるため」に最小化し、非同期で前捌き</li> <li>施策は“担当者の頑張り”ではなく“運用の型”で回す</li> </ul> <h2 id="sec4">4. 2年で変わったこと／変わらなかったこと</h2> <div class="q">——2年経って、成田さん自身が変わったところは？</div> <div class="a"> “正解探し”よりも、<strong>「検証の設計」</strong>に時間を使うようになりました。 あと、チームで成果を出すなら、個人スキルより<strong>共通言語</strong>が重要だと痛感しましたね。 </div> <div class="q">——逆に、変わらなかったことは？</div> <div class="a"> “必要な人にちゃんと届く形にする”という価値観は変わりません。 ヘルスケアは特に、情報の質や伝え方が人の行動に影響する。 そこへの責任感は、むしろ強くなりました。 </div> <h2 id="sec5">5. これから一緒に働く人へ</h2> <div class="q">——どんな人と一緒に働きたいですか？</div> <div class="a"> 完璧じゃなくていいので、<strong>「止まらずに回せる人」</strong>が合うと思います。 仮説を立てて、やってみて、学びを残す。 それを楽しめる人なら、未経験でも伸びます。 </div> <div class="cta" aria-label="CTA"> <a class="btn" href="#" aria-label="採用ページへのリンク（差し替え）">採用情報を見る</a> <a class="btn secondary" href="#" aria-label="会社ページへのリンク（差し替え）">チリョーマについて</a> </div> <p class="small" style="margin-top:18px"> ※ 本記事はサンプルです。実運用では、実名表記の可否、写真、数値、固有名詞、医療広告・表現ガイドライン等の社内ルールに沿って調整してください。 </p> </div> <aside class="profile" aria-label="プロフィール"> <div class="avatar" aria-hidden="true">N</div> <div> <p class="name">成田（マーケティング / マネジメント）</p> <p class="desc"> ヘルスケア領域のマーケティングを担当。施策設計から運用改善、チームの意思決定支援まで幅広く推進。 「数字が出ない時期の学び」を仕組みに落とし込み、再現性ある成長をつくるのが得意。 </p> </div> </aside> </article> <footer> <div class="wrap" style="padding:0"> <p style="margin:18px 0 0"> © チリョーマ株式会社（サンプル記事） / 記事内容はダミーです。 </p> </div> </footer> </main> ```