/* ==========================================================================
   POC薬剤部 固定ページ共通（新デザイン）
   見出し・本文・リスト等は .poc-article-body（poc-article-page.css）をそのまま再利用する。
   ここでは Contact Form 7 の見た目だけを新デザインへ合わせる（送信処理・必須項目・
   バリデーション・メール設定は無変更。CSSのみでの調整）。
   ========================================================================== */

/* 本文中の「<p><b>見出し文</b></p>」（H2/H3相当の目印として使われている太字段落）を
   見出しらしく見せる。本文テキスト・タグ構造は変更しない（CSSのみ）。 */
.poc-article-body p > b:only-child {
	display: block;
	margin: 1.6em 0 0.6em;
	padding: 1px 0 1px 11px;
	border-left: 4px solid var(--poc-blue);
	font-size: 16.5px;
}
.poc-article-body p:first-child > b:only-child { margin-top: 0; }

.poc-article-body .wpcf7-form p { margin: 0 0 1.2em; }
.poc-article-body .wpcf7-form label { display: block; font-weight: 700; font-size: 14px; color: var(--poc-ink); margin: 0 0 6px; }

.poc-article-body .wpcf7-form input[type="text"],
.poc-article-body .wpcf7-form input[type="email"],
.poc-article-body .wpcf7-form input[type="tel"],
.poc-article-body .wpcf7-form input[type="url"],
.poc-article-body .wpcf7-form textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
	padding: 12px 14px;
	border: 1px solid var(--poc-line);
	border-radius: 10px;
	background: #fff;
	font-size: 15px;
	color: var(--poc-ink);
}
.poc-article-body .wpcf7-form textarea { max-width: 100%; min-height: 140px; resize: vertical; }

.poc-article-body .wpcf7-form input[type="text"]:focus,
.poc-article-body .wpcf7-form input[type="email"]:focus,
.poc-article-body .wpcf7-form textarea:focus {
	outline: none;
	border-color: var(--poc-blue);
	box-shadow: 0 0 0 3px rgba(47, 124, 246, .15);
}

.poc-article-body .wpcf7-form input.wpcf7-not-valid { border-color: #e14b4b; }
.poc-article-body .wpcf7-form .wpcf7-not-valid-tip { font-size: 12.5px; color: #e14b4b; margin-top: 4px; }
.poc-article-body .wpcf7-form .wpcf7-response-output {
	margin: 1em 0 0;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid var(--poc-line);
	font-size: 14px;
}

.poc-article-body .wpcf7-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	min-height: 50px;
	padding: 0 32px;
	border: 0;
	border-radius: 999px;
	background: var(--poc-blue-btn);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s;
}
.poc-article-body .wpcf7-form input[type="submit"]:hover { background: var(--poc-blue-d); }
.poc-article-body .wpcf7-form input[type="submit"]:disabled { opacity: .6; cursor: default; }

@media only screen and (max-width: 767px) {
	.poc-article-body .wpcf7-form input[type="text"],
	.poc-article-body .wpcf7-form input[type="email"],
	.poc-article-body .wpcf7-form textarea {
		max-width: 100%;
		font-size: 16px; /* iOSでの自動ズームを防ぐ */
	}
	.poc-article-body .wpcf7-form input[type="submit"] { width: 100%; justify-content: center; }
}

/* 利用規約ページの箇条書き（ul.poc-terms-list）。.poc-calc-wrap li の list-style:none に打ち消されて黒丸が出ないため、クラスを付けた ul の li だけ黒丸にする（他の固定ページには影響しない） */
.poc-article-body ul.poc-terms-list > li { list-style: disc; }