/* YADOKARI brand layer. */
:root{--brand:#C63D32;--bright:#E65445;--ink:#302A26;--soft:#FFF3F1;--line:#EFCBC7}
html{background:#F7F4F1}html *{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body{color:var(--ink)}
header .header-title h1{width:min(100%,750px);margin:0 auto;padding:8px 18px;box-sizing:border-box;text-align:center}
.brand{display:block;position:relative;width:261px;height:48px;max-width:100%;margin:0 auto;overflow:hidden;color:#222}
.brand-crop{position:absolute;inset:0;display:block;overflow:hidden}
.brand-crop #header-img{position:absolute;left:-68.3px;top:-42.9px;width:734.2px;height:auto;max-width:none;margin:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
header .topText{background:var(--soft);padding:7px 4px;border-block:1px solid var(--line)}
header .topTextBox h2{color:var(--ink);font-size:15px}header .topTextBox h2 .yellowText{color:#A8322B}
#sec1>.pop{background:rgba(255,247,240,.18);min-height:100dvh;pointer-events:none}
#sec1>.pop>div.wrapper{pointer-events:auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 38px rgba(91,53,27,.08);gap:10px;padding:20px 21px;top:128px;transform:translateX(-50%);max-height:calc(100dvh - 140px);overflow-y:auto}
#sec1>.pop>div.wrapper>p.subText{color:#7F2723;font-size:13px;padding-inline:0}
#sec1>.pop>div.wrapper>p.subText span.bg{background:var(--brand)}
#sec1>.pop>div.wrapper>p.subText .slash-mark{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700;letter-spacing:0}
#sec1>.pop>div.wrapper>ul.formList.grid{gap:10px}
#sec1>.pop>div.wrapper>ul.formList>li.item{border-radius:10px}
#sec1>.pop>div.wrapper>ul.formList>li.item>label.inputRadio{background:#FFF;box-shadow:0 2px 0 #E9D2CF;border:1.5px solid #DEA9A4;padding:0 18%;justify-content:center;gap:18px;position:relative;transition:background-color .18s ease,border-color .18s ease,transform .12s ease}
#sec1>.pop>div.wrapper>ul.formList>li.item>label.inputRadio>p{color:var(--ink)}
#sec1>.pop>div.wrapper>ul.formList>li.item>label.inputRadio:hover{background:var(--soft);border-color:var(--brand)}
.inputRadio:after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:26px;font-weight:500;color:#B85A52;line-height:1}
.inputRadio:active{transform:scale(.985)}
.hands{display:none!important}
.formHead:before{color:var(--bright)}
.stepProgress{color:#7F2723}.stepProgress span{text-align:center;font-size:13px;letter-spacing:.06em}.stepProgress i{background:linear-gradient(to right,var(--bright) 0 calc(var(--step)/8*100%),#F5DEDB calc(var(--step)/8*100%) 100%)}
.questionHint{max-width:520px;margin:-2px auto 12px;color:#75665D;font-size:12px;line-height:1.6;text-align:center;padding:0 12px}
.checkbox{border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 0 #EADFD6;min-height:58px;position:relative;padding-right:48px!important;transition:background-color .18s ease,border-color .18s ease,transform .12s ease}
.lightpink{background:var(--brand);border-color:var(--brand);color:#FFF}
.lightpink:after{color:#FFF}.lightpink p{color:#FFF!important}
.privacyCopy{color:#6E5E54}.privacyCopy i{color:var(--brand)}
.item2.optional{background:#8B817A!important;color:#FFF!important}
.textBtnArea.backOnly{display:flex;justify-content:flex-start;padding:0 20px}.textBtnArea.backOnly .btnBack{font-size:12px;color:#85776E;text-decoration:underline;text-underline-offset:3px;background:none;border:0;box-shadow:none}
.inputText input:focus,.select select:focus{outline:2px solid var(--brand);outline-offset:2px}
.inputText input,.inputText2 input,.select select{border-color:var(--brand)}
.inputText.active input,.inputText2.active input,.select.active select{box-shadow:0 0 0 1px var(--brand)}
input,select{font-size:16px!important}
.btnFloat,#btnForm,#btnForm.active{background:var(--brand);border-color:#992E29;border-radius:10px;min-width:0;max-width:100%;font-size:14px;letter-spacing:0;padding:12px 22px}
.font-large,#btnForm.active>.font-large{font-size:18px;text-shadow:none;line-height:1.6}
.btnArea{grid-template-columns:66px minmax(0,1fr);padding:0 16px;gap:8px}.btnFloat{width:100%}
.btnBack,.textBtnArea .btnNext{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
#btnForm .arrow{animation:none!important}
.address-next.is-ready{background:var(--brand)}
.address-actions p{color:#6E5E54}.address-actions p i{color:var(--brand)}
.addTxt strong{color:#7F2723;font-size:15px}
footer{background:#FFF;color:#77685E;border-top:1px solid #F1E7DF}footer .wrapper{border:0;font-size:11px;line-height:1.6;padding:12px 0}.flist a{display:inline-flex;min-height:32px;align-items:center}
.followup-note{background:var(--soft);color:#7F2723}
body .cover{background:rgba(64,40,24,.2)}
@media(max-height:650px){#sec1>.pop>div.wrapper{top:110px;transform:translateX(-50%);max-height:calc(100dvh - 120px)}header .header-title h1{padding-block:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#sec1>.pop>div.wrapper>ul.formList>li.item:nth-child(n)>label.inputRadio{background:#FFF;box-shadow:0 2px 0 #E9D2CF} #sec1>.pop>div.wrapper>ul.formList>li.item:nth-child(n)>label.inputRadio:hover{background:#FFE8E5;border-color:var(--brand)}#sec1>.pop>div.wrapper>ul.formList>li.item:nth-child(n)>label.inputRadio.lightpink{background:var(--brand);border-color:var(--brand)}
#sec1>.pop>div.wrapper>ul.formList>li.item:nth-child(n)>label.inputRadio{border:1.5px solid #DEA9A4} .checkbox.lightpink{background:var(--brand);color:#fff;border-color:var(--brand)}
