<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>病名から探す - モイストクリニック</title>
	<atom:link href="https://clinic-3t.com/seach/byomei/feed/" rel="self" type="application/rss+xml" />
	<link>https://clinic-3t.com</link>
	<description>恵比寿・渋谷で即日性病検査・ED治療に対応｜24時間お薬受取・オンライン診療</description>
	<lastBuildDate>Sat, 13 Jun 2026 06:28:26 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://clinic-3t.com/wp-content/uploads/2024/01/favicon-32x32.png</url>
	<title>病名から探す - モイストクリニック</title>
	<link>https://clinic-3t.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>HPVワクチン・検査・陽性フォロー完全ガイド｜シルガード9接種対応【医師監修】</title>
		<link>https://clinic-3t.com/sti/hpv-vaccine/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hpv-vaccine</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Sat, 15 Nov 2025 12:13:02 +0000</pubDate>
				<guid isPermaLink="false">https://clinic-3t.com/?post_type=sti&#038;p=4751</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<!-- /wp:post-content --><p>The post <a href="https://clinic-3t.com/sti/hpv-vaccine/">HPVワクチン・検査・陽性フォロー完全ガイド｜シルガード9接種対応【医師監修】</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>トリコモナス（腟トリコモナス）— 症状・うつる経路・検査/費用・治療のすべて</title>
		<link>https://clinic-3t.com/sti/trichomonas/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=trichomonas</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:27:22 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=997</guid>

					<description><![CDATA[<p>トリコモナスの検査・治療を検討中の方へ 最短当日検査・当日処方：不安をその日のうちに解消 高感度PCR検査：精度にこだわった確実な診断 年中無休・22時まで：仕事帰りでも間に合います 恵比寿駅 徒歩3分：立ち寄りやすい好 [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/trichomonas/">トリコモナス（腟トリコモナス）— 症状・うつる経路・検査/費用・治療のすべて</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<style>
/* 共通設定 */
:root {
    --mc-red: #d3381c;
    --mc-blue: #0056b3;
    --mc-line-green: #06c755;
    --mc-bg-light-red: #fefbfb;
    --mc-bg-light-blue: #f5faff;
}

/* 冒頭：30秒でわかる結論ボックス */
.mc-intro-summary {
    background: #fff;
    border: 2px solid var(--mc-blue);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.mc-intro-summary h3 {
    color: var(--mc-blue);
    margin-top: 0;
    text-align: center;
    font-size: 1.25rem;
}
.mc-intro-summary ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}
.mc-intro-summary li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: bold;
}
.mc-intro-summary li::before {
    content: '&#x2705;';
    position: absolute;
    left: 0;
}

/* お悩みチェックボックス */
.symptom-check-box {
    background: var(--mc-bg-light-red);
    border: 2px solid var(--mc-red);
    border-radius: 12px;
    padding: 20px;
    margin: 25px 0;
}
.symptom-check-box h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--mc-red);
}
.symptom-check-box ul {
    margin-left: 0;
    padding-left: 20px;
    list-style-type: '✓';
    padding-inline-start: 1.5em;
}
.symptom-check-box li {
    margin-bottom: 10px;
    padding-left: 5px;
}
.symptom-check-box p {
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

/* 強みハイライト */
.clinic-strengths-box {
    background: var(--mc-bg-light-blue);
    border: 1px solid var(--mc-blue);
    border-radius: 12px;
    padding: 20px;
    margin: 25px 0;
}
.clinic-strengths-box h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--mc-blue);
}
.clinic-strengths-box .strength-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    text-align: center;
    margin-bottom: 20px;
}
.clinic-strengths-box .strength-item {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.clinic-strengths-box .strength-item strong {
    display: block;
    font-size: 0.95em;
    color: var(--mc-blue);
    line-height: 1.3;
}
.clinic-strengths-box .strength-item span {
    display: block;
    font-size: 0.75em;
    color: #666;
    margin-top: 4px;
}

/* CTAエリア（予約・相談ボタン） */
.mc-cta-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}
.mc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.mc-btn:active {
    transform: translateY(2px);
    box-shadow: none;
}
.mc-btn-line {
    background-color: var(--mc-line-green);
    color: #fff !important;
}
.mc-btn-reserve {
    background-color: var(--mc-blue);
    color: #fff !important;
}
.mc-btn i {
    margin-right: 8px;
    font-size: 1.2rem;
}

/* PC表示での調整 */
@media (min-width: 768px) {
    .mc-cta-group {
        flex-direction: row;
    }
    .mc-btn {
        flex: 1;
    }
    .clinic-strengths-box .strength-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
</style>

<div class="mc-intro-summary">
    <h3>トリコモナスの検査・治療を検討中の方へ</h3>
    <ul>
        <li><strong>最短当日検査・当日処方</strong>：不安をその日のうちに解消</li>
        <li><strong>高感度PCR検査</strong>：精度にこだわった確実な診断</li>
        <li><strong>年中無休・22時まで</strong>：仕事帰りでも間に合います</li>
        <li><strong>恵比寿駅 徒歩3分</strong>：立ち寄りやすい好アクセス</li>
    </ul>
</div>

<div class="symptom-check-box">
  <h3><span role="img" aria-label="warning"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> こんな症状・お悩みはありませんか？</h3>
  <ul>
    <li>おりものが増えた、色やにおいが気になる（黄緑色・泡立つ）</li>
    <li>外陰部にかゆみや刺激感がある</li>
    <li>パートナーが性感染症と診断された</li>
    <li>症状はないが、過去の性行為に心当たりがある</li>
    <li>（男性）排尿時に軽い痛みや違和感がある</li>
  </ul>
  <p>トリコモナスは<strong>無症状</strong>のことも多く、<br>自覚がないままパートナーに感染させているケースもあります。<br>少しでも不安があれば、すぐにご相談ください。</p>
</div>

<div class="clinic-strengths-box">
  <h3>モイストクリニックが選ばれる理由</h3>
  <div class="strength-items">
      <div class="strength-item">
          <strong>年中無休<br>22時まで診療</strong>
          <span>夜間も受付可能</span>
      </div>
      <div class="strength-item">
          <strong>恵比寿駅<br>徒歩3分</strong>
          <span>マンション1室の隠れ家</span>
      </div>
      <div class="strength-item">
          <strong>24時間<br>LINE相談OK</strong>
          <span>匿名でも相談可能</span>
      </div>
      <div class="strength-item">
          <strong>最短当日<br>検査・治療</strong>
          <span>高感度PCR検査採用</span>
      </div>
  </div>

  <div class="mc-cta-group">
      <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-btn mc-btn-line">
          <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで無料相談・予約</span>
      </a>
      <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-btn mc-btn-reserve">
          <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Web予約（最短当日）</span>
      </a>
  </div>
</div>



<style>
.mc-toc-container {
    background: #f8fafc; /* 清潔感のある極薄い青 */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin: 30px 0;
}

.mc-toc-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: bold;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.mc-toc-title::before {
    content: "&#x1f4cb;";
    margin-right: 8px;
}

.mc-toc-list {
    display: grid;
    grid-template-columns: 1fr; /* スマホは1列 */
    gap: 12px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mc-toc-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.mc-toc-list a {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 12px 15px;
    color: #334155 !important;
    text-decoration: none !important;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    height: 100%; /* 高さを揃える */
}

/* アイコンの疑似要素 */
.mc-toc-list a::before {
    margin-right: 10px;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* 各項目専用アイコン */
.item-symptom::before { content: "&#x1f50d;"; }
.item-route::before { content: "&#x1f6bb;"; }
.item-test::before { content: "&#x1f9ea;"; }
.item-cost::before { content: "&#x1f4b0;"; }
.item-treatment::before { content: "&#x1f48a;"; }
.item-guide::before { content: "&#x1f465;"; }
.item-diff::before { content: "&#x1f4ca;"; }
.item-faq::before { content: "&#x2753;"; }
.item-ref::before { content: "&#x1f4da;"; }
.item-access::before { content: "&#x1f4cd;"; }

/* ホバー・タップ時の挙動 */
.mc-toc-list a:hover, .mc-toc-list a:active {
    background: #e0f2fe; /* モイストクリニック様のテーマ青 */
    border-color: #0ea5e9;
    color: #0ea5e9 !important;
    transform: translateY(-2px);
}

/* PC・タブレット表示：2列レイアウト */
@media (min-width: 600px) {
    .mc-toc-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
</style>

<nav class="mc-toc-container" aria-label="目次">
    <div class="mc-toc-title">このページの目次</div>
    <ul class="mc-toc-list">
        <li><a href="#symptom" class="item-symptom">症状チェック（女性／男性）</a></li>
        <li><a href="#route" class="item-route">うつる経路と潜伏期間</a></li>
        <li><a href="#test" class="item-test">検査方法と当院の流れ</a></li>
        <li><a href="#cost" class="item-cost">費用（当院の料金）</a></li>
        <li><a href="#treatment" class="item-treatment">治療と注意点（禁酒・再検査）</a></li>
        <li><a href="#guide" class="item-guide">ご状況・対象者別ガイド</a></li>
        <li><a href="#diff" class="item-diff">他疾患との違い（鑑別目安）</a></li>
        <li><a href="#faq" class="item-faq">よくある質問（FAQ）</a></li>
        <li><a href="#references" class="item-ref">参考文献</a></li>
        <li><a href="#access" class="item-access">アクセス・診療時間</a></li>
    </ul>
</nav>



<style>
/* 症状チェック全体のコンテナ */
.mc-symptom-section {
    margin-bottom: 40px;
}

/* H2デザイン（クリニックのブランドカラーに合わせる想定） */
.mc-symptom-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9; /* モイストクリニック様のテーマ青 */
    margin-bottom: 20px;
    color: #1e293b;
}

.mc-symptom-intro {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 25px;
}

/* 症状チェックカードのスタイル */
.symptom-card-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.symptom-card {
    border-radius: 12px;
    padding: 24px;
    background: #ffffff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.symptom-card h3 {
    display: flex;
    align-items: center;
    font-size: 1.25em;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid;
}

.symptom-card h3 span {
    font-size: 1.4em;
    margin-right: 12px;
}

.symptom-card ul {
    margin: 0;
    padding-inline-start: 1.5em;
    list-style-type: none !important;
}

.symptom-card ul li {
    position: relative;
    margin-bottom: 12px;
    line-height: 1.5;
    color: #334155;
}

.symptom-card ul li::before {
    content: '&#x2714;';
    position: absolute;
    left: -1.5em;
    font-weight: bold;
}

.symptom-card p.important-note {
    margin-top: 15px;
    padding: 12px;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 0.9em;
    line-height: 1.6;
}

/* 女性カード：ピンク系 */
.symptom-card.female {
    border: 1px solid #f9a8d4;
    border-top: 6px solid #e6007e;
}
.symptom-card.female h3 { color: #e6007e; border-bottom-color: #fce7f3; }
.symptom-card.female ul li::before { color: #e6007e; }

/* 男性カード：青系 */
.symptom-card.male {
    border: 1px solid #93c5fd;
    border-top: 6px solid #0073e6;
}
.symptom-card.male h3 { color: #0073e6; border-bottom-color: #dbeafe; }
.symptom-card.male ul li::before { color: #0073e6; }

/* 放置リスク（警告）ボックス */
.symptom-warning-box {
    background: #fffbeb; /* 薄い黄色の背景 */
    border: 2px solid #f59e0b;
    border-radius: 12px;
    padding: 20px;
    margin: 30px 0;
}

.symptom-warning-box h4 {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.15em;
    color: #b45309;
}

.symptom-warning-box h4 span {
    margin-right: 10px;
}

.symptom-warning-box p {
    margin: 0;
    line-height: 1.7;
    font-weight: 500;
    color: #78350f;
    font-size: 0.95rem;
}

/* セクション内CTA */
.mc-symptom-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.mc-symptom-cta-btn {
    text-align: center;
    padding: 15px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.2s;
}

.btn-web { background: #0056b3; color: #fff !important; }
.btn-line { background: #06c755; color: #fff !important; }

@media (min-width: 768px) {
    .symptom-card-container {
        flex-direction: row;
    }
    .symptom-card {
        flex: 1;
    }
    .mc-symptom-cta {
        flex-direction: row;
    }
    .mc-symptom-cta-btn {
        flex: 1;
    }
}
</style>

<section class="mc-symptom-section">
    <h2 id="symptom">1. 症状チェック（女性／男性）</h2>
    <p class="mc-symptom-intro">
        トリコモナス症は、男女で症状の現れ方が大きく異なります。特に男性は無症状のままパートナーに感染させてしまうケースが多いため、心当たりがある場合は早めの確認が重要です。
    </p>

    <div class="symptom-card-container">
        <article class="symptom-card female">
            <h3><span role="img" aria-label="female"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469.png" alt="👩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 女性の症状</h3>
            <ul>
                <li>おりものの量が増える</li>
                <li>おりものが黄〜黄緑色になる、泡立つ</li>
                <li>おりもののにおいが強くなる</li>
                <li>外陰部のかゆみや刺激感（ヒリヒリする）</li>
                <li>性交時の痛みや出血</li>
                <li>排尿時の痛み</li>
            </ul>
        </article>

        <article class="symptom-card male">
            <h3><span role="img" aria-label="male"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468.png" alt="👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 男性の症状</h3>
            <ul>
                <li>排尿時の軽い違和感や痛み</li>
                <li>尿道からの分泌物（うみ）</li>
                <li>尿道のかゆみ</li>
            </ul>
            <p class="important-note">
                <strong><span role="img" aria-label="important"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2757.png" alt="❗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>重要：</strong><br>
                男性は症状が非常に軽いか、<strong>まったく無症状のことも多く</strong>、自覚がないままパートナーに感染させているケースが少なくありません。
            </p>
        </article>
    </div>

    <div class="symptom-warning-box">
        <h4><span role="img" aria-label="warning"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 自己判断での放置は危険です</h4>
        <p>
            放置すると炎症が卵管や骨盤内に広がり<strong>不妊症の原因</strong>となったり、他の性感染症（特にHIV）に感染しやすくなるリスクも指摘されています。心当たりがあれば、症状の有無に関わらず一度ご相談ください。
        </p>
    </div>

    <div class="mc-symptom-cta">
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-symptom-cta-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 最短当日でWeb予約する</a>
        <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-symptom-cta-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで無料相談する</a>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-route-section {
    margin-bottom: 40px;
}

.mc-route-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 20px;
    color: #1e293b;
}

.mc-route-intro {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 25px;
}

/* 経路・期間 情報ブロックのスタイル */
.route-info-container {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.route-info-block {
    display: flex;
    align-items: flex-start;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    border-left: 6px solid #0073e6; /* アクセントカラー（青） */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.route-info-block .icon {
    font-size: 2.2rem;
    margin-right: 15px;
    line-height: 1;
    flex-shrink: 0;
}

.route-info-block .text-content {
    flex: 1;
}

.route-info-block h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1.15rem;
    color: #0073e6;
}

.route-info-block p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #334155;
}

.route-info-block ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none !important;
}

.route-info-block ul li {
    position: relative;
    padding-left: 1.2rem;
    font-size: 0.9rem;
    margin-bottom: 4px;
    color: #475569;
}

.route-info-block ul li::before {
    content: "・";
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #0073e6;
}

/* 潜伏期間ブロックの個別スタイル */
.route-info-block.latency {
    border-left-color: #f59e0b; /* オレンジ */
    background: #fffcf5;
}

.route-info-block.latency h3 {
    color: #b45309;
}

.route-info-block.latency ul li::before {
    color: #f59e0b;
}

/* 咽頭検査に関する注記ボックス */
.throat-note-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px;
    margin-top: 20px;
}

.throat-note-box h4 {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1rem;
    color: #334155;
}

.throat-note-box h4 span {
    margin-right: 8px;
}

.throat-note-box p {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.6;
    color: #64748b;
}

/* セクション内CTA */
.mc-route-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 25px;
}

.mc-route-cta-btn {
    text-align: center;
    padding: 14px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: all 0.2s;
}

.btn-web { background: #0056b3; color: #fff !important; }
.btn-line { background: #06c755; color: #fff !important; }

@media (min-width: 768px) {
    .mc-route-cta {
        flex-direction: row;
    }
    .mc-route-cta-btn {
        flex: 1;
    }
}
</style>

<section class="mc-route-section">
    <h2 id="route">2. うつる経路と潜伏期間</h2>
    <p class="mc-route-intro">
        トリコモナスは非常に感染力が強く、性交渉以外でも稀に感染する可能性があると言われていますが、主な原因は性行為による粘膜接触です。
    </p>

    <div class="route-info-container">
        <div class="route-info-block">
            <div class="icon" role="img" aria-label="sex"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bb.png" alt="🚻" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="text-content">
                <h3>主な感染経路（性行為）</h3>
                <p>感染のほとんどは、性行為による性器同士の接触です。</p>
                <ul>
                    <li>膣性交（通常のセックス）</li>
                    <li>性器同士の直接的な接触</li>
                    <li>性具（アダルトグッズなど）の共有</li>
                </ul>
            </div>
        </div>

        <div class="route-info-block">
            <div class="icon" role="img" aria-label="no"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6ab.png" alt="🚫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="text-content">
                <h3>稀な経路・うつりにくい経路</h3>
                <p>日常生活で感染するリスクは極めて低いとされています。</p>
                <ul>
                    <li>便座、タオル、食器の共有（一般的ではありません）</li>
                    <li>プール、温泉（塩素消毒された環境では死滅します）</li>
                    <li>口（オーラルセックス）や肛門（アナルセックス）への感染は非常に稀です</li>
                </ul>
            </div>
        </div>

        <div class="route-info-block latency">
            <div class="icon" role="img" aria-label="calendar"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="text-content">
                <h3>潜伏期間</h3>
                <p>
                    感染から発症までは<strong>数日〜数週間</strong>（平均1週間程度）です。<br>
                    <strong>注意点：</strong>無症状のまま何ヶ月も保菌し続けるケースがあり、その間にパートナーへ感染を広げてしまうリスクがあります。
                </p>
            </div>
        </div>
    </div>

    <div class="throat-note-box">
        <h4><span role="img" aria-label="info"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2139.png" alt="ℹ" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 咽頭（のど）検査について</h4>
        <p>
            トリコモナスが喉（のど）に感染することは非常に稀であるため、ルーチンの咽頭検査は推奨されておりません。当院でも医師が診察により必要と判断した場合を除き、通常は行いません。
        </p>
    </div>

    <div class="mc-route-cta">
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-route-cta-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Web予約（最短当日）</a>
        <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-route-cta-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで無料相談</a>
    </div>
</section>



<style>
/* セクション全体 */
.mc-test-section {
    margin-bottom: 50px;
}

.mc-test-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 25px;
    color: #1e293b;
}

/* 検査方法ハイライト */
.test-method-box {
    background: #f0f9ff; /* より明るい青系 */
    border: 1px solid #0ea5e9;
    border-left: 8px solid #0ea5e9;
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.test-method-box h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #0369a1;
    font-size: 1.25em;
    display: flex;
    align-items: center;
}

.test-method-box h3::before {
    content: "&#x1f9ea;";
    margin-right: 8px;
}

.test-method-box ul {
    margin: 0;
    padding-inline-start: 1.5em;
    list-style-type: none !important;
}

.test-method-box li {
    position: relative;
    margin-bottom: 10px;
    line-height: 1.6;
    color: #334155;
    font-weight: 500;
}

.test-method-box li::before {
    content: "&#x2714;";
    position: absolute;
    left: -1.5em;
    color: #0ea5e9;
    font-weight: bold;
}

.test-method-box .result-time {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.1em;
    color: #d3381c;
    text-align: center;
    background: #ffffff;
    padding: 12px;
    border-radius: 8px;
    border: 2px dashed #0ea5e9;
}

/* 検査フロー（ステップ形式） */
.test-flow-container {
    margin: 40px 0;
}

.test-flow-container h3 {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 30px;
    color: #1e293b;
}

.test-flow-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    position: relative;
    padding-left: 55px;
}

/* ステップ間の縦線 */
.test-flow-step:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 45px;
    bottom: -15px;
    width: 3px;
    background: #e2e8f0;
}

.test-flow-step .step-number {
    position: absolute;
    left: 0;
    width: 44px;
    height: 44px;
    background: #0ea5e9;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    box-shadow: 0 4px 6px rgba(14, 165, 233, 0.3);
}

.test-flow-step .step-content {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.test-flow-step .step-content strong {
    font-size: 1.1rem;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
}

.test-flow-step .step-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
}

/* フロー内の予約ボタン */
.step-cta-link {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.step-cta-line { background: #06c755; color: #fff !important; }
.step-cta-web { background: #0056b3; color: #fff !important; }

@media (min-width: 768px) {
    .test-flow-step {
        padding-left: 60px;
    }
}
</style>

<section class="mc-test-section">
    <h2 id="test">3. 検査方法と当院の流れ</h2>

    <div class="test-method-box">
        <h3>当院の検査：高感度PCR検査</h3>
        <p>
            当院では、最も信頼性の高い診断を行うため、<strong>高感度なNAAT（核酸増幅検査／PCR法）</strong>を採用しています。
        </p>
        <ul>
            <li><strong>微量でも検出可能：</strong>症状が出る前の潜伏期間や、無症状の状態でも正確に判定します。</li>
            <li><strong>高い信頼性：</strong>従来の検査法に比べ、見落とし（偽陰性）のリスクを最小限に抑えます。</li>
        </ul>
        <div class="result-time">
            <span role="img" aria-label="clock"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 検査結果は<strong>4〜7日後</strong>に判明します
        </div>
    </div>

    <div class="test-flow-container">
        <h3>当院の受診フロー</h3>
        
        <div class="test-flow-step">
            <div class="step-number">1</div>
            <div class="step-content">
                <strong>ご予約（24時間受付）</strong>
                <p>待ち時間を最小限にするため、事前予約をお願いしております。LINEまたはWebよりご希望の日時をお選びください。</p>
                <a href="https://line.me/R/ti/p/@696ufkcc" class="step-cta-link step-cta-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで予約する</a>
                <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="step-cta-link step-cta-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Web予約する</a>
            </div>
        </div>
        
        <div class="test-flow-step">
            <div class="step-number">2</div>
            <div class="step-content">
                <strong>ご来院・問診</strong>
                <p>恵比寿駅徒歩3分。マンションの1室にある隠れ家的なクリニックです。プライバシーに配慮した空間で問診票にご記入いただきます。</p>
            </div>
        </div>
        
        <div class="test-flow-step">
            <div class="step-number">3</div>
            <div class="step-content">
                <strong>検体採取（痛みはありません）</strong>
                <p>
                    <strong>女性：</strong>膣分泌物を採取します（ご自身での採取も可能です）。<br>
                    <strong>男性：</strong>初尿（出始めの尿）を採取します。<br>
                    どちらも痛みはなく、数分で終了します。
                </p>
            </div>
        </div>

        <div class="test-flow-step">
            <div class="step-number">4</div>
            <div class="step-content">
                <strong>結果のご連絡（4〜7日後）</strong>
                <p>
                    検査結果が判明次第、ご指定のLINEまたはメールにて通知いたします。再診のために来院いただく必要はありません（陽性時を除く）。
                </p>
            </div>
        </div>

        <div class="test-flow-step">
            <div class="step-number">5</div>
            <div class="step-content">
                <strong>治療開始</strong>
                <p>
                    陽性の場合は、お薬（内服薬や膣錠）を処方します。医師の判断により結果を待たずに最短当日からの治療も可能です。パートナーの方の治療についても併せてご案内します。
                </p>
            </div>
        </div>
    </div>
</section>



<h2 id="cost">4. 費用（当院の料金）</h2>

<section class="mc-cost-plans" aria-labelledby="cost">
  <style>
    :root{ --mc-accent:#0ea5e9; --mc-accent-weak:#e0f2fe; --mc-bg:#ffffff; --mc-text:#111827; --mc-muted:#6b7280; --mc-border:#e5e7eb; }
    .mc-cost-plans{max-width:1100px;margin:0 auto;padding:6px 12px 16px;}
    .mc-cost-plans .mc-intro{color:var(--mc-muted);font-size:.95rem;margin-bottom:16px;background:#f8fafc;padding:15px;border-radius:10px;border:1px solid var(--mc-border);}
    
    /* セクション内小見出し */
    .mc-cost-plans h3.mc-section-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--mc-text);
        margin-top: 25px;
        margin-bottom: 12px;
        padding-bottom: 8px;
        border-bottom: 2px solid var(--mc-accent);
    }

    .mc-cost-grid{display:grid;grid-template-columns:1fr;gap:12px;}
    @media (min-width:720px){.mc-cost-grid{grid-template-columns:repeat(2,1fr);} }
    @media (min-width:1024px){.mc-cost-grid{grid-template-columns:repeat(3,1fr);} }
    
    .mc-card{position:relative;background:var(--mc-bg);border:1px solid var(--mc-border);border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:8px}
    .mc-top{display:flex;align-items:flex-start;gap:8px}
    .mc-ic{font-size:20px;line-height:1.1}
    .mc-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--mc-text)}
    .mc-sub{margin:2px 0 0 0;color:var(--mc-muted);font-size:.9rem}
    .mc-badge{position:absolute;top:12px;right:12px;background:var(--mc-accent);color:#fff;font-weight:700;font-size:.8rem;padding:4px 8px;border-radius:999px}
    .mc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
    .mc-tag{font-size:.78rem;background:#f3f4f6;color:#374151;border:1px solid var(--mc-border);padding:2px 8px;border-radius:999px}
    
    .mc-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;min-height:46px;}
    .mc-item{display:flex;gap:8px;font-size: 0.9rem;}
    .mc-item b{min-width:4.8em;color:#374151}
    .mc-price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;}
    .mc-price strong{font-size:1.4rem;color:var(--mc-text)}
    .mc-note{font-size:.85rem;color:var(--mc-muted)}
    
    /* アコーディオン（折りたたみ）詳細設定 */
    details.mc-more{border-top:1px dashed var(--mc-border);padding-top:8px;margin-top:8px;}
    details.mc-more > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--mc-accent);font-weight:700;font-size:0.9rem;}
    details.mc-more > summary::-webkit-details-marker{display:none}
    
    /* アコーディオン開閉のアイコンをプラス・マイナスに変更 */
    details.mc-more > summary::after { content: '+'; margin-left: auto; font-size: 1.2rem; }
    details.mc-more[open] > summary::after { content: '−'; }

    .mc-more .mc-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:8px 0;list-style:none;margin:0;}
    .mc-cols li{font-size:0.8rem;color:var(--mc-muted);padding-left:12px;position:relative;}
    .mc-cols li::before{content:"・";position:absolute;left:0;}

    .mc-cta{display:flex;gap:8px;margin-top:10px}
    .mc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--mc-border);text-decoration:none !important;font-weight:700;font-size:0.9rem;}
    .mc-btn-primary{background:var(--mc-accent);color:#fff !important;border-color:var(--mc-accent)}
    .mc-btn-ghost{background:#fff;color:var(--mc-accent) !important}

    /* モバイル横スクロール */
    @media (max-width: 719px){
      .mc-cost-grid.hscroll{display:flex;overflow-x:auto;gap:12px;padding:0 8px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
      .mc-cost-grid.hscroll::-webkit-scrollbar{display:none}
      .mc-cost-grid.hscroll .mc-card{min-width:88%;scroll-snap-align:start}
      .mc-swipe-hint{display:block !important;}
    }
    .mc-swipe-hint{display:none; text-align:right; margin:4px 8px; color:var(--mc-muted); font-size:.8rem;}

    .mc-cost-grid.single-card {
        grid-template-columns: 1fr;
        max-width: 450px;
        margin: 0 auto;
    }
  </style>

  <p class="mc-intro">
    当院は<b>自由診療（保険証不要）</b>です。表示価格はすべて <b>初診料・再診料込み／税込</b> の総額です。匿名での受診も承ります。
  </p>

  <h3 class="mc-section-title">
    <span role="img" aria-label="scope"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 検査セットの料金
  </h3>
  
  <div class="mc-swipe-hint">← スワイプで他のプランを見る</div>

  <div class="mc-cost-grid hscroll" role="list">

    <article class="mc-card" role="listitem">
      <div class="mc-top">
        <div class="mc-ic" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ea.png" alt="🧪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <h3 class="mc-title">トリコモナス検査（単体）</h3>
          <p class="mc-sub">尿・おりもの・うがい液（PCR）</p>
          <div class="mc-tags"><span class="mc-tag">まず検査したい</span></div>
        </div>
      </div>
      <ul class="mc-list">
        <li class="mc-item"><b>結果</b><span>4〜7日後</span></li>
        <li class="mc-item"><b>内容</b><span>高感度PCR検査</span></li>
      </ul>
      <div class="mc-price"><strong>¥4,500</strong><span class="mc-note">税込</span></div>
      <div class="mc-cta">
        <a class="mc-btn mc-btn-primary" href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/">予約する</a>
        <a class="mc-btn mc-btn-ghost" href="https://line.me/R/ti/p/@696ufkcc">相談する</a>
      </div>
    </article>

    <article class="mc-card" role="listitem">
      <div class="mc-badge">定番</div>
      <div class="mc-top">
        <div class="mc-ic" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <h3 class="mc-title">かゆみスタンダード（6項目）</h3>
          <p class="mc-sub">陰部のかゆみの原因をチェック</p>
          <div class="mc-tags"><span class="mc-tag">かゆみ</span><span class="mc-tag">おりもの異常</span></div>
        </div>
      </div>
      <ul class="mc-list">
        <li class="mc-item"><b>結果</b><span>4〜7日後</span></li>
        <li class="mc-item"><b>内容</b><span>主要6項目セット</span></li>
      </ul>
      <div class="mc-price"><strong>¥17,800</strong><span class="mc-note">税込</span></div>
      <details class="mc-more">
        <summary>検査項目を表示</summary>
        <ul class="mc-cols">
          <li>淋菌（性器）</li><li>クラミジア（性器）</li>
          <li>マイコプラズマ（性器）</li><li>ウレアプラズマ（性器）</li>
          <li>トリコモナス（性器）</li><li>カンジダ（性器）</li>
        </ul>
      </details>
      <div class="mc-cta">
        <a class="mc-btn mc-btn-primary" href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/">予約する</a>
        <a class="mc-btn mc-btn-ghost" href="https://line.me/R/ti/p/@696ufkcc">相談する</a>
      </div>
    </article>

    <article class="mc-card" role="listitem">
      <div class="mc-badge">網羅</div>
      <div class="mc-top">
        <div class="mc-ic" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <h3 class="mc-title">性病コンプリート（19項目）</h3>
          <p class="mc-sub">徹底的にチェック・ハイリスク後に</p>
          <div class="mc-tags"><span class="mc-tag">最も広く</span><span class="mc-tag">安心プラン</span></div>
        </div>
      </div>
      <ul class="mc-list">
        <li class="mc-item"><b>結果</b><span>4〜7日後</span></li>
        <li class="mc-item"><b>内容</b><span>主要19項目をすべてカバー</span></li>
      </ul>
      <div class="mc-price"><strong>¥43,000</strong><span class="mc-note">税込</span></div>
      <details class="mc-more">
        <summary>全19項目を表示</summary>
        <ul class="mc-cols">
          <li>HIV</li><li>梅毒</li><li>B型肝炎</li><li>C型肝炎</li>
          <li>淋菌（性器）</li><li>淋菌（咽頭）</li>
          <li>クラミジア（性器）</li><li>クラミジア（咽頭）</li>
          <li>マイコプラズマ（性器）</li><li>マイコプラズマ（咽頭）</li>
          <li>ウレアプラズマ（性器）</li><li>ウレアプラズマ（咽頭）</li>
          <li>トリコモナス（性器）</li><li>カンジダ（性器）</li>
          <li>カンジダ（咽頭）</li><li>性器ヘルペス（視診）</li>
          <li>尖圭コンジローマ（視診）</li><li>一般細菌培養（性器）</li><li>一般細菌培養（咽頭）</li>
        </ul>
      </details>
      <div class="mc-cta">
        <a class="mc-btn mc-btn-primary" href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/">予約する</a>
        <a class="mc-btn mc-btn-ghost" href="https://line.me/R/ti/p/@696ufkcc">相談する</a>
      </div>
    </article>

    <article class="mc-card" role="listitem">
      <div class="mc-top">
        <div class="mc-ic" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469-200d-2764-fe0f-200d-1f468.png" alt="👩‍❤️‍👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <h3 class="mc-title">ペアチェック（19項目×2人分）</h3>
          <p class="mc-sub">パートナーと2名様で徹底検査</p>
          <div class="mc-tags"><span class="mc-tag">ピンポン感染予防</span></div>
        </div>
      </div>
      <ul class="mc-list">
        <li class="mc-item"><b>結果</b><span>4〜7日後</span></li>
        <li class="mc-item"><b>内容</b><span>19項目セット×2名分</span></li>
      </ul>
      <div class="mc-price"><strong>¥66,000</strong><span class="mc-note">税込・2名合計</span></div>
      <div class="mc-cta">
        <a class="mc-btn mc-btn-primary" href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/">予約する</a>
        <a class="mc-btn mc-btn-ghost" href="https://line.me/R/ti/p/@696ufkcc">相談する</a>
      </div>
    </article>
  </div>

  <h3 class="mc-section-title">
    <span role="img" aria-label="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 治療の料金（陽性だった場合）
  </h3>

  <div class="mc-cost-grid single-card" role="list">
    <article class="mc-card" role="listitem">
        <div class="mc-top">
          <div class="mc-ic" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div>
            <h3 class="mc-title">トリコモナス治療</h3>
            <p class="mc-sub">内服薬 または 膣錠の処方</p>
            <div class="mc-tags"><span class="mc-tag">陽性の方</span><span class="mc-tag">パートナー様</span></div>
          </div>
        </div>
        <ul class="mc-list">
          <li class="mc-item"><b>内容</b><span>抗原虫薬（飲み薬/膣錠）</span></li>
          <li class="mc-item"><b>対象</b><span>検査で陽性だった方</span></li>
        </ul>
        <div class="mc-price"><strong>¥7,980</strong><span class="mc-note">税込・診察料込</span></div>
        <div class="mc-cta">
          <a class="mc-btn mc-btn-primary" href="https://line.me/R/ti/p/@696ufkcc">相談・予約</a>
          <a class="mc-btn mc-btn-ghost" href="https://clinic-3-t.com/price/">料金表詳細</a>
        </div>
      </article>
  </div>

</section>



<style>
/* セクション全体設定 */
.mc-treatment-section {
    margin-bottom: 50px;
}

.mc-treatment-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 20px;
    color: #1e293b;
}

.mc-treatment-intro {
    font-size: 1.0rem;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 25px;
}

/* 治療アコーディオンのスタイル */
.treatment-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 25px 0;
}

.treatment-accordion details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.treatment-accordion details[open] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 項目タイトル */
.treatment-accordion summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    cursor: pointer;
    list-style: none;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0369a1;
}

.treatment-accordion summary::-webkit-details-marker {
    display: none;
}

.treatment-accordion summary .icon {
    font-size: 1.5rem;
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}

/* 開閉アイコン（+ と ×） */
.treatment-accordion summary::after {
    content: '+';
    font-size: 1.5rem;
    margin-left: auto;
    font-weight: 300;
    transition: transform 0.2s;
}

.treatment-accordion details[open] summary::after {
    transform: rotate(45deg);
}

/* 詳細コンテンツ */
.treatment-accordion .details-content {
    padding: 0 20px 20px 60px;
    border-top: 1px dashed #e2e8f0;
    line-height: 1.7;
    font-size: 0.95rem;
    color: #334155;
}

.treatment-accordion .details-content p {
    margin: 15px 0 10px;
}

.treatment-accordion .details-content ul {
    margin: 10px 0;
    padding-left: 1.2rem;
}

.treatment-accordion .details-content ul li {
    margin-bottom: 8px;
}

/* --- 【最重要】禁酒のスタイル強調 --- */
.treatment-accordion details.warning {
    background: #fffbeb;
    border: 2px solid #f59e0b;
}

.treatment-accordion details.warning summary {
    color: #b45309;
}

.treatment-accordion details.warning summary::after {
    color: #b45309;
}

.treatment-accordion details.warning .details-content {
    border-top-color: #f59e0b;
}

.treatment-accordion details.warning strong {
    color: #d3381c;
    font-size: 1.05rem;
    text-decoration: underline;
}

/* CTAエリア */
.mc-treatment-cta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 30px;
}

.mc-treatment-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.05rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.btn-line { background: #06c755; color: #fff !important; }
.btn-web { background: #0056b3; color: #fff !important; }

@media (min-width: 768px) {
    .mc-treatment-cta {
        flex-direction: row;
    }
    .mc-treatment-btn {
        flex: 1;
    }
}
</style>

<section class="mc-treatment-section">
    <h2 id="treatment">5. 治療と注意点（禁酒・性行為再開・再検査）</h2>
    
    <p class="mc-treatment-intro">
        トリコモナス症は、適切な抗菌薬（抗原虫薬）を服用することでしっかりと完治させることが可能です。治療中の注意を守ることが、早期回復と再発防止の鍵となります。
    </p>

    <div class="treatment-accordion">

        <details>
            <summary>
                <span class="icon" role="img" aria-label="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                治療薬について
            </summary>
            <div class="details-content">
                <p>
                    第一選択は「ニトロイミダゾール系」の処方薬です（メトロニダゾール、チニダゾールなど）。
                </p>
                <ul>
                    <li>医師に指示された期間（通常数日間）、必ず飲み切ってください。</li>
                    <li>数日で症状が消えることがありますが、<strong>自己判断で中断すると再発や耐性菌の原因</strong>になります。</li>
                </ul>
            </div>
        </details>

        <details class="warning" open>
            <summary>
                <span class="icon" role="img" aria-label="no-alcohol"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6ab.png" alt="🚫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                【最重要】禁酒について
            </summary>
            <div class="details-content">
                <p>
                    服用中および服用終了後の数日間は、<strong>絶対にアルコールを摂取しないでください。</strong>
                </p>
                <p>
                    薬の成分がアルコールの分解を妨げ、激しい吐き気、頭痛、動悸、腹痛などの「悪酔い症状」を引き起こすリスクがあるためです。
                </p>
                <ul>
                    <li><strong>メトロニダゾール：</strong>服用終了後 <strong>48時間</strong> は禁酒</li>
                    <li><strong>チニダゾール：</strong>服用終了後 <strong>72時間</strong> は禁酒</li>
                </ul>
            </div>
        </details>

        <details>
            <summary>
                <span class="icon" role="img" aria-label="couple"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f494.png" alt="💔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                性行為の再開について
            </summary>
            <div class="details-content">
                <p>
                    <strong>ご自身とパートナー、双方が治療を完了し、症状が完全に消失するまで</strong>は性行為（性器同士の接触を含む）を控えてください。
                </p>
                <p>
                    片方だけ治療しても、パートナーから再び感染する「<strong>ピンポン感染</strong>」が非常に多い疾患です。再発防止のため、パートナーとの同時治療を強く推奨します。
                </p>
            </div>
        </details>

        <details>
            <summary>
                <span class="icon" role="img" aria-label="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                再検査の重要性（女性）
            </summary>
            <div class="details-content">
                <p>
                    女性は特に再感染のリスクが高いため、<strong>治療完了から約3か月後</strong>に再検査を受けることが推奨されています。
                </p>
                <ul>
                    <li>自覚症状がなくても、わずかに残った原虫や再感染をチェックするためです。</li>
                    <li>来院が難しい場合でも、1年以内の定期検診時には必ず検査を受けるようにしましょう。</li>
                </ul>
            </div>
        </details>

    </div>

    <div class="mc-treatment-cta">
        <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-treatment-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 治療の不安をLINEで相談</a>
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-treatment-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 治療・診察のWeb予約</a>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-guide-section {
    margin-bottom: 50px;
}

.mc-guide-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 20px;
    color: #1e293b;
}

.mc-guide-intro {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 20px;
}

/* 対象者別ガイド アコーディオンのスタイル */
.guide-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 25px 0;
}

.guide-accordion details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    border-left: 6px solid #0056b3; /* アクセントカラー（青） */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.guide-accordion details[open] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 項目タイトル */
.guide-accordion summary {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    cursor: pointer;
    list-style: none;
    font-size: 1.1rem;
    font-weight: bold;
    color: #0056b3;
}

.guide-accordion summary::-webkit-details-marker {
    display: none;
}

.guide-accordion summary .icon {
    font-size: 1.5rem;
    width: 32px;
    text-align: center;
    flex-shrink: 0;
}

/* 開閉アイコン（+ と ×） */
.guide-accordion summary::after {
    content: '+';
    font-size: 1.5rem;
    margin-left: auto;
    font-weight: 300;
    transition: transform 0.2s;
}

.guide-accordion details[open] summary::after {
    transform: rotate(45deg);
}

/* 詳細コンテンツ */
.guide-accordion .details-content {
    padding: 0 20px 20px 60px;
    border-top: 1px dashed #e2e8f0;
    line-height: 1.7;
    font-size: 0.95rem;
    color: #334155;
}

.guide-accordion .details-content p {
    margin-bottom: 12px;
}

.guide-accordion .details-content strong {
    color: #d93025; /* 注意を促す色 */
}

/* 内包するCTA（ペアチェック案内など） */
.guide-inner-cta {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background: #f1f5f9;
    color: #0056b3;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85rem;
}

.guide-inner-cta:hover {
    background: #e0f2fe;
}

/* セクション全体のCTA */
.mc-guide-cta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 30px;
}

.mc-guide-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.btn-line { background: #06c755; color: #fff !important; }
.btn-web { background: #0056b3; color: #fff !important; }

@media (min-width: 768px) {
    .mc-guide-cta {
        flex-direction: row;
    }
    .mc-guide-btn {
        flex: 1;
    }
}
</style>

<section class="mc-guide-section">
    <h2 id="guide">6. ご状況・対象者別ガイド</h2>
    <p class="mc-guide-intro">
        トリコモナス症は、ご自身の体調だけでなく、パートナーや将来のお子様にも影響を及ぼす可能性があります。それぞれの状況に合わせた対応をご確認ください。
    </p>

    <div class="guide-accordion">

        <details>
            <summary>
                <span class="icon" role="img" aria-label="male"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468.png" alt="👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                男性の皆様へ
            </summary>
            <div class="details-content">
                <p>
                    男性は感染しても<strong>症状が非常に軽い、あるいは全く症状が出ない「無症状」の状態</strong>が一般的です。
                </p>
                <p>
                    しかし、症状がなくても尿道などに原虫を保菌しており、性行為によって無自覚にパートナーへ感染を広げてしまいます。
                </p>
                <p>
                    <strong>パートナーが陽性と診断された場合は、ご自身に症状がなくても必ず検査・治療を受けてください。</strong>
                </p>
            </div>
        </details>

        <details>
            <summary>
                <span class="icon" role="img" aria-label="pregnant"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f930.png" alt="🤰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                妊娠中・妊活中の方へ
            </summary>
            <div class="details-content">
                <p>
                    妊娠中にトリコモナス感染を放置すると、<strong>早産や低出生体重児、前期破水のリスク</strong>が高まることが指摘されています。
                </p>
                <p>
                    当院では安全性を考慮し、妊婦の方でも服用可能な薬剤の選択や治療時期について慎重にご提案いたします。
                </p>
                <p>
                    <strong>妊活中の方も、パートナーと一緒に事前に「ブライダルチェック」として検査を受けることを推奨します。</strong>
                </p>
            </div>
        </details>

        <details>
            <summary>
                <span class="icon" role="img" aria-label="couple"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469-200d-2764-fe0f-200d-1f468.png" alt="👩‍❤️‍👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                カップルでの受診について
            </summary>
            <div class="details-content">
                <p>
                    トリコモナスは「<strong>ピンポン感染</strong>（うつし合い）」が非常に起こりやすい感染症です。片方だけが完治しても、未治療のパートナーと性行為をすればすぐに再感染します。
                </p>
                <p>
                    <strong>完治を目指すには、二人同時の検査・治療が不可欠です。</strong>
                </p>
                <a href="#cost" class="guide-inner-cta">→ お得な「ペアチェック」料金を見る</a>
            </div>
        </details>

    </div>

    <div class="mc-guide-cta">
        <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-guide-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで無料相談（匿名OK）</a>
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-guide-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> パートナーと一緒にWeb予約</a>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-diff-section {
    margin-bottom: 50px;
}

.mc-diff-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 20px;
    color: #1e293b;
}

.mc-diff-intro {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 25px;
}

/* レスポンシブ・テーブルのスタイル */
.mc-diff-table-container {
    margin: 20px 0;
    overflow-x: auto;
}

.mc-diff-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e2e8f0;
    background: #ffffff;
}

.mc-diff-table th,
.mc-diff-table td {
    padding: 15px;
    text-align: left;
    border: 1px solid #e2e8f0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.mc-diff-table thead th {
    background: #f8fafc;
    color: #0369a1;
    font-weight: bold;
    white-space: nowrap;
}

/* 比較対象のトリコモナス行を強調 */
.mc-diff-table tr.highlight-tr {
    background: #f0f9ff; /* 薄い青 */
}
.mc-diff-table tr.highlight-tr td:first-child {
    font-weight: bold;
    color: #0ea5e9;
    border-left: 4px solid #0ea5e9;
}

.mc-diff-table ul {
    margin: 0;
    padding-left: 1.2rem !important;
    list-style-type: disc !important;
}

.mc-diff-table li {
    margin-bottom: 4px;
}

/* スマホ表示（767px以下）でのカード化設定 */
@media (max-width: 767px) {
    .mc-diff-table, 
    .mc-diff-table thead, 
    .mc-diff-table tbody, 
    .mc-diff-table th, 
    .mc-diff-table td, 
    .mc-diff-table tr { 
        display: block; 
    }
    
    .mc-diff-table thead {
        display: none; /* ヘッダーを隠す */
    }
    
    .mc-diff-table tr {
        margin-bottom: 20px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        overflow: hidden;
    }

    .mc-diff-table tr.highlight-tr {
        border: 2px solid #0ea5e9;
    }
    
    .mc-diff-table td {
        padding: 12px 15px;
        position: relative;
        padding-left: 40%; /* ラベル用のスペース */
        border: none;
        border-bottom: 1px solid #f1f5f9;
    }

    .mc-diff-table td:last-child {
        border-bottom: none;
    }

    /* data-labelの内容を表示 */
    .mc-diff-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 35%;
        font-weight: bold;
        color: #64748b;
        font-size: 0.8rem;
    }

    /* 疾患名セルの特別スタイル */
    .mc-diff-table td[data-label="疾患名"] {
        background: #f8fafc;
        padding-left: 15px;
        font-weight: bold;
        font-size: 1.05rem;
        color: #1e293b;
    }
    .mc-diff-table td[data-label="疾患名"]::before {
        display: none;
    }
}

/* 警告ボックス（自己判断の禁止） */
.mc-diff-warning {
    background: #fffbeb;
    border: 1px solid #f59e0b;
    border-radius: 12px;
    padding: 20px;
    margin: 30px 0;
}

.mc-diff-warning h4 {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    color: #b45309;
    font-size: 1.1rem;
}

.mc-diff-warning p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #78350f;
}

/* CTAエリア */
.mc-diff-cta {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mc-diff-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.btn-line { background: #06c755; color: #fff !important; }
.btn-web { background: #0056b3; color: #fff !important; }

@media (min-width: 768px) {
    .mc-diff-cta {
        flex-direction: row;
    }
    .mc-diff-btn {
        flex: 1;
    }
}
</style>

<section class="mc-diff-section">
    <h2 id="diff">7. 他疾患との違い（鑑別の目安）</h2>
    <p class="mc-diff-intro">
        おりものの異常や痒みは、トリコモナス以外にもさまざまな原因が考えられます。代表的な疾患との違いは以下の通りですが、複数が同時に感染しているケースも多いため、正確な診断には検査が不可欠です。
    </p>

    <div class="mc-diff-table-container">
        <table class="mc-diff-table">
            <thead>
                <tr>
                    <th>疾患名</th>
                    <th>おりものの特徴</th>
                    <th>におい</th>
                    <th>主な症状・その他</th>
                </tr>
            </thead>
            <tbody>
                <tr class="highlight-tr">
                    <td data-label="疾患名">トリコモナス（本疾患）</td>
                    <td data-label="おりもの">黄〜黄緑色・<strong>泡立つ</strong></td>
                    <td data-label="におい">強い・悪臭</td>
                    <td data-label="主な症状">強い痒み、排尿痛。男性は無症状が多い。</td>
                </tr>
                <tr>
                    <td data-label="疾患名">カンジダ膣炎</td>
                    <td data-label="おりもの">白色・<strong>カッテージチーズ状</strong></td>
                    <td data-label="におい">なし〜弱い</td>
                    <td data-label="主な症状"><strong>我慢できないほどの強い痒み</strong></td>
                </tr>
                <tr>
                    <td data-label="疾患名">細菌性膣症(BV)</td>
                    <td data-label="おりもの">灰白色・水っぽい</td>
                    <td data-label="におい"><strong>魚が腐ったようなにおい</strong></td>
                    <td data-label="主な症状">痒みは少ないが、においが際立つ。</td>
                </tr>
                <tr>
                    <td data-label="疾患名">クラミジア／淋菌</td>
                    <td data-label="おりもの">黄色っぽい・膿状</td>
                    <td data-label="におい">あまりない</td>
                    <td data-label="主な症状">無症状が多い。進行すると下腹部痛。</td>
                </tr>
                <tr>
                    <td data-label="疾患名">膀胱炎</td>
                    <td data-label="おりもの">通常変化なし</td>
                    <td data-label="におい">なし</td>
                    <td data-label="主な症状"><strong>頻尿・残尿感・排尿時の痛み</strong></td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="mc-diff-warning">
        <h4><span role="img" aria-label="warning"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 自己判断は禁物です</h4>
        <p>
            これらはあくまで一般的な目安であり、自己診断で放置したり市販薬を使用したりすることは、症状の悪化やパートナーへの感染拡大を招く恐れがあります。当院の高感度PCR検査で、まずは原因をはっきりさせましょう。
        </p>
    </div>

    <div class="mc-diff-cta">
        <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-diff-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> おりものの悩みをLINE相談</a>
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-diff-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 検査・診察のWeb予約</a>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-faq-section {
    margin-bottom: 50px;
}

/* H2デザイン */
.mc-faq-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 25px;
    color: #1e293b;
}

/* FAQアコーディオンのスタイル */
.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 25px 0;
}

.faq-accordion details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.faq-accordion details[open] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 質問 (Q) */
.faq-accordion summary {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px;
    cursor: pointer;
    list-style: none;
    font-size: 1.05rem;
    font-weight: bold;
    color: #1e293b;
}

.faq-accordion summary::-webkit-details-marker {
    display: none;
}

/* Qアイコン */
.faq-accordion summary .faq-q {
    font-size: 1.2rem;
    font-weight: 900;
    color: #0ea5e9; /* モイストクリニック・ブルー */
    line-height: 1.2;
    flex-shrink: 0;
}

.faq-accordion summary .faq-text {
    flex: 1;
    line-height: 1.5;
}

/* 開閉アイコン（回転する矢印） */
.faq-accordion summary::after {
    content: '▼';
    font-size: 0.7rem;
    margin-left: 10px;
    padding-top: 4px;
    color: #cbd5e1;
    transition: transform 0.3s;
}

.faq-accordion details[open] summary::after {
    transform: rotate(180deg);
}

/* 回答 (A) */
.faq-accordion .faq-answer {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0 20px 20px 20px;
    border-top: 1px dashed #f1f5f9;
    margin: 0 16px;
}

.faq-accordion .faq-a {
    font-size: 1.2rem;
    font-weight: 900;
    color: #f43f5e; /* アクセントのレッド */
    line-height: 1.5;
    flex-shrink: 0;
}

.faq-accordion .faq-a-text {
    flex: 1;
    line-height: 1.7;
    font-size: 0.95rem;
    color: #475569;
    padding-top: 2px;
}

.faq-accordion .faq-a-text p {
    margin-bottom: 12px;
}
.faq-accordion .faq-a-text p:last-child {
    margin-bottom: 0;
}

.faq-accordion .faq-a-text strong {
    color: #1e293b;
    background: linear-gradient(transparent 70%, #e0f2fe 70%);
}

/* セクション後方のCTA */
.mc-faq-final-cta {
    background: #f8fafc;
    border-radius: 16px;
    padding: 30px 20px;
    text-align: center;
    margin-top: 40px;
}

.mc-faq-final-cta p {
    margin-bottom: 20px;
    font-weight: bold;
    color: #1e293b;
    line-height: 1.6;
}

.mc-faq-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mc-faq-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.btn-line { background: #06c755; color: #fff !important; }
.btn-web { background: #0056b3; color: #fff !important; }

@media (min-width: 768px) {
    .mc-faq-btns { flex-direction: row; }
    .mc-faq-btn { flex: 1; }
}
</style>

<section class="mc-faq-section">
    <h2 id="faq">8. よくある質問（FAQ）</h2>

    <div class="faq-accordion">

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">トリコモナスに感染すると、必ず症状が出ますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>いいえ。特に男性は、感染しても症状が非常に軽いか、<strong>全く症状が出ない（無症状）ことが多い</strong>です。</p>
                    <p>女性も症状が出ない場合があり、自覚がないままパートナーに感染させている（または感染している）可能性があります。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">便座、プール、温泉、タオルの共有でうつりますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>トリコモナス原虫は水や湿った場所では短時間生存できますが、<strong>日常生活での感染は一般的ではありません。</strong></p>
                    <p>主な感染経路は性行為（粘膜の接触、性具の共有など）です。便座やプールを過度に心配する必要はありませんが、タオルの共有は念のため避けましょう。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">オーラルセックス（口）やアナルセックスでもうつりますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>トリコモナスは主に膣や尿道に感染する原虫です。喉（咽頭）や肛門（直腸）への感染は、可能性としてはゼロではありませんが、<strong>極めて稀（まれ）</strong>とされています。</p>
                    <p>そのため、一般的に喉や直腸のトリコモナス検査は推奨されていません。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">検査は痛いですか？ どんな検査ですか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>当院では高精度な<strong>PCR検査（NAAT）</strong>を行います。</p>
                    <p>女性は膣分泌物（綿棒で軽く拭う程度）、男性は尿を採取するだけですので、<strong>痛みはほとんどありません。</strong>女性の方はご自身で採取していただくことも可能です。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">検査結果はいつ分かりますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>当院のPCR検査の結果は、通常<strong>4〜7日後</strong>に判明します。</p>
                    <p>結果が出次第、当院の<strong>LINE公式アカウントより通知</strong>いたします。わざわざ結果を聞きに来院する必要はありません。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">トリコモナスは自然に治りますか？ 放置するとどうなりますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>トリコモナスが<strong>自然に治癒することはありません。</strong></p>
                    <p>放置すると炎症が広がり、女性は不妊症のリスクが高まり、男性は前立腺炎などの原因になります。また、他の性病にも感染しやすくなるため、早期治療が必須です。</p>
                </div>
            </div>
        </details>
        
        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">治療中、なぜお酒（アルコール）を飲んではいけないのですか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>治療薬（フラジール等）には、アルコールの分解を妨げる作用があるためです。</p>
                    <p>服用中にお酒を飲むと、<strong>激しい吐き気、頭痛、動悸などの「ひどい悪酔い状態」</strong>になり非常に危険です。服用終了後も指定された時間は禁酒を守ってください。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">性行為はいつから再開できますか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p><strong>ご自身とパートナー、両方の治療が完全に終わり、症状がなくなってから</strong>再開してください。</p>
                    <p>片方だけ治しても、またすぐにうつし合ってしまう（ピンポン感染）ため、必ず同時期に治療を完了させることが大切です。</p>
                </div>
            </div>
        </details>

        <details>
            <summary>
                <span class="faq-q">Q.</span>
                <span class="faq-text">治療が終われば、もう再検査は必要ないですか？</span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a">A.</span>
                <div class="faq-a-text">
                    <p>女性の方は、<strong>治療終了から約3か月後</strong>に再検査を受けることが推奨されています。</p>
                    <p>トリコモナスは再感染が多いため、完全に治っているか、あるいは再感染していないかを確認することが健康を守ることに繋がります。</p>
                </div>
            </div>
        </details>

    </div>

    <div class="mc-faq-final-cta">
        <p>他にも気になることや、<br>個別の症状へのご不安はありませんか？</p>
        <div class="mc-faq-btns">
            <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-faq-btn btn-line"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで今すぐ質問・相談</a>
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-faq-btn btn-web"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 24時間受付 Web予約</a>
        </div>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-ref-section {
    margin-bottom: 40px;
    padding-top: 20px;
}

/* H2デザイン */
.mc-ref-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 20px;
    color: #1e293b;
}

/* 参考文献リストのボックス */
.mc-ref-container {
    background: #f8fafc; /* 清潔感のある薄いグレーブルー */
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin: 0;
}

.mc-ref-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mc-ref-list li {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 1.8rem;
    position: relative;
}

.mc-ref-list li:last-child {
    margin-bottom: 0;
}

/* 本のアイコンを疑似要素で配置 */
.mc-ref-list li::before {
    content: "&#x1f4d6;";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 1rem;
}

/* リンクのスタイル */
.mc-ref-list a {
    color: #0ea5e9;
    text-decoration: underline;
    transition: opacity 0.2s;
}

.mc-ref-list a:hover {
    opacity: 0.7;
}

/* 最終更新日の記載 */
.mc-ref-update {
    margin-top: 15px;
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: right;
}
</style>

<section class="mc-ref-section">
    <h2 id="references">9. 参考文献</h2>
    
    <div class="mc-ref-container">
        <ul class="mc-ref-list">
            <li>CDC (Centers for Disease Control and Prevention) &#8211; <a href="https://www.cdc.gov/std/trichomoniasis/stdfact-trichomoniasis.htm" target="_blank" rel="noopener">Trichomoniasis &#8211; CDC Fact Sheet</a></li>
            <li>NHS (National Health Service) &#8211; <a href="https://www.nhs.uk/conditions/trichomoniasis/" target="_blank" rel="noopener">Trichomoniasis Overview and Guidance</a></li>
            <li>一般社団法人 日本性感染症学会 &#8211; <a href="http://jssti.jp/guideline/" target="_blank" rel="noopener">性感染症 診断・治療ガイドライン 2020（最新版準拠）</a></li>
            <li>厚生労働省 &#8211; <a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kenkou_iryou/kenkou/kekkaku-kansenshou/seibyou/index.html" target="_blank" rel="noopener">性感染症に関するQ&#038;A</a></li>
            <li>MSDマニュアル プロフェッショナル版 &#8211; <a href="https://www.msdmanuals.com/ja-jp/%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB/18-%E5%A9%A6%E4%BA%BA%E7%A7%91%E3%81%8A%E3%82%88%E3%81%B3%E7%94%A3%E7%A7%91/%E8%86%A3%E7%82%8E%E3%81%8A%E3%82%88%E3%81%B3%E5%AD%90%E5%AE%AE%E9%A0%B1%E7%82%8E/%E3%83%88%E3%83%AA%E3%82%B3%E3%83%A2%E3%83%8A%E3%82%B9%E8%86%A3%E7%82%8E" target="_blank" rel="noopener">トリコモナス症の診断と治療</a></li>
        </ul>
        <div class="mc-ref-update">
            最終更新・内容確認日：2025年11月12日
        </div>
    </div>
</section>



<style>
/* セクション全体設定 */
.mc-access-section {
    margin-bottom: 50px;
}

.mc-access-section h2 {
    font-size: 1.5rem;
    padding-left: 15px;
    border-left: 5px solid #0ea5e9;
    margin-bottom: 25px;
    color: #1e293b;
}

/* アクセスカード */
.mc-access-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.mc-access-info {
    padding: 25px;
}

.mc-access-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

.mc-info-item {
    display: flex;
    gap: 15px;
}

.mc-info-icon {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    background: #f0f9ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0ea5e9;
}

.mc-info-text strong {
    display: block;
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 4px;
}

.mc-info-text p {
    margin: 0;
    font-size: 1.05rem;
    font-weight: bold;
    color: #1e293b;
    line-height: 1.5;
}

.mc-info-text span {
    display: block;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 5px;
}

/* 診療時間テーブル */
.mc-time-table {
    width: 100%;
    margin-top: 15px;
    border-collapse: collapse;
    font-size: 0.9rem;
    text-align: center;
}
.mc-time-table th, .mc-time-table td {
    padding: 10px;
    border: 1px solid #e2e8f0;
}
.mc-time-table th {
    background: #f8fafc;
    color: #64748b;
    font-weight: normal;
}
.mc-time-table td.open {
    color: #0ea5e9;
    font-weight: bold;
}

/* 最終コンバージョンエリア */
.mc-final-cta-area {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    padding: 30px 20px;
    text-align: center;
    color: #ffffff;
}
.mc-final-cta-area p {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.6;
}
.mc-final-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 500px;
    margin: 0 auto;
}
.mc-final-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.1rem;
    transition: transform 0.2s;
}
.mc-final-btn:active { transform: scale(0.98); }
.btn-white { background: #ffffff; color: #0ea5e9 !important; }
.btn-green { background: #06c755; color: #ffffff !important; }

@media (min-width: 768px) {
    .mc-access-grid { grid-template-columns: 1fr 1fr; }
    .mc-final-btns { flex-direction: row; }
}

/* 監修医セクション */
.mc-doctor-section {
    margin: 60px 0;
    padding: 30px;
    background: #f8fafc;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
}
.mc-doctor-section h2 {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 25px;
    color: #1e293b;
    border: none;
    padding: 0;
}
.mc-doctor-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.mc-doctor-img {
    width: 120px;
    height: 120px;
    background: #e2e8f0;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.mc-doctor-img img { width: 100%; height: 100%; object-fit: cover; }
.mc-doctor-info { flex: 1; }
.mc-doctor-name {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}
.mc-doctor-name span {
    font-size: 0.9rem;
    color: #64748b;
    font-weight: normal;
    margin-left: 10px;
}
.mc-doctor-bio {
    font-size: 0.9rem;
    line-height: 1.7;
    color: #475569;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .mc-doctor-profile { flex-direction: row; align-items: flex-start; text-align: left; }
    .mc-doctor-name { text-align: left; }
}
</style>

<section class="mc-access-section">
    <h2 id="access">10. アクセス・診療時間</h2>
    
    <div class="mc-access-card">
        <div class="mc-access-info">
            <div class="mc-access-grid">
                <div class="mc-info-item">
                    <div class="mc-info-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="mc-info-text">
                        <strong>クリニック所在地</strong>
                        <p>〒150-0021<br>東京都渋谷区恵比寿西1-2-1<br>エビスマンション610</p>
                        <span>JR恵比寿駅 西口より徒歩3分</span>
                    </div>
                </div>
                <div class="mc-info-item">
                    <div class="mc-info-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4de.png" alt="📞" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div class="mc-info-text">
                        <strong>お問い合わせ・予約専用</strong>
                        <p>050-8885-0783</p>
                        <span>電話受付：9:00〜22:00</span>
                    </div>
                </div>
            </div>

            <div class="mc-info-item" style="margin-top: 25px;">
                <div class="mc-info-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="mc-info-text" style="width: 100%;">
                    <strong>外来診療時間（年中無休）</strong>
                    <p>14:00 〜 22:00</p>
                    <table class="mc-time-table">
                        <thead>
                            <tr>
                                <th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th><th>日</th><th>祝</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="open">●</td><td class="open">●</td><td class="open">●</td><td class="open">●</td><td class="open">●</td><td class="open">●</td><td class="open">●</td><td class="open">●</td>
                            </tr>
                        </tbody>
                    </table>
                    <span>※オンライン予約・LINE相談は<strong>24時間受付中</strong>です。</span>
                </div>
            </div>
        </div>

        <div class="mc-final-cta-area">
            <p>不安な夜を過ごす前に。<br>毎日22時まで、専門医があなたの力になります。</p>
            <div class="mc-final-btns">
                <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-final-btn btn-white"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Webで今すぐ予約</a>
                <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-final-btn btn-green"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで無料相談</a>
            </div>
        </div>
    </div>
</section>

<section class="mc-doctor-section">
    <h2>この記事の監修医</h2>
    <div class="mc-doctor-profile">
        <div class="mc-doctor-img">
            <img decoding="async" src="https://clinic-3-t.com/wp-content/uploads/doctor_placeholder.jpg" alt="金谷 正樹 医師">
        </div>
        <div class="mc-doctor-info">
            <div class="mc-doctor-name">金谷 正樹<span>Masaki Kanaya</span></div>
            <div class="mc-doctor-bio">
                <p>国際医療福祉大学病院、東京医科歯科大学病院（現 東京科学大学病院）などで研鑽を積み、モイストクリニックにて性感染症を中心に診療を行う。日本性感染症学会の会員として活動しており、得意分野である細菌学と免疫学の知識を活かして、患者さまご本人とパートナーさまが幸せになれるような医療の実践を目指している。</p>
            </div>
        </div>
    </div>
</section><p>The post <a href="https://clinic-3t.com/sti/trichomonas/">トリコモナス（腟トリコモナス）— 症状・うつる経路・検査/費用・治療のすべて</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ウレアプラズマ感染症（検査・治療）｜恵比寿駅徒歩3分で当日対応。常在菌と症状を解説</title>
		<link>https://clinic-3t.com/sti/ureaplasma/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ureaplasma</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:26:56 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=995</guid>

					<description><![CDATA[<p>「心当たりがないのに陽性？」 常在菌と治療の必要性を専門医が解説します 恵比寿駅徒歩3分｜夜22時まで診療｜年中無休 💡 陽性＝即「性病」ではありません ウレアプラズマには常在菌(パルバム)と治療対象(ウレアリチカム)が [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/ureaplasma/">ウレアプラズマ感染症（検査・治療）｜恵比寿駅徒歩3分で当日対応。常在菌と症状を解説</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<div style="text-align: center; margin-bottom: 30px;">
    <h2 style="font-size: 1.4em; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 10px;">
        「心当たりがないのに陽性？」<br>
        <span style="color: #00bcd4;">常在菌と治療の必要性</span>を専門医が解説します
    </h2>
    <p style="font-size: 0.95em; color: #666;">恵比寿駅徒歩3分｜夜22時まで診療｜年中無休</p>
</div>

<div class="key-points-container" style="display: flex; justify-content: space-between; gap: 15px; margin-bottom: 30px; flex-wrap: wrap;">

    <div class="key-point" style="flex-basis: 300px; flex-grow: 1; padding: 20px; border: 2px solid #e0f7fa; border-radius: 12px; background-color: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
        <h3 style="margin-top: 0; font-size: 1.1em; text-align: center; color: #00838f; border-bottom: 2px solid #00bcd4; padding-bottom: 10px; margin-bottom: 15px;">
            <span style="font-size: 1.5em; display: block; margin-bottom: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            陽性＝即「性病」ではありません
        </h3>
        <p style="font-size: 0.9em; line-height: 1.6; margin-bottom: 0;">
            ウレアプラズマには<strong>常在菌(パルバム)</strong>と<strong>治療対象(ウレアリチカム)</strong>があります。心当たりがなくても保有していることがあり、当院では症状に合わせて適切に診断します。
        </p>
    </div>

    <div class="key-point" style="flex-basis: 300px; flex-grow: 1; padding: 20px; border: 2px solid #e0f7fa; border-radius: 12px; background-color: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
        <h3 style="margin-top: 0; font-size: 1.1em; text-align: center; color: #00838f; border-bottom: 2px solid #00bcd4; padding-bottom: 10px; margin-bottom: 15px;">
            <span style="font-size: 1.5em; display: block; margin-bottom: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            今日・今すぐ・夜22時まで
        </h3>
        <p style="font-size: 0.9em; line-height: 1.6; margin-bottom: 0;">
            <strong>年中無休・22時まで診療。</strong>仕事帰りでも当日の検査・処方が可能です。検査結果は<strong>最短翌日</strong>にLINEで通知。すぐに安心・解決したい方を全力でサポートします。
        </p>
    </div>

    <div class="key-point" style="flex-basis: 300px; flex-grow: 1; padding: 20px; border: 2px solid #e0f7fa; border-radius: 12px; background-color: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
        <h3 style="margin-top: 0; font-size: 1.1em; text-align: center; color: #00838f; border-bottom: 2px solid #00bcd4; padding-bottom: 10px; margin-bottom: 15px;">
            <span style="font-size: 1.5em; display: block; margin-bottom: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            明確な費用（税込）
        </h3>
        <p style="font-size: 0.9em; line-height: 1.6; margin-bottom: 0;">
            <strong>・検査： 8,980円</strong><br>
            <strong>・治療薬： 7,980円</strong><br>
            余計な追加費用なし。淋菌やクラミジアも同時に調べたい方向けのセットプラン（19,800円〜）も充実しています。
        </p>
    </div>

</div>

<div class="primary-cta" style="text-align:center; padding: 25px; background-color: #f0fbfc; border-radius: 15px; margin-bottom: 40px; border: 1px solid #00bcd4;">
    <p style="font-size: 1.2em; font-weight: bold; margin-top: 0; color: #333;">最短の空き枠を確認・今すぐ予約</p>
    
    <div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 20px;">
        <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 200px; padding: 15px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; box-shadow: 0 4px 0 #009900;">
            LINEで予約・相談
        </a>
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 200px; padding: 15px; background-color: #00bcd4; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; box-shadow: 0 4px 0 #0097a7;">
            Webから即時予約
        </a>
    </div>
    
    <div style="margin-top: 20px;">
        <a href="tel:050-8885-0783" style="font-size: 1.1em; color: #333; text-decoration: none; font-weight: bold;">
            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お電話で予約：050-8885-0783
        </a>
        <p style="font-size: 0.85em; color: #666; margin-top: 10px;">（受付（対面）：14:00～22:00 / 年中無休）</p>
    </div>
</div>

<div style="background-color: #f7f7f7; border: 1px solid #ddd; padding: 25px; border-radius: 12px; margin-bottom: 30px;">
    <p style="font-weight: bold; font-size: 1.1em; text-align: center; margin-top: 0; margin-bottom: 20px; color: #555;">
        ウレアプラズマについて詳しく知る
    </p>
    <ul style="list-style-type: none; padding-left: 0; margin: 0;">
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc1" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">1. ウレアプラズマとは？（2種の違いと受診目安）</a>
        </li>
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc2" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">2. 症状チェック（男女・部位別）</a>
        </li>
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc3" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">3. 検査の流れと料金</a>
        </li>
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc4" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">4. 治療と再発対策（パートナーの同時治療）</a>
        </li>
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc5" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">5. 妊娠・不妊とウレアプラズマ</a>
        </li>
        <li style="margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px;">
            <a href="#toc7" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">6. よくある質問(FAQ)</a>
        </li>
        <li>
            <a href="#toc8" style="text-decoration: none; color: #00bcd4; font-weight: bold; display: block;">7. 予約・アクセス</a>
        </li>
    </ul>
</div>



<hr style="margin-top: 30px; border: 0; border-top: 1px solid #eee;">

<div style="max-width: 900px; margin: 0 auto; padding: 0 10px;">

    <h2 id="toc1" style="font-size: 1.5em; color: #333; border-left: 5px solid #00bcd4; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        1. ウレアプラズマとは？（2種の違いと受診の目安）
    </h2>

    <p style="line-height: 1.8; color: #444; text-align: left;">
        ウレアプラズマ検査で陽性となっても、必ずしも「今すぐ強力な治療が必要」とは限りません。これには、ウレアプラズマに存在する<strong>2種類の菌（パルバムとウレアリチカム）</strong>の性質の違いが大きく関係しています。
    </p>

    <p style="line-height: 1.8; color: #444; margin-bottom: 30px; text-align: left;">
        特に「心当たりのない陽性」の多くは、常在菌としての側面が強い「パルバム」が検出されたケースです。当院では以下の性質の違いを考慮して診断を行います。
    </p>

    <div class="ureaplasma-types" style="display: flex; justify-content: center; gap: 20px; margin: 30px 0; flex-wrap: wrap;">

        <div class="type-box" style="flex: 1; min-width: 280px; max-width: 420px; border: 1px solid #ddd; border-radius: 12px; padding: 25px; background: #f9f9f9; position: relative; box-sizing: border-box;">
            <span style="position: absolute; top: -12px; left: 20px; background: #999; color: #fff; padding: 2px 12px; border-radius: 20px; font-size: 0.8em; font-weight: bold;">性質：弱</span>
            <h3 style="margin-top: 10px; font-size: 1.2em; color: #333; border-bottom: 2px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; text-align: center;">
                U. parvum<br><span style="font-size: 0.8em; color: #666;">(パルバム)</span>
            </h3>
            <p style="font-size: 0.95em; line-height: 1.7; color: #555; text-align: left;">
                <strong><span style="color: #005a87;">「常在菌」に近い存在</span>です。</strong><br>
                健康な人の体にも存在することが多く、病原性は低いと考えられています。多くの場合、<strong>無症状であれば急いで治療する必要はありません。</strong>
            </p>
        </div>

        <div class="type-box" style="flex: 1; min-width: 280px; max-width: 420px; border: 2px solid #00bcd4; border-radius: 12px; padding: 25px; background: #f7fcff; position: relative; box-shadow: 0 4px 12px rgba(0,188,212,0.1); box-sizing: border-box;">
            <span style="position: absolute; top: -12px; left: 20px; background: #D32F2F; color: #fff; padding: 2px 12px; border-radius: 20px; font-size: 0.8em; font-weight: bold;">要注意</span>
            <h3 style="margin-top: 10px; font-size: 1.2em; color: #005a87; border-bottom: 2px solid #00bcd4; padding-bottom: 10px; margin-bottom: 15px; text-align: center;">
                U. urealyticum<br><span style="font-size: 0.8em; color: #005a87;">(ウレアリチカム)</span>
            </h3>
            <p style="font-size: 0.95em; line-height: 1.7; color: #333; text-align: left;">
                <strong><span style="color: #D32F2F;">「炎症」を引き起こす菌</span>です。</strong><br>
                男性の尿道炎や、女性の骨盤内炎症の原因となることが指摘されています。<strong>自覚症状がある場合は、優先的に治療を行う対象となります。</strong>
            </p>
        </div>

    </div>

    <div style="background-color: #fff9e6; border-left: 4px solid #ffc107; padding: 20px; margin-bottom: 35px; font-size: 0.95em; color: #665200; text-align: left; border-radius: 0 8px 8px 0;">
        <strong>【院長のこだわり】</strong> 当院ではこれら2種を精密に区別して診断します。ガイドラインに基づき「本当に治療が必要なケース」を見極め、体への負担を考えた適切な処方を行います。
    </div>

    <div class="check-box" style="background-color: #f0fbfc; border: 1px solid #b2ebf2; border-radius: 12px; padding: 35px 25px; margin-top: 30px;">
        <h3 style="margin-top: 0; text-align: center; font-size: 1.3em; color: #333; margin-bottom: 25px;">
            <span style="border-bottom: 2px solid #00bcd4; padding-bottom: 5px;">このような方はご相談ください</span>
        </h3>

        <div style="max-width: 450px; margin: 0 auto; text-align: left;">
            <ul style="list-style-type: none; padding-left: 0; margin: 0;">
                <li style="font-size: 1.05em; margin-bottom: 15px; padding-left: 35px; position: relative; color: #333; line-height: 1.5;">
                    <span style="position: absolute; left: 0; top: 0; color: #00bcd4; font-size: 1.4em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    尿道に違和感・ムズムズ感がある
                </li>
                <li style="font-size: 1.05em; margin-bottom: 15px; padding-left: 35px; position: relative; color: #333; line-height: 1.5;">
                    <span style="position: absolute; left: 0; top: 0; color: #00bcd4; font-size: 1.4em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    おりものの量やにおいが普段と違う
                </li>
                <li style="font-size: 1.05em; margin-bottom: 15px; padding-left: 35px; position: relative; color: #333; line-height: 1.5;">
                    <span style="position: absolute; left: 0; top: 0; color: #00bcd4; font-size: 1.4em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    のどの痛みや、飲み込む時の違和感がある
                </li>
                <li style="font-size: 1.05em; margin-bottom: 15px; padding-left: 35px; position: relative; color: #333; line-height: 1.5;">
                    <span style="position: absolute; left: 0; top: 0; color: #00bcd4; font-size: 1.4em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    パートナーが陽性と診断された
                </li>
                <li style="font-size: 1.05em; padding-left: 35px; position: relative; color: #333; line-height: 1.5;">
                    <span style="position: absolute; left: 0; top: 0; color: #00bcd4; font-size: 1.4em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    妊娠中・妊活中で少しでも不安がある
                </li>
            </ul>
        </div>
    </div>

    <div style="text-align:center; padding: 30px 20px; background-color: #fff; border: 1px solid #eee; border-radius: 12px; margin-top: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
        <p style="font-size: 1.1em; font-weight: bold; margin-top:0; color: #333; margin-bottom: 20px;">
            「どちらの菌か知りたい」「症状が不安」な方は<br>
            24時間受付中のLINE相談が便利です
        </p>
        <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; width: 100%; max-width: 350px; padding: 18px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 50px; font-size: 1.2em; box-shadow: 0 4px 0 #009900;">
            LINEで受診相談・予約
        </a>
    </div>

</div>

<hr style="margin-top: 40px; border: 0; border-top: 1px solid #eee;">



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px;">

    <h2 id="toc2" style="font-size: 1.5em; color: #333; border-left: 5px solid #e91e63; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        2. 症状チェック（男女・部位別）
    </h2>

    <div style="background-color: #fff5f7; border: 1px solid #ffdde5; border-radius: 12px; padding: 25px; margin-bottom: 35px; text-align: left;">
        <p style="margin: 0; line-height: 1.7; color: #d81b60; font-weight: bold; font-size: 1.1em;">
            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ウレアプラズマは「隠れ感染」に注意が必要です
        </p>
        <p style="margin: 10px 0 0 0; font-size: 0.95em; line-height: 1.6; color: #555;">
            ウレアプラズマの症状は、淋菌やクラミジアと非常によく似ています。見た目や感覚だけで判断することは不可能であり、正確な診断には<strong>「他の菌も合わせた同時検査」</strong>が欠かせません。
        </p>
    </div>

    <div class="symptom-cards" style="display: flex; justify-content: center; gap: 20px; margin: 30px 0; flex-wrap: wrap;">

        <div class="symptom-card" style="flex: 1; min-width: 280px; max-width: 420px; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; background: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); box-sizing: border-box;">
            <h3 style="margin-top: 0; font-size: 1.3em; color: #007bff; border-bottom: 2px solid #007bff; padding-bottom: 12px; margin-bottom: 20px; text-align: center;">
                <span style="font-size: 1.4em; margin-right: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6b9.png" alt="🚹" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 男性の症状
            </h3>
            <ul style="padding-left: 0; list-style: none; margin: 0; font-size: 0.95em; color: #444; text-align: left;">
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #007bff;">●</span>尿道のムズムズ感・かゆみ
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #007bff;">●</span>軽い排尿痛（終わりのツンとする痛み）
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #007bff;">●</span>透明〜白っぽい分泌物（膿）が出る
                </li>
                <li style="margin-top: 15px; padding-left: 25px; position: relative; color: #666; font-size: 0.85em; line-height: 1.4; border-top: 1px solid #eee; padding-top: 10px;">
                    <span style="position: absolute; left: 0; color: #999;">※</span>放置すると精巣上体炎に繋がる恐れがあります。
                </li>
            </ul>
        </div>

        <div class="symptom-card" style="flex: 1; min-width: 280px; max-width: 420px; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; background: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); box-sizing: border-box;">
            <h3 style="margin-top: 0; font-size: 1.3em; color: #e91e63; border-bottom: 2px solid #e91e63; padding-bottom: 12px; margin-bottom: 20px; text-align: center;">
                <span style="font-size: 1.4em; margin-right: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6ba.png" alt="🚺" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 女性の症状
            </h3>
            <ul style="padding-left: 0; list-style: none; margin: 0; font-size: 0.95em; color: #444; text-align: left;">
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #e91e63;">●</span>おりものの量・色・においの変化
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #e91e63;">●</span>膣の違和感、持続するかゆみ
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #e91e63;">●</span>下腹部痛、性交痛、不正出血
                </li>
                <li style="margin-top: 15px; padding-left: 25px; position: relative; color: #d81b60; font-weight: bold; font-size: 0.85em; line-height: 1.4; border-top: 1px solid #eee; padding-top: 10px;">
                    <span style="position: absolute; left: 0;">※</span>女性は「無症状」のケースが非常に多いため、心当たりがある場合は検査を推奨します。
                </li>
            </ul>
        </div>

        <div class="symptom-card" style="flex: 1; min-width: 280px; max-width: 420px; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; background: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); box-sizing: border-box;">
            <h3 style="margin-top: 0; font-size: 1.3em; color: #ff9800; border-bottom: 2px solid #ff9800; padding-bottom: 12px; margin-bottom: 20px; text-align: center;">
                <span style="font-size: 1.4em; margin-right: 5px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f444.png" alt="👄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> のどの症状
            </h3>
            <ul style="padding-left: 0; list-style: none; margin: 0; font-size: 0.95em; color: #444; text-align: left;">
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #ff9800;">●</span>のどの違和感、イガイガする感じ
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #ff9800;">●</span>飲み込む時の軽い痛み、腫れ
                </li>
                <li style="margin-bottom: 12px; padding-left: 25px; position: relative;">
                    <span style="position: absolute; left: 0; color: #ff9800;">●</span>風邪のような喉の不快感が続く
                </li>
                <li style="margin-top: 15px; padding-left: 25px; position: relative; color: #666; font-size: 0.85em; line-height: 1.4; border-top: 1px solid #eee; padding-top: 10px;">
                    <span style="position: absolute; left: 0; color: #999;">※</span>無症状で菌を保有している場合が多いため、喉を使った性交（オーラル）に心当たりがある方は注意が必要です。
                </li>
            </ul>
        </div>
    </div>

    <div style="text-align:center; padding: 35px 25px; background-color: #f8f9fa; border-radius: 15px; margin-top: 35px; border: 1px solid #eee;">
        <p style="font-size: 1.15em; font-weight: bold; margin-top:0; color: #333; line-height: 1.6;">
            その症状、放置せず「原因」を特定しませんか？
        </p>
        <p style="font-size: 0.95em; color: #666; margin-bottom: 25px;">恵比寿駅3分、夜22時まで当日検査が可能です。</p>
        
        <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 240px; max-width: 320px; padding: 18px; background-color: #333; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; text-align: center;">
                Webで即時検査予約
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 240px; max-width: 320px; padding: 18px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; text-align: center;">
                LINEで無料相談
            </a>
        </div>
        
        <p style="margin-top: 25px; font-size: 1.05em; font-weight: bold;">
            <a href="tel:050-8885-0783" style="color: #333; text-decoration: none;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お電話：050-8885-0783</a>
        </p>
    </div>

</div>

<hr style="margin-top: 40px; border: 0; border-top: 1px solid #eee;">



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px;">

    <h2 id="toc3" style="font-size: 1.5em; color: #333; border-left: 5px solid #00bcd4; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        3. 検査の流れと料金
    </h2>

    <p style="line-height: 1.8; color: #444; text-align: left;">
        当院では、患者様のプライバシーを守りながら、最短ルートで安心をお届けできるよう努めています。検査は数分で終了し、痛みもほとんどありません。
    </p>

    <div class="flow-container" style="background-color: #f0fbfc; border: 1px solid #b2ebf2; border-radius: 12px; padding: 35px 25px; margin: 30px 0;">
        <h3 style="margin-top: 0; font-size: 1.25em; text-align: center; color: #00838f; margin-bottom: 30px;">ご来院から検査・結果までの流れ</h3>
        
        <div style="max-width: 600px; margin: 0 auto; position: relative; text-align: left;">
            <div style="display: flex; align-items: flex-start; margin-bottom: 25px;">
                <div style="background: #00bcd4; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; margin-right: 15px;">1</div>
                <div>
                    <strong style="font-size: 1.1em; color: #333;">診察・カウンセリング</strong>
                    <p style="margin: 5px 0 0 0; font-size: 0.9em; color: #555;">経験豊富な医師が、ご不安や症状を秘密厳守でお伺いします。</p>
                </div>
            </div>
            <div style="display: flex; align-items: flex-start; margin-bottom: 25px;">
                <div style="background: #00bcd4; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; margin-right: 15px;">2</div>
                <div>
                    <strong style="font-size: 1.1em; color: #333;">検体採取（痛みはありません）</strong>
                    <p style="margin: 5px 0 0 0; font-size: 0.9em; color: #555;">
                        尿（男性）、膣分泌物（女性・自己採取可）、<strong>ぬぐい液（のど）</strong>を採取します。
                    </p>
                </div>
            </div>
            <div style="display: flex; align-items: flex-start; margin-bottom: 25px;">
                <div style="background: #00bcd4; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; margin-right: 15px;">3</div>
                <div>
                    <strong style="font-size: 1.1em; color: #333;">結果の通知（最短3日〜4日）</strong>
                    <p style="margin: 5px 0 0 0; font-size: 0.9em; color: #555;">
                        検査結果は<strong>最短3日～4日程度</strong>で判明。LINEやWeb予約システムからスマートにお知らせします。
                    </p>
                </div>
            </div>
            <div style="display: flex; align-items: flex-start;">
                <div style="background: #00bcd4; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; margin-right: 15px;">4</div>
                <div>
                    <strong style="font-size: 1.1em; color: #333;">治療（陽性の場合）</strong>
                    <p style="margin: 5px 0 0 0; font-size: 0.9em; color: #555;">
                        陽性の場合は速やかに治療を開始します。お薬の処方から完治まで徹底サポートします。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="pricing-container" style="margin-top: 40px;">
        <h3 style="font-size: 1.3em; text-align: center; color: #333; margin-bottom: 30px;">検査・治療料金（税込）</h3>

        <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 40px;">
            <div style="flex: 1; min-width: 280px; max-width: 400px; border: 1px solid #ddd; border-radius: 12px; padding: 25px; text-align: center; background: #fff; box-sizing: border-box;">
                <h4 style="margin: 0; font-size: 1.1em; color: #666;">ウレアプラズマ/マイコプラズマ検査</h4>
                <div style="font-size: 2em; font-weight: bold; color: #D32F2F; margin: 15px 0;">8,980<span style="font-size: 0.5em;">円</span></div>
                <p style="font-size: 0.85em; color: #888;">尿・おりもの・ぬぐい液から1部位を選択</p>
            </div>
            <div style="flex: 1; min-width: 280px; max-width: 400px; border: 1px solid #ddd; border-radius: 12px; padding: 25px; text-align: center; background: #fff; box-sizing: border-box;">
                <h4 style="margin: 0; font-size: 1.1em; color: #666;">治療薬（飲み薬）</h4>
                <div style="font-size: 2em; font-weight: bold; color: #D32F2F; margin: 15px 0;">7,980<span style="font-size: 0.5em;">円</span></div>
                <p style="font-size: 0.85em; color: #888;">陽性の場合、その場で処方可能です</p>
            </div>
        </div>

        <h4 style="text-align: center; background: #333; color: #fff; padding: 12px; border-radius: 5px; margin-bottom: 25px; font-size: 1.1em;">安心のセットプラン一覧</h4>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 20px; justify-content: center;">
            
            <div style="border: 1px solid #ddd; border-radius: 12px; padding: 20px; background: #fafafa; box-sizing: border-box;">
                <h5 style="margin: 0; font-size: 1.15em; color: #333; text-align: center;">ベーシックセット</h5>
                <div style="font-size: 1.5em; font-weight: bold; color: #D32F2F; text-align: center; margin: 10px 0;">14,800<span style="font-size: 0.6em;">円</span></div>
                <p style="font-size: 0.85em; line-height: 1.6; color: #666; background: #fff; padding: 15px; border-radius: 8px; margin: 0; text-align: left;">
                    <strong>〈性器の主要4種〉</strong><br>
                    淋菌(性器), クラミジア(性器), マイコプラズマ(性器), ウレアプラズマ(性器)
                </p>
            </div>

            <div style="border: 2px solid #00bcd4; border-radius: 12px; padding: 20px; background: #f7fcff; position: relative; box-sizing: border-box;">
                <span style="position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #00bcd4; color: #fff; padding: 2px 15px; border-radius: 20px; font-size: 0.8em; font-weight: bold;">一番人気</span>
                <h5 style="margin: 0; font-size: 1.15em; color: #005a87; text-align: center; margin-top: 5px;">スタンダードセット</h5>
                <div style="font-size: 1.5em; font-weight: bold; color: #D32F2F; text-align: center; margin: 10px 0;">19,800<span style="font-size: 0.6em;">円</span></div>
                <p style="font-size: 0.85em; line-height: 1.6; color: #333; background: #fff; padding: 15px; border-radius: 8px; margin: 0; text-align: left;">
                    <strong>〈性器＋のどの主要リスク〉</strong><br>
                    HIV, 梅毒, 淋菌(性器/咽頭), クラミジア(性器/咽頭), マイコプラズマ(性器), ウレアプラズマ(性器)
                </p>
            </div>

            <div style="border: 1px solid #ddd; border-radius: 12px; padding: 20px; background: #fafafa; box-sizing: border-box;">
                <h5 style="margin: 0; font-size: 1.15em; color: #333; text-align: center;">アドバンストセット</h5>
                <div style="font-size: 1.5em; font-weight: bold; color: #D32F2F; text-align: center; margin: 10px 0;">32,800<span style="font-size: 0.6em;">円</span></div>
                <p style="font-size: 0.85em; line-height: 1.6; color: #666; background: #fff; padding: 15px; border-radius: 8px; margin: 0; text-align: left;">
                    <strong>〈広範囲な14項目〉</strong><br>
                    HIV, 梅毒, B型/C型肝炎, 淋菌(性器/咽頭), クラミジア(性器/咽頭), マイコプラズマ(性器/咽頭), ウレアプラズマ(性器/咽頭), 性器ヘルペス(視診), 尖圭コンジローマ(視診)
                </p>
            </div>

            <div style="border: 1px solid #ddd; border-radius: 12px; padding: 20px; background: #fafafa; box-sizing: border-box;">
                <h5 style="margin: 0; font-size: 1.15em; color: #333; text-align: center;">コンプリートセット</h5>
                <div style="font-size: 1.5em; font-weight: bold; color: #D32F2F; text-align: center; margin: 10px 0;">43,000<span style="font-size: 0.6em;">円</span></div>
                <p style="font-size: 0.85em; line-height: 1.6; color: #666; background: #fff; padding: 15px; border-radius: 8px; margin: 0; text-align: left;">
                    <strong>〈最大19項目フルカバー〉</strong><br>
                    HIV, 梅毒, B型/C型肝炎, 淋菌(性器/咽頭), クラミジア(性器/咽頭), マイコ(性器/咽頭), ウレア(性器/咽頭), トリコモナス, カンジダ(性器/咽頭), ヘルペス(視診), コンジローマ(視診), 一般細菌培養(性器/咽頭)
                </p>
            </div>
        </div>
    </div>

    <div class="recommendation-box" style="background-color: #333; border-radius: 12px; padding: 35px 25px; margin-top: 40px; color: #fff;">
        <h3 style="margin-top: 0; text-align: center; font-size: 1.25em; color: #fff; margin-bottom: 25px;">お悩み別：推奨プラン</h3>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; text-align: left;">
            <div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px;">
                <strong style="color: #00bcd4; display: block; margin-bottom: 10px;">● 性器に症状がある方</strong>
                <p style="font-size: 0.9em; margin: 0; line-height: 1.6;">一番人気の<strong>「スタンダードセット」</strong>または<strong>「ベーシックセット」</strong>が推奨されます。</p>
            </div>
            <div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px;">
                <strong style="color: #00bcd4; display: block; margin-bottom: 10px;">● パートナー陽性の方</strong>
                <p style="font-size: 0.9em; margin: 0; line-height: 1.6;"><strong>「単体検査(8,980円)」</strong>で特定の菌の有無を迅速に確認可能です。</p>
            </div>
            <div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px;">
                <strong style="color: #00bcd4; display: block; margin-bottom: 10px;">● 徹底的に調べたい方</strong>
                <p style="font-size: 0.9em; margin: 0; line-height: 1.6;"><strong>「アドバンスト」</strong>以上なら、自分では気づけないリスクも網羅できます。</p>
            </div>
        </div>
    </div>

    <div style="text-align:center; margin-top: 40px; padding: 0 10px;">
        <p style="font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 25px;">
            Web予約なら待ち時間なし。当日の検査・処方が可能です。
        </p>
        <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 18px; background-color: #00bcd4; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #0097a7; text-align: center;">
                Webで即時検査予約
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 18px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #009900; text-align: center;">
                LINEで無料相談
            </a>
        </div>
    </div>

</div>

<hr style="margin-top: 40px; border: 0; border-top: 1px solid #eee;">



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px;">

    <h2 id="toc4" style="font-size: 1.5em; color: #333; border-left: 5px solid #ff9800; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        4. 治療と再発対策（パートナーの同時治療）
    </h2>

    <p style="line-height: 1.8; color: #444; text-align: left;">
        ウレアプラズマは「陽性だからといって全員が薬を飲めばいい」というわけではありません。当院では薬剤耐性菌のリスクを考慮し、ガイドラインに基づいた適切な判断を行います。
    </p>

    <div class="treatment-policy" style="background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 12px; padding: 35px 25px; margin: 30px 0;">
        <h3 style="margin-top: 0; font-size: 1.25em; text-align: center; color: #333; border-bottom: 2px solid #ccc; padding-bottom: 12px; margin-bottom: 25px;">
            当院の治療方針と費用
        </h3>
        
        <div style="display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;">
            <div style="flex: 1; min-width: 280px; max-width: 450px; text-align: left;">
                <h4 style="font-size: 1.1em; color: #005a87; margin-bottom: 15px; display: flex; align-items: center;">
                    <span style="font-size: 1.3em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 治療が必要となる主なケース
                </h4>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #444; line-height: 1.8; margin: 0;">
                    <li>排尿痛、おりもの異常などの<strong>症状がある</strong></li>
                    <li><strong>U. urealyticum (ウレアリチカム)</strong> が検出された</li>
                    <li>妊娠中・妊活中で医師が必要と判断した</li>
                    <li><strong>パートナーが陽性</strong>で治療を行っている</li>
                </ul>
            </div>
            
            <div style="flex: 1; min-width: 280px; max-width: 350px; background: #fff; padding: 25px; border-radius: 10px; border: 1px dashed #00bcd4; box-sizing: border-box;">
                <h4 style="font-size: 1.1em; color: #333; margin-top: 0; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;">
                    <span style="font-size: 1.3em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 治療法と費用
                </h4>
                <p style="font-size: 0.9em; line-height: 1.6; margin-bottom: 20px; text-align: left;">
                    ウレアプラズマに有効な<strong>抗菌薬（飲み薬）</strong>を処方します。指示された期間、正しく飲み切ることが完治への近道です。
                </p>
                <div style="text-align: center; border-top: 1px solid #eee; padding-top: 15px;">
                    <span style="font-size: 0.9em; color: #666;">治療薬：</span>
                    <span style="font-size: 1.8em; font-weight: bold; color: #D32F2F;">7,980<span style="font-size: 0.5em;">円(税込)</span></span>
                </div>
            </div>
        </div>
    </div>

    <div class="relapse-warning" style="margin-top: 45px;">
        <h3 style="font-size: 1.3em; text-align: center; color: #333; margin-bottom: 30px;">“治らない・再発する” のを防ぐために</h3>

        <div style="background-color: #fff8f1; border: 1px solid #ffe0b2; border-radius: 12px; padding: 30px 25px; margin-bottom: 35px;">
            <h4 style="margin-top: 0; text-align: center; font-size: 1.1em; color: #e65100; margin-bottom: 25px;">
                <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> なかなか治らない3つの主な原因
            </h4>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; justify-content: center;">
                <div style="background: #fff; padding: 20px; border-radius: 8px; border-left: 4px solid #D32F2F; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: left;">
                    <strong style="font-size: 1em; color: #333; display: block; margin-bottom: 8px;">1. ピンポン感染</strong>
                    <p style="font-size: 0.85em; margin: 0; color: #666; line-height: 1.6;">パートナーが未治療のため、治った後に再びうつされてしまうケース。</p>
                </div>
                <div style="background: #fff; padding: 20px; border-radius: 8px; border-left: 4px solid #D32F2F; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: left;">
                    <strong style="font-size: 1em; color: #333; display: block; margin-bottom: 8px;">2. 服薬の不徹底</strong>
                    <p style="font-size: 0.85em; margin: 0; color: #666; line-height: 1.6;">飲み忘れや、症状が消えたからと途中で薬をやめて菌が生き残るケース。</p>
                </div>
                <div style="background: #fff; padding: 20px; border-radius: 8px; border-left: 4px solid #D32F2F; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: left;">
                    <strong style="font-size: 1em; color: #333; display: block; margin-bottom: 8px;">3. 薬剤耐性・他疾患</strong>
                    <p style="font-size: 0.85em; margin: 0; color: #666; line-height: 1.6;">M.ジェニタリウム等との混合感染や、薬が効きにくい耐性菌のケース。</p>
                </div>
            </div>
        </div>

        <div class="solution-box" style="background-color: #f7fcff; border: 2px solid #00bcd4; border-radius: 15px; padding: 35px 25px; box-shadow: 0 4px 15px rgba(0,188,212,0.1); max-width: 800px; margin: 0 auto;">
            <h4 style="margin-top: 0; text-align: center; font-size: 1.4em; color: #005a87; line-height: 1.5;">
                <span style="font-size: 1.2em; display: block; margin-bottom: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f46b.png" alt="👫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                再発防止の最大の鍵は<br>「パートナーの同時治療」です
            </h4>
            
            <p style="font-size: 1em; line-height: 1.8; color: #444; margin: 20px 0; text-align: left;">
                ウレアプラズマは性行為を通じてパートナー間で容易に感染します。ご自身だけが完治しても、パートナーが菌を保有したままでは、性行為の再開によって再び感染します。これが<strong>「ピンポン感染」</strong>です。
            </p>
            
            <div style="background: #fff; padding: 25px; border-radius: 10px; margin-bottom: 25px; border: 1px solid #b2ebf2;">
                <p style="font-size: 1.05em; line-height: 1.6; font-weight: bold; color: #D32F2F; text-align: center; margin: 0;">
                    パートナーに症状がなくても、<br>必ず同時に検査・治療を行うことを強く推奨します。
                </p>
            </div>

            <p style="font-size: 0.95em; text-align: center; color: #666; margin-bottom: 0;">
                当院ではお二人一緒でのご来院も歓迎しております。<br>
                大切な方を守るため、そしてご自身の再発を防ぐため、一緒に解決しましょう。
            </p>
        </div>
    </div>

    <div style="text-align:center; margin-top: 45px; padding: 0 10px;">
        <p style="font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 25px;">
            お二人での受診予約もこちらから受け付けております
        </p>
        <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 18px; background-color: #00bcd4; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #0097a7; text-align: center;">
                Webで診察予約
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 18px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #009900; text-align: center;">
                LINEで受診・相談
            </a>
        </div>
    </div>

</div>

<hr style="margin-top: 45px; border: 0; border-top: 1px solid #eee;">



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px;">

    <h2 id="toc5" style="font-size: 1.5em; color: #333; border-left: 5px solid #9c27b0; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        5. 妊娠・不妊とウレアプラズマ
    </h2>

    <p style="line-height: 1.8; color: #444; text-align: left;">
        「ウレアプラズマが不妊や早産の原因になる」という情報を目にし、ご不安になられる方は少なくありません。
        この関連性については、最新の医学研究でも非常に慎重な判断が必要な領域です。
    </p>

    <div class="medical-fact-container" style="display: flex; justify-content: center; gap: 20px; margin: 35px 0; flex-wrap: wrap;">

        <div class="fact-box" style="flex: 1; min-width: 280px; max-width: 430px; border: 1px solid #e1bee7; border-radius: 12px; padding: 30px 25px; background: #fff; box-sizing: border-box; box-shadow: 0 4px 10px rgba(156, 39, 176, 0.05);">
            <h3 style="margin-top: 0; font-size: 1.2em; color: #4a148c; border-bottom: 2px solid #e1bee7; padding-bottom: 12px; margin-bottom: 20px; text-align: center;">
                不妊症との関係
            </h3>
            <p style="font-size: 0.95em; line-height: 1.8; color: #444; text-align: left;">
                ウレアプラズマ（特に <em>U. urealyticum</em>）が上行性に感染し、卵管炎や骨盤内炎症性疾患（PID）を引き起こした場合、<strong>卵管性不妊のリスク因子</strong>となる可能性が指摘されています。
            </p>
            <div style="margin-top: 20px; padding: 12px; background: #f3e5f5; border-radius: 8px; font-size: 0.9em; color: #4a148c; font-weight: bold; text-align: center;">
                陽性 ＝ 即不妊症ではありません
            </div>
            <p style="font-size: 0.85em; color: #777; margin-top: 15px; text-align: left; line-height: 1.6;">
                不妊の原因は多岐にわたるため、他の要因と合わせた専門医による総合的な評価が欠かせません。
            </p>
        </div>

        <div class="fact-box" style="flex: 1; min-width: 280px; max-width: 430px; border: 1px solid #e1bee7; border-radius: 12px; padding: 30px 25px; background: #fff; box-sizing: border-box; box-shadow: 0 4px 10px rgba(156, 39, 176, 0.05);">
            <h3 style="margin-top: 0; font-size: 1.2em; color: #4a148c; border-bottom: 2px solid #e1bee7; padding-bottom: 12px; margin-bottom: 20px; text-align: center;">
                妊娠・早産への影響
            </h3>
            <p style="font-size: 0.95em; line-height: 1.8; color: #444; text-align: left;">
                妊娠中の感染（絨毛膜羊膜炎など）が、早産や低出生体重児のリスクに関連するという研究報告があります。
            </p>
            <div style="margin-top: 20px; padding: 12px; background: #f3e5f5; border-radius: 8px; font-size: 0.9em; color: #4a148c; font-weight: bold; text-align: center;">
                医学的な結論はまだ出ていません
            </div>
            <p style="font-size: 0.85em; color: #777; margin-top: 15px; text-align: left; line-height: 1.6;">
                治療（抗菌薬投与）がどこまで有益かについては、現在も専門家の間で議論が続いており、個別判断が必要です。
            </p>
        </div>

    </div>

    <div class="clinic-stance-box" style="background-color: #f7fcff; border: 2px solid #00bcd4; border-radius: 15px; padding: 40px 30px; position: relative; max-width: 800px; margin: 40px auto 0;">
        <div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #00bcd4; color: #fff; padding: 4px 25px; border-radius: 20px; font-weight: bold; font-size: 0.9em; letter-spacing: 0.05em;">
            Medical Policy
        </div>
        
        <h3 style="margin-top: 10px; text-align: center; font-size: 1.35em; color: #005a87; margin-bottom: 25px;">
            <span style="font-size: 1.4em; vertical-align: middle; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469-200d-2695-fe0f.png" alt="👩‍⚕️" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 妊活中・妊娠中の方へ
        </h3>
        
        <p style="font-size: 1em; line-height: 1.9; color: #333; text-align: center; max-width: 650px; margin: 0 auto;">
            当院では、過度に不安を煽ることはいたしません。患者様の状況（症状の有無、不妊治療の進捗、妊娠週数など）を丁寧にお伺いします。
        </p>
        
        <div style="margin: 30px 0; background: #fff; border-radius: 10px; padding: 25px; border: 1px dashed #00bcd4; text-align: center;">
            <p style="font-weight: bold; color: #00bcd4; margin: 0; font-size: 1.15em; line-height: 1.6;">
                産婦人科や不妊治療の主治医と連携し、<br>お一人おひとりに最適な判断を行います
            </p>
        </div>
        
        <p style="font-size: 0.95em; line-height: 1.8; color: #555; text-align: center; margin-bottom: 30px;">
            一人で悩まず、どんなに小さな不安でもまずはご相談ください。<br>細菌学・免疫学の知見に基づいた、医学的根拠のあるアドバイスをさせていただきます。
        </p>

        <div style="text-align:center; border-top: 1px solid #e0f7fa; padding-top: 30px;">
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; width: 100%; max-width: 380px; padding: 18px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 50px; font-size: 1.15em; box-shadow: 0 4px 0 #009900; text-align: center;">
                不安なことをLINEで相談する
            </a>
            <p style="margin-top: 20px; font-size: 1em; font-weight: bold;">
                <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" style="color: #00bcd4; text-decoration: underline;">Webから検査・診察を予約する</a>
            </p>
        </div>
    </div>

</div>

<hr style="margin-top: 45px; border: 0; border-top: 1px solid #eee;">



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;">

    <h2 id="toc6" style="font-size: 1.5em; color: #333; border-left: 5px solid #00bcd4; padding: 5px 15px; margin-top: 40px; margin-bottom: 25px; text-align: left;">
        6. よくある質問（FAQ）
    </h2>

    <style>
    /* FAQ全体のコンテナ設定 */
    .faq-accordion-wrapper {
        margin: 25px 0;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    /* 質問部分のスタイル */
    .faq-q-item {
        border-bottom: 1px solid #eee;
    }
    .faq-q-item:last-child {
        border-bottom: none;
    }

    .faq-q-button {
        width: 100%;
        padding: 22px 50px 22px 20px;
        font-size: 1em;
        font-weight: bold;
        color: #333;
        background-color: #fff;
        border: none;
        text-align: left;
        cursor: pointer;
        position: relative;
        display: block;
        line-height: 1.5;
        transition: background-color 0.2s ease;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box;
    }

    .faq-q-button::before {
        content: 'Q.';
        color: #00bcd4;
        margin-right: 10px;
        font-size: 1.1em;
    }

    .faq-q-button::after {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-top: 2px solid #ccc;
        border-right: 2px solid #ccc;
        transform: translateY(-70%) rotate(135deg);
        transition: transform 0.3s ease;
    }

    .faq-q-button.active {
        background-color: #f0fbfc;
        color: #007c91;
    }
    .faq-q-button.active::after {
        transform: translateY(-30%) rotate(-45deg);
        border-color: #00bcd4;
    }

    /* 回答部分のスタイル */
    .faq-a-panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        background-color: #fff;
    }
    .faq-a-content {
        padding: 5px 25px 30px 50px;
        font-size: 0.95em;
        line-height: 1.8;
        color: #555;
        position: relative;
        text-align: left;
    }
    .faq-a-content::before {
        content: 'A.';
        position: absolute;
        left: 20px;
        color: #D32F2F;
        font-weight: bold;
        font-size: 1.1em;
    }
    </style>

    <div class="faq-accordion-wrapper">
        <div class="faq-q-item">
            <button class="faq-q-button">「心当たりがないのに陽性」—どうして？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    ウレアプラズマ（特に <em>U. parvum</em>）は一般集団での保有率も高い常在菌の一種で、陽性＝直近の性行為による感染とは限りません。そのため「心当たりがない」ケースも多くあります。症状や炎症所見、検出された菌種（パルバムかウレアリチカムか）と合わせて総合的に診断します。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">自然に治りますか？放置は危険？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    無症状で常在菌の <em>U. parvum</em> が検出されただけなら、経過観察となることもあります。しかし、症状がある場合や <em>U. urealyticum</em> が原因と疑われる場合、放置すると炎症が広がり、男性は精巣上体炎、女性は卵管炎や不妊症の原因になるリスクがあります。症状があれば必ず受診してください。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">パートナーも治療が必要ですか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    はい、強く推奨します。ご自身が治療対象となった場合、症状がなくてもパートナーが感染している可能性が高いです。お互いにうつし合う「ピンポン感染」を防ぐために、同時に検査・治療を行うことが完治への近道です。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">どの薬が効きますか？耐性が心配です。</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    抗菌薬の選択は、症状、併発している感染症、過去の治療歴などを考慮して決定します。不必要な抗菌薬の投与は薬剤耐性化の要因になるため、当院ではガイドラインに準拠した適正使用を重要視しています。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">どのような行為でうつりますか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    主に性器同士の接触、オーラルセックス（咽頭への感染）、アナルセックスなどで感染（伝播）します。ただし、常在菌としての側面もあるため、感染経路が特定できないケースも少なくありません。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">検査は痛いですか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    痛みはほとんどありません。男性は尿検査、女性は膣分泌物（医師採取または自己採取）、のどは<strong>ぬぐい液</strong>（綿棒での採取）で検査します。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">治療後、いつから性行為を再開できますか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    処方されたお薬をすべて飲み切り、治療後に再検査（治癒確認）をして陰性が確認されるまで性行為はお控えください。ピンポン感染を防ぐため、パートナーの治療が完了することも重要です。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">保険は適用されますか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    当院の性感染症検査・治療は、原則として自由診療（自費）となります。保険証のご提示は不要で、履歴が残ることもありません。プライバシーを最優先される方も安心してご受診いただけます。
                </div>
            </div>
        </div>

        <div class="faq-q-item">
            <button class="faq-q-button">恵比寿の他のクリニックと何が違いますか？</button>
            <div class="faq-a-panel">
                <div class="faq-a-content">
                    当院は恵比寿駅徒歩3分、<strong>夜22時まで・年中無休</strong>で診療しており、お仕事帰りでも受診しやすい体制です。また、LINEで予約から結果確認まで完結し、プライバシーにも配慮しています。「心当たりがない」といったデリケートなご不安にも、医学的根拠に基づいて丁寧に寄り添う診療を心がけています。
                </div>
            </div>
        </div>
    </div>

    <div style="text-align:center; padding: 40px 30px; background-color: #f0fbfc; border: 1px solid #00bcd4; border-radius: 15px; margin-top: 40px;">
        <p style="font-size: 1.2em; font-weight: bold; margin-top:0; color: #333; line-height: 1.6;">
            疑問は解決しましたか？<br>少しでも不安が残るなら、まずは当院へご相談ください。
        </p>
        
        <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 30px;">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 20px; background-color: #00bcd4; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #0097a7; text-align: center;">
                Webで即時予約
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 250px; max-width: 350px; padding: 20px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; box-shadow: 0 4px 0 #009900; text-align: center;">
                LINEで無料相談
            </a>
        </div>
        <p style="margin-top: 25px; font-size: 1.1em; font-weight: bold;">
            <a href="tel:050-8885-0783" style="color: #333; text-decoration: none;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お電話：050-8885-0783</a>
        </p>
    </div>

</div>

<script>
document.querySelectorAll('.faq-q-button').forEach(button => {
    button.addEventListener('click', () => {
        const panel = button.nextElementSibling;
        button.classList.toggle('active');
        
        if (panel.style.maxHeight) {
            panel.style.maxHeight = null;
        } else {
            panel.style.maxHeight = panel.scrollHeight + 'px';
        } 
    });
});
</script>

<hr style="margin-top: 45px; border: 0; border-top: 1px solid #eee;">



<div style="max-width: 900px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;">

    <div class="supervisor-section" style="margin-top: 60px; padding: 40px 30px; background-color: #f8f9fa; border-radius: 15px; border: 1px solid #e0e0e0; box-sizing: border-box;">
        <h2 style="font-size: 1.2em; color: #333; text-align: center; margin-top: 0; margin-bottom: 30px; letter-spacing: 0.1em;">
            MEDICAL SUPERVISION<br>
            <span style="font-size: 0.7em; color: #00bcd4;">この記事の監修者</span>
        </h2>

        <div style="display: flex; gap: 30px; flex-wrap: wrap; align-items: flex-start; justify-content: center;">
            <div style="flex: 0 0 180px;">
                <div style="width: 180px; height: 180px; border-radius: 50%; background-color: #ddd; overflow: hidden; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
                    <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999; font-size: 0.8em;">Dr. Photo</div>
                </div>
            </div>

            <div style="flex: 1; min-width: 280px; text-align: left;">
                <div style="margin-bottom: 15px;">
                    <span style="font-size: 0.9em; color: #00bcd4; font-weight: bold;">モイストクリニック 院長</span>
                    <h3 style="margin: 5px 0; font-size: 1.6em; color: #333;">
                        金谷 正樹 <span style="font-size: 0.6em; font-weight: normal; color: #666;">Masaki Kanaya</span>
                    </h3>
                </div>

                <p style="font-size: 0.95em; line-height: 1.8; color: #444; margin-bottom: 20px;">
                    国際医療福祉大学病院、東京医科歯科大学病院（現 東京科学大学病院）などで研鑽を積み、モイストクリニックにて性感染症を中心に診療を行う。
                    日本性感染症学会の会員として活動しており、得意分野である細菌学と免疫学の知識を活かして、患者さまご本人とパートナーさまが幸せになれるような医療の実践を目指している。
                </p>

                <div style="background: #fff; padding: 15px; border-radius: 8px; font-size: 0.85em; color: #555; border: 1px solid #eee;">
                    <strong style="display: block; margin-bottom: 5px; color: #333;">■ 所属学会</strong>
                    日本性感染症学会 会員
                </div>
            </div>
        </div>
    </div>

    <div class="reference-section" style="margin-top: 40px; padding: 30px; background-color: #fff; border: 1px solid #eee; border-radius: 12px; text-align: left; box-sizing: border-box;">
        <h3 style="font-size: 1.1em; color: #333; margin-top: 0; margin-bottom: 20px; display: flex; align-items: center;">
            <span style="width: 4px; height: 20px; background: #00bcd4; display: inline-block; margin-right: 10px;"></span>
            参考文献・エビデンス
        </h3>
        <ul style="list-style-type: none; padding-left: 0; margin: 0; font-size: 0.85em; line-height: 1.8; color: #666;">
            <li style="margin-bottom: 10px; padding-left: 15px; position: relative;"><span style="position: absolute; left: 0;">・</span>日本性感染症学会：性感染症 診断・治療 ガイドライン 2020</li>
            <li style="margin-bottom: 10px; padding-left: 15px; position: relative;"><span style="position: absolute; left: 0;">・</span>CDC：Sexually Transmitted Infections Treatment Guidelines, 2021</li>
            <li style="margin-bottom: 10px; padding-left: 15px; position: relative;"><span style="position: absolute; left: 0;">・</span>BASHH：UK national guideline on the management of Mycoplasma genitalium (2018, updated 2023)</li>
            <li style="margin-bottom: 0; padding-left: 15px; position: relative;"><span style="position: absolute; left: 0;">・</span>IUSTI：IUSTI European guidelines</li>
        </ul>
    </div>

    <hr style="margin-top: 50px; border: 0; border-top: 1px solid #eee;">

    <h2 id="toc7" style="font-size: 1.5em; color: #333; border-left: 5px solid #333; padding: 5px 15px; margin-top: 50px; margin-bottom: 30px; text-align: left;">
        7. 予約・アクセス
    </h2>

    <div style="display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 40px; align-items: stretch;">
        <div style="flex: 1; min-width: 300px; text-align: left;">
            <div style="background: #fdfdfd; padding: 25px; border-radius: 12px; border: 1px solid #eee; height: 100%; box-sizing: border-box;">
                <h3 style="font-size: 1.2em; color: #333; margin-top: 0; margin-bottom: 20px;">モイストクリニック 恵比寿院</h3>
                
                <p style="font-size: 0.95em; margin-bottom: 15px; line-height: 1.6;">
                    <strong>住所：</strong><br>
                    〒150-0021<br>東京都渋谷区恵比寿西1-2-1 エビスマンション610
                </p>
                
                <p style="font-size: 0.95em; margin-bottom: 15px; line-height: 1.6;">
                    <strong>アクセス：</strong><br>
                    JR山手線「恵比寿駅」西口より徒歩3分<br>
                    東京メトロ日比谷線「恵比寿駅」2番出口より徒歩3分
                </p>

                <p style="font-size: 0.95em; margin-bottom: 15px; line-height: 1.6;">
                    <strong>診療時間：</strong><br>
                    14:00～22:00（年中無休）
                </p>

                <p style="font-size: 1.1em; font-weight: bold; color: #333;">
                    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <a href="tel:050-8885-0783" style="color: #333; text-decoration: none;">050-8885-0783</a>
                </p>
            </div>
        </div>

        <div style="flex: 1; min-width: 300px; border-radius: 12px; overflow: hidden; border: 1px solid #eee; min-height: 300px;">
            <iframe 
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3242.067347942125!2d139.7058863!3d35.6475657!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b4086d0699d%3A0xc3f8e6e580a56281!2z44CSMTUwLTAwMjEg6S96Iqc6YO95riL6LC35Yy65oG15q-比6KW_77yR5LiB55uu77yS4oiS77yRIOOCqOOD things44Oe44Oz44K344On44OzIDYxMA!5e0!3m2!1sja!2sjp!4v1715000000000!5m2!1sja!2sjp" 
                width="100%" 
                height="100%" 
                style="border:0;" 
                allowfullscreen="" 
                loading="lazy" 
                referrerpolicy="no-referrer-when-downgrade">
            </iframe>
            </div>
    </div>

    <div style="margin-top: 50px; text-align: center; border-top: 2px solid #00bcd4; padding-top: 40px; box-sizing: border-box;">
        <p style="font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 15px;">恵比寿駅3分、夜22時まで当日診療</p>
        <p style="font-size: 1.1em; color: #666; margin-bottom: 35px;">ご不安な気持ちを、安心に変えるお手伝いをいたします。</p>
        
        <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 260px; max-width: 380px; padding: 22px; background-color: #00bcd4; color: white; text-decoration: none; font-weight: bold; border-radius: 10px; font-size: 1.2em; box-shadow: 0 4px 0 #0097a7; text-align: center;">
                Webで今すぐ予約
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc" target="_blank" rel="noopener noreferrer" style="display: inline-block; flex: 1; min-width: 260px; max-width: 380px; padding: 22px; background-color: #00B900; color: white; text-decoration: none; font-weight: bold; border-radius: 10px; font-size: 1.2em; box-shadow: 0 4px 0 #009900; text-align: center;">
                LINEで無料相談
            </a>
        </div>
    </div>

</div><p>The post <a href="https://clinic-3t.com/sti/ureaplasma/">ウレアプラズマ感染症（検査・治療）｜恵比寿駅徒歩3分で当日対応。常在菌と症状を解説</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>マイコプラズマの症状（排尿痛・おりもの異常・無症状）や検査、治療（耐性菌対応）</title>
		<link>https://clinic-3t.com/sti/mycoplasma/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mycoplasma</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:26:34 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=993</guid>

					<description><![CDATA[<p>マイコプラズマ治療でお悩みの方へ モイストクリニックが選ばれる3つの理由 🛡️ 他院で治らない「耐性菌」の専門治療 薬が効かない不安に、最新のガイドラインに基づいた処方で対応します。 📲 来院不要。オンライン診療・郵送検 [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/mycoplasma/">マイコプラズマの症状（排尿痛・おりもの異常・無症状）や検査、治療（耐性菌対応）</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<div class="intro-container" style="background: #ffffff; border: 2px solid #d0e1ff; border-radius: 12px; padding: 24px; margin-bottom: 2em; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);">

  <h3 style="text-align: center; margin-top: 0; margin-bottom: 25px; font-size: 1.35em; color: #004a99; line-height: 1.5;">
    マイコプラズマ治療でお悩みの方へ<br>
    <span style="font-size: 0.9em; background: linear-gradient(transparent 70%, #d0e1ff 70%);">モイストクリニックが選ばれる3つの理由</span>
  </h3>

  <div class="benefit-list" style="margin-bottom: 25px;">
    <div style="display: flex; align-items: flex-start; margin-bottom: 18px; background: #f4f8ff; padding: 12px; border-radius: 8px;">
      <span style="font-size: 1.4em; margin-right: 12px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong>他院で治らない<span style="color: #d9534f;">「耐性菌」</span>の専門治療</strong><br>
        <span style="font-size: 0.9em; color: #333;">薬が効かない不安に、最新のガイドラインに基づいた処方で対応します。</span>
      </div>
    </div>
    <div style="display: flex; align-items: flex-start; margin-bottom: 18px; background: #f4f8ff; padding: 12px; border-radius: 8px;">
      <span style="font-size: 1.4em; margin-right: 12px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong>来院不要。オンライン診療・郵送検査</strong><br>
        <span style="font-size: 0.9em; color: #333;">誰にも会わず、最短当日にお薬の発送・処方が可能です。</span>
      </div>
    </div>
    <div style="display: flex; align-items: flex-start; margin-bottom: 18px; background: #f4f8ff; padding: 12px; border-radius: 8px;">
      <span style="font-size: 1.4em; margin-right: 12px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f689.png" alt="🚉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong>恵比寿駅3分・夜22時まで即日受診</strong><br>
        <span style="font-size: 0.9em; color: #333;">年中無休。お仕事帰りにその場でお薬をお渡しできます。</span>
      </div>
    </div>
  </div>

  <p style="line-height: 1.8; margin-bottom: 25px; font-size: 1.05em; color: #444; border-left: 4px solid #0073aa; padding-left: 15px;">
    「クラミジアは陰性だったが違和感が消えない」そんな方はマイコプラズマかもしれません。放置は不妊リスクに繋がるため、迅速な治療が肝心です。
  </p>

  <div style="display: flex; flex-direction: column; gap: 12px;">
    <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" 
       style="display: block; background: #ff8c00; color: #fff; text-align: center; padding: 16px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.1em; box-shadow: 0 4px 0 #cc7000; transition: 0.2s;"
       onmousedown="this.style.transform='translateY(2px)'; this.style.boxShadow='0 2px 0 #cc7000';"
       onmouseup="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 0 #cc7000';">
       <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今すぐWEB予約・即日受診
    </a>
    
    <div style="display: flex; gap: 10px;">
      <a href="https://line.me/R/ti/p/@696ufkcc" 
         style="flex: 1; display: block; background: #06C755; color: #fff; text-align: center; padding: 12px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 0.95em;">
         <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで相談
      </a>
      <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" 
         style="flex: 1; display: block; background: #0073aa; color: #fff; text-align: center; padding: 12px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 0.95em;">
         <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 郵送検査を注文
      </a>
    </div>
  </div>
</div>



<div class="toc-navigation" style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; margin-bottom: 2.5em; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  
  <div style="display: flex; align-items: center; justify-content: center; margin-bottom: 18px; color: #004a99;">
    <span style="font-size: 1.2em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    <h3 style="margin: 0; font-size: 1.1em; font-weight: bold; border: none;">この記事の目次</h3>
  </div>

  <nav>
    <ul style="list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px;">
      
      <li style="margin: 0;">
        <a href="#toc-1" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>マイコプラズマを疑う方へ：要点まとめ</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-2" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>状況別：当てはまるお悩みをお選びください</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-3" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d6.png" alt="📖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>そもそも何？（ジェニタリウム・ホミニス）</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-4" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1fa7a.png" alt="🩺" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>症状セルフチェック（部位別の主な症状）</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-5" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>検査方法・費用・結果までの日数</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-6" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>当院の治療方針（耐性菌への対応）</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-7" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>よくあるご質問（FAQ）</span>
        </a>
      </li>

      <li style="margin: 0;">
        <a href="#toc-8" style="display: flex; align-items: center; padding: 12px; background: #f9fafb; border-radius: 8px; text-decoration: none; color: #374151; font-size: 0.95em; transition: 0.2s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
          <span style="margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <span>診療時間・アクセス・予約方法</span>
        </a>
      </li>

    </ul>
  </nav>
</div>



<div id="toc-1" class="summary-section" style="margin-top: 2em; margin-bottom: 3em;">

<h2 id="toc-1" style="text-align: center; font-size: 1.4em; margin-top: 1.5em; margin-bottom: 1em; color: #333; font-weight: bold;">
  マイコプラズマを疑う方へ：まず知ってほしいこと
</h2>
  
  <div style="background: #fefbf4; border: 2px solid #f0e6d5; border-radius: 12px; padding: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);">
    <ul style="list-style-type: none; padding-left: 0; margin: 0;">
      
      <li style="display: flex; align-items: flex-start; margin-bottom: 20px; font-size: 1.05em; line-height: 1.6;">
        <span style="font-size: 1.4em; margin-right: 12px; color: #0073aa;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div>
          <strong>症状が出ない（無症状）ことも多い</strong>のが特徴です。<br>
          <small style="color: #666;">自覚がなくても、知らないうちにパートナーへ感染させてしまうリスクがあります。</small>
        </div>
      </li>
      
      <li style="display: flex; align-items: flex-start; margin-bottom: 20px; font-size: 1.05em; line-height: 1.6;">
        <span style="font-size: 1.4em; margin-right: 12px; color: #0073aa;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div>
          <strong>「クラミジア陰性なのに違和感が続く」原因の多くはこの菌です。</strong><br>
          <small style="color: #555; background: #fff2f2; padding: 2px 4px; border-radius: 4px;">※一般的な性感染症検査セットには含まれていないことが多いため、見逃されやすい菌です。</small>
        </div>
      </li>

      <li style="display: flex; align-items: flex-start; margin-bottom: 20px; font-size: 1.05em; line-height: 1.6;">
        <span style="font-size: 1.4em; margin-right: 12px; color: #0073aa;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div>
          放置すると<strong>不妊症や早産のリスク</strong>、将来的な健康への影響があります。
        </div>
      </li>

      <li style="display: flex; align-items: flex-start; margin-bottom: 20px; font-size: 1.05em; line-height: 1.6;">
        <span style="font-size: 1.4em; margin-right: 12px; color: #0073aa;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div>
          検査は<strong>尿・おりもの・うがい液（または咽頭ぬぐい液）</strong>で痛みなく可能です。
        </div>
      </li>

      <li style="display: flex; align-items: flex-start; margin-bottom: 0; font-size: 1.05em; line-height: 1.6;">
        <span style="font-size: 1.4em; margin-right: 12px; color: #0073aa;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <div>
          <strong>パートナーとの同時治療</strong>が、再感染（ピンポン感染）を防ぐ唯一の方法です。
        </div>
      </li>

    </ul>
  </div>

  <div style="margin-top: 1.5em; text-align: center; background: #f0f7ff; border: 1px solid #d0e1ff; padding: 1.5em; border-radius: 12px;">
    <p style="margin: 0; font-size: 1.1em; line-height: 1.7; color: #004a99;">
      <strong>当院は、オンライン診療・郵送検査に完全対応。</strong><br>
      スマホひとつで、誰にも会わずに「検査から治療薬の受け取り」まで完結できます。
    </p>
  </div>

  <div class="cta-area" style="display: flex; flex-direction: column; gap: 12px; margin-top: 2em;">
    
    <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" 
       style="display: block; background-color: #ff8c00; color: #ffffff; padding: 16px; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1.1em; text-align: center; box-shadow: 0 4px 0 #cc7000; transition: 0.2s;"
       onmousedown="this.style.transform='translateY(2px)'; this.style.boxShadow='0 2px 0 #cc7000';"
       onmouseup="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 0 #cc7000';">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今すぐ検査・診察を予約する
    </a>
    
    <a href="https://line.me/R/ti/p/@696ufkcc" 
       style="display: block; background-color: #06C755; color: #ffffff; padding: 14px; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1em; text-align: center; transition: 0.2s;"
       onmouseover="this.style.opacity='0.9'">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで医師に無料相談する
    </a>

  </div>
</div>



<div id="toc-2" class="navigation-section" style="margin-bottom: 3em;">
  
  <h2 style="text-align: center; font-size: 1.3em; margin-bottom: 1.5em; color: #333; font-weight: bold;">
    当てはまるお悩みをお選びください
  </h2>

  <div class="navigation-cards" style="display: flex; flex-direction: column; gap: 12px;">

    <a href="#toc-4" style="display: block; background: #ffffff; border: 1px solid #e5e7eb; border-left: 6px solid #0073aa; border-radius: 12px; padding: 20px; text-decoration: none; color: #333; transition: 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.05);"
       onmouseover="this.style.transform='translateX(5px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)'; this.style.backgroundColor='#f0f7ff';"
       onmouseout="this.style.transform='translateX(0)'; this.style.boxShadow='0 2px 8px rgba(0,0,0,0.05)'; this.style.backgroundColor='#ffffff';">
      
      <div style="display: flex; align-items: center; justify-content: space-between;">
        <div style="display: flex; align-items: center;">
          <div style="font-size: 2em; margin-right: 18px; background: #f0f7ff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1fa7a.png" alt="🩺" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div>
            <strong style="font-size: 1.15em; color: #004a99; display: block; margin-bottom: 4px;">今、症状がある方</strong>
            <span style="font-size: 0.9em; color: #666; line-height: 1.4;">
              のどの違和感・痛み、排尿時の痛み、おりものの変化など
            </span>
          </div>
        </div>
        <span style="font-size: 1.2em; color: #0073aa; font-weight: bold;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
    </a>

    <a href="#toc-5" style="display: block; background: #ffffff; border: 1px solid #e5e7eb; border-left: 6px solid #0073aa; border-radius: 12px; padding: 20px; text-decoration: none; color: #333; transition: 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.05);"
       onmouseover="this.style.transform='translateX(5px)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)'; this.style.backgroundColor='#f0f7ff';"
       onmouseout="this.style.transform='translateX(0)'; this.style.boxShadow='0 2px 8px rgba(0,0,0,0.05)'; this.style.backgroundColor='#ffffff';">
      
      <div style="display: flex; align-items: center; justify-content: space-between;">
        <div style="display: flex; align-items: center;">
          <div style="font-size: 2em; margin-right: 18px; background: #f0f7ff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div>
            <strong style="font-size: 1.15em; color: #004a99; display: block; margin-bottom: 4px;">症状はないが検査したい方</strong>
            <span style="font-size: 0.9em; color: #666; line-height: 1.4;">
              パートナーが感染した、心当たりがある、定期健診など
            </span>
          </div>
        </div>
        <span style="font-size: 1.2em; color: #0073aa; font-weight: bold;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
    </a>

    <a href="#toc-6" style="display: block; background: #fffcfc; border: 1px solid #fcdada; border-left: 6px solid #d9534f; border-radius: 12px; padding: 20px; text-decoration: none; color: #333; transition: 0.3s; box-shadow: 0 2px 8px rgba(217, 83, 79, 0.1);"
       onmouseover="this.style.transform='translateX(5px)'; this.style.boxShadow='0 4px 15px rgba(217, 83, 79, 0.15)'; this.style.backgroundColor='#fff5f5';"
       onmouseout="this.style.transform='translateX(0)'; this.style.boxShadow='0 2px 8px rgba(217, 83, 79, 0.1)'; this.style.backgroundColor='#fffcfc';">
      
      <div style="display: flex; align-items: center; justify-content: space-between;">
        <div style="display: flex; align-items: center;">
          <div style="font-size: 2em; margin-right: 18px; background: #fee2e2; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div>
            <strong style="font-size: 1.15em; color: #d9534f; display: block; margin-bottom: 4px;">他院で治らなかった方（耐性菌疑い）</strong>
            <span style="font-size: 0.9em; color: #666; line-height: 1.4;">
              薬を飲んでも治らない、再発を繰り返している方
            </span>
          </div>
        </div>
        <span style="font-size: 1.2em; color: #d9534f; font-weight: bold;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      </div>
    </a>

  </div>
</div>



<div id="toc-3" class="definition-section" style="margin-bottom: 3.5em;">
  
  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 1em; color: #333; font-weight: bold;">
    そもそもマイコプラズマとは？
  </h2>

  <p style="font-size: 1.05em; line-height: 1.8; text-align: center; margin-bottom: 2.5em; color: #444;">
    性感染症（STI）として問題になるマイコプラズマには、<br class="pc-only">
    主に以下の<strong>「性質の異なる2つの菌」</strong>があります。
  </p>

  <div style="background: #fff8f8; border: 1px solid #f5d8d7; border-radius: 12px; padding: 24px; margin-bottom: 1.5em; position: relative; overflow: hidden;">
    <div style="display: inline-block; background: #d9534f; color: #fff; font-size: 0.8em; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 15px;">
      性病として治療が必要
    </div>
    
    <h3 style="display: flex; align-items: baseline; margin-top: 0; margin-bottom: 15px; color: #d9534f; border: none; padding: 0;">
      <span style="font-size: 1.1em; font-weight: bold; margin-right: 8px;">マイコプラズマ・ジェニタリウム</span>
      <span style="font-size: 0.85em; font-weight: normal; font-style: italic;">(M. genitalium)</span>
    </h3>
    
    <p style="margin: 0; line-height: 1.7; font-size: 1.05em; color: #333;">
      <strong>性感染症として最も警戒すべき病原体です。</strong><br>
      尿道炎（男性）や子宮頸管炎（女性）を引き起こします。近年、<strong>薬が効かない「耐性菌」が非常に増えており</strong>、専門的な治療が不可欠です。放置すると不妊症や腹膜炎のリスクに繋がります。
    </p>
  </div>

  <div style="background: #f4f8ff; border: 1px solid #d0e1ff; border-radius: 12px; padding: 24px; margin-bottom: 1.5em;">
    <div style="display: inline-block; background: #0073aa; color: #fff; font-size: 0.8em; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 15px;">
      常在菌（バランスにより発症）
    </div>

    <h3 style="display: flex; align-items: baseline; margin-top: 0; margin-bottom: 15px; color: #004a99; border: none; padding: 0;">
      <span style="font-size: 1.1em; font-weight: bold; margin-right: 8px;">マイコプラズマ・ホミニス</span>
      <span style="font-size: 0.85em; font-weight: normal; font-style: italic;">(M. hominis)</span>
    </h3>
    
    <p style="margin: 0; line-height: 1.7; font-size: 1.05em; color: #333;">
      健康な人の体内にも存在する<strong>「常在菌」</strong>としての側面があります。<br>
      通常は無害ですが、免疫力の低下や菌バランスの乱れにより、細菌性膣症や骨盤内の炎症に関わることがあります。ジェニタリウムほど強力な病原性はありません。
    </p>
  </div>

  <div style="background: #f1f5f9; border-radius: 12px; padding: 20px; margin-top: 2.5em; border-left: 6px solid #64748b;">
    <div style="display: flex; align-items: center; margin-bottom: 10px;">
      <span style="font-size: 1.5em; margin-right: 12px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <strong style="font-size: 1.1em; color: #334155;">「マイコプラズマ肺炎」とは全く別の菌です</strong>
    </div>
    <p style="margin: 0; font-size: 0.95em; line-height: 1.6; color: #475569; padding-left: 36px;">
      テレビ等で話題になる「マイコプラズマ肺炎（<em>M. pneumoniae</em>）」は飛沫感染する呼吸器の病気です。性行為で感染する上記の2種とは、名前は似ていますが<strong>全く別の性質・感染経路</strong>を持ちます。
    </p>
  </div>

</div>



<div id="toc-4" class="symptom-check-section" style="margin-bottom: 4em;">
  
  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 0.8em; color: #333; font-weight: bold;">
    症状セルフチェック
  </h2>

  <div style="background: #fff5f5; border: 1px solid #fcdada; padding: 20px; border-radius: 12px; margin-bottom: 2.5em; text-align: center;">
    <p style="margin: 0; font-size: 1.1em; color: #d9534f; line-height: 1.6; font-weight: bold;">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 無症状（症状がまったくない）ことも非常に多いのが特徴です。
    </p>
    <p style="margin: 5px 0 0 0; font-size: 0.95em; color: #666;">
      痛みや違和感がなくても「念のため」の検査が、将来の不妊リスクやパートナーへの感染を防ぎます。
    </p>
  </div>

  <div class="checklist-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 2.5em;">

    <div style="background: #f4f8ff; border: 1px solid #d0e1ff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 115, 170, 0.05); overflow: hidden;">
      <h3 style="background: #0073aa; color: #ffffff; text-align: center; font-size: 1.2em; padding: 15px; margin: 0; display: flex; align-items: center; justify-content: center; border: none;">
        <span style="font-size: 1.4em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2642.png" alt="♂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 男性の症状
      </h3>
      <ul style="list-style-type: none; padding: 24px; margin: 0; line-height: 1.8;">
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #0073aa; font-weight: bold;">☐</span>
          <div>尿道に違和感（かゆみ、ムズムズ）がある</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #0073aa; font-weight: bold;">☐</span>
          <div>排尿時に、しみるような軽い痛みがある</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #0073aa; font-weight: bold;">☐</span>
          <div>透明〜白っぽい分泌物（膿）が少量出る</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 0;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #d9534f; font-weight: bold;">☐</span>
          <div style="color: #d9534f; font-weight: bold;">クラミジア・淋菌は陰性だったが違和感が続いている</div>
        </li>
      </ul>
    </div>

    <div style="background: #fff8f8; border: 1px solid #f5d8d7; border-radius: 12px; box-shadow: 0 4px 12px rgba(217, 83, 79, 0.05); overflow: hidden;">
      <h3 style="background: #d9534f; color: #ffffff; text-align: center; font-size: 1.2em; padding: 15px; margin: 0; display: flex; align-items: center; justify-content: center; border: none;">
        <span style="font-size: 1.4em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2640.png" alt="♀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 女性の症状
      </h3>
      <ul style="list-style-type: none; padding: 24px; margin: 0; line-height: 1.8;">
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #d9534f; font-weight: bold;">☐</span>
          <div>おりものの量が増えた、匂いが気になる</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #d9534f; font-weight: bold;">☐</span>
          <div>性交後や生理以外での「不正出血」がある</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #d9534f; font-weight: bold;">☐</span>
          <div>軽い下腹部痛や性交痛がある</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 0;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #d9534f; font-weight: bold;">☐</span>
          <div><strong style="color: #d9534f;">パートナーが感染した</strong>、または尿道炎と言われた</div>
        </li>
      </ul>
    </div>

    <div style="background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden;">
      <h3 style="background: #777; color: #ffffff; text-align: center; font-size: 1.2em; padding: 15px; margin: 0; display: flex; align-items: center; justify-content: center; border: none;">
        <span style="font-size: 1.4em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> のど・直腸（男女共通）
      </h3>
      <ul style="list-style-type: none; padding: 24px; margin: 0; line-height: 1.8;">
        <li style="display: flex; align-items: flex-start; margin-bottom: 15px;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #777; font-weight: bold;">☐</span>
          <div>のどの違和感、イガイガ、飲み込む時の軽い痛み</div>
        </li>
        <li style="display: flex; align-items: flex-start; margin-bottom: 0;">
          <span style="font-size: 1.3em; margin-right: 12px; color: #777; font-weight: bold;">☐</span>
          <div>肛門のかゆみ、不快感、痛み、分泌物</div>
        </li>
      </ul>
    </div>
  </div>

  <div class="consult-prompt" style="background: #fdfaf5; border: 2px solid #f0e6d5; border-radius: 16px; padding: 32px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
    <p style="font-size: 1.3em; font-weight: bold; color: #d9534f; margin-top: 0; margin-bottom: 15px;">
      ひとつでも当てはまったら、当院へご相談ください
    </p>
    <p style="margin: 0 0 25px 0; line-height: 1.8; font-size: 1.05em; color: #444;">
      マイコプラズマは自然治癒せず、放置は不妊のリスクにも繋がります。<br>
      自己判断の市販薬は「耐性菌」を招く恐れがあるため、医師による正確な処方が必要です。<br>
      <strong>オンライン診療・郵送検査なら、誰にも会わずに解決できます。</strong>
    </p>
    
    <div style="display: flex; flex-direction: column; gap: 12px; max-width: 450px; margin: 0 auto;">
      <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" 
         style="display: block; background: #ff8c00; color: #fff; text-align: center; padding: 18px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 1.15em; box-shadow: 0 4px 0 #cc7000; transition: 0.2s;"
         onmousedown="this.style.transform='translateY(2px)'; this.style.boxShadow='0 2px 0 #cc7000';"
         onmouseup="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 0 #cc7000';">
         <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今すぐ検査・診察を予約する
      </a>
      
      <a href="https://line.me/R/ti/p/@696ufkcc" 
         style="display: block; background: #06C755; color: #fff; text-align: center; padding: 14px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 1em;">
         <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで医師に気軽に相談する
      </a>
    </div>
  </div>

</div>



<div id="toc-5" class="price-section" style="margin-bottom: 4em;">
  
  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 1em; color: #333; font-weight: bold;">
    検査方法・費用・結果
  </h2>

  <div style="text-align: center; font-size: 1.1em; line-height: 1.7; background: #f0f7ff; border: 1px solid #d0e1ff; padding: 1.5em; border-radius: 12px; margin-bottom: 2.5em; color: #004a99;">
    <strong>オンライン診療・郵送検査で完結できます</strong><br>
    <span style="font-size: 0.9em;">来院不要。誰にも会わずに、検査からお薬の受け取りまで可能です。</span>
  </div>

  <h3 style="border-left: 5px solid #0073aa; padding-left: 12px; font-size: 1.2em; margin-bottom: 1.5em; color: #333;">
    検査方法（PCR法）
  </h3>
  
  <p style="font-size: 1em; line-height: 1.7; margin-bottom: 1.5em; color: #444;">
    精度の高いPCR検査を採用しています。採取はご自身で簡単に行え、痛みもありません。
  </p>

  <div class="test-methods" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin-bottom: 3em;">
    <div style="background: #ffffff; border: 1px solid #e5e7eb; padding: 18px; border-radius: 10px; display: flex; align-items: center;">
      <span style="font-size: 1.8em; margin-right: 15px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bb.png" alt="🚻" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong style="font-size: 1.05em; color: #333;">性器の検査</strong><br>
        <span style="font-size: 0.9em; color: #666;">男性：初尿 ／ 女性：膣ぬぐい液</span>
      </div>
    </div>
    <div style="background: #ffffff; border: 1px solid #e5e7eb; padding: 18px; border-radius: 10px; display: flex; align-items: center;">
      <span style="font-size: 1.8em; margin-right: 15px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong style="font-size: 1.05em; color: #333;">咽頭（のど）の検査</strong><br>
        <span style="font-size: 0.9em; color: #666;">のど奥のぬぐい液</span>
      </div>
    </div>
    <div style="background: #ffffff; border: 1px solid #e5e7eb; padding: 18px; border-radius: 10px; display: flex; align-items: center;">
      <span style="font-size: 1.8em; margin-right: 15px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f351.png" alt="🍑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <div>
        <strong style="font-size: 1.05em; color: #333;">直腸（肛門）の検査</strong><br>
        <span style="font-size: 0.9em; color: #666;">肛門ぬぐい液</span>
      </div>
    </div>
  </div>

  <h3 style="border-left: 5px solid #0073aa; padding-left: 12px; font-size: 1.2em; margin-bottom: 1.5em; color: #333;">
    検査費用（自費診療）
  </h3>

  <div style="max-width:100%; margin:0 auto; padding:0 0 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;">
    <style>
        .mc-mycoplasma-grid::-webkit-scrollbar { display: none; }
    </style>

    <div class="mc-mycoplasma-grid" style="display:flex; gap:12px; padding:6px 2px;">

        <article style="flex:0 0 auto; width:285px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,.05); display:flex; flex-direction:column; justify-content:space-between;">
            <div style="display:flex; flex-direction:column; gap:10px;">
                <div style="display:flex; align-items:flex-start; gap:10px;">
                    <div style="font-size:22px; color:#0ea5e9;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ea.png" alt="🧪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div>
                        <h4 style="margin:0; font-size:1rem; font-weight:bold; color:#111827;">ﾏｲｺﾌﾟﾗｽﾞﾏ/ｳﾚｱﾌﾟﾗｽﾞﾏ検査</h4>
                        <p style="margin:2px 0 0 0; color:#6b7280; font-size:.85rem;">尿・おりもの・ぬぐい液</p>
                    </div>
                </div>
                <div style="font-size:.9rem; color:#374151; background:#f9fafb; padding:10px; border-radius:8px;">
                    <div style="display:flex; justify-content:space-between; margin-bottom:4px;"><b>結果</b><span>3〜4日後</span></div>
                    <div style="display:flex; justify-content:space-between;"><b>内容</b><span>4項目 (PCR法)</span></div>
                </div>
                <div style="text-align:right;">
                    <strong style="font-size:1.4rem; color:#111827;">¥8,980</strong><span style="font-size:.85rem; color:#6b7280; margin-left:4px;">税込</span>
                </div>
            </div>
            <div style="display:flex; gap:8px; margin-top:15px;">
                <a href="https://line.me/R/ti/p/@696ufkcc" style="flex:1; text-align:center; padding:10px; border-radius:8px; background:#0ea5e9; color:#fff; text-decoration:none; font-weight:bold; font-size:0.9rem;">予約する</a>
            </div>
        </article>

        <article style="flex:0 0 auto; width:285px; background:#fff; border:2px solid #0ea5e9; border-radius:14px; padding:16px; box-shadow:0 4px 12px rgba(14, 165, 233, 0.1); position:relative;">
            <div style="position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:#0ea5e9; color:#fff; font-weight:bold; font-size:.75rem; padding:4px 12px; border-radius:999px;">喉の不安に</div>
            <div style="display:flex; flex-direction:column; gap:10px;">
                <div style="display:flex; align-items:flex-start; gap:10px; margin-top:5px;">
                    <div style="font-size:22px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div>
                        <h4 style="margin:0; font-size:1rem; font-weight:bold; color:#111827;">喉の違和感セット</h4>
                        <p style="margin:2px 0 0 0; color:#6b7280; font-size:.85rem;">のど奥のぬぐい液で検査</p>
                    </div>
                </div>
                <div style="font-size:.9rem; color:#374151; background:#f0f7ff; padding:10px; border-radius:8px;">
                    <div style="display:flex; justify-content:space-between; margin-bottom:4px;"><b>結果</b><span>3〜4日後</span></div>
                    <div style="display:flex; justify-content:space-between;"><b>内容</b><span>6項目 (咽頭)</span></div>
                </div>
                <div style="text-align:right;">
                    <strong style="font-size:1.4rem; color:#111827;">¥14,800</strong><span style="font-size:.85rem; color:#6b7280; margin-left:4px;">税込</span>
                </div>
            </div>
            <div style="display:flex; gap:8px; margin-top:15px;">
                <a href="https://line.me/R/ti/p/@696ufkcc" style="flex:1; text-align:center; padding:10px; border-radius:8px; background:#0ea5e9; color:#fff; text-decoration:none; font-weight:bold; font-size:0.9rem;">予約する</a>
            </div>
        </article>

        <article style="flex:0 0 auto; width:285px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,.05);">
            <div style="display:flex; flex-direction:column; gap:10px;">
                <div style="display:flex; align-items:flex-start; gap:10px;">
                    <div style="font-size:22px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <div>
                        <h4 style="margin:0; font-size:1rem; font-weight:bold; color:#111827;">スタンダードセット</h4>
                        <p style="margin:2px 0 0 0; color:#6b7280; font-size:.85rem;">性器・喉の主要病原体を網羅</p>
                    </div>
                </div>
                <div style="font-size:.9rem; color:#374151; background:#f9fafb; padding:10px; border-radius:8px;">
                    <div style="display:flex; justify-content:space-between; margin-bottom:4px;"><b>結果</b><span>3〜4日後</span></div>
                    <div style="display:flex; justify-content:space-between;"><b>内容</b><span>8項目</span></div>
                </div>
                <div style="text-align:right;">
                    <strong style="font-size:1.4rem; color:#111827;">¥19,800</strong><span style="font-size:.85rem; color:#6b7280; margin-left:4px;">税込</span>
                </div>
            </div>
            <div style="display:flex; gap:8px; margin-top:15px;">
                <a href="https://line.me/R/ti/p/@696ufkcc" style="flex:1; text-align:center; padding:10px; border-radius:8px; background:#0ea5e9; color:#fff; text-decoration:none; font-weight:bold; font-size:0.9rem;">予約する</a>
            </div>
        </article>

    </div>
    <p style="margin:8px 10px 0; color:#9ca3af; font-size:.8rem; text-align:right;">← 横にスワイプできます</p>
  </div>

  <div class="treatment-price-box" style="margin:3em 0 2em; padding:24px; background:#fefbf4; border:2px solid #f0e6d5; border-radius:16px; text-align:center;">
    <h3 style="margin-top:0; font-size:1.2em; font-weight:bold; color:#111827; border:none; padding:0;">治療費用（陽性だった場合）</h3>
    <p style="color:#666; font-size:0.95em; margin-bottom:15px;">検査結果が陽性の場合、すぐに処方・発送が可能です。</p>
    <div style="font-size:2.2em; font-weight:bold; color:#d9534f; margin:15px 0;">
      7,980<span style="font-size:0.5em; margin-left:5px;">円(税込)</span>
    </div>
    <a href="https://line.me/R/ti/p/@696ufkcc" style="display:inline-block; padding:16px 32px; background:#00c300; color:#fff; text-decoration:none; font-weight:bold; border-radius:10px; box-shadow: 0 4px 0 #009900;">
      LINEで陽性後の処方を相談
    </a>
  </div>

  <div style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px;">
    <h4 style="margin: 0 0 12px 0; font-size: 1.05em; color: #333;">結果の確認方法</h4>
    <ul style="list-style-type: none; padding: 0; margin: 0; font-size: 0.95em; line-height: 1.8; color: #555;">
      <li style="margin-bottom: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>検査から3〜4日後</strong>にLINEまたはメールで通知します。</li>
      <li style="margin-bottom: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 陽性の場合は、そのまま<strong>オンライン診療で薬の処方</strong>が可能です。</li>
      <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 誰にも会う必要はありません。プライバシーを厳守します。</li>
    </ul>
  </div>

</div>



<div id="toc-6" class="treatment-section" style="margin-bottom: 4em;">
  
  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 1em; color: #333; font-weight: bold;">
    当院の治療方針
  </h2>

  <p style="font-size: 1.05em; line-height: 1.8; text-align: center; margin-bottom: 2.5em; color: #444;">
    マイコプラズマは非常に「耐性化（薬が効かなくなること）」が進んでいる菌です。<br class="pc-only">
    当院では<strong>最新の知見に基づき、完治まで責任を持ってサポート</strong>します。
  </p>

  <div style="background: #f8fafc; border-radius: 16px; padding: 30px; margin-bottom: 3em; border: 1px solid #e2e8f0;">
    
    <div style="display: flex; align-items: flex-start; margin-bottom: 25px;">
      <div style="background: #0073aa; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-weight: bold; margin-right: 15px; margin-top: 4px;">1</div>
      <div style="background: #ffffff; border: 1px solid #d0e1ff; border-radius: 12px; padding: 20px; flex-grow: 1; box-shadow: 0 2px 6px rgba(0,0,0,0.05);">
        <h3 style="margin: 0 0 10px 0; font-size: 1.1em; color: #004a99; border: none; padding: 0;">基本的な治療（第一選択）</h3>
        <p style="margin: 0; font-size: 0.95em; line-height: 1.7; color: #333;">
          まずはガイドラインで推奨される<strong>「ドキシサイクリン」を7日間服用</strong>します。マイコプラズマは細胞壁を持たないため、一般的な抗菌薬が効きませんが、このお薬は菌のタンパク質合成を阻害して確実に叩きます。
        </p>
      </div>
    </div>

    <div style="text-align: center; margin: -15px 0 10px 32px; color: #cbd5e1; font-size: 1.5em;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" />︎</div>

    <div style="display: flex; align-items: flex-start;">
      <div style="background: #d9534f; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-weight: bold; margin-right: 15px; margin-top: 4px;">2</div>
      <div style="background: #fff8f8; border: 1px solid #f5d8d7; border-radius: 12px; padding: 20px; flex-grow: 1; box-shadow: 0 2px 6px rgba(0,0,0,0.05);">
        <h3 style="margin: 0 0 10px 0; font-size: 1.1em; color: #d9534f; border: none; padding: 0;">耐性菌への対応（第二選択）</h3>
        <p style="margin: 0; font-size: 0.95em; line-height: 1.7; color: #333;">
          <strong>他院で治らなかった方もご安心ください。</strong> 最初の薬で完治しない「耐性菌」の場合、速やかに別の系統（シタフロキサシン等）へ切り替えます。菌の性質を見極めた適切な薬剤選択が、完治への最短ルートです。
        </p>
      </div>
    </div>
  </div>

  

  <h3 style="text-align: center; font-size: 1.25em; margin-bottom: 1.5em; color: #333; font-weight: bold;">完治させるための「2つのお約束」</h3>
  
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 3em;">
    <div style="background: #fdfaf5; border: 2px solid #f0e6d5; border-radius: 12px; padding: 25px; display: flex; flex-direction: column; align-items: center; text-align: center;">
      <span style="font-size: 3em; margin-bottom: 15px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f46b.png" alt="👫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <strong style="font-size: 1.1em; color: #444; margin-bottom: 10px;">必ずパートナーと同時に治療する</strong>
      <p style="margin: 0; font-size: 0.9em; line-height: 1.7; color: #666;">
        自分だけ治っても、相手が菌を持ったままだとうつし合い（ピンポン感染）が続きます。症状の有無に関わらず、二人三脚での治療が不可欠です。
      </p>
    </div>
    <div style="background: #fdfaf5; border: 2px solid #f0e6d5; border-radius: 12px; padding: 25px; display: flex; flex-direction: column; align-items: center; text-align: center;">
      <span style="font-size: 3em; margin-bottom: 15px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      <strong style="font-size: 1.1em; color: #444; margin-bottom: 10px;">処方された薬は、必ず飲み切る</strong>
      <p style="margin: 0; font-size: 0.9em; line-height: 1.7; color: #666;">
        数日で症状が消えても、菌はまだ潜んでいます。途中でやめると、生き残った菌が「耐性化」し、次は薬が効かない最強の菌になってしまいます。
      </p>
    </div>
  </div>

 
  </div>

</div>



<div id="toc-7" class="faq-section" style="margin-bottom: 4em;">
  
  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 1.5em; color: #333; font-weight: bold;">
    よくあるご質問（FAQ）
  </h2>

  <style>
    /* アコーディオン全体の枠組み */
    .faq-list {
      max-width: 900px;
      margin: 0 auto;
    }
    .faq-item {
      margin-bottom: 12px;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      overflow: hidden;
      background: #ffffff;
      transition: 0.3s;
    }
    .faq-item:hover {
      border-color: #0073aa;
    }
    /* 質問部分（クリックエリア） */
    .faq-item summary {
      padding: 18px 50px 18px 20px;
      font-weight: bold;
      font-size: 1.05em;
      color: #333;
      cursor: pointer;
      position: relative;
      list-style: none; /* デフォルトの矢印を消す */
      outline: none;
    }
    .faq-item summary::-webkit-details-marker {
      display: none;
    }
    /* ＋・ー のアイコン実装 */
    .faq-item summary::before,
    .faq-item summary::after {
      content: "";
      position: absolute;
      right: 20px;
      top: 50%;
      width: 14px;
      height: 2px;
      background-color: #0073aa;
      transform: translateY(-50%);
      transition: transform 0.3s ease;
    }
    .faq-item summary::after {
      transform: translateY(-50%) rotate(90deg);
    }
    .faq-item details[open] summary::after {
      transform: translateY(-50%) rotate(0deg);
    }
    .faq-item details[open] summary {
      background-color: #f8fafc;
      border-bottom: 1px solid #f1f5f9;
    }
    /* 回答部分 */
    .faq-answer {
      padding: 20px;
      line-height: 1.8;
      color: #444;
      display: flex;
      align-items: flex-start;
      gap: 15px;
      background: #ffffff;
    }
    .faq-answer .ans-mark {
      font-size: 1.2em;
      font-weight: bold;
      color: #0073aa;
      line-height: 1.4;
    }
    .faq-answer p {
      margin: 0;
      flex: 1;
    }
    .faq-answer strong {
      color: #d9534f;
    }
  </style>

  <div class="faq-list">

    <div class="faq-item">
      <details>
        <summary>Q. マイコプラズマは自然に治ることはありますか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p><strong>自然治癒することはありません。</strong> 放置すると症状が悪化したり、無症状でも不妊症や腹膜炎などの原因になったりするため、必ず医師による適切な治療（抗菌薬の服用）が必要です。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. 全く心当たりがないのに陽性になりました。なぜですか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p>マイコプラズマは無症状の期間が非常に長いため、かなり前の性行為で感染したものが今になって見つかるケースが珍しくありません。感染時期を特定することは難しいため、現在のパートナーと一緒に治療を行うことが重要です。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. パートナーも検査を受ける必要がありますか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p><strong>絶対に必要です。</strong> 片方だけが治療しても、もう一方が菌を持っていれば、性行為を通じて再びうつされます（ピンポン感染）。当院ではペアでのオンライン診療や郵送検査も対応可能ですので、同時治療をご検討ください。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. 検査は痛いですか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p><strong>痛みはほとんどありません。</strong> 男性の場合は尿検査、女性の場合は膣ぬぐい液、喉の場合はぬぐい液（綿棒で拭う方法）で検査を行います。ご自身で簡単に採取できる方法を採用しています。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. 喉に違和感があるのですが、喉だけでも検査できますか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p>はい、可能です。喉のマイコプラズマ感染は意外と多く、放置すると感染源になります。「<a href="#toc-5" style="color: #0073aa; text-decoration: underline;">喉の違和感セット（¥14,800）</a>」なら、淋菌やクラミジアも含めて一括で検査できるため安心です。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. クラミジア・淋菌は「陰性」でしたが、違和感が消えません。</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p>その症状、マイコプラズマが原因かもしれません。これらは標準的な性感染症検査（クラミジア・淋菌セットなど）には含まれていないことが多いため、見逃されやすい菌です。まずは「<a href="#toc-5" style="color: #0073aa; text-decoration: underline;">マイコプラズマ検査（¥8,980）</a>」をおすすめします。</p>
        </div>
      </details>
    </div>

    <div class="faq-item">
      <details>
        <summary>Q. 薬を飲み終わったら、すぐに治ったと考えて良いですか？</summary>
        <div class="faq-answer">
          <span class="ans-mark">A.</span>
          <p><strong>いいえ、必ず「治癒確認検査」を受けてください。</strong> 症状が消えても菌が完全にいなくなったとは限りません。服用終了後、2〜3週間あけて再検査を行い、菌がいないことを確認するまでが治療です。</p>
        </div>
      </details>
    </div>

  </div>

  <div style="margin-top: 2em; text-align: center; border-top: 1px dashed #ccc; padding-top: 2em;">
    <p style="color: #666; font-size: 0.95em; margin-bottom: 1.5em;">上記以外にご不明な点があれば、医師に直接ご相談ください。</p>
    <a href="https://line.me/R/ti/p/@696ufkcc" style="display: inline-block; background-color: #06C755; color: #ffffff; padding: 12px 30px; text-decoration: none; font-weight: bold; border-radius: 8px; font-size: 1em;">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで質問・相談する
    </a>
  </div>

</div>



<div id="toc-8" class="final-cta-section" style="margin-bottom: 5em;">

  <h2 style="text-align: center; font-size: 1.4em; margin-bottom: 1.5em; color: #333; font-weight: bold;">
    診療時間・アクセス・予約
  </h2>

  <div class="access-container" style="display: flex; flex-wrap: wrap; gap: 20px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 30px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);">

    <div class="access-info" style="flex: 1 1 350px; line-height: 1.8;">
      <h3 style="margin-top: 0; margin-bottom: 20px; font-size: 1.3em; color: #004a99; border-bottom: 2px solid #0073aa; padding-bottom: 10px; border-top: none;">
        モイストクリニック
      </h3>
      
      <div style="margin-bottom: 15px;">
        <p style="margin: 0; display: flex; align-items: center; color: #333;">
          <span style="font-size: 1.2em; margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f552.png" alt="🕒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <strong style="width: 85px; flex-shrink: 0;">診療時間</strong>
          <span>14:00〜22:00（年中無休）</span>
        </p>
      </div>

      <div style="margin-bottom: 15px;">
        <p style="margin: 0; display: flex; align-items: flex-start; color: #333;">
          <span style="font-size: 1.2em; margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <strong style="width: 85px; flex-shrink: 0;">住所</strong>
          <span>東京都渋谷区恵比寿西1-2-1<br>エビスマンション610</span>
        </p>
      </div>

      <div style="margin-bottom: 20px;">
        <p style="margin: 0; display: flex; align-items: flex-start; color: #333;">
          <span style="font-size: 1.2em; margin-right: 10px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f683.png" alt="🚃" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <strong style="width: 85px; flex-shrink: 0;">アクセス</strong>
          <span>JR恵比寿駅 徒歩3分<br>日比谷線 恵比寿駅 徒歩3分</span>
        </p>
      </div>

      <div style="width: 100%; border-radius: 12px; overflow: hidden; border: 1px solid #eee; background: #f0f0f0;">
        <iframe 
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3242.025345719365!2d139.7051919762463!3d35.64684533161301!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b58c9ef47cb%3A0x8cc6869f54418d9e!2z44Oi44Kk44K544OI44Kv44Oq44OL44OD44Kv!5e0!3m2!1sja!2sjp!4v1700000000000!5m2!1sja!2sjp" 
          width="100%" 
          height="300" 
          style="border:0;" 
          allowfullscreen="" 
          loading="lazy" 
          referrerpolicy="no-referrer-when-downgrade">
        </iframe>
      </div>
    </div>

    <div class="access-cta" style="flex: 1 1 300px; background: #fdfaf5; border: 2px solid #f0e6d5; border-radius: 12px; padding: 32px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-self: flex-start;">
      
      <p style="font-size: 1.2em; font-weight: bold; margin-top: 0; margin-bottom: 10px; color: #333;">
        24時間予約受付中
      </p>
      <p style="font-size: 0.95em; line-height: 1.6; margin-bottom: 25px; color: #666;">
        オンライン診療・郵送検査も<br>こちらからお申し込みいただけます。
      </p>
      
      <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" 
         style="display: block; background-color: #ff8c00; color: #ffffff; padding: 18px 20px; text-decoration: none; font-weight: bold; border-radius: 10px; font-size: 1.1em; margin-bottom: 12px; box-shadow: 0 4px 0 #cc7000; transition: 0.2s;"
         onmousedown="this.style.transform='translateY(2px)'; this.style.boxShadow='0 2px 0 #cc7000';"
         onmouseup="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 0 #cc7000';">
        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今すぐWEB予約・受診
      </a>

      <a href="https://line.me/R/ti/p/@696ufkcc" 
         style="display: block; background-color: #06C755; color: #ffffff; padding: 14px 20px; text-decoration: none; font-weight: bold; border-radius: 10px; font-size: 1em; margin-bottom: 20px;"
         target="_blank" rel="noopener">
        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEで気軽に相談する
      </a>

      <p style="font-size: 0.85em; color: #999; margin: 0;">
        ※お電話での相談も受け付けております。<br>
        <a href="tel:050-8885-0783" style="color: #999; text-decoration: underline;">050-8885-0783</a>
      </p>
    </div>

  </div>
</div>



<div class="doctor-reference-section" style="margin-top: 4em; margin-bottom: 5em; border-top: 1px solid #e5e7eb; padding-top: 4em;">

  <div class="doctor-profile" style="background: #f8fafc; border-radius: 16px; padding: 30px; margin-bottom: 3em;">
    <div style="display: flex; flex-wrap: wrap; gap: 25px; align-items: center;">
      
      <div style="flex: 0 0 120px; width: 120px; height: 120px; border-radius: 50%; background: #e2e8f0; overflow: hidden; border: 3px solid #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
        <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 0.8em; text-align: center; padding: 10px;">Masaki<br>Kanaya</div>
      </div>

      <div style="flex: 1 1 300px;">
        <span style="display: inline-block; background: #0073aa; color: #ffffff; font-size: 0.75em; font-weight: bold; padding: 2px 10px; border-radius: 4px; margin-bottom: 8px;">この記事の監修医</span>
        <h3 style="margin: 0 0 10px 0; font-size: 1.4em; color: #333; border: none; padding: 0;">
          金谷 正樹 <span style="font-size: 0.7em; color: #666; font-weight: normal; margin-left: 5px;">Masaki Kanaya</span>
        </h3>
        <p style="margin: 0 0 15px 0; font-size: 0.9em; font-weight: bold; color: #004a99;">モイストクリニック 院長</p>
        <p style="margin: 0; font-size: 0.95em; line-height: 1.7; color: #4b5563;">
          国際医療福祉大学病院、東京医科歯科大学病院（現 東京科学大学病院）などで研鑽を積み、モイストクリニックにて性感染症を中心に診療を行う。<br>
          日本性感染症学会の会員として活動しており、得意分野である細菌学と免疫学の知識を活かして、患者さまご本人とパートナーさまが幸せになれるような医療の実践を目指している。
        </p>
      </div>
    </div>
  </div>

  <div class="references" style="padding: 0 20px;">
    <h3 style="font-size: 1.1em; color: #64748b; margin-bottom: 15px; border: none; padding: 0; display: flex; align-items: center;">
      <span style="font-size: 1.2em; margin-right: 8px;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 参考文献・資料
    </h3>
    <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85em; line-height: 1.8; color: #94a3b8;">
      <li style="margin-bottom: 8px; border-bottom: 1px dashed #e5e7eb; padding-bottom: 8px;">
        日本性感染症学会「性感染症 診断・治療ガイドライン 2023」<br>
        <a href="http://jssti.gui-std.biz/" target="_blank" rel="noopener" style="color: #94a3b8; text-decoration: underline;">http://jssti.gui-std.biz/</a>
      </li>
      <li style="margin-bottom: 8px; border-bottom: 1px dashed #e5e7eb; padding-bottom: 8px;">
        Centers for Disease Control and Prevention (CDC) &#8211; &#8220;Sexually Transmitted Infections Treatment Guidelines, 2021&#8221; (Mycoplasma genitalium)
      </li>
      <li style="margin-bottom: 8px; border-bottom: 1px dashed #e5e7eb; padding-bottom: 8px;">
        日本性感染症学会 保険委員会「非淋菌性尿道炎（NGU）の治療フローチャート」
      </li>
      <li>
        厚生労働省「性感染症報告数」統計資料
      </li>
    </ul>
  </div>

</div><p>The post <a href="https://clinic-3t.com/sti/mycoplasma/">マイコプラズマの症状（排尿痛・おりもの異常・無症状）や検査、治療（耐性菌対応）</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【医師監修】尖圭コンジローマは薬で治る？痛くない治療と写真解説｜モイストクリニック恵比寿</title>
		<link>https://clinic-3t.com/sti/warts-acuminata/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=warts-acuminata</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:26:10 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=991</guid>

					<description><![CDATA[<p>恵比寿駅 徒歩3分 / 自由診療 切らない・痛くない 尖圭コンジローマ治療専門外来 デリケートゾーンの「イボ」や「ブツブツ」にお悩みではありませんか？ 当院は、外科手術（焼灼・切除）を行わず、「塗り薬」で治す専門クリニッ [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/warts-acuminata/">【医師監修】尖圭コンジローマは薬で治る？痛くない治療と写真解説｜モイストクリニック恵比寿</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<style>
/* 冒頭ヘッダー用スタイル */
:root {
  --mc-blue: #3366cc;
  --mc-text: #333;
  --mc-pink: #d63384;
}

.hero-header {
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
  margin-bottom: 30px;
  padding: 10px 5px;
}

/* メインタイトル (H1) */
.hero-h1 {
  font-size: 1.6em;
  font-weight: bold;
  color: var(--mc-text);
  line-height: 1.4;
  margin-bottom: 15px;
}
.hero-h1 span {
  background: linear-gradient(transparent 60%, #ffecb3 60%);
  padding: 0 4px;
}
.hero-badge {
  display: inline-block;
  background-color: var(--mc-blue);
  color: #fff;
  font-size: 0.8em;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 10px;
  vertical-align: middle;
  font-weight: bold;
}

/* リード文 */
.hero-lead {
  font-size: 1em;
  line-height: 1.8;
  color: #444;
  text-align: left; /* スマホで読みやすく左揃え */
  max-width: 600px;
  margin: 0 auto;
}
.hero-lead strong {
  color: var(--mc-pink);
  font-weight: bold;
}

/* スマホ調整 */
@media (max-width: 480px) {
  .hero-h1 { font-size: 1.4em; text-align: left; }
  .hero-lead { font-size: 0.95em; }
}
</style>

<header class="hero-header">
  
  <div class="hero-badge">恵比寿駅 徒歩3分 / 自由診療</div>

  <h1 class="hero-h1">
    切らない・痛くない<br>
    <span>尖圭コンジローマ治療</span>専門外来
  </h1>

  <p class="hero-lead">
    デリケートゾーンの「イボ」や「ブツブツ」にお悩みではありませんか？<br>
    当院は、外科手術（焼灼・切除）を行わず、<strong>「塗り薬」で治す専門クリニック</strong>です。<br>
    「手術は怖い」「誰にもバレたくない」という方のための、プライバシー重視の治療を提供します。
  </p>

</header>



<style>
/* 共通スタイル */
:root {
  --mc-blue: #3366cc;
  --mc-dark-blue: #1a3a70;
  --mc-pink: #d63384;
  --mc-pink-bg: #fff5f8;
  --mc-text: #333;
  --mc-gray-bg: #f9f9f9;
  --mc-border: #eef2f6;
}

.mc-container {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: var(--mc-text);
  line-height: 1.6;
  margin-bottom: 40px;
}

/* 1. メリットカード（FV） */
.mc-benefit-card {
  border: 2px solid var(--mc-pink);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 15px;
  background: #fff;
  display: flex;
  align-items: center; /* スマホで見やすく調整 */
  gap: 15px;
  box-shadow: 0 4px 10px rgba(214, 51, 132, 0.08);
}
.mc-benefit-icon {
  background: var(--mc-pink-bg);
  color: var(--mc-pink);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
  flex-shrink: 0;
}
.mc-benefit-content h3 {
  color: var(--mc-pink);
  font-size: 1.05em;
  margin: 0 0 4px 0;
  font-weight: bold;
}
.mc-benefit-content p {
  margin: 0;
  font-size: 0.85em;
  color: #666;
  line-height: 1.4;
}

/* 2. 導入テキストエリア */
.mc-intro-text {
  background: #f4f8ff;
  border-left: 5px solid var(--mc-blue);
  padding: 15px;
  margin: 25px 0;
  font-size: 0.95em;
}
.mc-intro-text p {
  margin: 0;
}

/* 3. 専門ガイド（アコーディオン） */
.mc-guide-accordion {
  background: #fff;
  border: 1px solid #dae6ff;
  border-radius: 8px;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.mc-guide-accordion summary {
  background: #eef4ff;
  padding: 15px;
  font-weight: bold;
  color: var(--mc-dark-blue);
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mc-guide-accordion summary::-webkit-details-marker { display: none; }
.mc-guide-accordion summary::after {
  content: '▼';
  font-size: 0.8em;
  transition: 0.2s;
}
.mc-guide-accordion[open] summary::after { transform: rotate(180deg); }

.mc-guide-list {
  padding: 10px;
}
.mc-guide-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px dashed #eee;
  text-decoration: none;
  color: #333;
  transition: background 0.2s;
}
.mc-guide-link:last-child { border-bottom: none; }
.mc-guide-link:hover { background: #fafafa; color: var(--mc-blue); }
.mc-guide-icon { font-size: 1.2em; }
.mc-guide-label { font-size: 0.95em; font-weight: bold; }
.mc-guide-sub { font-size: 0.8em; color: #888; margin-left: auto; }

/* 4. 本ページ内目次 */
.mc-toc-box {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
}
.mc-toc-title {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 15px;
  color: #444;
  position: relative;
  padding-bottom: 10px;
}
.mc-toc-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: var(--mc-blue);
  border-radius: 2px;
}
.mc-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.mc-toc-list li a {
  display: block;
  padding: 8px 10px;
  color: var(--mc-blue);
  text-decoration: none;
  border-bottom: 1px solid #eee;
  font-size: 0.95em;
  position: relative;
  padding-left: 20px;
}
.mc-toc-list li a::before {
  content: '›';
  position: absolute;
  left: 5px;
  font-weight: bold;
  color: #ccc;
}
.mc-toc-list li a:hover {
  background: #fff;
  padding-left: 25px;
  transition: 0.2s;
}

@media (min-width: 768px) {
  .mc-toc-list { grid-template-columns: 1fr 1fr; gap: 15px; }
  .mc-toc-list li a { border: none; background: #fff; border-radius: 4px; }
}
</style>

<div class="mc-container">

  <div class="mc-benefit-card">
    <div class="mc-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f513.png" alt="🔓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="mc-benefit-content">
      <h3>焼灼・切除なし</h3>
      <p>痛みの少ない<strong>外用薬（塗り薬）専門</strong>の治療です。</p>
    </div>
  </div>

  <div class="mc-benefit-card">
    <div class="mc-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="mc-benefit-content">
      <h3>プライバシー配慮</h3>
      <p>保険証不要・匿名OK。完全個室で対応します。</p>
    </div>
  </div>

  <div class="mc-benefit-card">
    <div class="mc-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f552.png" alt="🕒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="mc-benefit-content">
      <h3>22時まで・年中無休</h3>
      <p>土日祝も診療。Webから24時間予約可能です。</p>
    </div>
  </div>

  <div class="mc-intro-text">
    <p>本ページは、尖圭コンジローマ（症状・検査・治療）全体の<strong>「総合案内」</strong>です。「性器のイボ」「発疹」などの症状別解説や、Q&#038;Aを詳しく見たい方は、以下のメニューから専門記事へ移動できます。</p>
  </div>

  <details class="mc-guide-accordion">
    <summary>
      <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> コンジローマ専門ガイド（詳細記事一覧）</span>
    </summary>
    <div class="mc-guide-list">
      <a href="/sti/warts-acuminata/women/" class="mc-guide-link">
        <span class="mc-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469.png" alt="👩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="mc-guide-label">女性のコンジローマ</span>
        <span class="mc-guide-sub">症状・婦人科</span>
      </a>
      <a href="/sti/warts-acuminata/men/" class="mc-guide-link">
        <span class="mc-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468.png" alt="👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="mc-guide-label">男性のコンジローマ</span>
        <span class="mc-guide-sub">見分け・治療</span>
      </a>
      <a href="/sti/warts-acuminata/anal/" class="mc-guide-link">
        <span class="mc-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f369.png" alt="🍩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="mc-guide-label">肛門（アナル）コンジローマ</span>
        <span class="mc-guide-sub">症状・検査</span>
      </a>
      <a href="/sti/warts-acuminata/differential/" class="mc-guide-link">
        <span class="mc-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="mc-guide-label">似ている病気との見分け方</span>
        <span class="mc-guide-sub">フォアダイス等</span>
      </a>
      <a href="/sti/warts-acuminata/treatment-topical/" class="mc-guide-link">
        <span class="mc-guide-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <span class="mc-guide-label">塗り薬の治療について</span>
        <span class="mc-guide-sub">期間・効果</span>
      </a>
    </div>
  </details>

  <div class="mc-toc-box">
    <div class="mc-toc-title">本ページの目次</div>
    <ul class="mc-toc-list">
      <li><a href="#gender">性別ごとのお悩み・初期症状</a></li>
      <li><a href="#check">症状・セルフチェック</a></li>
      <li><a href="#diagnosis">診断と治療（当院の方針）</a></li>
      <li><a href="#cause">原因・感染経路・潜伏期間</a></li>
      <li><a href="#cost">費用（自由診療・匿名）</a></li>
      <li><a href="#reason">当院が選ばれる理由</a></li>
      <li><a href="#flow">受診の流れ・アクセス</a></li>
      <li><a href="#faq">よくあるご質問（FAQ）</a></li>
    </ul>
  </div>

</div>



<style>
/* 性別セクション用スタイル */
:root {
  --mc-pink: #d63384;
  --mc-pink-bg: #fff5f8;
  --mc-blue-dark: #1a3a70;
  --mc-blue-light: #eef4ff;
}

#gender-nav {
  margin: 40px 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.mc-gender-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* カード共通 */
.mc-gender-card {
  flex: 1;
  min-width: 300px;
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  text-decoration: none !important;
  color: #333 !important;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
}
.mc-gender-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* 女性カード */
.mc-card-female {
  border-top: 5px solid var(--mc-pink);
}
.mc-card-female::before {
  content: 'WOMEN';
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 4rem;
  font-weight: bold;
  color: var(--mc-pink-bg);
  opacity: 0.5;
  z-index: 0;
}

/* 男性カード */
.mc-card-male {
  border-top: 5px solid var(--mc-blue-dark);
}
.mc-card-male::before {
  content: 'MEN';
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 4rem;
  font-weight: bold;
  color: var(--mc-blue-light);
  opacity: 0.8;
  z-index: 0;
}

/* カードの中身 */
.mc-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  z-index: 1;
}
.mc-card-icon {
  font-size: 1.8em;
  background: #f5f5f5;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-card-female .mc-card-icon { background: var(--mc-pink-bg); }
.mc-card-male .mc-card-icon { background: var(--mc-blue-light); }

.mc-card-title {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
}
.mc-card-female .mc-card-title { color: var(--mc-pink); }
.mc-card-male .mc-card-title { color: var(--mc-blue-dark); }

.mc-card-desc {
  font-size: 0.95em;
  font-weight: bold;
  color: #555;
  margin-bottom: 15px;
  z-index: 1;
  line-height: 1.5;
}

/* チェックリスト */
.mc-gender-check {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  z-index: 1;
}
.mc-gender-check li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 0.9em;
  color: #444;
}
.mc-gender-check li::before {
  content: '&#x2714;';
  position: absolute;
  left: 0;
  top: 1px;
  font-weight: bold;
}
.mc-card-female .mc-gender-check li::before { color: var(--mc-pink); }
.mc-card-male .mc-gender-check li::before { color: var(--mc-blue-dark); }

/* ボタン */
.mc-card-btn {
  margin-top: auto;
  text-align: center;
  padding: 12px;
  border-radius: 50px;
  font-weight: bold;
  color: #fff;
  z-index: 1;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.mc-card-female .mc-card-btn { background: var(--mc-pink); }
.mc-card-male .mc-card-btn { background: var(--mc-blue-dark); }
.mc-card-btn::after {
  content: '→';
  font-weight: bold;
}

/* 肛門への導線 */
.mc-anal-link {
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 0.9em;
  color: #666;
  text-decoration: underline;
}

@media (max-width: 480px) {
  .mc-gender-container { flex-direction: column; }
  .mc-gender-card { min-width: auto; }
}
</style>

<section id="gender-nav">
  
  <h2 style="text-align:center; font-size:1.4em; margin-bottom:20px; font-weight:bold;">
    性別ごとのお悩み・初期症状
  </h2>
  <p style="text-align: center; font-size: 0.95em; margin-bottom: 25px; color:#666;">
    コンジローマは性別によって症状の特徴や治療のアプローチが異なります。<br>
    ご自身の状況に合わせて、専用の解説ページをご覧ください。
  </p>

  <div class="mc-gender-container">

    <a href="https://clinic-3t.com/genital-warts-women/" class="mc-gender-card mc-card-female">
      <div class="mc-card-header">
        <span class="mc-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f469.png" alt="👩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h3 class="mc-card-title">女性の方へ</h3>
      </div>
      <p class="mc-card-desc">
        「場所が場所だけに相談しにくい…」<br>
        婦人科での内診が不安な方もご安心ください。
      </p>
      <ul class="mc-gender-check">
        <li>外陰部や膣の入り口にイボができた</li>
        <li>イボがカリフラワー状に増えてきた</li>
        <li>妊娠中・出産を控えている</li>
        <li>パートナーに指摘された</li>
      </ul>
      <div class="mc-card-btn">女性の症状・治療法を見る</div>
    </a>

    <a href="https://clinic-3t.com/genital-warts-men//" class="mc-gender-card mc-card-male">
      <div class="mc-card-header">
        <span class="mc-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468.png" alt="👨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h3 class="mc-card-title">男性の方へ</h3>
      </div>
      <p class="mc-card-desc">
        「ただのブツブツ？フォアダイス？」<br>
        見分けがつかない症状も専門医が診断します。
      </p>
      <ul class="mc-gender-check">
        <li>亀頭や包皮、根元にイボがある</li>
        <li>痛みはないが増えてきた</li>
        <li>フォアダイスとの違いを知りたい</li>
        <li>パートナーを不安にさせたくない</li>
      </ul>
      <div class="mc-card-btn">男性の症状・治療法を見る</div>
    </a>

  </div>

  <a href="/sti/warts-acuminata/anal/" class="mc-anal-link">
    肛門（アナル）周辺のイボ・ブツブツにお悩みの方はこちら ＞
  </a>

</section>



<style>
/* --- チェックリスト（原案ママ＋微調整） --- */
.symptom-checklist-container {
  background-color: #F9F9F9;
  border: 1px solid #EEE;
  border-radius: 12px;
  padding: 24px 30px;
  margin-top: 10px;
}
.symptom-checklist {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.symptom-checklist li {
  position: relative;
  padding-left: 40px;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 18px;
  color: #333;
}
.symptom-checklist li:last-child { margin-bottom: 0; }
.symptom-checklist li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px; /* アイコン位置微調整 */
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #E6007E;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- 【追加】似ている病気との比較表 --- */
.mc-compare-wrap {
  margin-top: 30px;
  overflow-x: auto; /* スマホで横スクロールさせる */
}
.mc-compare-table {
  width: 100%;
  min-width: 500px; /* スマホで潰れないように最小幅指定 */
  border-collapse: collapse;
  font-size: 0.95em;
  background: #fff;
}
.mc-compare-table th, .mc-compare-table td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
  vertical-align: middle;
}
/* ヘッダー */
.mc-compare-table thead th {
  background: #f0f0f0;
  color: #333;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
/* 強調したい行（コンジローマ） */
.mc-row-target {
  background-color: #fff5f8;
  border-left: 4px solid #E6007E;
}
.mc-row-target .mc-name {
  color: #E6007E;
  font-weight: bold;
}
/* その他（生理現象・梅毒） */
.mc-row-other .mc-name {
  font-weight: bold;
  color: #3366cc;
}
.mc-danger-text { color: #d32f2f; font-weight: bold; }
.mc-safe-text { color: #2e7d32; font-weight: bold; }

/* --- 【追加】詳細へのリンク --- */
.mc-detail-link {
  display: block;
  text-align: right;
  font-size: 0.9em;
  color: #3366cc;
  margin-top: 8px;
  text-decoration: underline;
}

/* --- フッターエリア（原案ママ＋ボタン調整） --- */
.symptom-footer {
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  background-color: #FFFBEB;
  border: 1px solid #FADDAA;
  border-radius: 8px;
}
.symptom-footer p {
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.7;
  margin: 0;
  color: #333;
}
.symptom-footer strong { color: #D90000; }

.symptom-cta {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
/* LINEボタン（相談重視） */
.mc-btn-line-check {
  background-color: #06c755;
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 50px;
  width: 100%;
  max-width: 350px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(6, 199, 85, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: opacity 0.2s;
}
.mc-btn-line-check:hover { opacity: 0.9; }

/* 予約ボタン（行動重視） */
.mc-btn-reserve-check {
  background-color: #3366cc;
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 50px;
  width: 100%;
  max-width: 350px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(51, 102, 204, 0.2);
  transition: opacity 0.2s;
}
.mc-btn-reserve-check:hover { opacity: 0.9; }

@media (max-width: 480px) {
  .symptom-checklist-container { padding: 20px; }
  .symptom-checklist li { font-size: 1em; }
}
</style>

<section id="check" class="symptoms">
  
  <h2 style="text-align:center; font-size:1.4em; margin-bottom:20px; font-weight:bold;">
    症状・セルフチェック
  </h2>
  
  <p style="font-size: 1em; line-height: 1.6; margin-bottom: 15px;">
    「もしかして？」と思ったら、以下の症状がないか確認してみてください。<br>
    ひとつでも当てはまる場合は、コンジローマの可能性があります。
  </p>

  <div class="symptom-checklist-container">
    <ul class="symptom-checklist">
      <li>性器や肛門の周りに、イボ状の突起ができた</li>
      <li>イボの表面がギザギザ・カリフラワー状になっている</li>
      <li>痛みや、かゆみは無い（または、あっても軽い）</li>
      <li>以前は小さかったイボが、数が増えたり大きくなったりした</li>
      <li>パートナーからイボを指摘された</li>
    </ul>
  </div>

  <div style="margin-top: 40px;">
    <h3 style="font-size: 1.2em; font-weight: bold; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-bottom: 15px;">
      これってコンジローマ？似ている病気
    </h3>
    <p style="font-size: 0.9em; color: #666; margin-bottom: 15px;">
      「フォアダイス」などの生理現象であれば治療は不要ですが、自己判断は難しいため注意が必要です。
    </p>
    
    <div class="mc-compare-wrap">
      <table class="mc-compare-table">
        <thead>
          <tr>
            <th style="width: 25%;">病名・状態</th>
            <th>見た目の特徴</th>
            <th style="width: 20%;">痛み・痒み</th>
            <th style="width: 15%;">治療</th>
          </tr>
        </thead>
        <tbody>
          <tr class="mc-row-target">
            <td class="mc-name">尖圭コンジローマ</td>
            <td><strong>カリフラワー状、鶏のトサカ状。</strong>白〜ピンク色。徐々に増える。</td>
            <td>ほぼ無し<br><small>(稀に痒み)</small></td>
            <td><span class="mc-danger-text">必要</span></td>
          </tr>
          <tr class="mc-row-other">
            <td class="mc-name">フォアダイス<br><small>(生理現象)</small></td>
            <td>黄白色の小さな粒。茎や玉にできる。増えも減りもしない。</td>
            <td>無し</td>
            <td><span class="mc-safe-text">不要</span></td>
          </tr>
          <tr class="mc-row-other">
            <td class="mc-name">真珠様陰茎小丘疹<br><small>(生理現象)</small></td>
            <td>亀頭のフチに並ぶ白い粒。真珠の首飾り状。均等。</td>
            <td>無し</td>
            <td><span class="mc-safe-text">不要</span></td>
          </tr>
          <tr class="mc-row-other">
            <td class="mc-name">梅毒<br><small>(第1〜2期)</small></td>
            <td>しこり、潰瘍、赤いバラ疹。全身に出ることもある。</td>
            <td>無し</td>
            <td><span class="mc-danger-text">必要</span></td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <a href="/sti/warts-acuminata/differential/" class="mc-detail-link">
      写真で解説：似ている病気の見分け方 ＞
    </a>
  </div>

  <div class="symptom-footer">
    <p>
      コンジローマはウイルス性のため、<strong>市販薬では治りません。</strong><br>
      放置するとパートナーに感染させたり、数が増えて治療が長期化します。
    </p>
  </div>

  <div class="symptom-cta">
    <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-btn-line-check" target="_blank" rel="noopener">
      <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f7.png" alt="📷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> LINEで写真を送って相談する
    </a>
    <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="mc-btn-reserve-check" target="_blank" rel="noopener">
      Web予約（空き状況を確認）
    </a>
  </div>

</section>



<style>
/* 共通設定 */
:root {
  --mc-step-bg: #fff;
  --mc-step-border: #e0e0e0;
  --mc-pink: #d63384;
  --mc-pink-light: #fff5f8;
  --mc-blue: #3366cc;
  --mc-blue-light: #f0f6ff;
}

#diagnosis-treatment {
  margin-top: 40px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 導入メッセージ */
.mc-treatment-intro {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
}
.mc-treatment-intro p {
  font-size: 1.1em;
  line-height: 1.6;
  margin: 0;
  color: #333;
}
.mc-highlight-bg {
  background: linear-gradient(transparent 70%, #ffecb3 70%);
  font-weight: bold;
}

/* ステップカード */
.mc-step-card {
  background: var(--mc-step-bg);
  border: 1px solid var(--mc-step-border);
  border-radius: 16px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  overflow: hidden;
}

/* ステップヘッダー */
.mc-step-head {
  padding: 15px 20px;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
}
.mc-step-badge {
  background: var(--mc-pink);
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 20px;
}
.mc-step-head h3 {
  margin: 0;
  font-size: 1.2em;
  color: #fff;
}

/* ステップ内容 */
.mc-step-body {
  padding: 25px;
}

/* 診断パート */
.mc-diagnosis-flex {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.mc-diagnosis-icon {
  font-size: 2.5em;
  flex-shrink: 0;
  background: #f5f5f5;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 治療パート（メリットアイコン） */
.mc-merit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}
.mc-merit-item {
  background: var(--mc-pink-light);
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: var(--mc-pink);
  border: 1px solid #fadadd;
}

/* 薬剤アコーディオン */
.mc-drug-accordion {
  border: 1px solid #eee;
  border-radius: 8px;
  margin-top: 15px;
}
.mc-drug-accordion summary {
  padding: 15px;
  background: #f9f9f9;
  font-weight: bold;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-drug-accordion summary::-webkit-details-marker { display: none; }
.mc-drug-accordion summary::after { content: '▼'; font-size: 0.8em; }
.mc-drug-accordion[open] summary::after { transform: rotate(180deg); }
.mc-drug-content { padding: 15px; font-size: 0.95em; line-height: 1.6; }
.mc-drug-check { list-style: none; padding: 0; margin: 0; }
.mc-drug-check li { position: relative; padding-left: 24px; margin-bottom: 8px; }
.mc-drug-check li::before {
  content: '&#x2714;'; position: absolute; left: 0; color: var(--mc-pink); font-weight: bold;
}

/* ポリシーボックス */
.mc-policy-box {
  background: #fff;
  border: 2px dashed var(--mc-pink);
  padding: 15px;
  border-radius: 8px;
  margin-top: 25px;
  text-align: center;
}
.mc-policy-title {
  color: var(--mc-pink);
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 8px;
  display: block;
}

/* 再発について（アラート） */
.mc-recurrence-box {
  margin-top: 40px;
  background: #fffbeb;
  border: 1px solid #faddaa;
  border-radius: 12px;
  padding: 25px;
}
.mc-recurrence-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-recurrence-title::before { content: '&#x26a0;'; }

/* CTAボタン */
.mc-treatment-cta {
  margin-top: 30px;
  text-align: center;
}
.mc-btn-treatment {
  display: inline-block;
  background: var(--mc-pink);
  color: #fff !important;
  text-decoration: none;
  padding: 15px 40px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 1.1em;
  box-shadow: 0 4px 10px rgba(214, 51, 132, 0.3);
  transition: opacity 0.2s;
}
.mc-btn-treatment:hover { opacity: 0.9; }

@media (max-width: 480px) {
  .mc-diagnosis-flex { flex-direction: column; align-items: center; text-align: center; }
  .mc-merit-grid { grid-template-columns: 1fr; }
}
</style>

<section id="diagnosis-treatment">

  <div class="mc-treatment-intro">
    <h2 style="font-size:1.5em; font-weight:bold; margin-bottom:15px;">診断と治療（当院の方針）</h2>
    <p>
      当院は「通いやすさ」を第一に考え、<br>
      <span class="mc-highlight-bg">痛みの少ない「塗り薬」による治療</span>を専門としています。
    </p>
  </div>

  <div class="mc-step-card" id="diagnosis">
    <div class="mc-step-head">
      <span class="mc-step-badge">STEP 1</span>
      <h3>的確な「診断」</h3>
    </div>
    <div class="mc-step-body">
      <div class="mc-diagnosis-flex">
        <div class="mc-diagnosis-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f441.png" alt="👁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <p style="font-weight:bold; font-size:1.1em; margin-bottom:10px;">医師による視診・鑑別</p>
          <p style="margin:0; font-size:0.95em; color:#444;">
            まずは患部を直接確認します。コンジローマ特有の「カリフラワー状」の特徴があるか、他の病気（フォアダイスや梅毒など）ではないかを見極めます。<br>
            <small style="color:#666; margin-top:5px; display:block;">※必要に応じて拡大鏡の使用や、組織検査をご提案する場合もあります。</small>
          </p>
        </div>
      </div>
      <div style="text-align:right; margin-top:15px;">
        <a href="/sti/warts-acuminata/diagnosis/" style="color:var(--mc-blue); font-size:0.9em; text-decoration:underline;">診断方法について詳しく見る ＞</a>
      </div>
    </div>
  </div>

  <div class="mc-step-card" id="treatment">
    <div class="mc-step-head" style="background:var(--mc-blue-dark);">
      <span class="mc-step-badge" style="background:var(--mc-blue);">STEP 2</span>
      <h3>痛みの少ない「治療」</h3>
    </div>
    <div class="mc-step-body">
      
      <div class="mc-merit-grid">
        <div class="mc-merit-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60a.png" alt="😊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 痛みがほとんどない</div>
        <div class="mc-merit-item"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 傷跡が残りにくい</div>
      </div>

      <p style="margin-bottom:15px;">
        当院では、外科手術（焼灼・切除）は行わず、<strong>「ベセルナクリーム（イミキモド）」</strong>等の外用薬を用いた治療をメインに行います。
      </p>

      <details class="mc-drug-accordion" open>
        <summary><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ベセルナクリーム（イミキモド5%）</summary>
        <div class="mc-drug-content">
          <p style="margin-bottom:10px;"><strong>週3回（月・水・金など）</strong>、就寝前に塗って翌朝洗い流すタイプのお薬です。ウイルスに対する免疫力を高めて治します。</p>
          <ul class="mc-drug-check">
            <li>自宅で自分で塗れる</li>
            <li>再発率が比較的低い</li>
            <li>副作用：赤み、ただれが出ることがある</li>
          </ul>
        </div>
      </details>

      <details class="mc-drug-accordion">
        <summary><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 5-FU軟膏（抗がん剤軟膏）</summary>
        <div class="mc-drug-content">
          <p>医師の指示に従い、1日1〜2回患部に薄く塗布します。ベセルナが合わない場合などに使用します。</p>
        </div>
      </details>

      <div class="mc-policy-box">
        <span class="mc-policy-title">なぜ「塗り薬」専門なのか？</span>
        <p style="font-size:0.9em; margin:0;">
          外科的切除は即効性がありますが、痛みや傷跡のリスクがあります。当院では「患者様の負担軽減」を最優先し、まずは薬での治療を推奨しています。<br>
          <small>※どうしても外科処置が必要な重症例は、連携病院へご紹介いたします。</small>
        </p>
      </div>

      <div style="text-align:right; margin-top:15px;">
        <a href="https://clinic-3t.com/genital-warts-treatment/" style="color:var(--mc-blue); font-size:0.9em; text-decoration:underline;">塗り薬の効果・期間を詳しく見る ＞</a>
      </div>

    </div>
  </div>

  <div class="mc-recurrence-box" id="recurrence">
    <div class="mc-recurrence-title">治療後の「再発」について</div>
    <p style="font-size:0.95em; line-height:1.6; margin:0;">
      コンジローマは、手術・薬に関わらず<strong>約20〜30%が3ヶ月以内に再発する</strong>と言われています。<br>
      一度消えてもウイルスが残っている可能性があるため、根気よく治療を続けることが大切です。<br>
      <strong style="color:#d90000;">当院なら、再発時もオンラインやLINEで気軽に相談可能です。</strong>
    </p>
  </div>

  <div class="mc-treatment-cta">
    <a href="https://line.me/R/ti/p/@696ufkcc" class="mc-btn-treatment" target="_blank" rel="noopener">
      まずはLINEで治療相談・予約
    </a>
  </div>

</section>



<style>
/* 共通設定 */
:root {
  --mc-pink: #d63384;
  --mc-blue: #3366cc;
  --mc-text: #333;
  --mc-bg-gray: #f9f9f9;
}

#cause {
  margin-top: 40px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 導入文 */
.causes-intro {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
  color: #333;
}

/* 3カラムカードコンテナ */
.causes-card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

/* 各カード */
.cause-card {
  flex: 1;
  min-width: 280px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
  display: flex;
  flex-direction: column;
}

/* カードヘッダー */
.cause-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
.cause-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #fff;
}
.cause-card-icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2.5;
  fill: none;
}

/* アイコン色定義 */
.icon-virus { background-color: var(--mc-pink); }
.icon-clock { background-color: var(--mc-blue); }
.icon-people { background-color: #f5a623; }

.cause-card h3 {
  margin: 0;
  font-size: 1.2em;
  color: #333;
  font-weight: bold;
}

/* カード本文 */
.cause-card p {
  font-size: 0.95em;
  line-height: 1.7;
  margin: 0;
  color: #444;
  flex-grow: 1; /* ボタンを下揃えにするため */
}
.cause-highlight {
  font-weight: bold;
  background: linear-gradient(transparent 70%, #fff0f5 70%);
}

/* 注意喚起ボックス */
.important-note-box {
  margin-top: 30px;
  background-color: #FFFBEB;
  border: 1px solid #FADDAA;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  gap: 15px;
}
.important-note-icon {
  flex-shrink: 0;
  width: 24px;
  color: #D9534F;
  margin-top: 3px;
}
.important-note-content h3 {
  margin: 0 0 8px 0;
  font-size: 1.1em;
  color: #333;
  font-weight: bold;
}
.important-note-content p {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.6;
}

/* --- 追加：詳細リンクボタン --- */
.cause-link-area {
  margin-top: 15px;
  text-align: right;
}
.cause-link-text {
  font-size: 0.85em;
  color: var(--mc-blue);
  text-decoration: underline;
  cursor: pointer;
}

/* スマホ最適化 */
@media (max-width: 768px) {
  .important-note-box { flex-direction: column; text-align: left; }
  .cause-card-container { flex-direction: column; }
}
</style>

<section id="cause">

  <div class="causes-intro">
    <h2 style="font-size:1.4em; font-weight:bold; margin-bottom:15px;">原因・感染経路・潜伏期間</h2>
    <p>
      コンジローマが「なぜ」「どうやって」発症するのか。<br>
      正しい知識を知ることで、不安を和らげることができます。
    </p>
  </div>

  <div class="causes-card-container">

    <div class="cause-card">
      <div class="cause-card-header">
        <div class="cause-card-icon icon-virus">
          <svg viewBox="0 0 24 24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2z"></path></svg>
        </div>
        <h3>主な原因</h3>
      </div>
      <p>
        原因は<strong>「ヒトパピローマウイルス（HPV）」</strong>です。
        コンジローマは、主に<span class="cause-highlight">低リスク型の6型・11型</span>が原因（約90%）となります。<br>
        <span style="font-size:0.85em; color:#888;">※子宮頸がんの原因となる高リスク型とは異なります。</span>
      </p>
      <div class="cause-link-area">
        <a href="/sti/warts-acuminata/prevention/" class="cause-link-text">予防ワクチンについて詳しく ＞</a>
      </div>
    </div>

    <div class="cause-card">
      <div class="cause-card-header">
        <div class="cause-card-icon icon-clock">
          <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
        </div>
        <h3>潜伏期間</h3>
      </div>
      <p>
        感染から発症まで、<span class="cause-highlight">3週間〜8ヶ月</span>（平均3ヶ月）と非常に個人差があります。<br>
        数年後に発症するケースもあるため、<strong>「いつ、誰から感染したか」を特定するのは困難</strong>な場合が多いです。
      </p>
    </div>

    <div class="cause-card">
      <div class="cause-card-header">
        <div class="cause-card-icon icon-people">
          <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path></svg>
        </div>
        <h3>感染経路</h3>
      </div>
      <p>
        主に性行為による皮膚や粘膜の<strong>直接的な接触</strong>で感染します。<br>
        コンドームである程度防げますが、覆われていない部分からも感染するため、完全に防ぐことはできません。
      </p>
      <div class="cause-link-area">
        <a href="/sti/warts-acuminata/partner/" class="cause-link-text">パートナーへの対応を見る ＞</a>
      </div>
    </div>
    
  </div>

  <div class="important-note-box">
    <div class="important-note-icon">
      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg>
    </div>
    <div class="important-note-content">
      <h3>症状がなくても、うつる可能性があります</h3>
      <p>
        コンジローマは、目に見えるイボがない<strong>「不顕性感染（潜伏状態）」</strong>でもパートナーに感染させる可能性があります。<br>
        「自分は大丈夫？」とご不安な方は、カップルでの受診やご相談も可能です。
      </p>
    </div>
  </div>

</section>



<style>
/* 共通設定 */
:root {
  --mc-pink: #d63384;
  --mc-blue: #3366cc;
  --mc-bg-gray: #f9f9f9;
}

#cost {
  margin-top: 40px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 導入文 */
.costs-intro {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
  color: #333;
}

/* カードコンテナ */
.costs-card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
  align-items: stretch;
}

/* カード共通スタイル（原案踏襲） */
.cost-card {
  flex: 1;
  min-width: 280px;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  position: relative; /* バッジ用 */
}

/* バッジ（診察料0円アピール） */
.cost-badge-free {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #E6007E; /* ピンク */
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 0.9em;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  white-space: nowrap;
}
.cost-badge-blue {
  background: #007AFF; /* 青 */
}

/* ヘッダーエリア */
.cost-card-header {
  text-align: center;
  border-bottom: 2px solid #F0F0F0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* ラベル */
.cost-label {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  display: block;
}

/* 価格（原案通り大きく） */
.cost-price {
  font-size: 2.4em; /* サイズアップ */
  font-weight: bold;
  color: #E6007E;
  margin: 10px 0 0 0;
  line-height: 1;
}
.cost-price span {
  font-size: 0.5em;
  font-weight: normal;
  color: #555;
}
.cost-note {
  font-size: 0.8em;
  color: #E6007E;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

/* オプションカード用カラー */
.cost-card.optional {
  background-color: #F6FAFF;
  border-color: #D6E8FA;
}
.cost-card.optional .cost-price {
  color: #007AFF;
}
.cost-card.optional .cost-label {
  color: #007AFF;
}
.cost-card.optional .cost-note {
  color: #007AFF;
}

/* 本文 */
.cost-card-body {
  font-size: 1.0em;
  line-height: 1.7;
  color: #444;
}

/* フッター */
.costs-footer {
  text-align: center;
  margin-top: 30px;
  font-size: 0.9em;
  color: #666;
}

@media (max-width: 768px) {
  .costs-card-container { flex-direction: column; }
}
</style>

<section id="cost">

  <div class="costs-intro">
    <h2 style="font-size:1.4em; font-weight:bold; margin-bottom:15px;">費用（自由診療）</h2>
    <p>
      当院は保険証を使わない「自由診療」です。<br>
      治療・検査を行う場合、<strong>診察料はかかりません（0円・お薬処方の場合）。</strong><br>※診察のみの場合：初診料2,500円／再診料1,500円
    </p>
  </div>

  <div class="costs-card-container">

    <div class="cost-card">
      <div class="cost-card-header">
        <span class="cost-label">診察・相談のみ</span>
        <p class="cost-price" style="color:#333;">2,500<span>円</span></p>
      </div>
      <div class="cost-card-body">
        <p>
          「視診のみ」で、お薬の処方や検査を行わない場合の料金です。<br>
          <small>※お悩み相談だけの方はこちらになります。</small>
        </p>
      </div>
    </div>

    <div class="cost-card">
      <span class="cost-badge-free">診察料 0円（お薬処方の場合）</span>
      <div class="cost-card-header">
        <span class="cost-label">外用薬（塗り薬）</span>
        <p class="cost-price">7,980<span>円〜</span></p>
        <span class="cost-note">（お薬代のみ・診察料込）</span>
      </div>
      <div class="cost-card-body">
        <p>コンジローマ治療薬（5-FU軟膏・ベセルナ等）を処方する場合の目安です。</p>
        <ul style="padding-left:20px; margin-top:10px;">
          <li>診察料：<strong>0円</strong>（お薬処方の場合）※診察のみ：2,500円</li>
          <li>お薬代：7,980円〜</li>
        </ul>
      </div>
    </div>

    <div class="cost-card optional">
      <span class="cost-badge-free cost-badge-blue">診察料 0円（お薬処方の場合）</span>
      <div class="cost-card-header">
        <span class="cost-label">【オプション】追加検査</span>
        <p class="cost-price">8,500<span>円</span></p>
        <span class="cost-note">（検査代のみ・診察料込）</span>
      </div>
      <div class="cost-card-body">
        <p>梅毒・HIVの血液検査（セット）をご希望の場合です。</p>
        <ul style="padding-left:20px; margin-top:10px;">
          <li>診察料：<strong>0円</strong>（お薬処方の場合）※診察のみ：2,500円</li>
          <li>検査代：8,500円</li>
        </ul>
      </div>
    </div>

  </div>

  <div class="costs-footer">
    <p>
      ※料金はすべて税込です。<br>
      詳細な料金一覧は<a href="https://clinic-3t.com/price/" target="_blank" rel="noopener" style="color:var(--mc-blue); text-decoration:underline;">料金表ページ</a>をご確認ください。
    </p>
  </div>

</section>



<style>
/* 共通設定 */
:root {
  --mc-pink: #d63384;
  --mc-blue: #3366cc;
  --mc-orange: #f5a623;
  --mc-bg-gray: #f9f9f9;
}

#reason {
  margin-top: 50px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background-color: var(--mc-bg-gray);
  padding: 40px 20px;
  border-radius: 16px;
}

.why-us-intro {
  text-align: center;
  margin-bottom: 30px;
}

.why-us-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* カード共通 */
.why-us-card {
  flex: 1;
  min-width: 280px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.2s;
}
.why-us-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* アイコン */
.why-us-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 15px;
  display: grid;
  place-items: center;
  color: #fff;
}
.why-us-icon svg {
  width: 30px;
  height: 30px;
  stroke: currentColor;
  stroke-width: 2.5;
  fill: none;
}

.icon-privacy { background-color: var(--mc-pink); }
.icon-time { background-color: var(--mc-blue); }
.icon-location { background-color: var(--mc-orange); }

/* タイトルと本文 */
.why-us-card h3 {
  margin: 0 0 10px 0;
  font-size: 1.25em;
  color: #333;
  font-weight: bold;
}
.why-us-card p {
  font-size: 0.95em;
  line-height: 1.7;
  color: #555;
  margin: 0 0 15px 0;
  text-align: left; /* 読みやすさ重視 */
  width: 100%;
}
.why-us-card strong {
  color: #333;
  background: linear-gradient(transparent 70%, #ffecb3 70%);
}

/* カード内アクションボタン（今回追加） */
.why-us-btn {
  margin-top: auto;
  font-size: 0.9em;
  color: var(--mc-blue);
  text-decoration: none;
  border: 1px solid var(--mc-blue);
  padding: 8px 20px;
  border-radius: 20px;
  transition: background 0.2s;
}
.why-us-btn:hover {
  background: var(--mc-blue);
  color: #fff;
}

@media (max-width: 768px) {
  #reason { padding: 30px 15px; }
  .why-us-container { flex-direction: column; }
}
</style>

<section id="reason">

  <div class="why-us-intro">
    <h2 style="font-size:1.5em; font-weight:bold; margin:0 0 10px 0;">当院が選ばれる理由</h2>
    <p style="color:#666;">忙しい方でも続けられる、「通いやすさ」を追求しています。</p>
  </div>

  <div class="why-us-container">

    <div class="why-us-card">
      <div class="why-us-icon icon-privacy">
        <svg viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
      </div>
      <h3>プライバシー徹底配慮</h3>
      <p>
        <strong>自由診療専門</strong>のため保険証は不要。匿名（偽名）でのご相談も可能です。<br>
        完全個室・名前での呼び出しなしで、誰にも知られずに受診できます。
      </p>
    </div>

    <div class="why-us-card">
      <div class="why-us-icon icon-time">
        <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
      </div>
      <h3>22時まで・年中無休</h3>
      <p>
        お仕事帰りでも間に合う<strong>夜22時まで診療</strong>。土日祝日も休まず開院しています。<br>
        Web予約は24時間いつでも受付中です。
      </p>
      <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="why-us-btn" target="_blank" rel="noopener">空き状況を確認する ＞</a>
    </div>

    <div class="why-us-card">
      <div class="why-us-icon icon-location">
        <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 1 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
      </div>
      <h3>恵比寿駅 徒歩3分</h3>
      <p>
        JR恵比寿駅西口から<strong>徒歩3分</strong>。<br>
        渋谷・代官山・広尾エリアからもアクセス良好です。お出かけついでにお立ち寄りいただけます。
      </p>
      <a href="#flow" class="why-us-btn">アクセス詳細へ ＞</a>
    </div>
    
  </div>
</section>



<style>
/* 共通設定 */
:root {
  --mc-pink: #d63384;
  --mc-blue: #3366cc;
  --mc-text: #333;
  --mc-gray-bg: #f9f9f9;
}

#flow {
  margin-top: 50px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 導入文 */
.flow-intro {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
  color: #333;
}

/* --- 1. 受診の流れ（ステップ） --- */
.flow-steps-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  counter-reset: step-counter;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.flow-step-item {
  flex: 1;
  min-width: 260px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 25px 20px 20px 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
  position: relative;
  margin-top: 15px; /* バッジ分のスペース */
}

/* ステップ番号（自動採番） */
.flow-step-item::before {
  counter-increment: step-counter;
  content: counter(step-counter);
  position: absolute;
  top: -18px;
  left: 20px;
  width: 45px;
  height: 45px;
  background-color: var(--mc-pink);
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 4px solid #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.flow-step-item h3 {
  margin: 15px 0 10px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--mc-text);
}

.flow-step-item p {
  margin: 0;
  font-size: 0.95em;
  line-height: 1.6;
  color: #555;
}

/* --- 2. アクセス情報 --- */
.access-wrapper {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* 左側：マップ */
.access-map-container {
  flex: 1.5;
  min-width: 300px;
}
.access-map-title {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.map-responsive-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* 4:3比率 */
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #eee;
}
.map-responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* マップアプリ起動ボタン */
.btn-open-map {
  display: block;
  text-align: center;
  margin-top: 15px;
  background: #fff;
  border: 1px solid var(--mc-blue);
  color: var(--mc-blue);
  padding: 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.2s;
}
.btn-open-map:hover {
  background: #f0f6ff;
}

/* 右側：詳細情報 */
.access-details {
  flex: 1;
  min-width: 280px;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 25px;
}
.access-details h3 {
  font-size: 1.2em;
  margin: 0 0 20px 0;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
}
.access-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.access-detail-item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.access-detail-item:last-child { margin-bottom: 0; }

.access-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--mc-pink);
  margin-top: 2px;
}
.access-icon svg { width: 100%; height: 100%; }

.access-text {
  font-size: 1em;
  line-height: 1.6;
  color: #444;
}
.access-text strong {
  display: block;
  font-size: 1.05em;
  color: #333;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .access-wrapper { flex-direction: column; }
  .flow-steps-list { flex-direction: column; }
  .flow-step-item { min-width: auto; }
}
</style>

<section id="flow">

  <h2 style="text-align:center; font-size:1.5em; font-weight:bold; margin-bottom:20px;">受診の流れ・アクセス</h2>

  <p class="flow-intro">
    ご予約から治療まで、スムーズにご案内します。<br>
    Web（LINE）予約は24時間受付中です。
  </p>

  <ol class="flow-steps-list">
    
    <li class="flow-step-item">
      <h3>Web予約</h3>
      <p>当院は完全予約制です。お電話またはWeb（LINE）からご希望の日時をご予約ください。</p>
    </li>
    
    <li class="flow-step-item">
      <h3>来院・受付</h3>
      <p>ご予約の日時にご来院ください。自由診療のため保険証は不要です。お名前をお伝えください。</p>
    </li>
    
    <li class="flow-step-item">
      <h3>診察・検査</h3>
      <p>医師が視診を行います。不安な点は何でもご相談ください。必要に応じて検査を行います。</p>
    </li>
    
    <li class="flow-step-item">
      <h3>処方・会計</h3>
      <p>診断に基づき、お薬（塗り薬）を処方します。使い方をご説明した後、お会計となります。</p>
    </li>
    
  </ol>

  <div class="access-wrapper">
    
    <div class="access-map-container">
      <h3 class="access-map-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> クリニックへのアクセス</h3>
      <div class="map-responsive-iframe">
        <iframe 
          src="https://maps.google.com/maps?q=東京都渋谷区恵比寿西1-2-1 エビスマンション610&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed" 
          width="600" height="450" allowfullscreen="" loading="lazy">
        </iframe>
      </div>
      <a href="https://maps.app.goo.gl/5g11nLw58US1G86K8" target="_blank" rel="noopener" class="btn-open-map">
        Googleマップアプリで開く ＞
      </a>
    </div>

    <div class="access-details">
      <h3>クリニック情報</h3>
      <ul class="access-details-list">
        
        <li class="access-detail-item">
          <div class="access-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
          </div>
          <div class="access-text">
            <strong>住所</strong>
            〒150-0021<br>
            東京都渋谷区恵比寿西1-2-1<br>エビスマンション610
          </div>
        </li>

        <li class="access-detail-item">
          <div class="access-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg>
          </div>
          <div class="access-text">
            <strong>アクセス</strong>
            JR恵比寿駅（西口）より徒歩3分<br>
            日比谷線 恵比寿駅より徒歩3分
          </div>
        </li>

        <li class="access-detail-item">
          <div class="access-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
          </div>
          <div class="access-text">
            <strong>対面診療時間</strong>
            14:00 〜 22:00（年中無休）<br>
            <span style="font-size:0.9em; color:#666;">※最終受付 21:40</span>
          </div>
        </li>

        <li class="access-detail-item">
          <div class="access-icon">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
          </div>
          <div class="access-text">
            <strong>電話番号</strong>
            <a href="tel:05088850783" style="color:var(--mc-blue); text-decoration:underline;">050-8885-0783</a>
          </div>
        </li>

      </ul>
    </div>

  </div>
</section>



<style>
/* FAQセクション用スタイル */
:root {
  --mc-pink: #d63384;
  --mc-blue: #3366cc;
  --mc-bg-gray: #f9f9f9;
}

#faq {
  margin-top: 60px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.faq-title {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 30px;
}

.faq-container {
  max-width: 800px;
  margin: 0 auto;
}

/* アコーディオン */
.faq-item {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
  overflow: hidden;
}
.faq-item[open] {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border-color: var(--mc-pink);
}

/* 質問（Q） */
.faq-summary {
  padding: 18px 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  font-size: 1.05em;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  transition: background 0.2s;
}
.faq-summary:hover { background-color: #fafafa; }
.faq-summary::-webkit-details-marker { display: none; }

/* Qアイコン */
.faq-q-icon {
  flex-shrink: 0;
  color: var(--mc-pink);
  font-weight: bold;
  font-size: 1.2em;
}

/* 開閉アイコン */
.faq-toggle-icon {
  margin-left: auto;
  color: #ccc;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1;
  transition: transform 0.2s;
}
.faq-item[open] .faq-toggle-icon {
  transform: rotate(45deg);
  color: var(--mc-pink);
}

/* 回答（A） */
.faq-answer {
  padding: 0 20px 20px 50px;
  font-size: 0.95em;
  line-height: 1.7;
  color: #555;
  border-top: 1px solid #f0f0f0;
  background: #fff;
  padding-top: 15px;
}
.faq-answer strong { color: #333; background: linear-gradient(transparent 70%, #ffecb3 70%); }

/* 最終CTAエリア */
.last-cta-wrapper {
  margin-top: 60px;
  padding: 40px 20px;
  background: linear-gradient(135deg, #fdfbfb 0%, #fff5f8 100%);
  border-radius: 16px;
  text-align: center;
  border: 1px solid #ffeef2;
}
.last-cta-title { font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 15px; }
.last-cta-text { font-size: 1em; margin-bottom: 30px; color: #555; line-height: 1.6; }
.btn-reserve-final {
  display: inline-block;
  background-color: var(--mc-blue);
  color: #fff !important;
  font-weight: bold;
  font-size: 1.2em;
  padding: 16px 40px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(51, 102, 204, 0.3);
  transition: transform 0.2s;
}
.btn-reserve-final:hover { transform: translateY(-3px); }
.btn-line-final {
  display: inline-block;
  background-color: #06c755;
  color: #fff !important;
  font-weight: bold;
  font-size: 1em;
  padding: 12px 30px;
  border-radius: 50px;
  text-decoration: none;
  margin-top: 15px;
}
</style>

<section id="faq">

  <h2 class="faq-title">よくあるご質問（FAQ）</h2>

  <div class="faq-container" itemscope itemtype="https://schema.org/FAQPage">

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">保険は使えますか？会社にバレませんか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          当院は<strong>自由診療のみ（保険適用なし）</strong>です。保険証を使わないため、会社やご家族に受診履歴が知られることはありません。匿名（偽名）でのご相談も可能ですのでご安心ください。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">なぜ焼灼（焼く治療）はしないのですか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          「痛いのが怖い」「通院回数を減らしたい」という患者様のために、ご自宅で治療できる<strong>「外用療法（塗り薬）」を専門</strong>としているためです。外科手術に伴う強い痛みや傷跡のリスクを避けたい方に選ばれています。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">治療費は総額でいくらくらいかかりますか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          治療（お薬の処方）を行う場合、<strong>診察料は0円（お薬処方の場合）</strong>となります。<br>
          かかる費用はお薬代のみ（例：5-FU軟膏・ベセルナ等 7,980円〜）です。初診時は概ね1万円前後をご用意いただければ十分対応可能です。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">塗り薬（5-FU）を塗るとどうなりますか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          薬を塗ったイボ（患部）は、数日〜数週間で赤くなったり、びらん（ただれ）が生じたりすることがあります。これは<strong>薬がウイルスと戦っている正常な反応</strong>ですが、痛みが強すぎる場合は使用を中断し、医師にご相談ください。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">再発は多いですか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          コンジローマは治療法に関わらず、3ヶ月以内に約20〜30%が再発すると言われています。イボが消えた後もウイルスが潜伏している可能性があるため、一定期間は経過観察が重要です。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">完治までどのくらいかかりますか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          個人差が大きいですが、塗り薬の場合、<strong>数週間〜数ヶ月</strong>（イミキモド等は最大16週）が目安です。外科手術より時間はかかりますが、跡が残りにくく再発率も同等以下とされています。
        </div>
      </div>
    </details>

    <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
      <summary class="faq-summary">
        <span class="faq-q-icon">Q.</span>
        <span itemprop="name">パートナーも治療が必要ですか？</span>
        <span class="faq-toggle-icon">＋</span>
      </summary>
      <div class="faq-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
        <div itemprop="text">
          パートナーに症状がある場合は治療が必要です。また、症状がなくても既に感染している（潜伏している）可能性があるため、一度検査（視診）を受けることを強くお勧めします。
        </div>
      </div>
    </details>

  </div>

  <div class="last-cta-wrapper">
    <h3 class="last-cta-title">お一人で悩まず、まずはご相談ください</h3>
    <p class="last-cta-text">
      コンジローマは自然治癒しにくく、放置するとパートナーにうつす可能性があります。<br>
      痛みの少ない治療で、早く不安を解消しましょう。
    </p>
    
    <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="btn-reserve-final" target="_blank" rel="noopener">
      Web予約・空き状況を確認
    </a>
    <br>
    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-line-final" target="_blank" rel="noopener">
      LINEで相談・予約する
    </a>
  </div>

</section>



<style>
.supervisor-section {
  background: #f0f0f0;
  padding: 30px 20px;
  margin-top: 40px;
  font-size: 0.9em;
  color: #555;
  border-top: 1px solid #ddd;
}
.supervisor-box {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  align-items: center;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.supervisor-info h4 {
  margin: 0 0 5px 0;
  font-size: 1.1em;
  color: #333;
}
.ref-list {
  max-width: 800px;
  margin: 20px auto 0;
  list-style: none;
  padding: 0;
}
.ref-list li {
  font-size: 0.8em;
  color: #777;
  margin-bottom: 4px;
}
@media (max-width: 600px) {
  .supervisor-box { flex-direction: column; text-align: center; }
}
</style>

<section class="supervisor-section">
  
  <div class="supervisor-box">
    <div class="supervisor-info">
      <p style="margin:0; font-size:0.8em;">この記事の監修者</p>
      <h4>モイストクリニック院長　金谷 正樹</h4>
      <p style="margin:5px 0 0 0; font-size:0.85em;">
        日本性感染症学会 会員<br>
        「患者様が恥ずかしがらずに相談できるクリニック」を目指し、痛みの少ない治療とプライバシー保護に努めています。
      </p>
    </div>
  </div>

  <ul class="ref-list">
    <li><strong>参考文献・ガイドライン：</strong></li>
    <li>日本性感染症学会「性感染症 診断・治療ガイドライン 2020」</li>
    <li>CDC (Centers for Disease Control and Prevention) &#8211; Anogenital Warts Treatment Guidelines</li>
    <li>厚生労働省 性感染症報告数（2023）</li>
  </ul>

</section><p>The post <a href="https://clinic-3t.com/sti/warts-acuminata/">【医師監修】尖圭コンジローマは薬で治る？痛くない治療と写真解説｜モイストクリニック恵比寿</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HIVとは？症状・感染経路・検査・治療をわかりやすく解説</title>
		<link>https://clinic-3t.com/sti/hiv/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hiv</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:25:49 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=989</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<!-- /wp:post-content -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --><p>The post <a href="https://clinic-3t.com/sti/hiv/">HIVとは？症状・感染経路・検査・治療をわかりやすく解説</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ヘルペス（口唇・性器）の症状と治療｜恵比寿モイストクリニック</title>
		<link>https://clinic-3t.com/sti/genital-herpesvirus-infection-article/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=genital-herpesvirus-infection-article</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:25:29 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=987</guid>

					<description><![CDATA[<p>“性器や唇に、水ぶくれやピリピリする痛み…” それ、ヘルペスかもしれません。一人で悩まないでください。 当院は性感染症の専門クリニックとして、 当日診断・当日処方で迅速に対応します。 24時間WEB予約 LINEで相談・ [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/genital-herpesvirus-infection-article/">ヘルペス（口唇・性器）の症状と治療｜恵比寿モイストクリニック</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="724" src="https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-1024x724.jpg" alt="" class="wp-image-4335" srcset="https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-1024x724.jpg 1024w, https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-300x212.jpg 300w, https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-768x543.jpg 768w, https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-1536x1086.jpg 1536w, https://clinic-3t.com/wp-content/uploads/2024/01/モイストクリニック-ブログサムネイル-11-1920x1357.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="hub-container">

    <div class="hero-message">
        <p class="hero-sub">“性器や唇に、水ぶくれやピリピリする痛み…”</p>
        <h2 class="hero-main">それ、ヘルペスかもしれません。<br>一人で悩まないでください。</h2>
        <p class="hero-desc">
            当院は性感染症の専門クリニックとして、<br>
            <strong>当日診断・当日処方</strong>で迅速に対応します。
        </p>
        
        <div class="cta-flex">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="cta-btn reserve" target="_blank">24時間WEB予約</a>
            <a href="https://line.me/R/ti/p/@696ufkcc#~" class="cta-btn line" target="_blank">LINEで相談・予約</a>
        </div>
        <p class="tel-link">お電話：<a href="tel:05088850783">050-8885-0783</a></p>
    </div>

    <div class="hub-intro">
        <p>
            本ページは、ヘルペス（口唇・性器）全体の「総合案内」です。<br>
            性器ヘルペスについて、より詳しく調べたい方は、以下の<strong>「性器ヘルペス専門ガイド」</strong>からテーマ別の詳細記事をご覧いただけます。
        </p>
    </div>

    <section class="guide-section">
        <h3 class="guide-title">▼ 性器ヘルペス専門ガイド<span class="sub">（詳しく知りたい方へ）</span></h3>
        <div class="guide-grid">
            <a href="https://clinic-3t.com/genital-herpes-overview/" class="guide-card main-card">
                <span class="card-tag">総合</span>
                <h4>性器ヘルペスの症状・原因と最新治療法</h4>
                <p>薬・検査・パートナー対策まで網羅した完全版</p>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-symptom-check/" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>その水ぶくれはヘルペス？</h4>
                    <p>症状セルフチェックと見分け方</p>
                </div>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-test-accuracy/" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ec.png" alt="🧬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>検査結果を待つべきか？</h4>
                    <p>PCR検査と視診の診断精度</p>
                </div>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-recurrence-mechanism/" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>再発の理由と予防法</h4>
                    <p>抑制療法とPIT療法の根拠</p>
                </div>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-pregnancy/" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f476.png" alt="👶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>妊娠・授乳中のヘルペス</h4>
                    <p>赤ちゃんへの影響と出産方法</p>
                </div>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-partner-prevention/" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2764.png" alt="❤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>パートナー感染予防</h4>
                    <p>性交渉の再開時期とリスク</p>
                </div>
            </a>

            <a href="https://clinic-3t.com/genital-herpes-qa50" class="guide-card">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="card-txt">
                    <h4>性器ヘルペスQ&#038;A 50選</h4>
                    <p>市販薬・自然治癒・生活の疑問</p>
                </div>
            </a>
        </div>
    </section>

    <nav class="toc-container">
        <div class="toc-title">INDEX</div>
        <ul class="toc-list">
            <li><a href="#message">1. 不安なあなたへ、まずお伝えしたいこと</a></li>
            <li><a href="#symptoms">2. ヘルペスの具体的な症状と受診の目安</a></li>
            <li><a href="#diagnosis">3. 当院の診察・検査について</a></li>
            <li><a href="#treatment">4. ヘルペスの治療法</a></li>
            <li><a href="#lifestyle">5. ヘルペスと診断されたら（日常生活・性行為で気をつけること）</a></li>
            <li><a href="#cost">6. 費用について</a></li>
            <li><a href="#pregnancy">7. 妊娠中・授乳中の方、目の症状がある方へ</a></li>
            <li><a href="#features">8. 当院の特徴</a></li>
            <li><a href="#faq">9. よくあるご質問</a></li>
            <li><a href="#reference">10. 参考文献</a></li>
        </ul>
    </nav>

</div>

<style>
    /* 全体コンテナ */
    .hub-container {
        font-family: "Helvetica Neue", Arial, sans-serif;
        color: #333;
        line-height: 1.6;
        max-width: 800px;
        margin: 0 auto;
    }

    /* カラー定義 */
    :root {
        --primary-navy: #0f4c81;
        --light-blue: #e3f2fd;
        --accent-gold: #c5a059;
    }

    /* 1. ヒーローメッセージ */
    .hero-message {
        background-color: var(--light-blue);
        padding: 30px 20px;
        border-radius: 8px;
        text-align: center;
        margin-bottom: 30px;
        border-bottom: 4px solid var(--primary-navy);
    }
    .hero-sub {
        font-size: 0.9em;
        color: #666;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .hero-main {
        font-size: 1.4em;
        color: var(--primary-navy);
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
    .hero-desc {
        font-size: 1em;
        margin-bottom: 20px;
    }
    .cta-flex {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-bottom: 15px;
    }
    .cta-btn {
        flex: 1;
        padding: 12px 0;
        border-radius: 30px;
        font-weight: bold;
        color: #fff;
        font-size: 0.95em;
        max-width: 250px;
        text-decoration: none;
        transition: opacity 0.2s;
    }
    .cta-btn:hover { opacity: 0.9; }
    .cta-btn.reserve { background-color: var(--primary-navy); }
    .cta-btn.line { background-color: #06c755; }
    .tel-link { font-weight: bold; margin: 0; }
    .tel-link a { color: #333; text-decoration: none; }

    /* 2. ハブイントロ */
    .hub-intro {
        margin-bottom: 30px;
        padding: 0 10px;
        font-size: 0.95em;
    }

    /* 3. 専門ガイド（カード型） */
    .guide-section {
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 40px;
    }
    .guide-title {
        font-size: 1.2em;
        color: var(--primary-navy);
        margin: 0 0 15px 0;
        border-bottom: 2px solid #ddd;
        padding-bottom: 10px;
    }
    .guide-title .sub { font-size: 0.8em; font-weight: normal; color: #666; }
    
    .guide-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    /* カード共通スタイル */
    .guide-card {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 12px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: inherit;
        transition: transform 0.2s, box-shadow 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    }
    .guide-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    
    /* 総合ガイド（強調） */
    .main-card {
        grid-column: 1 / -1; /* 横幅いっぱい */
        background: linear-gradient(135deg, #0f4c81 0%, #154a7a 100%);
        color: #fff;
        display: block; /* 縦並び */
        text-align: center;
    }
    .main-card h4 { color: #fff; margin: 5px 0; font-size: 1.1em; }
    .main-card p { color: #e3f2fd; font-size: 0.85em; margin: 0; }
    .card-tag {
        display: inline-block;
        background: #c5a059;
        color: #fff;
        font-size: 0.7em;
        padding: 2px 8px;
        border-radius: 2px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    /* 個別カード */
    .guide-card .icon {
        font-size: 1.8em;
        margin-right: 10px;
        width: 40px;
        text-align: center;
    }
    .card-txt h4 {
        margin: 0 0 3px 0;
        font-size: 0.95em;
        color: var(--primary-navy);
    }
    .card-txt p {
        margin: 0;
        font-size: 0.75em;
        color: #666;
        line-height: 1.3;
    }

    /* 4. 目次 */
    .toc-container {
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 25px;
        border-radius: 8px;
        margin-bottom: 50px;
    }
    .toc-title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 1.2em;
        letter-spacing: 2px;
    }
    .toc-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .toc-list li {
        border-bottom: 1px dotted #ccc;
        padding: 10px 0;
    }
    .toc-list li:last-child { border-bottom: none; }
    .toc-list a {
        font-weight: bold;
        color: #333;
        display: block;
        text-decoration: none;
        position: relative;
        padding-left: 15px;
    }
    .toc-list a::before {
        content: '&#x25b6;';
        font-size: 0.7em;
        color: var(--primary-navy);
        position: absolute;
        left: 0;
        top: 4px;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .cta-flex { flex-direction: column; align-items: center; }
        .cta-btn { width: 100%; max-width: 100%; }
        .guide-grid { grid-template-columns: 1fr; } /* ガイドカードも1列に */
        .guide-card { padding: 15px; }
    }
</style>



<section id="message" class="section-container">
    <h2 class="section-title">1. 不安なあなたへ、まずお伝えしたいこと</h2>

    <div class="message-content">
        <p class="lead-text">
            ヘルペスは適切な治療を行えば、決して怖い病気ではありません。<br>
            当院では、以下の4つのポイントを基本方針として診療を行っています。
        </p>

        <div class="point-box">
            <ul class="check-list">
                <li>
                    <strong>治療の基本は「飲むお薬」です</strong><br>
                    ウイルスを内側から抑えることが重要です。塗り薬だけの治療は効果が限定的です。
                </li>
                <li>
                    <strong>経験豊富な医師が見て診断します</strong><br>
                    特徴的な症状から、多くの場合、その場で診断し治療を始められます。（検査結果待ちの時間は不要です）
                </li>
                <li>
                    <strong>症状がある間は接触を控えましょう</strong><br>
                    水ぶくれや痛みがある間は、キスや性行為など、人との接触は控えるようにしてください。
                </li>
                <li>
                    <strong>繰り返す方には「抑制療法」があります</strong><br>
                    何度も再発してつらい方には、毎日お薬を飲んで症状を抑える「抑制療法」という良い選択肢があります。
                </li>
            </ul>
        </div>

        
     
    
    </div>
</section>

<style>
    /* セクション共通 */
    .section-container {
        margin-bottom: 60px;
    }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81; /* ネイビー */
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 25px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* リード文 */
    .lead-text {
        line-height: 1.8;
        margin-bottom: 20px;
    }

    /* 重要ポイントリスト（デザイン調整） */
    .point-box {
        background-color: #f9f9f9;
        border-radius: 8px;
        padding: 25px;
        margin-bottom: 30px;
        border-left: 5px solid #0f4c81; /* ネイビーのアクセント */
    }
    .check-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .check-list li {
        margin-bottom: 20px;
        padding-left: 25px;
        position: relative;
        line-height: 1.7;
    }
    .check-list li:last-child {
        margin-bottom: 0;
    }
    .check-list li::before {
        content: '&#x2714;';
        position: absolute;
        left: 0;
        top: 2px;
        color: #c5a059; /* ゴールドで強調 */
        font-weight: bold;
        font-size: 1.2em;
    }
    .check-list strong {
        color: #0f4c81;
        font-size: 1.1em;
        display: block; /* 強調部分を改行 */
        margin-bottom: 5px;
    }

    /* 症状ページへの誘導 */
    .next-step-wrapper {
        margin-top: 30px;
    }
    .next-step-label {
        font-weight: bold;
        color: #666;
        margin-bottom: 10px;
        font-size: 0.9em;
    }
    
    .symptom-link-card {
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        padding: 15px 20px;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s ease;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    }
    .symptom-link-card:hover {
        border-color: #0f4c81;
        background-color: #fcfcfc;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    
    .card-icon {
        font-size: 2em;
        margin-right: 15px;
    }
    .card-text {
        flex-grow: 1;
    }
    .card-title {
        display: block;
        font-weight: bold;
        font-size: 1.1em;
        color: #0f4c81;
        margin-bottom: 4px;
        border-bottom: 1px solid #eee;
        padding-bottom: 4px;
    }
    .card-desc {
        font-size: 0.85em;
        color: #666;
    }
    .card-arrow {
        color: #0f4c81;
        font-weight: bold;
        margin-left: 10px;
        font-size: 1.2em;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .point-box {
            padding: 20px;
        }
        .symptom-link-card {
            padding: 15px;
        }
        .card-title {
            font-size: 1em;
        }
    }
</style>



<section id="symptoms" class="section-container">
    <h2 class="section-title">2. ヘルペスの具体的な症状と受診の目安<span class="h2-sub">（性器・口唇別）</span></h2>

    <div class="symptom-grid">
        
        <div class="symptom-card genital-card">
            <div class="card-header">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f456.png" alt="👖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <h3>性器<span class="sub">（性器ヘルペス）</span></h3>
            </div>
            <div class="card-body">
                <p class="main-symptom">
                    性器や肛門の周りに、痛みを伴う水ぶくれや、ただれができます。
                </p>
                <dl class="info-list">
                    <dt>鑑別が必要な疾患</dt>
                    <dd>
                        梅毒、毛嚢炎、カンジダなど、似た症状の病気があります。<br>
                        <span class="danger-text">※自己判断は難しく危険なため、専門医の診断が重要です。</span>
                    </dd>
                    
                    <dt>うつりやすい時期</dt>
                    <dd>水ぶくれ・ただれがある時期<br><span class="danger-text">※性行為・オーラルセックスは厳禁</span></dd>
                    
                    <dt>受診の目安</dt>
                    <dd>
                        <ul class="bullet-list">
                            <li>初めて症状が出た</li>
                            <li>排尿時や歩行時に激しい痛みがある</li>
                            <li>年に何度も繰り返す</li>
                        </ul>
                    </dd>
                </dl>

                <div class="check-link-wrapper">
                    <p class="check-lead">「この水ぶくれがヘルペスかどうか、自分である程度チェックしたい」という方は、こちらもご覧ください。</p>
                    <a href="https://clinic-3t.com/genital-herpes-symptom-check/" class="check-link">
                        <span class="link-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <div class="link-text">
                            <strong>その水ぶくれは性器ヘルペス？</strong>
                            <span class="small">症状セルフチェックと男女別の見分け方</span>
                        </div>
                        <span class="arrow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    </a>
                </div>

                <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="reserve-btn primary" target="_blank">
                    性器の症状で今すぐ予約 &raquo;
                </a>
            </div>
        </div>

        <div class="symptom-card lip-card">
            <div class="card-header">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f444.png" alt="👄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <h3>口唇・口周り<span class="sub">（口唇ヘルペス）</span></h3>
            </div>
            <div class="card-body">
                <p class="main-symptom">
                    ピリピリとした違和感の後、小さな水ぶくれができ、かさぶたになって治ります。
                </p>
                <dl class="info-list">
                    <dt>よくある部位</dt>
                    <dd>唇の縁、口角、鼻の下など</dd>
                    
                    <dt>うつりやすい時期</dt>
                    <dd>水ぶくれや、それが破れてただれている時期<br><span class="danger-text">※接触・唾液に注意</span></dd>
                    
                    <dt>受診の目安</dt>
                    <dd>
                        <ul class="bullet-list">
                            <li>初めて症状が出た</li>
                            <li>痛みや発熱がつらい</li>
                            <li>年に何度も繰り返す</li>
                        </ul>
                    </dd>
                </dl>
                <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="reserve-btn" target="_blank">
                    口唇の症状で今すぐ予約 &raquo;
                </a>
            </div>
        </div>

    </div>

    <div class="note-box">
        <p>※どちらのウイルス型（HSV-1/HSV-2）も、口唇・性器の両方に発症する可能性があります。基本的な治療法は同じです。</p>
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }
    .h2-sub {
        font-size: 0.7em;
        font-weight: normal;
        margin-left: 10px;
        color: #666;
    }

    /* グリッドレイアウト */
    .symptom-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 20px;
    }

    /* カードスタイル */
    .symptom-card {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    }
    .symptom-card.genital-card {
        border-top: 4px solid #0f4c81; /* 性器はネイビー（メイン） */
    }
    .symptom-card.lip-card {
        border-top: 4px solid #e67e22; /* 口唇はオレンジ系 */
    }

    /* カードヘッダー */
    .card-header {
        background-color: #f9f9f9;
        padding: 15px;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
    }
    .card-header .icon {
        font-size: 1.8em;
        margin-right: 10px;
    }
    .card-header h3 {
        margin: 0;
        font-size: 1.2em;
        color: #333;
    }
    .card-header .sub {
        font-size: 0.8em;
        font-weight: normal;
        color: #666;
    }

    /* カードボディ */
    .card-body {
        padding: 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    .main-symptom {
        font-weight: bold;
        margin-bottom: 20px;
        line-height: 1.6;
        color: #333;
    }

    /* 定義リスト */
    .info-list dt {
        font-size: 0.9em;
        font-weight: bold;
        color: #0f4c81;
        margin-top: 15px;
        margin-bottom: 5px;
        border-left: 3px solid #0f4c81;
        padding-left: 8px;
    }
    .info-list dd {
        margin: 0 0 10px 0;
        font-size: 0.95em;
        color: #555;
        line-height: 1.6;
    }
    .bullet-list {
        padding-left: 20px;
        margin: 5px 0 0 0;
    }
    .bullet-list li {
        margin-bottom: 3px;
    }
    .danger-text {
        color: #c0392b;
        font-size: 0.9em;
        font-weight: bold;
    }

    /* セルフチェックリンク周り */
    .check-link-wrapper {
        margin: 20px 0;
        padding-top: 15px;
        border-top: 1px dashed #eee;
    }
    .check-lead {
        font-size: 0.85em;
        color: #666;
        margin-bottom: 8px;
        font-weight: bold;
    }
    .check-link {
        display: flex;
        align-items: center;
        background-color: #e3f2fd; /* 薄いブルー背景 */
        padding: 10px 15px;
        border-radius: 6px;
        text-decoration: none;
        color: #0f4c81;
        border: 1px solid #bbdefb;
        transition: background-color 0.2s;
    }
    .check-link:hover {
        background-color: #bbdefb;
    }
    .check-link .link-icon {
        font-size: 1.5em;
        margin-right: 10px;
    }
    .check-link .link-text {
        flex-grow: 1;
        line-height: 1.3;
    }
    .check-link strong {
        display: block;
        font-size: 1em;
    }
    .check-link .small {
        font-size: 0.85em;
        font-weight: normal;
        color: #555;
    }
    .check-link .arrow {
        font-weight: bold;
    }

    /* 予約ボタン */
    .reserve-btn {
        display: block;
        text-align: center;
        padding: 12px;
        background-color: #fff;
        color: #333;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-decoration: none;
        font-weight: bold;
        margin-top: auto; /* 下に寄せる */
        transition: all 0.2s;
    }
    .reserve-btn:hover {
        background-color: #f0f0f0;
    }
    .reserve-btn.primary {
        background-color: #0f4c81;
        color: #fff;
        border: none;
    }
    .reserve-btn.primary:hover {
        background-color: #0a3d6b;
    }

    /* 注釈ボックス */
    .note-box {
        margin-top: 15px;
        font-size: 0.85em;
        color: #666;
        background-color: #f9f9f9;
        padding: 10px 15px;
        border-radius: 4px;
    }
    .note-box p { margin: 0; }

    /* スマホ対応 */
    @media (max-width: 768px) {
        .symptom-grid {
            grid-template-columns: 1fr; /* 1列にする */
        }
        .symptom-card {
            margin-bottom: 10px;
        }
        /* 性器ヘルペスを上に持ってくるための指定（念のため） */
        .genital-card { order: 1; }
        .lip-card { order: 2; }
    }
</style>



<section id="diagnosis" class="section-container">
    <h2 class="section-title">3. 当院の診察・検査について</h2>

    <div class="policy-box">
        <h3 class="policy-head">
            <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            検査結果を待たない「即日治療」を最優先します
        </h3>
        <p class="policy-text">
            ヘルペスの水ぶくれやただれは非常に特徴的です。熟練した医師が診察することで、多くの場合、その場で診断が可能です。<br>
            <strong>「検査結果が出るまで数日間、痛みを我慢する」必要はありません。</strong><br>
            苦痛を我慢する時間を1分でも短くすることが、当院の役目だと考えています。
        </p>
    </div>

    <div class="diagnosis-flow">
        
        <div class="flow-step">
            <div class="step-label">Step 01</div>
            <div class="step-card">
                <div class="card-header-row">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-2695-fe0f.png" alt="👨‍⚕️" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>専門医による「視診」</h4>
                </div>
                <div class="card-body-row">
                    <p>
                        経験豊富な医師が、患部の状態（水ぶくれ、ただれ、赤み、分布）を丁寧に診察します。<br>
                        <span class="small-note">※お着替えを含め、診察時間は数分程度です。</span>
                    </p>
                </div>
            </div>
        </div>

        <div class="flow-arrow">▼</div>

        <div class="flow-step">
            <div class="step-label">Step 02</div>
            <div class="step-card highlight">
                <div class="card-header-row">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>診断と「即日」処方</h4>
                </div>
                <div class="card-body-row">
                    <p>
                        典型的なヘルペスの症状と診断した場合、<strong>その日のうちにお薬（内服薬）を処方します。</strong><br>
                        すぐに服用を開始することで、症状の悪化を食い止めます。
                    </p>
                </div>
            </div>
        </div>

        <div class="flow-arrow">▼</div>

        <div class="flow-step">
            <div class="step-label">Step 03</div>
            <div class="step-card">
                <div class="card-header-row">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f489.png" alt="💉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>必要に応じた「確定診断」</h4>
                </div>
                <div class="card-body-row">
                    <p>
                        症状が非典型的（水疱がない、治りにくい等）で、<strong>梅毒など他の病気との区別が必要</strong>と医師が判断した場合、採血による抗体検査なども同時に行い診断を確定させます。
                    </p>
                </div>
            </div>
        </div>

    </div>

    <div class="deep-link-wrapper">
        <p class="link-lead">
            「どこまで見て分かるのか」「PCR検査はどれくらい正確なのか」<br>
            医学的な診断精度について詳しく知りたい方は、こちらの解説をご覧ください。
        </p>
        <a href="https://clinic-3t.com/genital-herpes-test-accuracy/" class="article-link">
            <div class="link-thumb"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ec.png" alt="🧬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="link-content">
                <strong>性器ヘルペスは検査結果を待つべきか？</strong>
                <span>PCR検査と視診の診断精度｜医師解説</span>
            </div>
            <div class="link-arrow">詳しく見る &raquo;</div>
        </a>
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* 方針ボックス */
    .policy-box {
        background-color: #f0f7ff;
        border: 1px solid #cce5ff;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 40px;
        text-align: center;
    }
    .policy-head {
        color: #0f4c81;
        font-size: 1.2em;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .policy-head .icon { margin-right: 10px; font-size: 1.3em; }
    .policy-text {
        font-size: 0.95em;
        line-height: 1.8;
        margin: 0;
        text-align: left;
    }

    /* フローチャート（レイアウト修正） */
    .diagnosis-flow {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-bottom: 40px;
    }
    
    .flow-step {
        width: 100%;
        max-width: 600px;
        position: relative;
    }
    .step-label {
        background-color: #0f4c81;
        color: #fff;
        font-size: 0.8em;
        font-weight: bold;
        padding: 4px 12px;
        border-radius: 15px;
        position: absolute;
        top: -10px;
        left: 15px;
        z-index: 2;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    
    .step-card {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 25px 20px 20px 20px;
        display: flex;
        flex-direction: column; /* ★ここを縦並びに変更 */
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    }
    /* 強調カード */
    .step-card.highlight {
        border: 2px solid #c5a059;
        background-color: #fffcf5;
    }
    
    /* 上段：アイコンとタイトル */
    .card-header-row {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px dashed #eee; /* 区切り線を追加して見やすく */
        padding-bottom: 10px;
    }
    
    .card-icon {
        font-size: 2em;
        margin-right: 15px;
        line-height: 1;
        min-width: 40px; /* アイコン幅確保 */
        text-align: center;
    }
    .step-card h4 {
        margin: 0;
        color: #333;
        font-size: 1.15em;
        line-height: 1.4;
    }

    /* 下段：説明文 */
    .card-body-row p {
        margin: 0;
        font-size: 0.95em;
        color: #666;
        line-height: 1.7;
    }
    
    .small-note { font-size: 0.85em; color: #999; }

    .flow-arrow {
        color: #ccc;
        font-size: 1.2em;
        font-weight: bold;
    }

    /* 専門記事リンク */
    .deep-link-wrapper {
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
        margin-top: 20px;
        border: 1px solid #eee;
    }
    .link-lead {
        font-size: 0.9em;
        font-weight: bold;
        color: #555;
        margin-bottom: 15px;
        text-align: center;
    }
    .article-link {
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: 5px solid #0f4c81;
        padding: 15px;
        text-decoration: none;
        color: inherit;
        border-radius: 4px;
        transition: all 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    .article-link:hover {
        background-color: #f0f7ff;
        transform: translateX(5px);
    }
    .link-thumb { font-size: 2em; margin-right: 15px; }
    .link-content { flex-grow: 1; }
    .link-content strong {
        display: block;
        color: #0f4c81;
        font-size: 1.05em;
        margin-bottom: 3px;
    }
    .link-content span { font-size: 0.85em; color: #666; }
    .link-arrow {
        font-size: 0.8em;
        font-weight: bold;
        color: #0f4c81;
        margin-left: 10px;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .policy-text { text-align: left; }
        .step-card { padding: 30px 15px 15px 15px; } /* Stepバッジのために上余白確保 */
        .card-icon { font-size: 2em; margin-right: 12px; }
        .step-card h4 { font-size: 1.1em; }
    }
</style>



<section id="treatment" class="section-container">
    <h2 class="section-title">4. ヘルペスの治療法</h2>

    <div class="treatment-accordion-container">

        <div class="treatment-summary">
            <strong>治療の基本は「内服薬（飲み薬）」です。</strong><br>
            塗り薬だけでは効果が限定的なため、当院では迅速な内服治療を推奨しています。
        </div>
        
        <p style="text-align: center; padding: 0 1em 1.5em 1em; line-height: 1.7;">
            あなたの状況に合わせて、主に3つの治療法（飲み方）があります。<br>
            <strong>気になる項目をタップして詳細をご覧ください。</strong>
        </p>

        <div class="treatment-accordion">
            <details>
                <summary>
                    1. 症状が出た時の治療（エピソード療法）
                    <span class="target">【こんな方へ】今まさに症状（痛み・水ぶくれ）が出ている方</span>
                </summary>
                <div class="accordion-content">
                    <p>
                        再発した時だけ、数日間お薬を内服する最も標準的な治療法です。<br>
                        <strong>前駆症状（ピリピリ感）や発疹が出てから24時間以内</strong>に開始するのが最も効果的です。
                    </p>
                    <ul>
                        <li><strong>治療例:</strong>
                            <br>・バラシクロビル 500mg 1日2回 5日間(初発の場合は7日間)
                            <br>・ファムシクロビル 250mg 1日3回 5日間(初発の場合は7日間)
                        </li>
                        <li>遅れても効果はありますので、気づいた時点ですぐにご相談ください。</li>
                    </ul>
                </div>
            </details>
        </div>

        <div class="treatment-accordion">
            <details>
                <summary>
                    2. 再発を抑える治療（抑制療法）
                    <span class="target">【こんな方へ】年に何度も再発する方／パートナーへの感染が不安な方</span>
                </summary>
                <div class="accordion-content">
                    <p>
                        症状がない時も、毎日お薬を飲み続けることで、再発自体を強力に抑え込む治療法です。
                    </p>
                    <ul>
                        <li><strong>治療例:</strong>
                            <br>・バラシクロビル 500mg 1日1回
                        </li>
                        <li>再発の頻度を<strong>70～80%減少</strong>させ、生活の質（QOL）を大きく改善します。</li>
                        <li>パートナーへの感染リスクを低減させる効果も報告されています。</li>
                        <li>長期的な安全性も確立されています。</li>
                    </ul>
                </div>
            </details>
        </div>

        <div class="treatment-accordion">
            <details>
                <summary>
                    3. 再発した時の「お守り薬」（PIT）
                    <span class="target">【こんな方へ】再発の兆候が分かる方／いざという時の備えが欲しい方</span>
                </summary>
                <div class="accordion-content">
                    <p>
                        「ピリッとしたらすぐ飲めるように」事前にお薬を処方しておく方法です（PIT: Patient Initiated Therapy）。
                    </p>
                    <ul>
                        <li><strong>治療例（日本での承認）:</strong>
                            <br>・アメナメビル 1200mg <strong>食後に1回飲むだけ</strong>
                        </li>
                        <li><strong>「前駆症状から6時間以内」「食後」</strong>という厳格なルールがあるため、当院で医師が丁寧に服薬指導します。</li>
                        <li>忙しくて再発のたびに通院できない方にも適しています。</li>
                    </ul>
                </div>
            </details>
        </div>
        
        <a href="https://line.me/R/ti/p/@696ufkcc" class="treatment-cta" target="_blank">
            どの治療法が合うか医師に相談する
        </a>

    </div>

    <div class="more-info-wrapper">
        <p class="more-info-label">▼ 治療について、もっと詳しく知りたい方へ</p>
        
        <a href="https://clinic-3t.com/genital-herpes-treatment/" class="more-info-link">
            <div class="link-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="link-text">
                <strong>性器ヘルペスの治療｜完治はする？</strong>
                <span>1回飲むだけの新薬と再発予防【医師監修】</span>
            </div>
            <div class="link-arrow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        </a>

        <a href="https://clinic-3t.com/genital-herpes-recurrence-mechanism/" class="more-info-link">
            <div class="link-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="link-text">
                <strong>再発のメカニズムと医学的予防法</strong>
                <span>アメナメビルと抑制療法｜医師解説</span>
            </div>
            <div class="link-arrow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        </a>
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* アコーディオンセクションのスタイル */
    .treatment-accordion-container {
        margin: 2em 0;
    }
    
    /* セクション全体の要約 */
    .treatment-summary {
        background-color: #fff9db; /* 薄い黄色 */
        border: 1px solid #faebcc;
        color: #856404;
        padding: 16px 20px;
        border-radius: 8px;
        margin-bottom: 2em;
        font-size: 1.05em;
        line-height: 1.65;
        text-align: center;
        border-left: 5px solid #ffc107;
    }
    
    /* アコーディオン（<details>タグ） */
    .treatment-accordion details {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 12px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    }
    
    /* アコーディオンの常に表示される部分（<summary>） */
    .treatment-accordion summary {
        padding: 20px;
        font-weight: bold;
        font-size: 1.1em;
        color: #0f4c81; /* ネイビー */
        cursor: pointer;
        position: relative;
        list-style: none; 
    }
    .treatment-accordion summary::-ms-expand { display: none; }
    .treatment-accordion summary::-webkit-details-marker { display: none; }
    
    /* 開閉矢印 */
    .treatment-accordion summary::after {
        content: '+';
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 1.5em;
        color: #0f4c81;
        line-height: 1;
    }
    .treatment-accordion details[open] summary::after {
        content: '−';
    }

    /* ターゲット表示 */
    .treatment-accordion summary .target {
        display: block;
        font-size: 0.85em;
        font-weight: normal;
        color: #666;
        margin-top: 8px;
    }
    
    /* アコーディオンの中身 */
    .treatment-accordion .accordion-content {
        padding: 0 20px 24px 20px;
        font-size: 0.95em;
        line-height: 1.7;
        border-top: 1px dashed #ccc;
    }
    .treatment-accordion .accordion-content p {
        margin-top: 1.5em;
        margin-bottom: 1em;
    }
    .treatment-accordion .accordion-content ul {
        list-style-type: none;
        padding-left: 0;
    }
    .treatment-accordion .accordion-content li {
        position: relative;
        padding-left: 1.5em;
        margin-bottom: 0.8em;
    }
    .treatment-accordion .accordion-content li::before {
        content: '・';
        position: absolute;
        left: 0;
        top: 0;
        color: #0f4c81;
        font-weight: bold;
    }

    /* CTAボタン */
    .treatment-cta {
        display: block;
        background-color: #06c755; /* LINE色 */
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 30px;
        font-size: 1.1em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-top: 2em;
        transition: opacity 0.2s;
    }
    .treatment-cta:hover { opacity: 0.9; }

    /* 深掘りリンクエリア */
    .more-info-wrapper {
        margin-top: 40px;
        background-color: #fcfcfc;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #eee;
    }
    .more-info-label {
        font-size: 0.9em;
        font-weight: bold;
        color: #555;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .more-info-link {
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: 5px solid #0f4c81;
        padding: 15px;
        text-decoration: none;
        color: inherit;
        border-radius: 4px;
        transition: all 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        margin-bottom: 10px;
    }
    .more-info-link:last-child { margin-bottom: 0; }
    .more-info-link:hover {
        background-color: #f0f7ff;
        transform: translateX(3px);
    }
    
    .more-info-link .link-icon {
        font-size: 1.8em;
        margin-right: 15px;
    }
    .more-info-link .link-text {
        flex-grow: 1;
    }
    .more-info-link .link-text strong {
        display: block;
        color: #0f4c81;
        font-size: 1em;
        margin-bottom: 3px;
    }
    .more-info-link .link-text span {
        font-size: 0.85em;
        color: #666;
    }
    .more-info-link .link-arrow {
        color: #0f4c81;
        font-weight: bold;
        margin-left: 10px;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .treatment-accordion summary {
            font-size: 1em;
            padding: 15px;
        }
        .treatment-accordion summary::after {
            top: 15px;
        }
    }
</style>



<section id="lifestyle" class="section-container">
    <h2 class="section-title">5. ヘルペスと診断されたら（日常生活・性行為で気をつけること）</h2>

    <div class="life-guide-container">

        <div class="life-summary">
            最も重要なルールは、<br>
            <strong>「症状」や「前駆症状（違和感）」がある間は、<br>
            他者との「直接的な接触」を避ける</strong>ことです。
        </div>

        <div class="life-card life-card-danger">
            <h3 class="life-card-header-danger"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6ab.png" alt="🚫" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 感染予防のために控えること</h3>
            <div class="life-card-content">
                <ul>
                    <li>
                        <strong>性行為・オーラルセックス</strong><br>
                        症状や違和感がある間は、コンドームを使ってもリスクがあるため<strong>完全に中止</strong>してください。治癒してから再開します。
                    </li>
                    <li>
                        <strong>キス（口唇ヘルペスの場合）</strong><br>
                        唇や口の周りに症状がある間のキスや、食器・グラスの共有は避けてください。
                    </li>
                    <li>
                        <strong>タオルの共有</strong><br>
                        症状が出ている間は、患部に触れたタオルをパートナーと共有しないでください。
                    </li>
                </ul>
            </div>
        </div>

        <div class="life-card life-card-safe">
            <h3 class="life-card-header-safe"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ご自身の日常生活について</h3>
            <div class="life-card-content">
                <ul>
                    <li>
                        <strong>入浴（お風呂）</strong><br>
                        湯船に入っても問題ありません。ただし、患部は優しく洗い、清潔と乾燥を心がけましょう。
                    </li>
                    <li>
                        <strong>仕事・運動</strong><br>
                        体調（発熱や痛み）が辛くなければ、普段通りで構いません。無理はしないでください。
                    </li>
                    <li>
                        <strong>髭剃り・メイク（口唇の場合）</strong><br>
                        患部への刺激となるため、症状が治まるまでは、患部への髭剃りや口紅は避けるのが賢明です。
                    </li>
                </ul>
            </div>
        </div>
        
        <a href="https://line.me/R/ti/p/@696ufkcc" class="life-cta" target="_blank">
            生活の注意点を医師に相談する
        </a>

    </div>

    <div class="deep-link-wrapper">
        <p class="link-lead">
            「いつから性行為を再開していいの？」「パートナーにうつさない方法は？」<br>
            感染リスクと対策について、さらに詳しく知りたい方はこちらをご覧ください。
        </p>
        <a href="https://clinic-3t.com/genital-herpes-partner-prevention/" class="article-link">
            <div class="link-thumb"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2764.png" alt="❤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="link-content">
                <strong>性器ヘルペスの感染予防ガイド</strong>
                <span>性交渉の再開時期とパートナー感染リスクの真実</span>
            </div>
            <div class="link-arrow">詳しく見る &raquo;</div>
        </a>
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* 生活ガイドコンテナ */
    .life-guide-container { margin: 2em 0; }
    
    /* 要約（警告） */
    .life-summary {
        font-weight: bold;
        background-color: #fff5f5; /* 薄い赤 */
        border: 2px dashed #f44336;
        color: #c62828;
        padding: 16px 20px;
        border-radius: 8px;
        margin-bottom: 2em;
        font-size: 1.05em;
        line-height: 1.65;
        text-align: center;
    }
    
    /* カード共通 */
    .life-card {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 1.5em;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        overflow: hidden;
    }
    
    /* ヘッダー色分け */
    .life-card-header-danger {
        font-size: 1.2em;
        margin: 0;
        padding: 15px 20px;
        background-color: #ffebee; /* 赤系 */
        color: #c62828;
        font-weight: bold;
        border-bottom: 1px solid #ffcdd2;
    }
    .life-card-header-safe {
        font-size: 1.2em;
        margin: 0;
        padding: 15px 20px;
        background-color: #e8f5e9; /* 緑系 */
        color: #2e7d32;
        font-weight: bold;
        border-bottom: 1px solid #c8e6c9;
    }
    
    /* コンテンツ */
    .life-card-content { padding: 20px; }
    .life-card-content ul {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }
    .life-card-content li {
        position: relative;
        padding-left: 2em;
        margin-bottom: 1.5em;
        line-height: 1.7;
        font-size: 0.95em;
    }
    .life-card-content li:last-child { margin-bottom: 0; }
    
    /* アイコン */
    .life-card-content li::before {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.2;
    }
    .life-card-danger li::before { content: '×'; color: #f44336; }
    .life-card-safe li::before { content: '○'; color: #4CAF50; }
    
    .life-card-content li strong {
        display: block;
        font-size: 1.05em;
        color: #333;
        margin-bottom: 4px;
    }

    /* CTAボタン */
    .life-cta {
        display: block;
        background-color: #06c755; /* LINE色 */
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 30px;
        font-size: 1.1em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-top: 2em;
        transition: opacity 0.2s;
    }
    .life-cta:hover { opacity: 0.9; }

    /* 深掘りリンクエリア（前回と同じデザイン） */
    .deep-link-wrapper {
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
        margin-top: 40px;
        border: 1px solid #eee;
    }
    .link-lead {
        font-size: 0.9em;
        font-weight: bold;
        color: #555;
        margin-bottom: 15px;
        text-align: center;
    }
    .article-link {
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: 5px solid #e67e22; /* パートナー系はオレンジアクセント */
        padding: 15px;
        text-decoration: none;
        color: inherit;
        border-radius: 4px;
        transition: all 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    .article-link:hover {
        background-color: #fff8e1;
        transform: translateX(5px);
    }
    .link-thumb { font-size: 2em; margin-right: 15px; }
    .link-content { flex-grow: 1; }
    .link-content strong {
        display: block;
        color: #e67e22;
        font-size: 1.05em;
        margin-bottom: 3px;
    }
    .link-content span { font-size: 0.85em; color: #666; }
    .link-arrow {
        font-size: 0.8em;
        font-weight: bold;
        color: #e67e22;
        margin-left: 10px;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .life-card-content { padding: 15px; }
    }
</style>



<section id="cost" class="section-container">
    <h2 class="section-title">6. 費用について</h2>

    <div class="cost-container">

        <div class="cost-summary">
            <strong>当院は「明朗会計」をお約束します。</strong><br>
            下記はすべて診察料 0円（お薬処方の場合）の金額です。※診察のみの場合：初診料2,500円／再診料1,500円<br>
            ホームページ記載以外の追加費用はかかりません。
        </div>
        
        <ul class="cost-list">
            <li>
                <span class="item-name">診察料（診察のみの場合）</span>
                <span class="item-price">2,500円</span>
            </li>
            <li>
                <span class="item-name">お薬代（初発時）</span>
                <span class="item-price">7,980円</span>
            </li>
            <li>
                <span class="item-name">お薬代（再発時）</span>
                <span class="item-price">4,480円</span>
            </li>
            <li>
                <span class="item-name">再発抑制療法（1か月分）</span>
                <span class="item-price">13,440円</span>
            </li>
            <li>
                <span class="item-name">アメナリーフPIT</span>
                <span class="item-price">15,000円</span>
            </li>
        </ul>

        <div class="payment-methods">
            <p class="pay-title"><strong>お支払い方法</strong></p>
            <p class="pay-desc">現金／各種クレジットカード／電子マネー／QRコード決済に対応しております。</p>
            <div class="card-icons"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        </div>
        
        <a href="/price/" class="cost-cta" target="_blank">
            料金表を詳しく見る &raquo;
        </a>

    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* 費用コンテナ */
    .cost-container {
        padding: 24px 20px;
        background-color: #fcfcfc;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        max-width: 800px;
        margin: 0 auto;
    }
    
    /* 明朗会計サマリー */
    .cost-summary {
        font-weight: bold;
        background-color: #e8f5e9; /* 安心感のある緑系 */
        border: 1px solid #c8e6c9;
        color: #2e7d32;
        padding: 16px 20px;
        border-radius: 8px;
        margin-bottom: 2em;
        font-size: 1.05em;
        line-height: 1.65;
        text-align: center;
    }
    
    /* 料金リスト */
    .cost-list {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
        border: 1px solid #eee;
        border-radius: 8px;
        overflow: hidden;
    }
    .cost-list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 16px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    .cost-list li:last-child { border-bottom: none; }
    
    .cost-list .item-name {
        font-size: 0.95em;
        font-weight: bold;
        color: #333;
        padding-right: 10px;
    }
    
    .cost-list .item-price {
        font-size: 1.2em;
        font-weight: bold;
        color: #0f4c81; /* ネイビー */
        white-space: nowrap;
    }
    
    /* 支払い方法 */
    .payment-methods {
        margin-top: 1.5em;
        text-align: center;
        padding: 15px;
        background-color: #f9f9f9;
        border-radius: 6px;
    }
    .pay-title { margin: 0 0 5px 0; color: #333; font-size: 0.95em; }
    .pay-desc { margin: 0; font-size: 0.9em; color: #555; }
    .card-icons { font-size: 1.5em; margin-top: 8px; letter-spacing: 5px; opacity: 0.8; }
    
    /* CTAボタン */
    .cost-cta {
        display: block;
        background-color: #0f4c81; /* ネイビー */
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 30px;
        font-size: 1.1em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-top: 2em;
        transition: opacity 0.2s;
    }
    .cost-cta:hover { opacity: 0.9; }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .cost-list li {
            padding: 15px 12px;
        }
        .cost-list .item-name {
            font-size: 0.9em;
        }
        .cost-list .item-price {
            font-size: 1.1em;
        }
    }
</style>



<section id="pregnancy" class="section-container">
    <h2 class="section-title">7. 妊娠中・授乳中の方、目の症状がある方へ</h2>

    <div class="special-cases-container">

        <div class="special-card danger-card">
            <h3 class="card-header danger">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 「目の症状」がある方へ（緊急）
            </h3>
            <div class="card-content">
                <p class="summary-text danger-text">
                    目の痛み、充血、かすみ、まぶしさがある場合、<strong>「角膜ヘルペス」</strong>の可能性があります。<br>
                    放置すると視力低下のリスクがあるため、<strong>当院ではなく、緊急の眼科受診が必要です。</strong>
                </p>
                
                <div class="warning-box">
                    <strong>【絶対にやってはいけないこと】</strong>
                    <p>自己判断でステロイドの目薬を使うと、急激に悪化して失明する危険があります。絶対にやめてください。すぐにコンタクトレンズを外してください。</p>
                </div>

                <div class="info-block">
                    <strong>【当院の役割】</strong>
                    <p>当院では目の直接治療は行えません。受診先が分からない場合は、<strong>当院が連携する眼科へ迅速に紹介・手配</strong>しますので、まずはご連絡ください。</p>
                </div>

                <a href="https://line.me/R/ti/p/@696ufkcc" class="cta-button danger-btn" target="_blank">
                    眼科受診の手配を相談する
                </a>
            </div>
        </div>

        <div class="special-card safe-card">
            <h3 class="card-header safe">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f476.png" alt="👶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 「妊娠中・授乳中」の方へ
            </h3>
            <div class="card-content">
                <p class="summary-text safe-text">
                    妊娠・授乳中のヘルペスも、安全に治療できます。<br>
                    <strong>当院は、あなたの産科主治医と緊密に連携</strong>し、最適な治療をご提案しますのでご安心ください。
                </p>

                <ul class="point-list">
                    <li>
                        <strong>赤ちゃんへのリスクは？</strong><br>
                        妊娠前から感染していた方（再発）のリスクは非常に低いです（1%未満）。リスクが高いのは「妊娠後期」の「初感染」です。
                    </li>
                    <li>
                        <strong>妊娠中の治療</strong><br>
                        安全に使用できる抗ウイルス薬があります。特に<strong>「妊娠36週からの抑制療法」</strong>は、分娩時の再発を防ぐために有効です。
                    </li>
                    <li>
                        <strong>授乳中の治療</strong><br>
                        内服薬（バラシクロビル等）は母乳への移行がごく少量で、安全と評価されています。
                    </li>
                </ul>

                <a href="https://clinic-3t.com/genital-herpes-pregnancy/" class="article-link-safe">
                    <span class="link-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d6.png" alt="📖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="link-txt">
                        <strong>妊娠中・授乳中の性器ヘルペス</strong>
                        <span>赤ちゃんへの影響と出産方法・薬の安全性について詳しく読む</span>
                    </div>
                    <span class="arrow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                </a>

                <a href="https://line.me/R/ti/p/@696ufkcc" class="cta-button safe-btn" target="_blank">
                    妊娠中の相談を予約する
                </a>
            </div>
        </div>
        
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* コンテナ */
    .special-cases-container { margin: 2em 0; }

    /* カード共通 */
    .special-card {
        background-color: #fcfcfc;
        border-radius: 8px;
        margin-bottom: 2em;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        overflow: hidden;
    }
    .danger-card { border: 2px solid #f44336; } /* 赤枠 */
    .safe-card { border: 1px solid #bde0fe; } /* 青枠 */

    /* ヘッダー */
    .card-header {
        margin: 0;
        padding: 18px 20px;
        font-size: 1.3em;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .card-header.danger {
        background-color: #ffebee;
        color: #c62828;
    }
    .card-header.safe {
        background-color: #eef7ff;
        color: #005a9c;
    }
    .card-header .icon { margin-right: 10px; font-size: 1.2em; }

    /* コンテンツエリア */
    .card-content { padding: 24px 20px; }

    /* サマリーテキスト */
    .summary-text {
        font-size: 1.05em;
        font-weight: bold;
        line-height: 1.65;
        text-align: center;
        margin-bottom: 1.5em;
    }
    .danger-text { color: #c62828; }
    .safe-text { color: #005a9c; }

    /* 警告ボックス */
    .warning-box {
        background-color: #fff;
        border-left: 4px solid #f44336;
        padding: 15px;
        margin-bottom: 1.5em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    .warning-box strong { color: #f44336; display: block; margin-bottom: 5px; }
    .warning-box p { margin: 0; font-size: 0.95em; line-height: 1.6; }

    /* 情報ブロック */
    .info-block {
        margin-bottom: 1.5em;
    }
    .info-block strong { display: block; margin-bottom: 5px; color: #333; }
    .info-block p { margin: 0; font-size: 0.95em; line-height: 1.6; color: #555; }

    /* ポイントリスト（妊娠） */
    .point-list {
        padding-left: 0;
        list-style: none;
        margin-bottom: 1.5em;
    }
    .point-list li {
        margin-bottom: 1em;
        padding-left: 1.5em;
        position: relative;
        font-size: 0.95em;
        line-height: 1.6;
    }
    .point-list li::before {
        content: '●';
        color: #005a9c;
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 0.8em;
    }
    .point-list strong { color: #005a9c; }

    /* 専門記事リンク（妊娠用） */
    .article-link-safe {
        display: flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #bde0fe;
        border-left: 5px solid #005a9c;
        padding: 15px;
        text-decoration: none;
        color: inherit;
        border-radius: 4px;
        transition: all 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.03);
        margin-bottom: 20px;
    }
    .article-link-safe:hover {
        background-color: #eef7ff;
        transform: translateX(3px);
    }
    .link-icon { font-size: 1.8em; margin-right: 15px; }
    .link-txt { flex-grow: 1; }
    .link-txt strong { display: block; color: #005a9c; font-size: 1em; margin-bottom: 3px; }
    .link-txt span { font-size: 0.8em; color: #666; }
    .arrow { color: #005a9c; font-weight: bold; margin-left: 10px; }

    /* CTAボタン */
    .cta-button {
        display: block;
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 5px;
        font-size: 1.1em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transition: opacity 0.2s;
    }
    .cta-button:hover { opacity: 0.9; }
    .danger-btn { background-color: #f44336; }
    .safe-btn { background-color: #2196F3; }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .card-content { padding: 20px 15px; }
    }
</style>



<section id="features" class="section-container">
    <h2 class="section-title">8. 当院の特徴</h2>

    <div class="features-container">

        <div class="features-summary">
            お忙しい方、不安な方のために。<br>
            <strong>通いやすさとプライバシー</strong>を<br>
            最優先したクリニックです。
        </div>
        
        <ul class="features-list">
            
            <li>
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f92b.png" alt="🤫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="text-content">
                    <h3>プライバシーへの徹底配慮</h3>
                    <p>
                        完全予約制で、他の患者様と顔を合わせにくい院内設計を採用。問診やお会計もすべてプライバシーに配慮した個室空間で対応します。
                    </p>
                </div>
            </li>
            
            <li>
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="text-content">
                    <h3>当日診断・当日処方の迅速対応</h3>
                    <p>
                        専門医がその場で診断し、お薬も院内でお渡しします。検査結果を待つ時間や、薬局へ行く手間はありません。
                    </p>
                </div>
            </li>
            
            <li>
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f319.png" alt="🌙" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="text-content">
                    <h3>恵比寿駅すぐ・22時まで診療</h3>
                    <p>
                        JR恵比寿駅・日比谷線恵比寿駅から徒歩すぐ。平日はもちろん、土日・祝日も夜22時まで診療。お仕事帰りでも通院が可能です。
                    </p>
                </div>
            </li>

            <li>
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="text-content">
                    <h3>24時間受付のLINE無料相談</h3>
                    <p>
                        「これはヘルペス？」「今すぐ行くべき？」といった受診前の不安も、24時間LINEで専門スタッフに無料相談が可能です。
                    </p>
                </div>
            </li>

        </ul>

        <div class="features-cta-container">
            <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" class="cta-button reserve" target="_blank">
                空き枠を確認して予約する
            </a>
            <a href="https://line.me/R/ti/p/@696ufkcc#~" class="cta-button line" target="_blank">
                LINEで相談してみる
            </a>
        </div>

    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* 特徴コンテナ */
    .features-container {
        padding: 24px 20px;
        background-color: #fcfcfc;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        max-width: 800px;
        margin: 0 auto;
    }
    
    /* 要約（キャッチコピー） */
    .features-summary {
        font-weight: bold;
        background-color: #eef7ff;
        padding: 16px 20px;
        border-radius: 5px;
        margin-bottom: 2.5em;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.65;
        color: #005a9c;
        border-left: 5px solid #005a9c;
    }
    
    /* 特徴リスト */
    .features-list {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }
    .features-list li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 2.5em;
    }
    .features-list li:last-child {
        margin-bottom: 0;
    }
    
    /* アイコン */
    .features-list .icon {
        font-size: 2em;
        margin-right: 18px;
        line-height: 1;
        min-width: 40px;
        text-align: center;
    }
    
    /* テキストコンテンツ */
    .features-list .text-content { flex: 1; }
    .features-list .text-content h3 {
        font-size: 1.15em;
        font-weight: bold;
        color: #333;
        margin: 0 0 6px 0;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 3px;
        display: inline-block;
    }
    .features-list .text-content p {
        font-size: 0.95em;
        line-height: 1.7;
        color: #555;
        margin: 0;
    }

    /* CTAボタン群 */
    .features-cta-container {
        text-align: center;
        margin-top: 2.5em;
        border-top: 1px dashed #ccc;
        padding-top: 2.5em;
    }
    .cta-button {
        display: block;
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 30px;
        font-size: 1.1em;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-bottom: 12px;
        transition: opacity 0.2s;
    }
    .cta-button:hover { opacity: 0.9; }
    
    .cta-button.reserve { background-color: #0f4c81; /* ネイビー */ }
    .cta-button.line { background-color: #06c755; /* LINE色 */ }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .features-list li { flex-direction: row; }
        .features-list .icon { font-size: 1.8em; margin-right: 15px; }
    }
</style>



<section id="faq" class="section-container">
    <h2 class="section-title">9. よくあるご質問</h2>

    <div class="faq-container">

        <details class="faq-item">
            <summary>ヘルペスとは何ですか？</summary>
            <div class="faq-answer">
                単純ヘルペスウイルスの感染によって、口唇や性器などに痛みを伴う小さな水ぶくれができる病気です。一度感染するとウイルスは体内の神経に潜伏し、疲れやストレスなどをきっかけに再発することがあります。
            </div>
        </details>

        <details class="faq-item">
            <summary>症状が出たら、何科を受診すればいいですか？</summary>
            <div class="faq-answer">
                性器の症状であれば、当院のような性感染症専門クリニック、泌尿器科、婦人科をご受診ください。口唇であれば皮膚科が専門です。当院では、性器ヘルペスの迅速な診断と、プライバシーに配慮した治療が可能です。
            </div>
        </details>

        <details class="faq-item">
            <summary>市販薬（塗り薬）だけで治せますか？</summary>
            <div class="faq-answer">
                <strong>塗り薬（軟膏）だけで、ヘルペスウイルスを根本的に完治させることはできません。</strong><br>
                ウイルスの増殖を体内で抑えるには、必ず「抗ウイルス薬の飲み薬」が必要です。
                <p class="answer-note">
                    ただし、当院で処方している<strong>ビダラビン軟膏（+4,980円 税込）</strong>は、水疱（ぶつぶつ）や皮膚のただれの悪化を防ぎ、痛みを和らげる<strong>「症状の補助治療」</strong>として非常に有効です。<br>
                    飲み薬と併用することで、より早く症状を改善させる目的で使用します。
                </p>
            </div>
        </details>

        <details class="faq-item">
            <summary>診察は痛いですか？</summary>
            <div class="faq-answer">
                当院の診察は、症状のある部分を医師が見て確認する「視診」が基本ですので、痛みはありません。治療も主にお薬を飲むこと（内服治療）ですので、ご安心ください。
            </div>
        </details>
        
        <details class="faq-item">
            <summary>薬はどのくらいの期間飲むのですか？</summary>
            <div class="faq-answer">
                治療法によって異なります。<br>
                ・<b>症状が出た時（エピソード療法）</b>：初発7日間、再発5日間お薬を飲みます。<br>
                ・<b>再発を抑える（抑制療法）</b>：毎日1回飲み続けます。<br>
                ・<b>お守り薬（PIT）</b>：前駆症状の時に「1回だけ」飲みます。<br>
                どの治療が最適か、医師と相談しましょう。
            </div>
        </details>

        <details class="faq-item">
            <summary>ヘルペスは自然に治りますか？放置するとどうなりますか？</summary>
            <div class="faq-answer">
                軽い症状であれば自然に治ることもありますが、特に初発（初めての症状）は重症化しやすく、排尿困難などに至るケースもあります。また、治療が遅れると治癒までの期間が長引きます。早期に抗ウイルス薬で治療することをお勧めします。
            </div>
        </details>

        <details class="faq-item">
            <summary>うつるのはいつですか？</summary>
            <div class="faq-answer">
                症状（水ぶくれ、ただれ）や前駆症状（ピリピリ感）がある間は、接触によって感染するリスクが非常に高いです。症状が完全に治まるまでは、性行為、ディープキス、タオルや食器の共有は避けてください。
            </div>
        </details>

        <details class="faq-item">
            <summary>パートナーにうつしてしまったかもしれません。どうすれば良いですか？</summary>
            <div class="faq-answer">
                まずはご自身の症状をきちんと治療することが大切です。その上で、パートナーの方にも症状がないか確認し、もし症状があれば一緒に受診されることをお勧めします。当院ではカップルでのご相談も可能です。
            </div>
        </details>

        <details class="faq-item">
            <summary>ストレスや疲れがたまると再発するというのは本当ですか？</summary>
            <div class="faq-answer">
                本当です。ヘルペスウイルスは、疲労、ストレス、風邪、生理、紫外線の浴びすぎ、性行為の摩擦など、体が弱っている時や刺激があった時に再活性化しやすいという特徴があります。規則正しい生活と体調管理も重要です。
            </div>
        </details>
        
        <details class="faq-item">
            <summary>血液検査でヘルペスかどうか分かりますか？</summary>
            <div class="faq-answer">
                血液検査（IgG抗体検査）は、「過去に感染したことがあるか」を調べる目安にはなりますが、「現在の症状」がヘルペスによるものかを確定診断することはできません。
            </div>
        </details>

    </div>

    <div class="more-qa-wrapper">
        <p class="more-qa-lead">
            さらに細かい質問（市販薬・自然治癒・旅行・運動など）については、<br>
            こちらの専門ページで詳しくお答えしています。
        </p>
        <a href="https://clinic-3t.com/genital-herpes-qa-50/" class="more-qa-link">
            <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="text"><strong>性器ヘルペスQ&#038;A 50選</strong><br>市販薬・自然治癒・性行為・日常生活</span>
            <span class="arrow"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </a>
    </div>

</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* FAQコンテナ */
    .faq-container {
        background-color: #fcfcfc;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 0; /* padding調整 */
        box-shadow: 0 4px 10px rgba(0,0,0,0.04);
        overflow: hidden;
    }

    /* アコーディオン要素 */
    .faq-item {
        border-bottom: 1px solid #eee;
    }
    .faq-item:last-child {
        border-bottom: none;
    }

    /* 質問部分（summary） */
    .faq-item summary {
        padding: 20px 50px 20px 2.5em; /* 右側に開閉アイコン分の余白 */
        font-weight: bold;
        font-size: 1.05em;
        color: #333;
        cursor: pointer;
        position: relative;
        list-style: none;
    }
    .faq-item summary::-ms-expand { display: none; }
    .faq-item summary::-webkit-details-marker { display: none; }

    /* Q.アイコン */
    .faq-item summary::before {
        content: 'Q.';
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 1.1em;
        font-weight: 900;
        color: #2196F3; /* テーマカラー */
    }

    /* 開閉矢印 */
    .faq-item summary::after {
        content: '+';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.5em;
        color: #2196F3;
        line-height: 1;
    }
    .faq-item[open] summary::after {
        content: '−';
    }
    
    /* 開いている時の質問背景 */
    .faq-item[open] summary {
        background-color: #f9fbff;
        border-bottom: 1px dashed #e0e0e0;
    }

    /* 回答部分 */
    .faq-answer {
        padding: 20px 25px 25px 2.5em; /* Q.と位置合わせ */
        font-size: 0.95em;
        line-height: 1.8;
        color: #555;
        position: relative;
        background-color: #fff;
    }
    
    /* A.アイコン */
    .faq-answer::before {
        content: 'A.';
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 1.1em;
        font-weight: 900;
        color: #c62828; /* 赤系 */
    }
    
    /* 回答内の注釈 */
    .answer-note {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #eee;
        font-size: 0.9em;
    }

    /* Q&Aページへのリンク */
    .more-qa-wrapper {
        margin-top: 30px;
        text-align: center;
        background-color: #f0f7ff;
        padding: 25px;
        border-radius: 8px;
    }
    .more-qa-lead {
        font-size: 0.95em;
        font-weight: bold;
        color: #555;
        margin-bottom: 15px;
    }
    .more-qa-link {
        display: inline-flex;
        align-items: center;
        background-color: #fff;
        padding: 12px 25px;
        border-radius: 30px;
        text-decoration: none;
        color: #0f4c81;
        border: 1px solid #0f4c81;
        transition: all 0.2s;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    .more-qa-link:hover {
        background-color: #0f4c81;
        color: #fff;
    }
    .more-qa-link .icon { font-size: 1.2em; margin-right: 10px; }
    .more-qa-link .text { font-size: 0.9em; text-align: left; line-height: 1.3; }
    .more-qa-link .arrow { margin-left: 15px; font-weight: bold; }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .faq-item summary { padding-right: 40px; }
        .more-qa-link { width: 100%; justify-content: center; }
    }
</style>



<section id="reference" class="section-container">
    <h2 class="section-title">10. 参考文献・医学的根拠</h2>

    <div class="reference-container">
        <p class="ref-lead">
            当院の診療および本ページの解説は、以下の最新ガイドライン・公的機関の情報に基づき作成されています。
        </p>

        <div class="ref-grid">
            <div class="ref-group">
                <h4 class="group-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f1ef-1f1f5.png" alt="🇯🇵" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 国内ガイドライン・公的機関</h4>
                <ul class="ref-list">
                    <li>
                        <a href="http://jssti.umin.jp/guideline/2020.pdf" target="_blank" rel="noopener noreferrer">
                            日本性感染症学会「性感染症 診断・治療ガイドライン2020」
                        </a>
                    </li>
                    <li>
                        <a href="https://www.niid.go.jp/niid/ja/kansennohanashi/413-herpes-intro.html" target="_blank" rel="noopener noreferrer">
                            国立感染症研究所（NIID）「ヘルペスウイルス感染症とは」
                        </a>
                    </li>
                    <li>
                        <a href="https://www.dermatol.or.jp/uploads/uploads/files/guideline/herpes_simplex_guideline.pdf" target="_blank" rel="noopener noreferrer">
                            日本皮膚科学会「単純疱疹治療ガイドライン」
                        </a>
                    </li>
                    <li>
                        <a href="https://www.pmda.go.jp/PmdaSearch/iyakuDetail/GeneralList/6250047" target="_blank" rel="noopener noreferrer">
                            PMDA（独立行政法人 医薬品医療機器総合機構）「アメナメビル製剤 添付文書」
                        </a>
                    </li>
                </ul>
            </div>

            <div class="ref-group">
                <h4 class="group-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f1fa-1f1f8.png" alt="🇺🇸" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 海外ガイドライン・国際機関</h4>
                <ul class="ref-list">
                    <li>
                        <a href="https://www.cdc.gov/std/treatment-guidelines/herpes.htm" target="_blank" rel="noopener noreferrer">
                            CDC (Centers for Disease Control and Prevention) &#8211; STI Treatment Guidelines 2021
                        </a>
                    </li>
                    <li>
                        <a href="https://www.acog.org/clinical/clinical-guidance/practice-bulletin/articles/2007/06/management-of-herpes-in-pregnancy" target="_blank" rel="noopener noreferrer">
                            ACOG (American College of Obstetricians and Gynecologists) &#8211; Management of Herpes in Pregnancy
                        </a>
                    </li>
                    <li>
                        <a href="https://www.who.int/news-room/fact-sheets/detail/herpes-simplex-virus" target="_blank" rel="noopener noreferrer">
                            WHO (World Health Organization) &#8211; Herpes simplex virus Key facts
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="disclaimer-box">
            <strong>免責事項</strong>
            <p>
                本ページの情報は、医師監修のもと正確性を期して作成しておりますが、すべての患者様に一律に当てはまるものではありません。実際の診断・治療においては、必ず医師の診察を受けて判断を仰いでください。
            </p>
        </div>

    </div>
</section>

<style>
    /* セクション共通 */
    .section-container { margin-bottom: 60px; }
    .section-title {
        font-size: 1.5em;
        color: #333;
        border-bottom: 2px solid #0f4c81;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 30px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* 参考文献コンテナ */
    .reference-container {
        background-color: #f9f9f9;
        padding: 30px 20px;
        border-radius: 8px;
        border: 1px solid #eee;
    }

    .ref-lead {
        font-size: 0.9em;
        color: #555;
        margin-bottom: 25px;
        text-align: center;
    }

    /* グリッドレイアウト（PCは2列） */
    .ref-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin-bottom: 30px;
    }

    /* グループスタイル */
    .group-title {
        font-size: 1em;
        color: #0f4c81;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 8px;
        margin: 0 0 15px 0;
    }

    /* リストスタイル */
    .ref-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .ref-list li {
        margin-bottom: 10px;
        font-size: 0.85em;
        line-height: 1.5;
    }
    .ref-list a {
        color: #555;
        text-decoration: none;
        display: block;
        padding-left: 15px;
        position: relative;
        transition: color 0.2s;
    }
    .ref-list a::before {
        content: '&#x1f517;';
        font-size: 0.8em;
        position: absolute;
        left: 0;
        top: 2px;
        opacity: 0.7;
    }
    .ref-list a:hover {
        color: #0f4c81;
        text-decoration: underline;
    }

    /* 免責事項 */
    .disclaimer-box {
        border-top: 1px solid #ddd;
        padding-top: 20px;
        font-size: 0.8em;
        color: #777;
    }
    .disclaimer-box strong {
        display: block;
        margin-bottom: 5px;
        color: #555;
    }
    .disclaimer-box p {
        margin: 0;
        line-height: 1.6;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .ref-grid {
            grid-template-columns: 1fr; /* 1列に */
            gap: 20px;
        }
    }
</style>



<section class="supervisor-section">
    <div class="supervisor-box">
        <div class="supervisor-label">Medical Supervisor</div>
        <div class="profile-flex">
            <div class="doctor-img">
                <img decoding="async" src="/images/doctor-kanaya.jpg" alt="金谷 正樹 院長" loading="lazy">
            </div>
            
            <div class="doctor-info">
                <h3 class="doc-name">
                    <span class="role">モイストクリニック 院長</span>
                    金谷 正樹 <span class="en-name">Masaki Kanaya</span>
                </h3>
                <div class="doc-bio">
                    <p>
                        国際医療福祉大学病院、東京医科歯科大学病院（現 東京科学大学病院）などで研鑽を積み、モイストクリニックにて性感染症を中心に診療を行う。
                    </p>
                    <p>
                        日本性感染症学会の会員として活動しており、得意分野である細菌学と免疫学の知識を活かして、患者さまご本人とパートナーさまが幸せになれるような医療の実践を目指している。
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    /* セクション余白 */
    .supervisor-section {
        margin: 60px 0 40px;
        font-family: "Helvetica Neue", Arial, sans-serif;
    }

    /* プロフィールボックス */
    .supervisor-box {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-top: 4px solid #0f4c81; /* ネイビー */
        border-radius: 8px;
        padding: 40px 30px 30px;
        position: relative;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        max-width: 800px;
        margin: 0 auto;
    }

    /* ラベル（Medical Supervisor） */
    .supervisor-label {
        position: absolute;
        top: 0;
        left: 20px;
        background-color: #0f4c81;
        color: #fff;
        padding: 4px 15px;
        font-size: 0.75em;
        font-weight: bold;
        letter-spacing: 0.05em;
        border-radius: 0 0 4px 4px;
    }

    /* フレックスレイアウト */
    .profile-flex {
        display: flex;
        align-items: flex-start;
        gap: 25px;
    }

    /* 画像エリア */
    .doctor-img {
        flex-shrink: 0;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid #f0f7ff;
        background-color: #eee;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .doctor-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* テキストエリア */
    .doctor-info {
        flex-grow: 1;
    }

    /* 名前と役職 */
    .doc-name {
        margin: 0 0 12px 0;
        font-size: 1.4em;
        color: #333;
        border-bottom: 1px solid #eee;
        padding-bottom: 8px;
        line-height: 1.3;
    }
    .doc-name .role {
        display: block;
        font-size: 0.55em;
        color: #0f4c81;
        margin-bottom: 4px;
        font-weight: normal;
    }
    .doc-name .en-name {
        font-size: 0.6em;
        color: #999;
        font-weight: normal;
        margin-left: 10px;
    }

    /* 経歴文 */
    .doc-bio p {
        margin: 0 0 10px 0;
        font-size: 0.9em;
        line-height: 1.7;
        color: #555;
    }
    .doc-bio p:last-child {
        margin-bottom: 0;
    }

    /* スマホ対応 */
    @media (max-width: 600px) {
        .profile-flex {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .doctor-img {
            width: 100px;
            height: 100px;
            margin-bottom: 10px;
        }
        .doc-name {
            font-size: 1.3em;
            text-align: center;
        }
        .doc-bio p {
            text-align: left; /* 本文は読みやすく左揃え */
        }
    }
</style><p>The post <a href="https://clinic-3t.com/sti/genital-herpesvirus-infection-article/">ヘルペス（口唇・性器）の症状と治療｜恵比寿モイストクリニック</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>梅毒とは？症状・感染経路・検査・治療をわかりやすく解説</title>
		<link>https://clinic-3t.com/sti/syphilis/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=syphilis</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:25:05 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=985</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"></p><p>The post <a href="https://clinic-3t.com/sti/syphilis/">梅毒とは？症状・感染経路・検査・治療をわかりやすく解説</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>淋菌（淋病）とは？ ― 症状・感染経路・検査・治療を専門医が解説</title>
		<link>https://clinic-3t.com/sti/gonorrhea-infection/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=gonorrhea-infection</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:24:44 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=983</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>クラミジア（性器・のど）検査・治療｜恵比寿のモイストクリニック</title>
		<link>https://clinic-3t.com/sti/genital-chlamydial-infection/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=genital-chlamydial-infection</link>
		
		<dc:creator><![CDATA[モイストクリニック]]></dc:creator>
		<pubDate>Fri, 05 Jan 2024 15:24:18 +0000</pubDate>
				<category><![CDATA[院長ブログ]]></category>
		<guid isPermaLink="false">https://clinic-3t.com/?p=981</guid>

					<description><![CDATA[<p>恵比寿のモイストクリニックによるクラミジア感染症（性器・のど）の総合案内ページ。無症状でも放置は危険です。現在の「心当たり」「症状」「パートナーの陽性」といった状況別に、最適な検査タイミングや治療法を専門医が解説。22時 [&#8230;]</p>
<p>The post <a href="https://clinic-3t.com/sti/genital-chlamydial-infection/">クラミジア（性器・のど）検査・治療｜恵比寿のモイストクリニック</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></description>
										<content:encoded><![CDATA[<div style="display:none;">
    恵比寿のモイストクリニックによるクラミジア感染症（性器・のど）の総合案内ページ。無症状でも放置は危険です。現在の「心当たり」「症状」「パートナーの陽性」といった状況別に、最適な検査タイミングや治療法を専門医が解説。22時まで診療・24時間お薬受取対応。
</div>

<div class="moist-hub-hero" style="font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6; max-width: 800px; margin: auto;">

    <div style="text-align: center; padding: 20px 0;">
        <p style="font-size: 1.05em; color: #444;">
            「もしかして？」という不安から、パートナーの陽性判明まで。<br>
            クラミジアは無症状が多い疾患だからこそ、状況に合わせた適切な対応が必要です。
        </p>
    </div>

    <div style="background: #fdfdfd; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
        <p style="font-weight: bold; text-align: center; margin-bottom: 20px; color: #008080;">今のあなたの状況はどれですか？</p>
        
        <div style="display: flex; flex-direction: column; gap: 12px;">
            <a href="#timing" style="display: block; padding: 15px; border: 1px solid #009797; border-radius: 8px; text-decoration: none; color: #333; transition: background 0.2s;">
                <div style="font-weight: bold; color: #009797;">● 不安な行為があった（症状はない）</div>
                <div style="font-size: 0.85em; color: #666;">いつから検査できる？偽陰性を防ぐタイミングを確認する ＞</div>
            </a>

            <a href="#symptoms" style="display: block; padding: 15px; border: 1px solid #009797; border-radius: 8px; text-decoration: none; color: #333;">
                <div style="font-weight: bold; color: #009797;">● のどや性器に違和感・痛みがある</div>
                <div style="font-size: 0.85em; color: #666;">クラミジア特有の症状と、必要な検査（性器・咽頭）を見る ＞</div>
            </a>

            <a href="https://line.me/R/ti/p/@696ufkcc?oat__id=4822149" style="display: block; padding: 15px; background: #e6f7f7; border: 1px solid #009797; border-radius: 8px; text-decoration: none; color: #333;">
                <div style="font-weight: bold; color: #d32f2f;">● パートナーの陽性が判明した</div>
                <div style="font-size: 0.85em; color: #444;">【緊急】最短当日からの治療相談・お薬の予約はこちら ＞</div>
            </a>
        </div>
    </div>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-bottom: 30px;">
        <a href="https://reserve.marchss.com/#/reservation/51deea71-be76-4b74-933e-3501f47a4f73/" style="background: #009797; color: #fff; text-decoration: none; padding: 15px; border-radius: 8px; text-align: center; font-weight: bold;">Web診療予約</a>
        <a href="https://line.me/R/ti/p/@696ufkcc?oat__id=4822149" style="background: #06C755; color: #fff; text-decoration: none; padding: 15px; border-radius: 8px; text-align: center; font-weight: bold;">LINEで無料相談</a>
        <a href="tel:05088850783" style="background: #fff; color: #009797; border: 1px solid #009797; text-decoration: none; padding: 15px; border-radius: 8px; text-align: center; font-weight: bold;">電話: 050-8885-0783</a>
    </div>

    <div style="font-size: 0.9em; color: #666; background: #f9f9f9; padding: 15px; border-radius: 10px;">
        <div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 恵比寿駅 徒歩3分</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f552.png" alt="🕒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 14:00–22:00（年中無休）</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f92b.png" alt="🤫" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 匿名・保険証不要</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 24時間お薬受取可</span>
        </div>
    </div>

</div>



<div class="toc-container">
    <div class="toc-title">
        <span class="toc-icon-main"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 本ページの目次
    </div>
    
    <div class="toc-grid">
        <a href="#symptoms" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">こんな症状・不安</span>
        </a>
        <a href="#flow" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">検査と流れ</span>
        </a>
        <a href="#price" class="toc-item">
            <span class="toc-icon">¥</span>
            <span class="toc-text">検査・治療の料金</span>
        </a>
        <a href="#aftercare" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f48a.png" alt="💊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">陽性時の治療・ケア</span>
        </a>
        <a href="#throat" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f444.png" alt="👄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">のどのクラミジア</span>
        </a>
        <a href="#basics" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">感染経路と基礎知識</span>
        </a>
        <a href="#faq" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">よくあるご質問</span>
        </a>
        <a href="#access" class="toc-item">
            <span class="toc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <span class="toc-text">アクセス・時間</span>
        </a>
    </div>
    
    <a href="#refs" class="toc-footer-link">
        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 参考文献を確認する
    </a>
</div>

<style>
/* スタイル設定 */
.toc-container {
    background: #f9fbfd; /* 清潔感のある薄いブルー */
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.toc-title {
    font-weight: bold;
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #0076BE; /* クリニックのキーカラーに合わせて調整してください */
    padding-bottom: 8px;
}

.toc-icon-main {
    margin-right: 8px;
}

.toc-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* PC・スマホ共に2列 */
    gap: 10px;
}

.toc-item {
    background: #fff;
    border: 1px solid #dce4e9;
    border-radius: 8px;
    padding: 12px 10px;
    text-decoration: none !important;
    color: #444 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.toc-item:hover {
    background: #eef6ff;
    border-color: #0076BE;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

.toc-icon {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.toc-text {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.3;
}

.toc-footer-link {
    display: block;
    text-align: right;
    margin-top: 15px;
    font-size: 0.8rem;
    color: #666;
    text-decoration: none;
}

.toc-footer-link:hover {
    text-decoration: underline;
}

/* モバイル調整（非常に小さい画面の場合） */
@media (max-width: 350px) {
    .toc-grid {
        grid-template-columns: 1fr;
    }
}
</style>



<h2 id="symptoms" class="section-title">こんな症状・ご不安はありませんか？</h2>

<section class="symptom-check-section">
    <p class="intro-text">
        クラミジアは性器・のどに感染し、症状が出ない（無症状）ことも多い感染症です。<br />
        <strong>ご自身の性別や不安な部位</strong>に応じて、項目をタップしてご確認ください。
    </p>

    <div class="accordion-group">
        <details class="symptom-details male">
            <summary>
                <span class="symbol"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2642.png" alt="♂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="title">【男性・性器】の症状チェック</span>
                <span class="toggle-icon"></span>
            </summary>
            <div class="content">
                <p class="stat-badge">感染者の約50%は無症状です</p>
                <p>男性の場合、感染後1〜3週間で症状が出ることがありますが、自覚がないケースも多々あります。</p>
                <ul>
                    <li>排尿時に痛みや、しみるような違和感がある</li>
                    <li>尿道の出口（外尿道口）がかゆい、または不快感がある</li>
                    <li>尿道から透明～淡い黄色の分泌物（うみ）が出る</li>
                    <li>精巣（睾丸）の腫れや痛みがある（精巣上体炎の疑い）</li>
                </ul>
            </div>
        </details>

        <details class="symptom-details female">
            <summary>
                <span class="symbol"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2640.png" alt="♀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="title">【女性・性器】の症状チェック</span>
                <span class="toggle-icon"></span>
            </summary>
            <div class="content">
                <p class="stat-badge">感染者の8割以上が無症状です</p>
                <p>女性は自覚症状がほとんど出ないのが特徴です。放置すると将来のリスクに繋がります。</p>
                <ul>
                    <li>おりものの量が増えた、色や匂いが変わった</li>
                    <li>不正出血（月経以外の出血）がある</li>
                    <li>性交時に痛みや出血がある</li>
                    <li>下腹部に痛みや違和感がある</li>
                    <li>排尿時に痛みがある</li>
                </ul>
            </div>
        </details>

        <details class="symptom-details throat">
            <summary>
                <span class="symbol"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span class="title">【のど・共通】の症状チェック</span>
                <span class="toggle-icon"></span>
            </summary>
            <div class="content">
                <p class="stat-badge">風邪と見分けがつかないことが多いです</p>
                <p>咽頭（のど）クラミジアも、多くは無症状か軽い違和感のみです。</p>
                <ul>
                    <li>のどの痛み、イガイガする違和感</li>
                    <li>咳やたんが続く</li>
                    <li>扁桃腺（へんとうせん）の腫れ</li>
                    <li>風邪薬を飲んでも、のどの症状だけ治らない</li>
                </ul>
            </div>
        </details>
    </div>

    <div class="warning-cta-box">
        <div class="warning-header">
            <span class="warning-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h3>チェックが1つでも当てはまる方、<br class="sp-only">または症状がなくても不安な方へ</h3>
        </div>
        <div class="warning-body">
            <p>
                クラミジアの<strong>最大の特徴は「無症状」</strong>であることです。<br>
                特に女性や咽頭では症状が出ないことが多く、自覚がないまま放置すると、<strong>不妊症や不育症など、将来的に深刻な影響</strong>を及ぼす可能性があります。
            </p>
            <p class="highlight-text">「もしかして？」と思ったら、手遅れになる前に検査を。</p>
        </div>
        <div class="cta-wrapper">
            <a href="https://line.me/R/ti/p/@696ufkcc" class="line-cta-button">
                <span class="line-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> LINEで医師に無料相談してみる
            </a>
        </div>
    </div>
</section>

<style>
/* 見出しスタイル（検査の流れセクションと統一） */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
    font-family: sans-serif;
}

/* セクション全体の基本設定 */
.symptom-check-section {
    max-width: 800px;
    margin: 0 auto;
    font-family: sans-serif;
    color: #333;
    line-height: 1.6;
}
.intro-text {
    margin-bottom: 20px;
    padding: 0 10px;
}

/* アコーディオン全体 */
.accordion-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.symptom-details {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.symptom-details summary {
    display: flex;
    align-items: center;
    padding: 18px;
    cursor: pointer;
    font-weight: bold;
    list-style: none;
    position: relative;
}
.symptom-details summary::-webkit-details-marker {
    display: none;
}

.symptom-details .symbol {
    font-size: 1.4em;
    margin-right: 12px;
}

.symptom-details .toggle-icon::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 1.5rem;
    color: #999;
}
.symptom-details[open] .toggle-icon::after {
    content: '−';
}

/* 各カラーバリエーション */
.male { border-left: 6px solid #0076BE; }
.male summary { background: #f0f7ff; }

.female { border-left: 6px solid #d63384; }
.female summary { background: #fff0f5; }

.throat { border-left: 6px solid #6f42c1; }
.throat summary { background: #f8f5ff; }

/* アコーディオン内コンテンツ */
.symptom-details .content {
    padding: 20px;
    background: #fff;
    border-top: 1px solid #eee;
}

.stat-badge {
    display: inline-block;
    background: #ffede0;
    color: #e67e22;
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
    margin-bottom: 10px;
}

.symptom-details ul {
    margin: 15px 0 0 0;
    padding-left: 20px;
}
.symptom-details li {
    margin-bottom: 8px;
}

/* 警告CTAボックス */
.warning-cta-box {
    background: #fffdf2;
    border: 2px solid #ffc107;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.1);
    margin-top: 30px;
}

.warning-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.warning-header h3 {
    margin: 0;
    font-size: 1.15em;
    color: #856404;
}
.warning-icon { font-size: 1.5em; }

.warning-body p {
    font-size: 0.95em;
    margin-bottom: 15px;
}
.highlight-text {
    color: #d63384;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

/* LINEボタン */
.cta-wrapper {
    text-align: center;
    margin-top: 20px;
}
.line-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #06C755;
    color: #fff !important;
    text-decoration: none !important;
    padding: 16px 30px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1.1em;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 10px rgba(6, 199, 85, 0.3);
}
.line-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(6, 199, 85, 0.4);
}
.line-icon {
    font-size: 1.4em;
    margin-right: 10px;
}

/* モバイルレスポンシブ */
@media (max-width: 600px) {
    .sp-only { display: block; }
    .line-cta-button {
        width: 100%;
        padding: 15px 10px;
        font-size: 1rem;
    }
    .section-title {
        font-size: 1.25rem;
    }
}
</style>



<h2 id="flow" class="section-title">モイストクリニックのクラミジア検査と流れ</h2>

<section class="flow-section">
    <p class="intro-text">
        モイストクリニックでは、患者様のプライバシーに最大限配慮し、迅速な検査を提供します。来院から検査（検体採取）までは数分で完了します。
    </p>

    <h3 class="sub-title">ご来院から結果確認までの流れ</h3>
    <div class="flow-timeline">
        <div class="flow-step-card">
            <div class="step-num">01</div>
            <div class="step-content">
                <h4>受付・問診</h4>
                <p>受付後、医師が問診を行います。ご不安な点や症状についてお気軽にご相談ください。<span class="highlight-blue">（匿名での検査も可能です）</span></p>
            </div>
        </div>

        <div class="flow-step-card">
            <div class="step-num">02</div>
            <div class="step-content">
                <h4>検査（検体採取）</h4>
                <p>医師の指示に基づき、必要な検体を採取します。<span class="highlight-blue">痛みはほとんどなく、数分で完了します。</span></p>
            </div>
        </div>

        <div class="flow-step-card highlight-card">
            <div class="step-num">03</div>
            <div class="step-content">
                <h4>お会計・ご帰宅</h4>
                <p>検体採取後、すぐにお会計いただき、そのままご帰宅いただけます。<span class="important-text">（院内滞在時間は最短10分程度です）</span></p>
            </div>
        </div>

        <div class="flow-step-card">
            <div class="step-num">04</div>
            <div class="step-content">
                <h4>検査結果のご確認</h4>
                <p>検査結果は、<strong>通常検査で2〜3日後</strong>にLINEまたはメールからご確認いただけます。</p>
            </div>
        </div>
    </div>

    <h3 class="sub-title">検査の種類（何を採取しますか？）</h3>
    <p class="desc-text">感染の不安がある部位（性器・のど・肛門）に応じて、適切な検査を行います。</p>
    
    <div class="test-type-grid">
        <div class="test-type-card">
            <div class="card-header"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bb.png" alt="🚻" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 性器の検査</div>
            <div class="card-body">
                <ul>
                    <li><strong>男性：</strong>尿検査（採尿）</li>
                    <li><strong>女性：</strong>おりもの検査（膣ぬぐい液）</li>
                </ul>
            </div>
        </div>
        <div class="test-type-card">
            <div class="card-header"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /> のど（咽頭）の検査</div>
            <div class="card-body">
                <ul>
                    <li><strong>男女共通：</strong>ぬぐい液</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="info-note">
        <p>※肛門の検査（肛門ぬぐい液）にも対応しています。</p>
        <p>※どの検査が必要か分からない場合も、医師が最適なプランをご提案します。</p>
    </div>

    <h3 class="sub-title">検査プラン（セット）</h3>
    <p class="desc-text">クラミジア単体の検査のほか、症状や感染部位が似ている「淋菌」との同時検査も可能です。</p>

    <div class="recommend-panel">
        <div class="recommend-head">
            <span class="light-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h4>「淋菌」との同時検査を推奨します</h4>
        </div>
        <div class="recommend-body">
            <p>クラミジア感染者の<strong>約20〜30%は、淋菌にも同時に感染している</strong>との報告があります。どちらも症状が似ており、放置すると不妊などの原因になるため、同時検査を強く推奨しています。</p>
        </div>
    </div>

    <div class="plan-summary-box">
        <p>当院では、次の料金セクションでご紹介する<strong>「淋菌＋クラミジア（性器）セット」</strong>や<strong>「淋菌＋クラミジア（咽頭）セット」</strong>をご用意しています。</p>
        <p>「のどだけ不安」「性器だけ不安」など、状況に合わせて最適な検査を選べます。料金の詳細は次の「料金」セクションをご確認ください。</p>
    </div>
</section>

<style>
/* 共通スタイル（前回分と統合して調整してください） */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.sub-title {
    font-size: 1.2rem;
    border-bottom: 2px solid #0076BE;
    padding-bottom: 8px;
    margin-top: 35px;
    color: #0076BE;
}

.desc-text {
    margin: 15px 0;
}

/* 検査の流れタイムライン */
.flow-timeline {
    margin: 20px 0;
    position: relative;
}

.flow-step-card {
    display: flex;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.highlight-card {
    border: 2px solid #0076BE;
    background: #f0f7ff;
}

.step-num {
    background: #0076BE;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-content {
    padding: 15px;
}

.step-content h4 {
    margin: 0 0 8px 0;
    font-size: 1.05rem;
    color: #333;
}

.step-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
}

.highlight-blue {
    color: #0076BE;
    font-weight: bold;
}

.important-text {
    background: linear-gradient(transparent 60%, #fff08c 60%);
    font-weight: bold;
}

/* 検査種類グリッド */
.test-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 15px;
}

.test-type-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    background: #eef6ff;
    padding: 12px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.card-body {
    padding: 15px;
}

.card-body ul {
    margin: 0;
    padding-left: 20px;
    font-size: 0.9rem;
}

.info-note {
    font-size: 0.85rem;
    color: #666;
    margin-top: 10px;
}

/* 推奨パネル */
.recommend-panel {
    background: #fffaf0;
    border: 2px solid #ffb03a;
    border-radius: 12px;
    margin: 20px 0;
    overflow: hidden;
}

.recommend-head {
    background: #ffb03a;
    color: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.recommend-head h4 {
    margin: 0;
    font-size: 1rem;
}

.recommend-body {
    padding: 15px;
}

.plan-summary-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    font-size: 0.95rem;
}

/* スマホ対応 */
@media (max-width: 640px) {
    .test-type-grid {
        grid-template-columns: 1fr;
    }
}
</style>



<div class="sokujitsu-panel">
    <div class="sokujitsu-header">
        <span class="timer-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f552.png" alt="🕒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        <h3>お急ぎの方へ：即日検査（約2時間）も可能です</h3>
    </div>
    
    <div class="sokujitsu-body">
        <p class="sokujitsu-intro">
            「今すぐ結果が知りたい」「不安で待てない」という方のために、<strong>ご来院から約2時間</strong>で結果が判明する「即日検査」をご用意しています。
        </p>

        <div class="compare-table">
            <div class="compare-row">
                <div class="compare-label">通常検査</div>
                <div class="compare-value">
                    <span class="time">2〜3日後</span>
                    <span class="price">各プランの表示料金通り</span>
                </div>
            </div>
            <div class="compare-row highlight">
                <div class="compare-label">即日検査</div>
                <div class="compare-value">
                    <span class="time">約2時間</span>
                    <span class="price">各料金 <span class="plus-price">+4,000円</span><small>（税込）</small></span>
                </div>
            </div>
        </div>

        <p class="sokujitsu-note">
            ※即日検査は通常検査と比べて精度がわずかに劣る可能性があります。詳細は医師にご相談ください。
        </p>
    </div>
</div>

<style>
/* 即日検査パネルのデザイン */
.sokujitsu-panel {
    background: #fffdf2;
    border: 2px solid #ffc107;
    border-radius: 16px;
    margin: 30px 0;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.15);
    font-family: sans-serif;
}

.sokujitsu-header {
    background: #ffc107;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sokujitsu-header h3 {
    margin: 0;
    font-size: 1.1rem;
    color: #111827;
    font-weight: bold;
}

.timer-icon {
    font-size: 1.3rem;
}

.sokujitsu-body {
    padding: 20px;
}

.sokujitsu-intro {
    font-size: 0.95rem;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* 比較用ミニテーブル */
.compare-table {
    background: #fff;
    border: 1px solid #ffeeba;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.compare-row {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #fdf2d0;
}

.compare-row:last-child {
    border-bottom: none;
}

.compare-row.highlight {
    background: #fffef0;
}

.compare-label {
    width: 80px;
    font-weight: bold;
    font-size: 0.85rem;
    color: #856404;
    flex-shrink: 0;
}

.compare-value {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}

.compare-value .time {
    font-weight: 800;
    color: #111827;
}

.compare-value .price {
    font-size: 0.85rem;
    color: #666;
}

.plus-price {
    color: #d9534f;
    font-weight: 800;
    font-size: 1rem;
}

.sokujitsu-note {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* スマホ対応 */
@media (max-width: 480px) {
    .compare-value {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    .compare-label {
        width: 70px;
    }
}
</style>



<h2 id="price" class="section-title">クラミジア検査・治療の料金</h2>

<section class="price-section">
    <p class="intro-text">
        当院は明朗会計を心がけております。検査費用に加え、万が一陽性だった場合の治療費もあらかじめご確認いただけます。
    </p>

    <div class="price-grid-wrapper">
        <div class="price-grid">
            
            <article class="price-card">
                <div class="card-top">
                    <span class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ea.png" alt="🧪" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="card-title-group">
                        <h3>クラミジア検査（単体）</h3>
                        <p>尿・おりもの・うがい液｜部位を選択</p>
                    </div>
                </div>
                <div class="card-info">
                    <div class="info-row"><b>結果</b><span>2〜3日後</span></div>
                    <div class="info-row"><b>内容</b><span>クラミジア (PCR法)</span></div>
                </div>
                <div class="card-price-box">
                    <span class="price-main">¥4,500</span>
                    <span class="price-sub">税込 / 即日 +¥4,000</span>
                </div>
                <div class="card-btns">
                    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-reserve">予約する</a>
                    <a href="/price/std/" class="btn-detail">詳細</a>
                </div>
            </article>

            <article class="price-card recommended">
                <div class="badge-recommend">おすすめ</div>
                <div class="card-top">
                    <span class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bb.png" alt="🚻" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="card-title-group">
                        <h3>淋菌＋クラミジア (性器)</h3>
                        <p>性器の症状・不安がある方に</p>
                    </div>
                </div>
                <div class="card-info">
                    <div class="info-row"><b>結果</b><span>2〜3日後</span></div>
                    <div class="info-row"><b>内容</b><span>2項目（性器）</span></div>
                </div>
                <div class="card-price-box">
                    <span class="price-main">¥6,500</span>
                    <span class="price-sub">税込</span>
                </div>
                <details class="card-details">
                    <summary>検査の詳細を確認</summary>
                    <ul>
                        <li>クラミジア（性器）</li>
                        <li>淋菌（性器）</li>
                    </ul>
                </details>
                <div class="card-btns">
                    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-reserve">予約する</a>
                    <a href="/price/std/" class="btn-detail">詳細</a>
                </div>
            </article>

            <article class="price-card recommended">
                <div class="badge-recommend">おすすめ</div>
                <div class="card-top">
                    <span class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="card-title-group">
                        <h3>淋菌＋クラミジア (咽頭)</h3>
                        <p>のどの症状・不安がある方に</p>
                    </div>
                </div>
                <div class="card-info">
                    <div class="info-row"><b>結果</b><span>2〜3日後</span></div>
                    <div class="info-row"><b>内容</b><span>2項目（のど）</span></div>
                </div>
                <div class="card-price-box">
                    <span class="price-main">¥6,500</span>
                    <span class="price-sub">税込</span>
                </div>
                <details class="card-details">
                    <summary>検査の詳細を確認</summary>
                    <ul>
                        <li>クラミジア（咽頭）</li>
                        <li>淋菌（咽頭）</li>
                    </ul>
                </details>
                <div class="card-btns">
                    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-reserve">予約する</a>
                    <a href="/price/std/" class="btn-detail">詳細</a>
                </div>
            </article>

            <article class="price-card">
                <div class="card-top">
                    <span class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="card-title-group">
                        <h3>スタンダードセット</h3>
                        <p>主要な性病検査を網羅</p>
                    </div>
                </div>
                <div class="card-info">
                    <div class="info-row"><b>結果</b><span>2〜3日後</span></div>
                    <div class="info-row"><b>内容</b><span>8項目</span></div>
                </div>
                <div class="card-price-box">
                    <span class="price-main">¥19,800</span>
                    <span class="price-sub">税込</span>
                </div>
                <details class="card-details">
                    <summary>検査の詳細を確認</summary>
                    <ul class="cols-2">
                        <li>HIV/梅毒</li><li>B型肝炎</li>
                        <li>トリコモナス</li><li>G+C(性器)</li>
                        <li>G+C(咽頭)</li>
                    </ul>
                </details>
                <div class="card-btns">
                    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-reserve">予約する</a>
                    <a href="/price/std/" class="btn-detail">詳細</a>
                </div>
            </article>

            <article class="price-card">
                <div class="card-top">
                    <span class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <div class="card-title-group">
                        <h3>アドバンストセット</h3>
                        <p>マイコ等を含む11項目</p>
                    </div>
                </div>
                <div class="card-info">
                    <div class="info-row"><b>結果</b><span>最短 翌日〜</span></div>
                    <div class="info-row"><b>内容</b><span>11項目</span></div>
                </div>
                <div class="card-price-box">
                    <span class="price-main">¥32,800</span>
                    <span class="price-sub">税込</span>
                </div>
                <details class="card-details">
                    <summary>検査の詳細を確認</summary>
                    <ul>
                        <li>スタンダード全項目</li>
                        <li>C型肝炎</li>
                        <li>マイコプラズマ</li>
                        <li>ウレアプラズマ</li>
                    </ul>
                </details>
                <div class="card-btns">
                    <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-reserve">予約する</a>
                    <a href="/price/std/" class="btn-detail">詳細</a>
                </div>
            </article>
        </div>
        <p class="swipe-hint">← スワイプしてプランを比較 →</p>
    </div>

    <div class="treatment-price-box">
        <div class="treatment-header">
            <h3>クラミジア治療（内服薬）</h3>
            <p>検査結果が陽性だった場合の飲み薬（1回分）です。</p>
        </div>
        <div class="treatment-body">
            <div class="price-display">
                <span class="val">7,980</span><span class="unit">円（税込）</span>
            </div>
            <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-treatment">
                <span class="btn-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> LINEで陽性後の処方を予約
            </a>
        </div>
    </div>
</section>

<style>
/* 共通設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.price-section {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

/* 横スクロールコンテナ */
.price-grid-wrapper {
    margin: 20px -10px;
    padding: 0 10px;
}

.price-grid {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    padding: 20px 5px;
    scroll-snap-type: x mandatory; /* スナップ機能 */
    scrollbar-width: none; /* Firefox用 */
}

.price-grid::-webkit-scrollbar {
    display: none; /* Chrome/Safari用 */
}

/* プランカード */
.price-card {
    flex: 0 0 280px;
    scroll-snap-align: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.2s ease;
}

.price-card.recommended {
    border: 2.5px solid #0ea5e9;
    background: #fdfdfd;
}

.badge-recommend {
    position: absolute;
    top: -12px;
    left: 20px;
    background: #0ea5e9;
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    z-index: 1;
}

.card-top {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.card-icon { font-size: 1.5rem; }

.card-title-group h3 {
    margin: 0;
    font-size: 1rem;
    color: #111827;
}

.card-title-group p {
    margin: 2px 0 0 0;
    font-size: 0.8rem;
    color: #6b7280;
}

.card-info {
    font-size: 0.85rem;
    margin-bottom: 15px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 2px;
}

.card-price-box {
    margin: auto 0 15px 0;
}

.price-main {
    font-size: 1.5rem;
    font-weight: 800;
    color: #111827;
    margin-right: 5px;
}

.price-sub {
    font-size: 0.75rem;
    color: #6b7280;
}

/* 詳細アコーディオン */
.card-details {
    margin-bottom: 15px;
    border-top: 1px dashed #e5e7eb;
    padding-top: 10px;
}

.card-details summary {
    font-size: 0.8rem;
    color: #0ea5e9;
    font-weight: bold;
    cursor: pointer;
}

.card-details ul {
    margin: 10px 0 0 0;
    padding-left: 15px;
    font-size: 0.8rem;
    color: #4b5563;
}

.card-details ul.cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* カードボタン */
.card-btns {
    display: flex;
    gap: 8px;
}

.btn-reserve, .btn-detail {
    flex: 1;
    text-align: center;
    padding: 10px 5px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: bold;
    text-decoration: none;
    transition: 0.2s;
}

.btn-reserve {
    background: #0ea5e9;
    color: #fff !important;
}

.btn-detail {
    background: #fff;
    color: #0ea5e9 !important;
    border: 1px solid #e5e7eb;
}

.swipe-hint {
    text-align: center;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-top: 5px;
}

/* 治療費ボックス */
.treatment-price-box {
    margin: 40px 0;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
}

.treatment-header {
    background: #f9fafb;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
}

.treatment-header h3 {
    margin: 0;
    font-size: 1.2rem;
    color: #111827;
}

.treatment-header p {
    margin: 5px 0 0 0;
    font-size: 0.9rem;
    color: #6b7280;
}

.treatment-body {
    padding: 25px;
    text-align: center;
}

.price-display {
    margin-bottom: 20px;
}

.price-display .val {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ef4444; /* 治療は重要なので赤系で強調 */
}

.price-display .unit {
    font-size: 1rem;
    color: #111827;
    margin-left: 5px;
}

.btn-treatment {
    display: inline-flex;
    align-items: center;
    background: #06C755;
    color: #fff !important;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(6, 199, 85, 0.2);
}

.btn-icon { margin-right: 8px; font-size: 1.2rem; }

/* スマホ対応調整 */
@media (max-width: 600px) {
    .price-card {
        flex: 0 0 85%; /* スマホでは次のカードが少し見えるように */
    }
}
</style>



<h2 id="aftercare" class="section-title">陽性だった場合の治療とアフターケア</h2>

<section class="aftercare-section">
    <div class="reassurance-lead">
        <p>
            検査結果が陽性だった場合も、ご安心ください。<br>
            クラミジアは<strong>飲み薬（抗生物質）でしっかりと治療できる</strong>感染症です。モイストクリニックが、治療から治癒の確認まで責任を持ってサポートします。
        </p>
    </div>

    <div class="treatment-steps">
        <div class="step-card treatment-main">
            <div class="step-header">
                <span class="step-badge">STEP 01</span>
                <h3>治療（飲み薬）について</h3>
            </div>
            <div class="step-body">
                <p>医師が感染部位や症状、同時感染の有無に応じて最適な抗生物質（飲み薬）を処方します。</p>
                <div class="drug-info">
                    <div class="drug-item">
                        <span class="drug-label primary">基本の治療</span>
                        <p><strong>アジスロマイシン</strong><br><small>1回のみの服用で完了します</small></p>
                    </div>
                    <div class="drug-item">
                        <span class="drug-label secondary">その他の選択肢</span>
                        <p>アレルギーや耐性菌、混合感染の疑いに合わせ、<strong>ドキシサイクリン</strong>（7日間）や<strong>ミノサイクリン</strong>等を使い分けます。</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="step-card treatment-partner">
            <div class="step-header">
                <span class="step-badge">STEP 02</span>
                <h3>パートナー様の検査・治療</h3>
            </div>
            <div class="step-body">
                <div class="alert-content">
                    <p>クラミジアは性的接触で感染するため、<strong>パートナー様も感染している可能性が非常に高い</strong>です。</p>
                    <p>ご自身が治っても相手が未治療の場合、再度感染してしまう<strong>「ピンポン感染」</strong>が起こります。お二人同時の検査・治療を強く推奨しております。</p>
                </div>
            </div>
        </div>

        <div class="step-card treatment-follow">
            <div class="step-header">
                <span class="step-badge">STEP 03</span>
                <h3>治療後の流れ（再開と再検査）</h3>
            </div>
            <div class="step-body">
                <div class="notice-box">
                    <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26d4.png" alt="⛔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 性行為の再開目安</h4>
                    <p>薬をすべて飲み終えてから、<strong>最低7日間</strong>は性行為（オーラル含む）をお控えください。パートナー様が治療中の場合、その治療が完了するまでも同様です。</p>
                </div>

                <div class="retest-box">
                    <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 再検査と安心保証</h4>
                    <p>服用から<strong>1〜2週間後</strong>（※）を目安に、菌がいなくなったかを確認する「再検査」を推奨しています。</p>
                    <p class="small-text">※偽陽性（死んだ菌の検出）を防ぐため、適切な期間をあける必要があります。</p>
                    
                    <div class="guarantee-card">
                        <h5>【モイストクリニックの安心保証】</h5>
                        <p>薬を正しく服用し、推奨期間（内服終了後3週間以内目安）に再検査を受けて同一細菌が陽性となった場合は、<strong>追加の治療薬を無料※で処方</strong>いたします。</p>
                        <p class="tiny-text">※再検査料は別途必要です。詳細は医師にご確認ください。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="emergency-cta">
        <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-emergency">
            <span class="btn-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f691.png" alt="🚑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 陽性後の受診・処方を予約する
        </a>
    </div>

    <div class="support-info-panel">
        <h3 class="panel-title">他院での陽性結果・結果前の処方にも対応</h3>
        <div class="panel-grid">
            <div class="panel-item">
                <div class="panel-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="panel-text">
                    <strong>他院の検査結果をお持ちの方：</strong>
                    <p>他院で陽性となったが、治療を急ぎたい方にも対応します。結果用紙をご提示ください。</p>
                </div>
            </div>
            <div class="panel-item">
                <div class="panel-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div class="panel-text">
                    <strong>検査結果を待たずに治療したい方：</strong>
                    <p>症状が強い、またはパートナーが陽性で不安な場合、検査と同時に治療を開始（即時治療）することも可能です。</p>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* 共通設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.aftercare-section {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    color: #333;
}

.reassurance-lead {
    background: #eef6ff;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
    text-align: center;
}

/* ステップカード全体 */
.treatment-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step-card {
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.step-header {
    background: #f8f9fa;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #eee;
}

.step-badge {
    background: #0076BE;
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
}

.step-header h3 {
    margin: 0;
    font-size: 1.1rem;
    color: #111827;
}

.step-body {
    padding: 20px;
}

/* 薬の情報 */
.drug-info {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.drug-item {
    background: #f9fafb;
    padding: 15px;
    border-radius: 10px;
}

.drug-label {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: 8px;
}
.drug-label.primary { background: #0076BE; color: #fff; }
.drug-label.secondary { background: #e5e7eb; color: #4b5563; }

.drug-item p {
    margin: 0;
    font-size: 0.9rem;
}

/* ピンポン感染 */
.treatment-partner {
    border-left: 6px solid #ffb03a;
}
.alert-content {
    background: #fffaf0;
    padding: 15px;
    border-radius: 10px;
}

/* 再検査・保証 */
.notice-box {
    background: #fff0f0;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.notice-box h4 { margin: 0 0 5px 0; font-size: 1rem; color: #c00; }

.retest-box h4 { margin: 0 0 10px 0; font-size: 1rem; color: #0076BE; }

.guarantee-card {
    background: #fff;
    border: 2px solid #0076BE;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

.guarantee-card h5 {
    margin: 0 0 10px 0;
    color: #0076BE;
    font-size: 1rem;
}

.small-text { font-size: 0.85rem; color: #666; }
.tiny-text { font-size: 0.75rem; color: #999; margin-top: 10px; }

/* CTA */
.emergency-cta {
    text-align: center;
    margin: 40px 0;
}
.btn-emergency {
    display: inline-flex;
    align-items: center;
    background: #d9534f;
    color: #fff !important;
    padding: 18px 30px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(217, 83, 79, 0.3);
    transition: 0.2s;
}
.btn-emergency:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(217, 83, 79, 0.4); }

/* サポートパネル */
.support-info-panel {
    background: #f0f7ff;
    border-radius: 16px;
    padding: 25px;
    margin-top: 40px;
}
.panel-title {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 1.1rem;
    color: #0076BE;
}
.panel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.panel-item {
    display: flex;
    gap: 12px;
}
.panel-icon { font-size: 1.5rem; }
.panel-text p { margin: 5px 0 0 0; font-size: 0.85rem; color: #555; }

/* スマホ対応 */
@media (max-width: 600px) {
    .drug-info, .panel-grid { grid-template-columns: 1fr; }
    .btn-emergency { width: 100%; justify-content: center; }
}
</style>



<h2 id="throat" class="section-title">のど（咽頭）クラミジアについて</h2>

<section class="throat-section">
    <p class="intro-text">
        性器のクラミジアは知られていても、「のど」は見過ごされがちです。しかし、オーラルセックスによって容易に感染し、<strong>自覚がないままパートナーに広げているケース</strong>が非常に多く存在します。
    </p>

    <div class="throat-danger-panel">
        <div class="panel-header">
            <span class="warning-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <h3>のどクラミジア、3つの危険性</h3>
        </div>
        
        <div class="danger-list">
            <div class="danger-item">
                <div class="item-number">1</div>
                <div class="item-text">
                    <strong>ほぼ「無症状」</strong>
                    <p>最大の特徴は、感染しても「のどの痛み」や「違和感」すら感じないことがほとんどである点です。</p>
                </div>
            </div>

            <div class="danger-item">
                <div class="item-number">2</div>
                <div class="item-text">
                    <strong>「風邪」と誤解される</strong>
                    <p>症状が出ても「のどがイガイガする」程度の軽い風邪と区別がつきません。内科の風邪薬では治りません。</p>
                </div>
            </div>

            <div class="danger-item">
                <div class="item-number">3</div>
                <div class="item-text">
                    <strong>治癒しにくい（重要）</strong>
                    <p>のどは抗生物質が届きにくい部位です。1回の服用では治りきらないケースもあり、治療後の「再検査」が極めて重要です。</p>
                </div>
            </div>
        </div>
    </div>

    <div class="case-box">
        <h4>こんな方は「のど」の感染を疑ってください</h4>
        <ul>
            <li>性器は陰性だったのに、パートナーが陽性になった</li>
            <li>のどの違和感や咳がずっと治らない</li>
            <li>不特定多数、または新しいパートナーとオーラルセックスの機会があった</li>
        </ul>
    </div>

    <div class="throat-test-guide">
        <div class="guide-content">
            <p>当院では、<strong>のどのぬぐい液（うがい、または綿棒）</strong>だけで簡単に検査が可能です。</p>
            <div class="throat-price-tag">
                <span class="tag-label">のど専用セット</span>
                <span class="tag-name">淋菌＋クラミジア（咽頭）</span>
                <span class="tag-price">6,500円<small>（税込）</small></span>
            </div>
            <p class="emphasis-text">心当たりがあれば、症状がなくても必ず「のど」の検査を受けてください。</p>
        </div>
        
        <div class="cta-wrapper">
            <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-throat-reserve">
                <span class="icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5e3.png" alt="🗣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> 「のど」の検査を予約する
            </a>
        </div>
    </div>
</section>

<style>
/* 共通見出しスタイル（既存セクションと統一） */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.throat-section {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    color: #333;
    padding: 0 10px;
}

/* 危険性パネル */
.throat-danger-panel {
    background: #fffaf0;
    border: 2px solid #ffb03a;
    border-radius: 16px;
    margin: 25px 0;
    overflow: hidden;
}

.panel-header {
    background: #ffb03a;
    color: #fff;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-header h3 {
    margin: 0;
    font-size: 1.15rem;
}

.danger-list {
    padding: 20px;
}

.danger-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.danger-item:last-child {
    margin-bottom: 0;
}

.item-number {
    background: #ffb03a;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
    font-size: 0.9rem;
}

.item-text strong {
    display: block;
    font-size: 1.05rem;
    color: #111827;
    margin-bottom: 4px;
}

.item-text p {
    margin: 0;
    font-size: 0.95rem;
    color: #4b5563;
}

/* ケース紹介ボックス */
.case-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    margin-bottom: 25px;
}

.case-box h4 {
    margin: 0 0 12px 0;
    font-size: 1rem;
    color: #0076BE;
}

.case-box ul {
    margin: 0;
    padding-left: 20px;
    font-size: 0.95rem;
}

.case-box li {
    margin-bottom: 8px;
}

/* 検査案内・料金 */
.throat-test-guide {
    text-align: center;
    background: #fff;
    border: 2px solid #0076BE;
    border-radius: 16px;
    padding: 25px;
    margin-top: 30px;
}

.throat-price-tag {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #f0f7ff;
    border: 1px solid #0076BE;
    padding: 15px 30px;
    border-radius: 12px;
    margin: 15px 0;
}

.tag-label {
    font-size: 0.75rem;
    background: #0076BE;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.tag-name {
    font-weight: bold;
    font-size: 1.1rem;
    color: #111827;
}

.tag-price {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0076BE;
}

.tag-price small {
    font-size: 0.9rem;
    font-weight: normal;
}

.emphasis-text {
    font-weight: bold;
    color: #d63384;
    margin-top: 10px;
}

/* CTAボタン */
.btn-throat-reserve {
    display: inline-flex;
    align-items: center;
    background: #0076BE;
    color: #fff !important;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 15px rgba(0, 118, 190, 0.2);
    transition: 0.2s;
    margin-top: 15px;
}

.btn-throat-reserve:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 118, 190, 0.3);
}

.btn-throat-reserve .icon {
    margin-right: 10px;
    font-size: 1.3rem;
}

/* スマホ対応 */
@media (max-width: 600px) {
    .btn-throat-reserve {
        width: 100%;
        justify-content: center;
    }
    .throat-price-tag {
        width: 100%;
    }
}
</style>



<h2 id="basics" class="section-title">クラミジアの感染経路と基礎知識</h2>

<section class="basics-section">
    <p class="intro-text">
        クラミジアは、日本で最も感染者数が多い性感染症です。正しい知識を持ち、適切な対応をとることが早期治療への近道です。
    </p>

    <div class="knowledge-grid">
        <div class="knowledge-card">
            <div class="card-side-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="card-main-content">
                <h3>病原体</h3>
                <p>Chlamydia trachomatis（クラミジア・トラコマチス）という細菌です。非常に小さく、細胞の中に寄生して増殖します。</p>
            </div>
        </div>

        <div class="knowledge-card highlight-bg">
            <div class="card-side-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f501.png" alt="🔁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="card-main-content">
                <h3>感染経路</h3>
                <p>膣・肛門・オーラル（のど）を含む性的接触によって感染します。粘膜同士の接触があれば、<strong>コンドームなしの行為はすべて感染リスク</strong>となります。</p>
            </div>
        </div>

        <div class="knowledge-card risk">
            <div class="card-side-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="card-main-content">
                <h3>合併症（放置するリスク）</h3>
                <p>放置すると、男性は<strong>精巣上体炎</strong>、女性は<strong>骨盤内炎症性疾患（PID）</strong>などを引き起こし、<strong>不妊症や子宮外妊娠</strong>の原因になります。</p>
            </div>
        </div>

        <div class="knowledge-card partner">
            <div class="card-side-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f46b.png" alt="👫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
            <div class="card-main-content">
                <h3>パートナー対応</h3>
                <p>ご自身が陽性の場合、パートナー様も感染している可能性が極めて高いです。再感染（ピンポン感染）を防ぐため、<strong>必ずお二人同時に検査・治療</strong>を受けてください。</p>
            </div>
        </div>
    </div>
</section>

<style>
/* 共通設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.basics-section {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    line-height: 1.6;
}

/* ナレッジグリッド */
.knowledge-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

/* 各カードの基本設計 */
.knowledge-card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    transition: box-shadow 0.3s ease;
}

.knowledge-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.card-side-icon {
    font-size: 1.8rem;
    margin-right: 18px;
    padding-top: 5px;
}

.card-main-content h3 {
    margin: 0 0 8px 0;
    font-size: 1.1rem;
    color: #111827;
}

.card-main-content p {
    margin: 0;
    font-size: 0.95rem;
    color: #4b5563;
}

/* 特定カードの強調スタイル */
.highlight-bg {
    background: #f9fafb;
}

.risk {
    border-left: 6px solid #ef4444; /* 警告の赤 */
}
.risk h3 {
    color: #b91c1c;
}

.partner {
    border-left: 6px solid #f59e0b; /* パートナー注意のオレンジ */
}

/* 強調テキスト */
.knowledge-card strong {
    color: #111827;
    background: linear-gradient(transparent 70%, #fff08c 70%);
}

/* スマホ対応調整 */
@media (max-width: 500px) {
    .knowledge-card {
        padding: 15px;
    }
    .card-side-icon {
        font-size: 1.5rem;
        margin-right: 12px;
    }
    .card-main-content h3 {
        font-size: 1rem;
    }
}
</style>



<h2 id="faq" class="section-title">よくあるご質問（FAQ）</h2>

<section class="faq-section">
    <p class="intro-text">
        クラミジア検査・治療に関して、患者様から多く寄せられるご質問をまとめました。
    </p>

    <div class="faq-container">
        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">検査結果はいつわかりますか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p><strong>検査の2〜3日後</strong>に結果が判明します。結果はLINEまたはメールで、ご来院いただくことなくご確認いただけます。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">症状がなくても検査は必要ですか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p><strong>はい、症状がない場合こそ検査を推奨します。</strong></p>
                    <p>クラミジアの最大の特徴は「無症状」であることです。特に女性や「のど」の感染では症状が出ないことが多く、ご自身が気づかないままパートナーに感染させているケースが非常に多いためです。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">生理中でも検査できますか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p><strong>可能です。</strong></p>
                    <p>「のど（ぬぐい液）」と「性器（尿）」の検査は生理中でも全く問題ありません。「性器（おりもの）」の検査は、経血量が多いと正確な結果が出にくい場合がありますが、医師の判断で対応可能ですので、まずはご相談ください。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">治療はどのようなことをしますか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p><strong>抗生物質（飲み薬）</strong>による治療が基本です。注射や痛みを伴う治療はありませんので、ご安心ください。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">薬はいつ飲めばいいですか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p>当院は「院内処方」ですので、検査結果が陽性と判明し、診察（オンラインも可）を受けた<strong>その日のうちにお薬をお渡し（または発送）</strong>できます。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">性行為はいつから再開できますか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p>処方されたお薬をすべて飲み終えてから、<strong>最低7日間は性行為（オーラル含む）を控えてください。</strong></p>
                    <p>また、再感染（ピンポン感染）を防ぐため、パートナー様の治療が完了するまでは控える必要があります。</p>
                </div>
            </div>
        </details>

        <details class="faq-item">
            <summary>
                <span class="faq-q-icon">Q</span>
                <span class="faq-question-text">保険は使えますか？</span>
                <span class="faq-toggle-icon"></span>
            </summary>
            <div class="faq-answer">
                <span class="faq-a-icon">A</span>
                <div class="faq-answer-content">
                    <p>当院は自由診療（自費診療）のクリニックとして、保険証がなくても受診でき、料金表通りの明朗会計で迅速な検査・治療を提供しています。</p>
                </div>
            </div>
        </details>
    </div>
</section>

<style>
/* 共通見出し設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.faq-section {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    line-height: 1.6;
}

.intro-text {
    margin-bottom: 25px;
}

/* FAQコンテナ */
.faq-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-item {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.faq-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* 質問エリア */
.faq-item summary {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer;
    list-style: none;
    position: relative;
    user-select: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-q-icon {
    background: #0076BE;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-right: 15px;
    flex-shrink: 0;
}

.faq-question-text {
    font-weight: bold;
    font-size: 1rem;
    color: #111827;
    padding-right: 30px;
    line-height: 1.4;
}

/* 矢印アイコン */
.faq-toggle-icon {
    position: absolute;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(135deg);
    transition: transform 0.3s ease;
}

.faq-item[open] .faq-toggle-icon {
    transform: rotate(-45deg);
    top: 22px;
}

/* 回答エリア */
.faq-answer {
    padding: 20px;
    background: #f9fbfd;
    border-top: 1px dashed #e0e0e0;
    display: flex;
    gap: 15px;
}

.faq-a-icon {
    color: #ef4444; /* Aは赤系で目立たせる */
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.2;
    flex-shrink: 0;
}

.faq-answer-content p {
    margin: 0 0 10px 0;
    font-size: 0.95rem;
    color: #4b5563;
}

.faq-answer-content p:last-child {
    margin-bottom: 0;
}

/* スマホ対応 */
@media (max-width: 600px) {
    .faq-item summary {
        padding: 15px;
    }
    .faq-question-text {
        font-size: 0.95rem;
    }
    .faq-answer {
        padding: 15px;
    }
}
</style>



<h2 id="access" class="section-title">アクセス・診療時間</h2>

<section class="access-section">
    <div class="access-flex-container">
        <div class="address-info">
            <div class="clinic-name-box">
                <span class="location-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div class="address-text-group">
                    <h3>モイストクリニック 恵比寿院</h3>
                    <p class="zip-code">〒150-0021</p>
                    <p class="address-main">東京都渋谷区恵比寿西1-2-1<br>エビスマンション610</p>
                </div>
            </div>
            
            <div class="station-guide">
                <span class="train-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f683.png" alt="🚃" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <p>JR・東京メトロ日比谷線 <strong>「恵比寿駅」徒歩3分</strong></p>
            </div>

            <div class="access-action-btns">
                <a href="https://www.google.com/maps/search/?api=1&#038;query=モイストクリニック+恵比寿" target="_blank" class="btn-map">
                    Googleマップで見る
                </a>
                <button onclick="copyAddress()" class="btn-copy">
                    住所をコピー
                </button>
            </div>
        </div>

        <div class="hours-info">
            <h4 class="table-title">診療時間</h4>
            <div class="table-wrapper">
                <table class="hours-table">
                    <thead>
                        <tr>
                            <th>診療時間</th>
                            <th>月</th>
                            <th>火</th>
                            <th>水</th>
                            <th>木</th>
                            <th>金</th>
                            <th>土</th>
                            <th>日</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="time-slot">14:00〜22:00</td>
                            <td>○</td>
                            <td>○</td>
                            <td>○</td>
                            <td>○</td>
                            <td>○</td>
                            <td>○</td>
                            <td>○</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p class="hours-note">※祝日も診療しております</p>
            <div class="reserve-cta">
                <a href="https://line.me/R/ti/p/@696ufkcc" class="btn-line-access">
                    LINEで空き状況を確認
                </a>
            </div>
        </div>
    </div>
</section>

<script>
// 住所コピー機能
function copyAddress() {
    const address = "東京都渋谷区恵比寿西1-2-1 エビスマンション610";
    navigator.clipboard.writeText(address).then(() => {
        alert("住所をコピーしました。マップアプリ等に貼り付けてご利用ください。");
    });
}
</script>

<style>
/* 共通設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.access-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
    line-height: 1.6;
}

.access-flex-container {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.address-info, .hours-info {
    flex: 1;
    min-width: 320px;
}

/* 住所エリア */
.clinic-name-box {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.location-icon { font-size: 2rem; }

.address-text-group h3 {
    margin: 0 0 5px 0;
    font-size: 1.2rem;
    color: #0076BE;
}

.zip-code { font-size: 0.85rem; color: #666; margin: 0; }
.address-main { font-size: 1rem; font-weight: bold; margin: 0; }

.station-guide {
    background: #f0f7ff;
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.station-guide p { margin: 0; font-size: 0.9rem; }

/* ボタン類 */
.access-action-btns {
    display: flex;
    gap: 10px;
}

.btn-map, .btn-copy {
    flex: 1;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    border: none;
    transition: 0.2s;
}

.btn-map { background: #0076BE; color: #fff !important; }
.btn-copy { background: #fff; color: #0076BE; border: 1px solid #0076BE; }

.btn-map:hover, .btn-copy:hover { opacity: 0.8; }

/* 診療時間テーブル */
.table-title {
    margin: 0 0 10px 0;
    font-size: 1rem;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

.table-wrapper {
    overflow-x: auto;
}

.hours-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    text-align: center;
}

.hours-table th {
    background: #f8f9fa;
    border: 1px solid #eee;
    padding: 10px 5px;
    color: #666;
}

.hours-table td {
    border: 1px solid #eee;
    padding: 12px 5px;
}

.time-slot {
    background: #f9fbfd;
    font-weight: bold;
    white-space: nowrap;
}

.hours-note { font-size: 0.8rem; color: #888; margin-top: 10px; }

/* LINE予約ボタン（アクセス用） */
.reserve-cta { margin-top: 20px; }
.btn-line-access {
    display: block;
    background: #06C755;
    color: #fff !important;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(6, 199, 85, 0.2);
}

/* スマホ対応 */
@media (max-width: 600px) {
    .access-flex-container { flex-direction: column; gap: 40px; }
    .address-info, .hours-info { min-width: 100%; }
}
</style>



<h2 id="refs" class="section-title">監修医・参考文献</h2>

<section class="medical-trust-section">
    
    <div class="doctor-profile-card">
        <div class="doctor-image">
            <div class="image-placeholder"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-2695-fe0f.png" alt="👨‍⚕️" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        </div>
        <div class="doctor-info">
            <span class="doctor-label">本ページ監修者</span>
            <p class="doctor-title">モイストクリニック 院長</p>
            <h3>金谷 正樹 <span class="kana">（かなや まさき）</span></h3>
            
            <p class="doctor-bio">
                国際医療福祉大学病院、東京医科歯科大学病院（現東京科学大学病院）などで研鑽を積み、現在はモイストクリニックにて性感染症を中心に診療を行っています。<br>
                日本性感染症学会の会員として、得意分野である<strong>細菌学と免疫学</strong>の知識を活かし、患者さまご本人とパートナーさまが共に幸せになれるような医療を目指しております。
            </p>
            
            <div class="doctor-credentials">
                <span>日本性感染症学会 会員</span>
                <span>細菌学・免疫学 専門知識</span>
                <span>元 東京医科歯科大学病院 所属</span>
            </div>
        </div>
    </div>

    <div class="reference-box">
        <h4 class="ref-title">参考文献</h4>
        <ul class="ref-list">
            <li>
                <span class="ref-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <a href="http://jssti.jp/guideline/" target="_blank" rel="noopener">性感染症 診断・治療ガイドライン 2020（日本性感染症学会）</a>
            </li>
            <li>
                <span class="ref-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <a href="https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/kenkou_iryou/kenkou/kekkaku-kansenshou/seikansenshou/index.html" target="_blank" rel="noopener">性感染症に関する施策について（厚生労働省）</a>
            </li>
            <li>
                <span class="ref-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f517.png" alt="🔗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <a href="https://idsc.niid.go.jp/idwr/kansen/k01_g2/k01_35/k01_35.html" target="_blank" rel="noopener">性器クラミジア感染症とは（国立感染症研究所）</a>
            </li>
        </ul>
        <p class="ref-note">※最新の医学的知見に基づき、定期的に内容の更新を行っております。</p>
    </div>

    <div class="scroll-top-wrapper">
        <a href="#flow" class="scroll-top-link">目次へ戻る ▲</a>
    </div>
</section>

<style>
/* 共通設定 */
.section-title {
    font-size: 1.5rem;
    color: #333;
    padding: 10px 15px;
    border-left: 8px solid #0076BE;
    background: #f8f9fa;
    margin: 40px 0 20px 0;
}

.medical-trust-section {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    line-height: 1.7;
    color: #333;
}

/* 監修医カード */
.doctor-profile-card {
    display: flex;
    gap: 25px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 35px;
    align-items: flex-start;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.doctor-image {
    flex-shrink: 0;
}

.image-placeholder {
    width: 130px;
    height: 130px;
    background: #f0f7ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.5rem;
    border: 3px solid #0076BE;
}

.doctor-info {
    flex: 1;
}

.doctor-label {
    font-size: 0.7rem;
    color: #0076BE;
    font-weight: bold;
    border: 1px solid #0076BE;
    padding: 2px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
}

.doctor-title {
    font-size: 0.9rem;
    margin: 0;
    color: #666;
}

.doctor-info h3 {
    margin: 5px 0 15px 0;
    font-size: 1.4rem;
    color: #111827;
}

.doctor-info h3 .kana {
    font-size: 0.9rem;
    font-weight: normal;
    color: #6b7280;
}

.doctor-bio {
    font-size: 0.95rem;
    color: #4b5563;
    margin-bottom: 15px;
}

.doctor-bio strong {
    color: #0076BE;
}

.doctor-credentials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.doctor-credentials span {
    font-size: 0.75rem;
    background: #f3f4f6;
    color: #4b5563;
    padding: 3px 12px;
    border-radius: 50px;
    border: 1px solid #e5e7eb;
}

/* 参考文献 */
.reference-box {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 40px;
}

.ref-title {
    margin: 0 0 15px 0;
    font-size: 1rem;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.ref-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ref-list li {
    font-size: 0.85rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ref-list a {
    color: #0076BE;
    text-decoration: none;
}

.ref-list a:hover {
    text-decoration: underline;
}

.ref-note {
    font-size: 0.75rem;
    color: #999;
    margin-top: 15px;
    text-align: center;
}

/* ページトップへ戻る */
.scroll-top-wrapper {
    text-align: center;
}

.scroll-top-link {
    font-size: 0.9rem;
    color: #666;
    text-decoration: none;
    background: #f0f0f0;
    padding: 10px 25px;
    border-radius: 30px;
    transition: 0.2s;
    display: inline-block;
}

.scroll-top-link:hover {
    background: #e0e0e0;
}

/* スマホ対応 */
@media (max-width: 650px) {
    .doctor-profile-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 25px 20px;
    }
    .doctor-credentials {
        justify-content: center;
    }
    .image-placeholder {
        width: 110px;
        height: 110px;
        font-size: 3.5rem;
    }
}
</style><p>The post <a href="https://clinic-3t.com/sti/genital-chlamydial-infection/">クラミジア（性器・のど）検査・治療｜恵比寿のモイストクリニック</a> first appeared on <a href="https://clinic-3t.com">モイストクリニック</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
