/* お問い合わせ（#197）。WordPress 時代は /contact/ でだけ数百バイトの CSS を出していた。同じくブロックの view.css だけ */
.cc-contact__form label{display:block;font-weight:700;margin-bottom:.3em}
.cc-contact__form select,.cc-contact__form input[type=url],.cc-contact__form input[type=email],.cc-contact__form textarea{width:100%;box-sizing:border-box;padding:.6em .8em;border:1px solid var(--iy-border,#dde4e6);border-radius:var(--iy-r-input,6px);font:inherit;background:var(--iy-surface,#fff);color:inherit}
.cc-contact__req{display:inline-block;margin-left:.5em;padding:0 .5em;border-radius:3px;background:var(--iy-danger,#c1121f);color:var(--iy-on-danger,#fff);font-size:.75em;font-weight:400;vertical-align:middle}
.cc-contact__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cc-contact__submit{padding:.7em 2.4em;border:0;border-radius:999px;background:var(--iy-accent,#137a7f);color:var(--iy-on-accent,#fff);font:inherit;font-weight:700;cursor:pointer}
.cc-contact__submit:hover{background:var(--iy-accent-hover,#0f6569)}
.cc-contact__notice,.cc-contact__error{padding:1em 1.2em;border-radius:var(--iy-r,12px)}
.cc-contact__notice{background:var(--iy-accent-soft,#eff7f7)}
.cc-contact__error{background:#fdecee;color:var(--iy-danger,#c1121f)}