@charset "utf-8";

body{margin:0}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px}

.yr-contact h1,.yr-contact h2,.yr-contact h3,.yr-contact p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px}

.yr-contact-hero__photo{height:100%}

.yr-contact-hero__copy{position:relative;max-width:680px;padding-top:82px;padding-right:4%;padding-bottom:145px;padding-left:9.5%;padding:82px 4% 145px 9.5%}

.yr-contact-hero__mountains{height:112px}

.yr-contact-form{padding-top:58px;padding-right:5%;padding-bottom:96px;padding-left:5%;padding:58px 5% 96px}

.yr-contact-form__inner{max-width:1160px;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;margin:auto}

.yr-contact-form__heading{text-align:center}

.contact-form{margin-top:36px}

.contact-form-container{max-width:none;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px}

.contact-form .formTextArea{min-height:146px}

.yr-address-postal .formInput:first-of-type{max-width:88px}

.yr-address-postal .formInput:last-of-type{max-width:108px}

.formPrivacyArea{padding-top:6px;text-align:center}

.pp-consent{margin-top:15px}

.pp-accordion{max-width:780px;margin-top:16px;margin-right:auto;margin-bottom:0px;margin-left:auto;margin:16px auto 0px;text-align:left}

.pp-toggle{height:1px}

.pp-body .pp-sub{margin-top:11px}

.pp-body .pp-li{padding-left:1em}

.pp-body .pp-date{margin-top:18px;text-align:right}

.contact-form-actions{margin-top:28px;text-align:center}

.formBtn::after{margin-left:14px}

.formError .formErrorArrow{margin-top:-2px;margin-right:0px;margin-bottom:0px;margin-left:13px;margin:-2px 0px 0px 13px}

.contact-form .formError{position:relative;margin-top:7px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:7px 0px 0px}

.pp-consent .formError .formErrorContent::before{height:9px}

.pp-consent .formError{margin-top:7px}

.pp-consent .formError{margin:7px 0 0}

.pp-consent .formError .formErrorContent{max-width:100%;margin:0}

.contact-form .pp-consent .formError .formErrorContent{max-width:100%;margin:0}

*{box-sizing:border-box}

.contact-form .formRow{display:block;margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;margin:0px 0px 20px}

.contact-form .formTd,.contact-form .formBtnTd{width:100%}

.yr-address-fields{display:flex;flex-direction:column}

.yr-address-postal{display:flex}

.yr-contact{font-size:16px}

.yr-contact h1{font-size:40px}

.yr-contact h2{font-size:38px}

.yr-contact h3{font-size:20px}

.yr-contact :is(p,label,.yr-contact-type__legend,.pp-sub,.pp-li){font-size:16px}

.yr-contact :is([class*="note"],[class*="caption"],[class*="eyebrow"],[class*="meta"]){font-size:14px}

.yr-contact :is(button,[class*="btn"],[class*="button"]){font-size:16px}

.yr-contact .yr-contact-hero__copy>p:last-child{font-size:14px}

.contact-form .formError{position:absolute;margin-top:0px;margin-right:0px;margin-bottom:7px;margin-left:0px;margin:0px 0px 7px;opacity:1}

.contact-form .formError .formErrorContent{width:100%;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;padding:6px 10px;border-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:none;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:currentcolor;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-top:0px;border-right:0px;border-bottom:0px;border-left:0px;border-image:none;box-shadow:none;line-height:1.5}

.pp-consent{flex-wrap:wrap}

.pp-consent .formError{order:3;flex-grow:0;flex-shrink:0;flex-basis:100%;flex:0 0 100%;min-width:100%;margin-top:7px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:7px 0px 0px}

.pp-consent .formError .formErrorContent{max-width:420px;width:100%;margin-right:auto;margin-left:auto}

@media (min-width:769px){.yr-contact-hero{min-height:460px}.yr-contact-hero__photo{-webkit-mask-image:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260805164616965603.png);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260805164616965603.png);mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%}.yr-contact-hero__copy{width:42%;padding-top:72px;padding-right:2%;padding-bottom:110px;padding-left:9.5%;padding:72px 2% 110px 9.5%}.yr-contact-hero__curve{display:none}.yr-contact-form{padding-top:40px}}

@media (min-width:1px){.yr-contact .yr-contact-hero__copy>p:last-child{font-size:13px}.yr-contact h1{font-size:34px}.yr-contact h2{font-size:30px}}

.yr-contact,.yr-contact *{box-sizing:border-box}

