/* --- お問い合わせページ固有のスタイル --- */

/* タイトルを中央揃え（最前線・支援制度と同じスタイル） */
/* お問い合わせ (ID:103) / プライバシーポリシー (ID:323) */
.page-id-103 .entry-title,
.page-id-323 .entry-title {
    text-align: center;
    font-size: 1.875rem;       /* text-3xl */
    font-weight: 900;          /* font-black */
    color: #4A3B2A;            /* text-brand-brown */
    margin-bottom: 1.5rem;     /* mb-6 */
    letter-spacing: 0.1em;     /* tracking-widest */
}

@media (min-width: 768px) {
    .page-id-103 .entry-title,
    .page-id-323 .entry-title {
        font-size: 3rem;       /* md:text-5xl */
    }
}

/* タイトル周りの余白 */
.page-id-103 .article-header,
.page-id-323 .article-header {
    margin-bottom: 4rem;       /* mb-16 */
}

/* 日付を非表示 */
.page-id-103 .date-tags,
.page-id-323 .date-tags {
    display: none !important;
}

/* 「この記事は〜分で読めます」を非表示 */
.page-id-103 .read-time,
.page-id-323 .read-time {
    display: none !important;
}

/* サイドバーを非表示（プライバシーポリシー） */
.page-id-323 #sidebar {
    display: none !important;
}

/* サイドバー非表示時にメインコンテンツを全幅に */
.page-id-323 .main {
    width: 100% !important;
    max-width: 800px;
    margin: 0 auto;
}

/* プライバシーポリシーページのパンくずリストを非表示 */
.page-id-323 .breadcrumb {
    display: none !important;
}

/* プライバシーポリシーページの見出し（h2, h3）のスタイル */
.page-id-323 .entry-content h2 {
    background-color: #F5F6F7;
    border: none;
    border-radius: var(--cocoon-badge-border-radius);
    padding: 25px;
    margin: 2rem 0 1rem;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 1.25;
}

.page-id-323 .entry-content h3 {
    background-color: #f9f9f9;
    border: none;
    border-left: 4px solid #4A3B2A;
    border-radius: 0.25rem;
    padding: 0.75rem 1rem;
    margin: 1.5rem 0 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #4A3B2A;
}

/* --- フォーム全体の基本設定 --- */
.wpcf7 {
    max-width: 800px;
    margin: 0 auto;
    font-family: "Zen Maru Gothic", sans-serif;
    padding: 20px 0;
}

/* --- ラベル（項目名） --- */
.wpcf7 label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

/* --- 小さい注意書き（法人名の下など） --- */
.small-note {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    margin-bottom: 5px;
}

/* --- 入力欄・テキストエリア・ドロップダウン --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 12px;
    /* margin-bottom: 30px; */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    font-size: 16px;
}

/* --- プライバシーポリシー部分 --- */
.privacy-section {
    text-align: center;
    font-size: 13px;
    color: #666;
    margin-bottom: 25px;
    line-height: 1.8;
}

.privacy-section a {
    text-decoration: underline;
    color: #333;
}

/* --- 送信ボタン（オレンジ色） --- */
.submit-container {
    text-align: center;
}

.wpcf7 input[type="submit"] {
    background-color: #ff9900;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 80px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

/* （ここまではお問い合わせページの設定） */
.wpcf7 input[type="submit"]:hover {
    background-color: #e68a00;
    opacity: 0.9;
}

/* 記事本文の中にあるリストの「・」を表示させる設定 (2026/02/04追加) */
.entry-content ul {
    list-style-type: disc;
    padding-left: 20px;
}

/* --- 必須マーク（＊）のデザイン --- */
/* ページID 103（お問い合わせ）限定 */
.page-id-103 .required {
    color: #ff0000;        /* 赤色 */
    margin-left: 5px;      /* 隙間 */
    font-weight: bold;     /* 太字 */
    font-size: 1.5em;    /* 大きく */
    vertical-align: middle; /* 位置を少し調整 */
    line-height: 1;   /* 行の高さが崩れないようにする */
}

.article p, .entry-content>* {
    margin-bottom: 0;
}

.wpcf7 {
    padding: 0;
}