/* ISLAND HERB 業務向け：LP（legacy/）に足すスタイル。主にフォームページ用 */

/* フォームページのヘッダー（緑の帯・ロゴ・導線） */
.ihb-head{background:#1f4d3f;color:#fff;position:relative;z-index:5}
.ihb-head__in{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ihb-head__logo{display:flex;flex-direction:column;gap:6px;color:#fff;text-decoration:none}
.ihb-head__logo img{display:block;height:16px;width:auto}
.ihb-head__sub{font-size:11px;letter-spacing:.12em;opacity:.85}
.ihb-head__nav{display:flex;align-items:center;gap:10px}
.ihb-head__link{color:#fff;font-size:13px;letter-spacing:.08em;text-decoration:none;margin-right:8px}
.ihb-head__link:hover{text-decoration:underline}
.ihb-head__btn{display:inline-block;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:600;letter-spacing:.08em;color:#fff;text-decoration:none;white-space:nowrap}
.ihb-head__btn--contact{background:#19b5b9}
.ihb-head__btn--sample{background:#f08a3c}
.ihb-head__btn:hover{opacity:.85}

/* フォームページ本文 */
.ihb-sub #contents{padding:24px 20px 80px}
.ihb-page{max-width:820px;margin:0 auto}
.ihb-page__en{text-align:center;letter-spacing:.2em;font-size:12px;color:#4f7f6a;margin:24px 0 6px}
.ihb-page__title{text-align:center;font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:.08em;margin:0 0 32px}
.ihb-page__body{line-height:1.9;font-size:15px}
.ihb-page__lead{margin:0 0 20px}
.ihb-page__note{border:1px solid #9bbcad;padding:12px 16px;margin:0 0 16px;font-size:13px;line-height:1.7;color:#335c4b}
.ihb-page__back{text-align:center;margin-top:48px;font-size:14px}
.ihb-page__back a{text-decoration:underline}

/* フォーム（Contact Form 7） */
.ihb-form .req{color:#c0392b;margin-left:2px}
.ihb-form dl{display:grid;grid-template-columns:220px 1fr;gap:18px 24px;margin:32px 0;align-items:start}
.ihb-form dt{font-weight:600;padding-top:10px;font-size:14px}
.ihb-form dd{margin:0}
.ihb-form input[type=text],.ihb-form input[type=email],.ihb-form input[type=tel],.ihb-form input[type=url],.ihb-form input[type=date],.ihb-form select,.ihb-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #c8d3cc;border-radius:4px;background:#fff;font-size:16px;font-family:inherit}
.ihb-form textarea{min-height:140px}
.ihb-form .w-s{max-width:220px}
.ihb-form .w-m{max-width:360px}
.ihb-form .inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ihb-form .inline > .wpcf7-form-control-wrap{flex:1 1 180px}
.ihb-form .wpcf7-list-item{margin:0 18px 0 0;display:inline-block}
.ihb-form .help{display:block;font-size:12px;color:#666;margin-top:6px;line-height:1.6}
.ihb-form .agree{text-align:center;margin:28px 0 8px}
.ihb-form .submit{text-align:center;margin-top:16px}
.ihb-form > input[type=submit],.ihb-form .submit input[type=submit]{display:block;margin:20px auto 0}
.ihb-form input[type=submit]{appearance:none;border:0;border-radius:999px;background:#2f6b55;color:#fff;font-size:16px;letter-spacing:.1em;padding:16px 64px;cursor:pointer}
.ihb-form input[type=submit]:hover{opacity:.85}
.ihb-form .wpcf7-spinner{display:block;margin:10px auto 0}
.ihb-form .cf-turnstile,.ihb-form .wpcf7-turnstile{display:flex;justify-content:center;margin-top:16px}
.wpcf7 form .wpcf7-response-output{margin:24px 0 0;padding:12px 16px;text-align:center}
/* 送信完了ページ */
.ihb-thanks{text-align:center;padding:16px 0 8px}
.ihb-thanks__msg{font-size:16px;line-height:2;margin:0 0 24px}
.ihb-thanks__note{display:inline-block;text-align:left;font-size:13px;line-height:1.8;color:#555;border:1px solid #c8d3cc;padding:14px 18px;margin:0 0 32px}
.ihb-thanks__btn{display:inline-block;border-radius:999px;background:#2f6b55;color:#fff;padding:14px 48px;text-decoration:none;letter-spacing:.1em}
.ihb-thanks__btn:hover{opacity:.85}
@media (max-width:760px){
  .ihb-head__in{flex-direction:column;align-items:flex-start;padding:14px 16px}
  .ihb-head__link{display:none}
  .ihb-head__nav{width:100%}
  .ihb-head__btn{flex:1;text-align:center;padding:9px 10px}
  .ihb-form dl{grid-template-columns:1fr;gap:6px}
  .ihb-form dt{padding-top:14px}
}

/* 旧LPのCSS（header の高さ・リンク色）を打ち消す */
.ihb-sub .ihb-head{height:auto;min-height:0}
.ihb-sub .ihb-head a,.ihb-sub .ihb-head a:visited{color:#fff}
.ihb-thanks .ihb-thanks__btn,.ihb-thanks .ihb-thanks__btn:visited{color:#fff}
.ihb-thanks + .ihb-page__back,.ihb-page__body:has(.ihb-thanks) + .ihb-page__back{display:none}