/* 先読 フォーム（52-2）。名前はすべて sk-form- で始め、テーマの sk-chrome.css・sk-top.css・sk-search.css の名前と重ねない。
   色は B2.html（sk-chrome.css の --sk-*）に合わせる。置かれる場所の地の色（濃茶・白）によらず読めるよう、明るい面の札にする。
   寸法は rem（サイト全体の決まり。提案書 §2-2）。 */
.sk-form{--skf-ink:#2A1A12;--skf-sub:#6B5546;--skf-line:#D9CDB8;--skf-face:#FBF7EF;--skf-gold:#C9A96A;--skf-err:#A3261B;
	box-sizing:border-box;max-width:52rem;margin:0 auto;padding:2rem 2.25rem;background:var(--skf-face);color:var(--skf-ink);
	border:1px solid var(--skf-line);border-radius:.5rem;font-size:1rem;line-height:1.75;text-align:left}
.sk-form *,.sk-form *::before,.sk-form *::after{box-sizing:border-box}
/* 52-4：記事の下では、テーマの「.company_201 p:first-of-type { text-align:center }」が補足の文に当たる。
   :not(#…) は ID の強さを足して、置かれる場所のテーマの指定より必ず強くするため（その ID の要素は無い） */
.sk-form p:not(#sk-form-none){text-align:left}
.sk-form a{color:#7A5420;text-decoration:underline}
.sk-form-lead{margin:0 0 1.25rem;color:var(--skf-sub)}
.sk-form-alert{margin:0 0 1.5rem;padding:.85rem 1rem;border-left:.25rem solid var(--skf-err);background:#FBEDEA;color:var(--skf-err);font-weight:700}
.sk-form-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem}
.sk-form-tab{flex:1 1 9rem;display:block;padding:.75rem 1rem;border:1px solid var(--skf-line);border-radius:.375rem;background:#fff;
	color:var(--skf-ink)!important;text-align:center;text-decoration:none!important;font-weight:700}
.sk-form-tab:hover{border-color:var(--skf-gold)}
.sk-form-tab.is-current{background:#3A251A;border-color:#3A251A;color:#F3DDAE!important}
.sk-form-tab:focus-visible,.sk-form-btn:focus-visible,.sk-form input:focus-visible,.sk-form textarea:focus-visible{outline:.1875rem solid #B07D2B;outline-offset:.125rem}
.sk-form-row{margin:0 0 1.35rem}
.sk-form-row[hidden]{display:none!important}
.sk-form-label{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;padding:0;font-weight:700;font-size:1rem;color:var(--skf-ink)}
.sk-form-mark{display:inline-block;padding:0 .45rem;border-radius:.25rem;font-size:.75rem;font-weight:700;line-height:1.6;background:#E9E2D6;color:var(--skf-sub)}
.sk-form-mark.is-req{background:#3A251A;color:#F3DDAE}
.sk-form input[type=text],.sk-form input[type=email],.sk-form input[type=tel],.sk-form textarea{
	display:block;width:100%;margin:0;padding:.65rem .8rem;border:1px solid #BFAF95;border-radius:.375rem;background:#fff;color:var(--skf-ink);
	font:inherit;line-height:1.6;box-shadow:none;height:auto}
.sk-form textarea{resize:vertical;min-height:6rem}
.sk-form .has-error input,.sk-form .has-error textarea{border-color:var(--skf-err)}
.sk-form-set{margin:0;padding:0;border:0;min-width:0}
.sk-form-set>.sk-form-label{float:none;width:100%}
.sk-form-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.35rem 1.25rem}
.sk-form-choice{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.2rem 0;font-weight:400;cursor:pointer;color:var(--skf-ink)}
.sk-form-choice input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:.3rem 0 0;accent-color:#3A251A}
.sk-form-consent{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem;border:1px solid var(--skf-line);border-radius:.375rem;background:#fff}
.sk-form-help{margin:.35rem 0 0;font-size:.875rem;color:var(--skf-sub)}
.sk-form-error{margin:.35rem 0 0;font-size:.875rem;font-weight:700;color:var(--skf-err)}
.sk-form-consent .sk-form-error,.sk-form-consent .sk-form-help{flex-basis:100%;margin-top:0}
.sk-form-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.sk-form-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0 0}
.sk-form--confirm .sk-form-actions{flex-direction:row-reverse}
.sk-form-btn{min-width:14rem;padding:.9rem 1.75rem;border:1px solid #3A251A;border-radius:.375rem;font:inherit;font-weight:700;cursor:pointer;line-height:1.4}
.sk-form-btn--primary{background:linear-gradient(100deg,#EED29A 0%,#FFF3D2 45%,#F3DDAE 100%);color:#2A1A12}
.sk-form-btn--primary:hover{filter:brightness(1.04)}
.sk-form-btn--back{background:#fff;color:#3A251A}
.sk-form-btn[disabled]{opacity:.6;cursor:wait}
.sk-form-review{margin:0 0 1.5rem;padding:0;border-top:1px solid var(--skf-line)}
.sk-form-review-row{display:grid;grid-template-columns:14rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--skf-line)}
.sk-form-review dt{margin:0;font-weight:700;color:var(--skf-sub)}
.sk-form-review dd{margin:0;word-break:break-word}
.sk-form-empty{color:#9A8A7A}
.sk-form-ts{display:flex;justify-content:center;margin:1.5rem 0 0}
.sk-form--consult{padding:1.5rem}
@media (max-width:767px){
	.sk-form{padding:1.25rem 1rem;border-radius:.375rem}
	.sk-form-review-row{grid-template-columns:1fr;gap:.2rem}
	.sk-form-btn{min-width:0;width:100%}
	.sk-form-tab{flex-basis:calc(50% - .25rem)}
}