/* お問い合わせフォーム（トップページの style.css を前提に追記） */
.page-head {
	width:100%;
	padding:2.5rem 0.5rem;
	background-color:#2d68c4;
	color:#fff;
	text-align:center;
}
.page-head>h1 {
	max-width:1120px;
	margin:0 auto;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:0.08em;
}
.form-lead {
	font-size:1.05rem;
	line-height:1.9;
	margin:0 0 2rem;
}
.form-sec>h2 {
	font-size:1.35rem;
	color:#2d68c4;
	font-weight:500;
	letter-spacing:0.08em;
	margin:0 0 1.5rem;
}
.form-sec {
	background-color:#fff;
	border:solid 2px #a9cff2;
	border-radius:1rem;
	padding:2rem;
}
.form-sec>dl {
	display:grid;
	grid-template-columns:14em 1fr;
	gap:0 1rem;
	margin:0;
	padding:1rem 0;
	border-bottom:dotted 1px #cfe2f7;
	font-size:0.95rem;
	line-height:1.7;
}
.form-sec>dl:first-of-type {
	padding-top:0;
}
.form-sec>dl>dt {
	margin:0;
	padding-top:0.4rem;
	color:#1c4f9c;
	font-weight:700;
}
.form-sec>dl>dd {
	margin:0;
}
.form-sec>dl>dt.req:after {
	content:"必須";
	display:inline-block;
	margin-left:0.6em;
	padding:0.1em 0.5em;
	background-color:#c8102e;
	color:#fff;
	border-radius:0.2em;
	font-size:0.75rem;
	font-weight:500;
	letter-spacing:0.05em;
	vertical-align:0.1em;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
	font-family:inherit;
	font-size:1rem;
	color:#333;
	width:100%;
	max-width:100%;
	padding:0.6rem 0.7rem;
	border:solid 1px #a9cff2;
	border-radius:0.35rem;
	background-color:#fff;
	box-sizing:border-box;
}
input[type="tel"] {
	max-width:14em;
}
textarea {
	height:8em;
	line-height:1.7;
	resize:vertical;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
	outline:none;
	border-color:#307fe2;
	box-shadow:0 0 0 3px rgba(48,127,226,0.18);
}
.check-list {
	display:grid;
	gap:0.5rem 0;
}
.check-list>label,
.policy-check {
	display:flex;
	align-items:center;
	gap:0 0.5rem;
	min-height:44px;
	cursor:pointer;
}
.check-list input[type="checkbox"],
.policy-check input[type="checkbox"] {
	width:22px;
	height:22px;
	accent-color:#307fe2;
	flex:0 0 auto;
}
a.privacy,
a.privacy:link,
a.privacy:visited,
a.privacy:hover,
a.privacy:active {
	color:#307fe2;
	text-decoration:underline;
}
.form-actions {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:1rem;
	margin:2rem 0 0;
}
.btn {
	font-family:inherit;
	font-size:1.1rem;
	font-weight:700;
	letter-spacing:0.05em;
	min-height:52px;
	padding:0.75rem 2.5rem;
	border:0;
	border-radius:0.4rem;
	background-color:#307fe2;
	color:#fff;
	cursor:pointer;
	transition:background-color 0.2s;
}
.btn:hover {
	background-color:#1c4f9c;
}
.btn.back {
	background-color:#e4eef9;
	color:#1c4f9c;
}
.btn.back:hover {
	background-color:#cfe2f7;
}
.conf-note {
	font-size:0.95rem;
	line-height:1.9;
	margin:0 0 1.5rem;
}
.form-error {
	display:none;
	margin:0 0 1.5rem;
	padding:0.9rem 1rem;
	border:solid 1px #e6a2ae;
	border-radius:0.4rem;
	background-color:#fdeef1;
	color:#a4001c;
	font-size:0.95rem;
	line-height:1.8;
}
.form-error.is-shown {
	display:block;
}
#conf .form-sec>dl>dd {
	padding-top:0.4rem;
	word-break:break-all;
}
#res .res-msg {
	font-size:1.05rem;
	line-height:2;
	text-align:center;
	margin:0;
}
.back-home {
	display:flex;
	justify-content:center;
	margin:2rem 0 0;
}
@media screen and (max-width:768px){
	.page-head { padding:2rem 0.5rem; }
	.page-head>h1 { font-size:1.4rem; }
	.form-sec { padding:1.25rem; border-radius:0.75rem; }
	.form-sec>dl { grid-template-columns:1fr; gap:0.35rem 0; padding:0.9rem 0; }
	.form-sec>dl>dt { padding-top:0; }
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea { max-width:100%; }
	.btn { width:100%; }
}

/* 個人情報モーダル */
button.privacy {
	font-family:inherit;
	font-size:0.95rem;
	color:#307fe2;
	background:none;
	border:0;
	padding:0;
	text-decoration:underline;
	cursor:pointer;
}
.policy-check.is-locked {
	color:#999;
	cursor:default;
}
.policy-hint {
	margin:0;
	font-size:0.85rem;
	line-height:1.7;
	color:#777;
}
.modal {
	position:fixed;
	inset:0;
	z-index:10000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1.5rem 1rem;
}
.modal[hidden] { display:none; }
.modal-overlay {
	position:absolute;
	inset:0;
	background-color:rgba(0,26,58,0.55);
}
.modal-panel {
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:820px;
	max-height:100%;
	background-color:#fff;
	border-radius:1rem;
	overflow:hidden;
	box-shadow:0 16px 40px rgba(0,26,58,0.3);
}
.modal-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	padding:1.1rem 1.5rem;
	background-color:#2d68c4;
	color:#fff;
}
.modal-head>h2 {
	margin:0;
	font-size:1.15rem;
	font-weight:500;
	letter-spacing:0.05em;
}
.modal-close {
	width:40px;
	height:40px;
	flex:0 0 auto;
	border:0;
	border-radius:50%;
	background:none;
	color:#fff;
	font-size:1.5rem;
	line-height:1;
	cursor:pointer;
}
.modal-close:hover { background-color:rgba(255,255,255,0.15); }
.modal-body {
	flex:1 1 auto;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	padding:1.5rem;
	background-color:#f7fbff;
}
.modal-body .policy-lead { margin-bottom:1.75rem; }
.policy-end {
	margin:2rem 0 0;
	text-align:right;
	font-size:0.9rem;
	color:#777;
}
.modal-foot {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	padding:1rem 1.5rem;
	border-top:solid 1px #cfe2f7;
	background-color:#fff;
}
.modal-foot-note {
	margin:0;
	font-size:0.85rem;
	line-height:1.6;
	color:#777;
}
.modal-foot>.btn { flex:0 0 auto; }
.btn:disabled {
	background-color:#cfd8e3;
	color:#fff;
	cursor:default;
}
@media screen and (max-width:768px){
	.modal { padding:0.75rem 0.5rem; }
	.modal-panel { border-radius:0.75rem; }
	.modal-head { padding:0.9rem 1rem; }
	.modal-head>h2 { font-size:1rem; }
	.modal-body { padding:1rem; }
	.modal-foot { flex-direction:column; align-items:stretch; padding:0.9rem 1rem; }
	.modal-foot>.btn { width:100%; }
}

#res .res-msg.is-error {
	color:#a4001c;
	font-size:1rem;
}