/* Contact page: warm yellow canvas and one editable white form panel. */
.ulu-site.ulu-contact-design{background:#f7e7b4}
.ulu-site.ulu-contact-design .ulu-breadcrumb{width:calc(100% - 256px);max-width:1440px;padding:0;margin:36px auto 0}
.ulu-site .ulu-content .ulu-contact-page{padding-bottom:clamp(110px,16vw,300px)}
.ulu-site .ulu-content .ulu-contact-page-heading{width:calc(100% - 256px);max-width:1440px;margin:0 auto;padding:82px 0 88px}
.ulu-site .ulu-content .ulu-contact-page-heading .ulu-label{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 22px}
.ulu-site .ulu-content .ulu-contact-page-heading h1{font-size:clamp(36px,4vw,60px);font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 28px;padding:0}
.ulu-site .ulu-content .ulu-contact-page-lead{font-size:16px;font-weight:600;line-height:1.9;margin:0}
.ulu-site .ulu-content .ulu-contact-paper{width:calc(100% - 192px);max-width:1480px;margin:0 auto;padding:84px clamp(48px,5vw,90px) 100px;background:#fff;border-radius:90px}
.ulu-site .ulu-content .ulu-contact-method-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,36%);align-items:center;gap:40px;padding-bottom:68px;border-bottom:1px solid #d9e1e6;margin:0}
.ulu-site .ulu-content .ulu-contact-method-title{position:relative;padding:0 0 0 48px;font-size:clamp(28px,3.2vw,48px);font-weight:600;line-height:1.6;letter-spacing:0;margin:0 0 28px}
.ulu-site .ulu-content .ulu-contact-method-title::before{content:'';position:absolute;left:8px;top:.6em;width:22px;height:22px;border:6px solid #fbd36a;border-radius:50%;background:#ef9200}
.ulu-site .ulu-content .ulu-contact-method-copy p,.ulu-site .ulu-content .ulu-contact-form-intro{margin:0;padding-left:48px;font-size:16px;font-weight:600;line-height:1.9}
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button{--ulu-button-color:#00c653;width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;font-size:18px;font-weight:400;line-height:1.6;background:var(--ulu-button-color);border-color:var(--ulu-button-color)}
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button:hover,
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button:focus-visible{background:#fff;color:var(--ulu-button-color)!important}
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button:focus-visible{outline:3px solid #155ca3;outline-offset:4px}
/* The second chat option shares LINE's layout, with Chatwork brand colors. */
.ulu-site .ulu-content .ulu-contact-chatwork-row{padding-top:68px}
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button--chatwork{--ulu-button-color:#142231}
.ulu-site .ulu-content .ulu-contact-method-action .ulu-button--chatwork span{color:#ef3340}
.ulu-site .ulu-content .ulu-contact-form-section{padding-top:48px;margin:0}
.ulu-site .ulu-content .ulu-contact-form-wrap{width:100%;max-width:960px;margin:58px auto 0}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement li{display:flex;align-items:flex-start;gap:12px}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement input[type=checkbox]{flex:none;margin:4px 0 0!important}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement .wpforms-field-label-inline{margin:0!important}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement a{text-decoration:underline;text-underline-offset:3px}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement a:hover{color:#144e8b}
.ulu-site .ulu-contact-page .ulu-form .ulu-agreement a:focus-visible{outline:2px solid #155ca3;outline-offset:3px;border-radius:2px}
.ulu-site .ulu-content .ulu-contact-form-wrap .ulu-form-note{font-size:14px;line-height:1.9;margin:26px 0 0}
@media(max-width:1100px){
 .ulu-site.ulu-contact-design .ulu-breadcrumb,.ulu-site .ulu-content .ulu-contact-page-heading{width:calc(100% - 112px)}
 .ulu-site .ulu-content .ulu-contact-paper{width:calc(100% - 80px);padding:60px 44px 74px;border-radius:60px}
 .ulu-site .ulu-content .ulu-contact-method-row{grid-template-columns:minmax(0,1fr) 285px;gap:26px}
 .ulu-site .ulu-content .ulu-contact-method-title{font-size:30px;padding-left:38px}
 .ulu-site .ulu-content .ulu-contact-method-title::before{left:0;width:20px;height:20px;border-width:5px}
 .ulu-site .ulu-content .ulu-contact-method-copy p,.ulu-site .ulu-content .ulu-contact-form-intro{padding-left:38px}
}
@media(max-width:760px){
 .ulu-site.ulu-contact-design .ulu-breadcrumb{width:calc(100% - 48px);margin-top:25px}
 .ulu-site .ulu-content .ulu-contact-page{padding-bottom:90px}
 .ulu-site .ulu-content .ulu-contact-page-heading{width:calc(100% - 48px);padding:48px 0 42px}
 .ulu-site .ulu-content .ulu-contact-page-heading .ulu-label{font-size:14px;margin-bottom:14px}
 .ulu-site .ulu-content .ulu-contact-page-heading h1{font-size:32px;margin-bottom:22px}
 .ulu-site .ulu-content .ulu-contact-page-lead{font-size:16px;font-weight:400;line-height:1.9}
 .ulu-site .ulu-content .ulu-contact-paper{width:calc(100% - 32px);padding:38px 24px 46px;border-radius:34px}
 .ulu-site .ulu-content .ulu-contact-method-row{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:38px}
 .ulu-site .ulu-content .ulu-contact-method-title{font-size:clamp(22px,5.8vw,28px);padding-left:28px;margin-bottom:20px}
 .ulu-site .ulu-content .ulu-contact-method-title::before{width:16px;height:16px;border-width:4px;top:.5em}
 .ulu-site .ulu-content .ulu-contact-method-copy p,.ulu-site .ulu-content .ulu-contact-form-intro{padding-left:0;font-size:16px;font-weight:400}
 .ulu-site .ulu-content .ulu-contact-method-action{width:100%;max-width:340px;justify-self:center}
 .ulu-site .ulu-content .ulu-contact-method-action .ulu-button{min-height:58px;font-size:16px;padding:15px 18px}
 .ulu-site .ulu-content .ulu-contact-chatwork-row{padding-top:38px}
 .ulu-site .ulu-content .ulu-contact-form-section{padding-top:34px}
 .ulu-site .ulu-content .ulu-contact-form-wrap{margin-top:36px}
 .ulu-site .ulu-contact-page .ulu-form input[type=text],.ulu-site .ulu-contact-page .ulu-form input[type=email],.ulu-site .ulu-contact-page .ulu-form textarea{font-size:16px!important;padding:14px 16px!important;min-height:58px}
 .ulu-site .ulu-contact-page .ulu-form .wpforms-form .wpforms-field{margin-bottom:30px}
 .ulu-site .ulu-contact-page .ulu-form .ulu-agreement .wpforms-field-label-inline{font-size:16px!important}
 .ulu-site .ulu-contact-page .ulu-form button[type=submit]{width:100%;min-width:0;min-height:62px!important;padding:18px 12px!important}
}
@media(max-width:350px){
 .ulu-site .ulu-content .ulu-contact-paper{padding-inline:18px}
 .ulu-site .ulu-content .ulu-contact-method-title{font-size:20px;padding-left:25px}
}

/* Receipt page: shares the contact page's canvas and rounded paper. */
.ulu-site .ulu-content .ulu-thanks-page{padding-top:64px;padding-bottom:100px}
.ulu-site .ulu-content .ulu-thanks-paper{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:48px;padding:72px clamp(40px,5vw,90px)}
.ulu-site .ulu-content .ulu-thanks-copy{min-width:0}
.ulu-site .ulu-content .ulu-thanks-copy .ulu-label{font-size:18px;font-weight:600;letter-spacing:.06em;margin:0 0 26px}
.ulu-site .ulu-content .ulu-thanks-status{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0 0 18px}
.ulu-site .ulu-content .ulu-thanks-status span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#3b897e;color:#fff;font-size:16px}
.ulu-site .ulu-content .ulu-thanks-copy h1{font-size:clamp(32px,3.5vw,52px);font-weight:600;line-height:1.55;letter-spacing:0;margin:0 0 26px;padding:0}
.ulu-site .ulu-content .ulu-thanks-message{font-size:16px;line-height:1.95;margin:0}
.ulu-site .ulu-content .ulu-thanks-reply{background:#f7f7f5;border-radius:20px;padding:20px 24px;margin:26px 0 32px}
.ulu-site .ulu-content .ulu-thanks-reply p{font-size:15px;line-height:1.9;margin:0}
.ulu-site .ulu-content .ulu-thanks-actions{margin:0;display:flex}
.ulu-site .ulu-content .ulu-thanks-actions .wp-block-button__link{min-width:280px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:24px}
.ulu-site .ulu-content .ulu-thanks-works{font-size:15px;margin:22px 0 0}
.ulu-site .ulu-content .ulu-thanks-works a{display:inline-flex;align-items:center;gap:20px;color:#387ccc;text-decoration:underline;text-underline-offset:5px}
.ulu-site .ulu-content .ulu-thanks-works a:hover{color:#20558f}
.ulu-site .ulu-content .ulu-thanks-works a:focus-visible{outline:2px solid #387ccc;outline-offset:6px;border-radius:2px}
.ulu-site .ulu-content .ulu-thanks-mascot{width:100%;max-width:220px;justify-self:center;margin:0}
.ulu-site .ulu-content .ulu-thanks-mascot img{width:100%;height:auto;display:block}
@media(max-width:1100px){
 .ulu-site .ulu-content .ulu-thanks-paper{grid-template-columns:minmax(0,1fr) 170px;gap:28px;padding:54px 40px}
 .ulu-site .ulu-content .ulu-thanks-copy h1{font-size:36px}
}
@media(max-width:760px){
 .ulu-site .ulu-content .ulu-thanks-page{padding-top:36px;padding-bottom:70px}
 .ulu-site .ulu-content .ulu-thanks-paper{grid-template-columns:minmax(0,1fr);gap:28px;padding:38px 24px}
 .ulu-site .ulu-content .ulu-thanks-copy .ulu-label{font-size:14px;margin-bottom:22px}
 .ulu-site .ulu-content .ulu-thanks-status{font-size:14px;gap:8px;margin-bottom:18px}
 .ulu-site .ulu-content .ulu-thanks-copy h1{font-size:clamp(25px,6.7vw,34px);line-height:1.65;margin-bottom:22px}
 .ulu-site .ulu-content .ulu-thanks-reply{padding:18px;margin:24px 0 28px;border-radius:16px}
 .ulu-site .ulu-content .ulu-thanks-actions .wp-block-button{width:100%}
 .ulu-site .ulu-content .ulu-thanks-actions .wp-block-button__link{width:100%;min-width:0;min-height:60px;font-size:15px;gap:16px;padding:18px 16px}
 .ulu-site .ulu-content .ulu-thanks-works{text-align:center;margin-top:20px}
 .ulu-site .ulu-content .ulu-thanks-mascot{max-width:110px}
}

/* Keep the receipt and its navigation unobstructed. */
.ulu-site:has(.ulu-thanks-page) .ulu-voice-banner{display:none}