/* 固定ヘッダーを管理バーの下へ移し、本文の固定位置は実寸から測る。 */
body.coletlab-experience :is(button,input,select,textarea){font-family:var(--font-site)}
body.admin-bar .site-header{top:44px}
@media(max-width:782px){body.admin-bar .site-header{top:58px}}
.experience-cf7{max-width:820px;margin:32px auto 0;padding:36px;background:#fff;border-radius:14px;--color-text-primary:#1F2C3A;--color-text-secondary:#52616A;--color-border-subtle:#1F2C3A26;--space-1:6px;--space-4:20px;--space-5:28px;--fs-sm:14px;--fs-base:16px;--lh-relaxed:1.9;--fw-bold:700;--ls-tight:0}
.experience-cf7 .contact-form__field{margin:0 0 28px;padding:0;border:0;min-width:0}
.experience-cf7 .contact-form__label{display:block;margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.7}
/* CF7が挿入する改行・段落余白を除き、全LPの項目名と入力欄の間を10pxに保つ。 */
.experience-cf7 .contact-form__label>br,
.experience-cf7 .contact-form__label+br{display:none}
.experience-cf7 .contact-form__field>p:not(.contact-form__hint),
.experience-cf7 .contact-form__topic-options>p{margin:0}
.experience-cf7 .contact-form__field .wpcf7-form-control-wrap{display:block}
.experience-cf7 .contact-form__required,.experience-cf7 .contact-form__optional{display:inline-block;font-size:12px;margin-left:8px;color:#64717B;font-weight:500}
.experience-cf7 .contact-form__required{color:#BC3F61}
.experience-cf7 .contact-form__input,.experience-cf7 .contact-form__textarea{display:block;width:100%;border:1px solid #B4C4CD;border-radius:5px;padding:14px;font:inherit;font-size:16px;color:#1F2C3A;background:#fff;box-sizing:border-box}
.experience-cf7 .contact-form__textarea{min-height:140px;resize:vertical}
.experience-cf7 select{display:block;width:100%;max-width:100%;min-width:0;min-height:54px;box-sizing:border-box;appearance:none;-webkit-appearance:none;border:1px solid #B4C4CD;border-radius:5px;padding:14px 42px 14px 14px;font:inherit;font-size:16px;line-height:1.5;color:#1F2C3A;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#52616A 50%),linear-gradient(135deg,#52616A 50%,transparent 50%);background-position:calc(100% - 23px) 50%,calc(100% - 17px) 50%;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}
.experience-cf7 select:disabled{background-color:#F4F8FB;color:#64717B;cursor:default}
.experience-cf7 select[aria-invalid=true]{border-color:#BC3F61}
.experience-cf7 .wpcf7-list-item{display:block;margin:0 0 10px}
.experience-cf7 .wpcf7-list-item label{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.8}
.experience-cf7 input[type=radio],.experience-cf7 input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:5px;accent-color:#BC3F61}
.experience-cf7 .contact-form__hint,.experience-cf7 .contact-form__submit-note{font-size:13px;line-height:1.8;margin:10px 0 0;color:#52616A}
.experience-cf7 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border:1px solid #BC3F61;border-radius:999px;color:#fff;background:#BC3F61;font-size:16px;font-weight:700;white-space:normal}
.experience-cf7 .cf7c-back-btn{color:#1F2C3A;background:#fff;border-color:#B4C4CD}
.experience-cf7 .cf7c-summary__value{font-size:16px;line-height:1.8}
.experience-cf7 a{text-decoration:underline;text-underline-offset:4px}
.experience-cf7 :focus-visible{outline:3px solid #DE6484;outline-offset:3px}
@media(max-width:699px){.experience-cf7{padding:25px 20px}.experience-cf7 .cf7c-actions{flex-direction:column}}
/* PCの相談CTAは各LPで共通の寸法。配色・図・本文レイアウトは各ページが管理する。 */
@media(min-width:1024px){
 body.coletlab-experience main[class] :is(a.ax3-button,a.meo-action,a.wm-button,a.cp-button,a.pd-button,a.gg-button,a.in-button,a.tr-button,a.pr-button),
 body.coletlab-experience .experience-cf7 :is(.btn,.cf7c-confirm-btn):not(.cf7c-back-btn){
  min-width:240px;min-height:64px;padding:17px 34px;font-size:18px;line-height:1.6;justify-content:center;box-sizing:border-box;
 }
}
/* スマホの相談導線。本文・ヘッダー・PCの配置には適用しない。 */
.experience-mobile-cta{display:none}
@media(max-width:767px){
 .experience-mobile-cta:not([hidden]){display:block;position:fixed;inset:auto 0 0;z-index:80;padding:8px 20px max(8px,env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid #BC3F6122;box-shadow:0 -5px 20px #1F2C3A08;box-sizing:border-box}
 .experience-mobile-cta__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:13px 16px;box-sizing:border-box;border-radius:999px;background:#BC3F61;color:#fff;font-size:16px;font-weight:700;line-height:1.6;text-align:center;text-decoration:none}
 .experience-mobile-cta__button:hover{background:#A83252;color:#fff}
 .experience-mobile-cta__button:focus-visible{outline:3px solid #1C7083;outline-offset:3px}
 body.has-experience-mobile-cta .back-to-top{bottom:calc(var(--experience-mobile-cta-height,72px) + 12px)}
 body.coletlab-experience:has(.experience-mobile-cta) .ax3-dock{display:none}
}
/* スマホの主要CTAは本文幅を使う。料金などの補助リンクは次の行に置く。 */
@media(max-width:767px){
 body.coletlab-experience main[class] :is(.ax3-actions,.meo-actions,.wm-actions,.cp-actions,.pd-actions,.gg-actions,.in-actions,.tr-actions,.pr-actions){
  max-width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:center;row-gap:16px;
 }
 body.coletlab-experience main[class] :is(a.ax3-button,a.meo-action,a.wm-button,a.cp-button,a.pd-button,a.gg-button,a.in-button,a.tr-button,a.pr-button){
  width:100%;max-width:100%;min-width:0;flex:0 0 100%;min-height:56px;padding:15px 18px;
  font-size:16px;line-height:1.6;white-space:normal;text-align:center;justify-content:center;box-sizing:border-box;
 }
}