.yr-contact{--contact-green: #173d2f;--contact-green-2: #285845;--contact-sage: #aebcab;--contact-paper: #fbfaf6;--contact-cream: #f5f1e9;--contact-line: #d9dcd5;color:#343a36;background:var(--contact-paper);font-family:"Noto Sans JP","Yu Gothic",sans-serif}

.yr-contact h1,.yr-contact h2{font-family:"Shippori Mincho","Noto Serif JP",serif;color:var(--contact-green)}

.yr-contact-hero{position:relative;min-height:540px;overflow:hidden;background:var(--contact-paper)}

.yr-contact-hero__photo{inset:0 0 0 42%;width:58%;object-fit:cover}

.yr-contact-hero__copy{z-index:4;width:51%}

.yr-contact-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:52px;font-size:11px;font-weight:700;letter-spacing:.04em}

.yr-contact-breadcrumb a{color:inherit;text-decoration:none}

.yr-contact-hero__en{margin-bottom:9px;color:#829488;font-size:11px;font-weight:700;letter-spacing:.25em}

.yr-contact-hero h1{font-size:clamp(36px,4vw,58px);font-weight:600;letter-spacing:.1em}

.yr-contact-hero__copy>p:last-child{margin-top:38px;font-size:14px;font-weight:600;line-height:2.15;letter-spacing:.04em}

.yr-contact-hero__curve{position:absolute;z-index:3;inset:-12% 48% 12% -5%;background:var(--contact-paper);border-radius:0 45% 48%0}

.yr-contact-hero__mountains{z-index:5;background:rgba(145,163,143,.9);clip-path:polygon(0 58%,4% 46%,9% 62%,14% 51%,20% 70%,26% 59%,33% 35%,39% 64%,46% 48%,53% 73%,61% 43%,68% 60%,75% 49%,82% 69%,90% 52%,95% 63%,100% 54%,100% 100%,0 100%)}

.yr-contact-hero__mountains::after{inset:28px 0 0;background:rgba(198,207,195,.75);clip-path:polygon(0 68%,7% 46%,14% 70%,22% 54%,30% 71%,39% 39%,47% 70%,56% 51%,64% 72%,73% 47%,82% 69%,91% 50%,100% 70%,100% 100%,0 100%);content:""}

.yr-contact-form{background:linear-gradient(180deg,#fbfaf6,#f4f0e8)}

.yr-contact-form__heading>p:first-child{color:#8a9a90;font-size:10px;font-weight:700;letter-spacing:.28em}

.yr-contact-form__heading h2{margin-top:6px;font-size:clamp(27px,3vw,38px);font-weight:600;letter-spacing:.1em}

.yr-contact-form__heading h2::after{display:block;width:38px;height:2px;margin:14px auto 18px;background:var(--contact-green-2)}

.yr-contact-form__heading>p:last-child{font-size:13px}

.yr-contact-form__heading h2::after{content:""}

.yr-contact-form__heading i,.yr-contact i{color:#c95738;font-style:normal}

.contact-form-container{width:100%}

.yr-contact-type{margin:0 0 30px;padding:0 0 24px;border:0;border-bottom:1px solid var(--contact-line)}

.yr-contact-type__legend,.contact-form .labelText01{display:inline-block;margin-bottom:9px;color:#27342e;font-size:13px;font-weight:700}

.contact-form .yr-required{margin-bottom:9px;margin-left:4px;color:#c95738;font-size:13px;font-style:normal;font-weight:700}

.contact-form .yr-required+.formInput,.contact-form .yr-required+.input{display:block}

.yr-contact-type__options{display:flex;flex-wrap:wrap;gap:14px 34px}

.yr-contact-type__option{display:flex;gap:9px}

.yr-contact-type__options label{display:inline-block;margin:0;font-size:13px;font-weight:400;cursor:pointer}

.yr-contact-type__options input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--contact-green-2)}

.yr-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 54px}

.contact-form .formInput{display:block;width:100%;min-height:48px;padding:12px 16px;border:1px solid #d5d9d3;border-radius:3px;background:rgba(255,255,255,.88);color:#27342e;font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}

.contact-form .formInput:focus{border-color:#6f8e7c}

.contact-form .formInput::placeholder{color:#a5aaa6}

.contact-form .formTextArea{resize:vertical}

.formPrivacyArea>p{font-size:12px}

.pp-consent{display:flex;gap:10px}

.pp-consent input{width:21px;height:21px;accent-color:var(--contact-green-2)}

.privacyLabel{font-size:13px;font-weight:700;cursor:pointer}

.pp-toggle{width:1px;opacity:0}

.pp-toggle-label{display:block;padding:12px 42px 12px 16px;border:1px solid var(--contact-line);background:#fff;color:var(--contact-green);font-size:13px;font-weight:700;cursor:pointer;position:relative}

.pp-toggle-label::after{content:"＋";transform:translateY(-50%)}

.pp-toggle:checked+.pp-toggle-label::after{content:"−"}

.pp-body{display:none;max-height:360px;overflow:auto;padding:20px;border:1px solid var(--contact-line);border-top:0;background:#fff;font-size:12px;line-height:1.8}

.pp-toggle:checked~.pp-body{display:block}

.pp-body .pp-h{margin:22px 0 7px;color:var(--contact-green);font-size:14px}

.pp-body .pp-sub{font-weight:700}

.formBtn{width:min(560px,100%);min-height:60px;border:0;border-radius:4px;background:var(--contact-green);color:white;font:inherit;font-size:15px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .2s,transform .2s}

.formBtn::after{content:"→"}

.formBtn:hover{background:#285845;transform:translateY(-1px)}

.formBtn:disabled{opacity:.6;cursor:wait}

.formError{z-index:990}

.formError .formErrorContent{z-index:991;width:170px;padding:8px 10px;border:2px solid #dddddd;border-radius:4px;color:#ffffff;background:#c95738;font-size:12px;box-shadow:0 0 6px rgba(0,0,0,.35)}

.formError .formErrorArrow{z-index:996;width:15px}

.formError .formErrorArrow div{display:block;height:1px;margin:0 auto;border-right:2px solid #dddddd;border-left:2px solid #dddddd;background:#c95738;box-shadow:0 2px 3px rgba(68,68,68,.6);font-size:0;line-height:0}

.formError .formErrorArrow .line10{width:15px;border:0}

.formError .formErrorArrow .line9{width:13px;border:0}

.formError .formErrorArrow .line8{width:11px}

.formError .formErrorArrow .line7{width:9px}

.formError .formErrorArrow .line6{width:7px}

.formError .formErrorArrow .line5{width:5px}

.formError .formErrorArrow .line4{width:3px}

.formError .formErrorArrow .line3{width:1px;border-right:2px solid #dddddd;border-bottom:0;border-left:2px solid #dddddd}

.formError .formErrorArrow .line2,.formError .formErrorArrow .line1{width:0;border:0;background:#dddddd}

@media (min-width:1px){.yr-contact-hero{min-height:600px}.yr-contact-hero__photo{inset:auto 0 0;width:100%;height:58%}.yr-contact-hero__curve{inset:-8% -12% 38% -12%;border-radius:0 0 48% 42%}.yr-contact-hero__copy{width:100%;padding:50px 7% 250px}.yr-contact-breadcrumb{margin-bottom:32px}.yr-contact-hero__copy>p:last-child{margin-top:25px;font-size:13px}.yr-contact-hero__mountains{height:78px}.yr-contact-form{padding:45px 6% 72px}.yr-contact-grid{grid-template-columns:1fr;gap:0}.yr-contact-type__options{display:grid;gap:13px}.yr-contact-form__heading>p:last-child{text-align:left}}

@media (min-width:769px){.yr-contact-hero{min-height:540px}.yr-contact-hero__photo{inset:0 0 0 42%;width:58%;height:100%}.yr-contact-hero__copy{width:51%;max-width:680px;padding:82px 4% 145px 9.5%}.yr-contact-breadcrumb{margin-bottom:52px}.yr-contact-hero__copy>p:last-child{margin-top:38px;font-size:14px}.yr-contact-hero__curve{inset:-12% 48% 12% -5%;display:block;border-radius:0 45% 48%0}.yr-contact-hero__mountains{height:112px}.yr-contact-form{padding:58px 5% 96px}.yr-contact-grid{grid-template-columns:1fr 1fr;gap:0 54px}.yr-contact-type__options{display:flex;gap:14px 34px}.yr-contact-form__heading>p:last-child{text-align:center}.yr-contact .yr-contact-hero__copy>p:last-child{font-size:14px}.yr-contact h1{font-size:40px}.yr-contact h2{font-size:38px}}

.yr-contact-hero__copy>p:last-child{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}

@media (min-width:1px){.yr-contact-hero__copy{padding-right:20px;padding-left:20px}.yr-contact-hero__copy>p:last-child br{display:none}}

.pp-body{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}

.yr-contact p{overflow-wrap:normal;line-break:strict}

.yr-contact .pp-body{overflow-wrap:anywhere}

.yr-contact .pp-body p{overflow-wrap:anywhere}

@media (min-width:1px){.yr-contact-form__heading>p:last-child{letter-spacing:-0.03em}}

.contact-form .formError{display:block;opacity:1}

.contact-form .formError .formErrorContent{position:relative;display:inline-block;width:fit-content;max-width:100%;padding:6px 10px;border:1px solid #c95738;border-radius:4px;color:#fff;background:#c95738;box-shadow:0 2px 5px rgba(73,40,31,.16);line-height:1.5;overflow-wrap:anywhere}

.pp-consent .formError .formErrorContent::before{width:9px;background:#c95738;content:"";transform:rotate(45deg)}

.pp-consent .formError{flex:0 0 100%;min-width:100%}

.yr-contact{font-size:16px}

.contact-form .formError{position:absolute;margin-top:0px;margin-right:0px;margin-bottom:7px;margin-left:0px;margin:0px 0px 7px;opacity:1}

.contact-form .formError .formErrorContent{width:100%;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;padding:6px 10px;border-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:none;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-color:currentcolor;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-top:0px;border-right:0px;border-bottom:0px;border-left:0px;border-image:none;box-shadow:none;line-height:1.5}

.pp-consent{flex-wrap:wrap}

.pp-consent .formError{order:3;flex-grow:0;flex-shrink:0;flex-basis:100%;flex:0 0 100%;min-width:100%;margin-top:7px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:7px 0px 0px}

@media (min-width:769px){.yr-contact-hero{min-height:460px}.yr-contact-hero__photo{-webkit-mask-image:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260805164616965603.png);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260805164616965603.png);mask-position:center;mask-repeat:no-repeat;mask-size:100% 100%}.yr-contact-hero__copy{width:42%;padding-top:72px;padding-right:2%;padding-bottom:110px;padding-left:9.5%;padding:72px 2% 110px 9.5%}.yr-contact-hero__curve{display:none}.yr-contact-form{padding-top:40px}}

@media (min-width:1px){}

.yr-contact{--contact-green: #173d2f;--contact-green-2: #285845;--contact-sage: #aebcab;--contact-paper: #fbfaf6;--contact-cream: #f5f1e9;--contact-line: #d9dcd5;color:#343a36;background:var(--contact-paper);font-family:"Noto Sans JP","Yu Gothic",sans-serif}

.yr-contact-hero__copy>p:last-child{margin-top:38px;font-size:14px;font-weight:600;line-height:2.15;letter-spacing:.04em}

.yr-contact-form__heading h2::after{display:block;width:38px;height:2px;margin:14px auto 18px;background:var(--contact-green-2)}

.yr-contact-form__heading h2::after{content:""}

.pp-consent{display:grid;grid-template-columns:auto minmax(0,auto);gap:0 10px}

.pp-consent>input{grid-column:1;grid-row:1}

.pp-consent>.privacyLabel{grid-column:2;grid-row:1}

.pp-body{display:none;max-height:360px;overflow:auto;padding:20px;border:1px solid var(--contact-line);border-top:0;background:#fff;font-size:12px;line-height:1.8}

@media (min-width:1px){.yr-contact-hero__copy{width:100%;padding:50px 7% 250px}.yr-contact-form__heading>p:last-child{text-align:left}}

@media (min-width:769px){.yr-contact-hero{min-height:540px}.yr-contact-hero__photo{inset:0 0 0 42%;width:58%;height:100%}.yr-contact-hero__copy{width:51%;max-width:680px;padding:82px 4% 145px 9.5%}.yr-contact-hero__curve{inset:-12% 48% 12% -5%;display:block;border-radius:0 45% 48%0}.yr-contact-form{padding:58px 5% 96px}}

.yr-contact-hero__copy>p:last-child{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}

@media (min-width:1px){.yr-contact-hero__copy{padding-right:20px;padding-left:20px}}

.pp-body{text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}

@media (min-width:1px){.yr-contact-form__heading>p:last-child{letter-spacing:-0.03em}}

.contact-form .formError{display:block;opacity:1}

.contact-form .formError .formErrorContent{position:relative;display:inline-block;width:fit-content;max-width:100%;padding:6px 10px;border:1px solid #c95738;border-radius:4px;color:#fff;background:#c95738;box-shadow:0 2px 5px rgba(73,40,31,.16);line-height:1.5;overflow-wrap:anywhere}

.pp-consent .formError{grid-column:1/-1;grid-row:2;min-width:0;width:auto}

.contact-form .pp-consent .formError .formErrorContent{display:block;width:fit-content}