/* ============================================================
   個人情報の取り扱いボックス ＋ 同意チェック
   ※ 両フォーム共通。WordPress「追加CSS」または
      CF7スタイルシートに貼り付けてください。
============================================================ */

/* --- スクロールボックス --- */
.privacy-box{
	max-width: 720px;
	margin: 1.5rem auto .25rem;
	padding: 1.25rem 1.5rem;
	height: 220px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #ccc;
	background: #f7f7f7;
	color: #333;
	font-size: 15px;      /* 50〜60代でも読める最低限 */
	line-height: 1.75;
	text-align: left;
}
.privacy-box:focus{ outline: 2px solid #B9A050; }   /* 金：ブランド色 */

.privacy-box-ttl{
	margin: 0 0 .5rem;
	font-size: 16px;
	font-weight: bold;
}
.privacy-box-h{
	margin: 1.1rem 0 .25rem;
	font-weight: bold;
}
.privacy-box p{ margin: 0 0 .5rem; }
.privacy-box ol{ margin: .25rem 0 .5rem; padding-left: 1.5rem; }
.privacy-box ol li{ margin-bottom: .35rem; }
.privacy-box dl{ margin: 0; }
.privacy-box dt{ margin-top: .75rem; font-weight: bold; }
.privacy-box dd{ margin: 0 0 .5rem; padding-left: 1rem; }

/* --- 同意チェック --- */
.privacy-agree{
	margin: 1rem 0 1.5rem;
	text-align: center;
	font-weight: bold;
}
.privacy-agree .wpcf7-list-item{ margin: 0; }
.privacy-agree .wpcf7-list-item-label{ margin-left: .3rem; }
.privacy-agree .essential{           /* 同意欄はオレンジ（画像に合わせる） */
	display: inline-block;
	margin-left: .4rem;
	padding: .12em .55em;
	border-radius: 3px;
	background: #ef9a1e;
	color: #fff;
	font-size: .72rem;
	font-weight: bold;
	vertical-align: middle;
}

/* --- スマホ --- */
@media (max-width: 767px){
	.privacy-box{
		height: 180px;
		padding: 1rem 1.1rem;
		font-size: 14px;
	}
}