@charset "utf-8";

*{box-sizing:border-box}

@media (min-width:1px){.source-cta .panel{min-height:auto}.source-cta .panel--left .content,.source-cta .panel--right .content{padding-top:44px;padding-right:28px;padding-bottom:44px;padding-left:28px;padding:44px 28px;max-width:none}.source-cta .panel--left .photo,.source-cta .panel--left .overlay{height:100%;top:0px}.source-cta .panel--right .photo{height:100%;top:0px}.source-footer .bar{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;padding:24px}}

.source-cta .btn--ghost{border:1px solid rgba(255,255,255,0.7);border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.7);border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,0.7);border-right:1px solid rgba(255,255,255,0.7);border-right-width:1px;border-right-style:solid;border-right-color:rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(255,255,255,0.7);border-left:1px solid rgba(255,255,255,0.7);border-left-width:1px;border-left-style:solid;border-left-color:rgba(255,255,255,0.7);border-image:none}

.source-cta{--green-dark: #2c4a34;--green-deep: #1f3826;--cream: var(--yr-cream);--orange: #c85a26;--orange-hover: #b34e1f;--text-dark: #2b2b28}

.source-cta,.source-cta *{box-sizing:border-box}

.source-cta{width:100%;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:var(--text-dark)}

.source-cta .hero{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;min-height:340px;margin-left:0;margin-right:0}

.source-cta .panel{overflow:hidden;display:flex}

.source-cta .panel--left{background:var(--green-deep)}

.source-cta .panel--left .photo{width:52%;background:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260725113815808113.jpg)center 15%/cover no-repeat}

.source-cta .panel--left .overlay{position:absolute;top:0px;right:0px;bottom:0px;width:52%;background:linear-gradient(90deg,var(--green-deep) 0%,rgba(31,56,38,0) 22%)}

.source-cta .panel--left .content{z-index:2;color:rgb(255,255,255)}

.source-cta .panel--right{background:var(--cream)}

.source-cta .panel--right .photo{width:52%;background:url(https://yoshiokaringyo.co.jp/system_panel/uploads/images/20260725113815563193.jpg)0% 0%/cover no-repeat}

.source-cta .panel--right .photo::before{content:"";position:absolute;inset:0px;background:linear-gradient(90deg,var(--cream) 0%,rgba(243,239,231,0) 22%)}

.source-cta .panel--right .content{z-index:2}

.source-cta h2{font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:600;font-size:34px;line-height:1.5;letter-spacing:0.01em;margin-bottom:22px}

.source-cta .panel--left h2{color:rgb(255,255,255)}

.source-cta .panel--right h2{color:var(--green-dark)}

.source-cta p.lead{font-size:14.5px;line-height:2;margin-bottom:30px;font-weight:400}

.source-cta .panel--left p.lead{color:rgba(255,255,255,0.9)}

.source-cta .panel--right p.lead{color:rgb(74,74,69)}

.source-cta .panel--right h2,.source-cta .panel--right p.lead{background:transparent;border:0;padding:0;text-shadow:0 0 2px var(--cream),0 0 6px var(--cream)}

.source-cta .btns{display:flex;flex-wrap:nowrap;gap:14px}

.source-cta .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 20px;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;border-radius:2px;transition:background .2s,color .2s,border-color .2s}

.source-cta .btn--green{min-width:230px}

.source-cta .btn::after,.source-footer .btn::after{content:"→";font-size:15px}

.source-cta .btn--orange{background:var(--orange);color:rgb(255,255,255)}

.source-cta .btn--orange:hover{background:var(--orange-hover)}

.source-cta .btn--ghost{background:transparent;color:rgb(255,255,255)}

.source-cta .btn--ghost:hover{background:rgba(255,255,255,0.12)}

.source-cta .btn--green{background:var(--green-dark);color:rgb(255,255,255)}

.source-cta .btn--green:hover{background:var(--green-deep)}

.source-footer{--bg: #173327;--line: rgba(255,255,255,0.28);--text: #f4f5f2;--muted: #e7ebe6;--cta: #c4511a;--cta-hover: #a8420f}

.source-footer,.source-footer *{box-sizing:border-box}

.source-footer,.source-footer{background:var(--bg);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--text)}

.source-footer .bar{display:flex;gap:44px}

.source-footer .brand{flex:0 0 auto}

.source-footer .brand .company-name{font-size:26px;font-weight:700;letter-spacing:0.04em;line-height:1.2;margin-bottom:14px}

.source-footer .brand .address{font-style:normal;font-size:11px;font-weight:400;line-height:1.9;color:var(--muted);letter-spacing:0.02em}

.source-footer .divider{flex:0 0 auto;align-self:stretch;width:1px;background:var(--line);margin:4px 0px}

.source-footer .nav{flex:1 1 auto;display:flex;gap:36px}

.source-footer .nav-col{display:flex;flex-direction:column;gap:16px}

.source-footer .nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:0.04em;transition:opacity 0.2s ease}

.source-footer .nav a:hover{opacity:0.65}

.source-footer .actions{flex:0 0 auto;display:flex;flex-direction:column;gap:14px}

.source-footer .btn{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:44px;padding:10px 26px;border:none;background:var(--cta);color:rgb(255,255,255);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:0.06em;transition:background 0.2s ease}

.source-footer .btn:hover{background:var(--cta-hover)}

@media (min-width:1px){.source-cta .hero{grid-template-columns:1fr}.source-cta .panel--left .photo,.source-cta .panel--left .overlay{width:100%}.source-cta .panel--left .photo{background-position:center 25%}.source-cta .panel--left .overlay{background:var(--green-deep);opacity:.82}.source-cta .panel--right .photo{width:100%;background-position:center 20%}.source-cta .panel--right .photo::before{background:var(--cream);opacity:.85}.source-cta h2{font-size:27px}.source-cta .btns{flex-wrap:wrap}.source-cta .btn{flex:1 1 auto}.source-footer .bar{flex-wrap:wrap;gap:28px}.source-footer .divider{display:none}.source-footer .nav{flex:1 1 100%;gap:28px}.source-footer .actions{flex:1 1 100%;flex-direction:row}.source-footer .btn{width:100%}}

@media (min-width:861px){.source-cta .panel--left .content,.source-cta .panel--right .content{width:100%;max-width:none;padding:44px 40px}.source-cta .panel--left .btns{flex-direction:column;align-items:flex-start}.source-cta .panel--left .btn{width:min(100%,280px)}.source-cta .panel--right .photo::before{background:linear-gradient(90deg,var(--cream) 0%,rgba(243,239,231,.95) 45%,rgba(243,239,231,.2) 100%)}}

@media (min-width:901px){.source-footer .bar{flex-wrap:nowrap;gap:44px;padding:26px 40px}.source-footer .divider{display:block}.source-footer .nav{flex:1 1 auto;gap:36px}.source-footer .actions{flex:0 0 auto;flex-direction:column}.source-footer .btn{width:auto}}

@media (min-width:1024px){.source-cta .hero{grid-template-columns:1fr 1fr}.source-cta .panel--left .photo,.source-cta .panel--left .overlay,.source-cta .panel--right .photo{width:52%}.source-cta .panel--left .photo{background-position:center 15%}.source-cta .panel--left .overlay{background:linear-gradient(90deg,var(--green-deep) 0%,rgba(31,56,38,0) 22%);opacity:1}.source-cta .panel--right .photo{background-position:0% 0%}.source-cta .panel--right .photo::before{background:linear-gradient(90deg,var(--cream) 0%,rgba(243,239,231,0) 22%);opacity:1}.source-cta h2{font-size:34px}.source-cta .btns{flex-wrap:nowrap}.source-cta .btn{flex:initial}}

.source-cta p.lead{text-wrap:pretty;word-break:normal;overflow-wrap:normal;line-break:strict}

@media (min-width:1px){.source-cta .panel--right .content{padding-left:20px;padding-right:20px}.source-cta .panel--right p.lead{letter-spacing:-0.02em}}

@media (min-width:861px){.source-cta .panel--left .content,.source-cta .panel--right .content{padding-left:40px;padding-right:40px}}

@media (min-width:1px){.source-cta .panel--left .photo,.source-cta .panel--left .overlay{height:100%;top:0px}.source-cta .panel--right .photo{height:100%;top:0px}.source-footer .bar{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;padding:24px}}

.source-cta .btn--ghost{border:1px solid rgba(255,255,255,0.7);border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.7);border-top-width:1px;border-top-style:solid;border-top-color:rgba(255,255,255,0.7);border-right:1px solid rgba(255,255,255,0.7);border-right-width:1px;border-right-style:solid;border-right-color:rgba(255,255,255,0.7);border-bottom:1px solid rgba(255,255,255,0.7);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(255,255,255,0.7);border-left:1px solid rgba(255,255,255,0.7);border-left-width:1px;border-left-style:solid;border-left-color:rgba(255,255,255,0.7);border-image:none}

.source-cta{--green-dark: #2c4a34;--green-deep: #1f3826;--cream: var(--yr-cream);--orange: #c85a26;--orange-hover: #b34e1f;--text-dark: #2b2b28}

.source-cta{width:100%;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:var(--text-dark)}

.source-cta p.lead{font-size:14.5px;line-height:2;margin-bottom:30px;font-weight:400}

.source-cta .btn--green{min-width:230px}

.source-cta .btn--ghost{background:transparent;color:rgb(255,255,255)}

.source-cta .btn--green{background:var(--green-dark);color:rgb(255,255,255)}

@media (min-width:1px){.source-cta .panel--left .photo,.source-cta .panel--left .overlay{width:100%}.source-cta .panel--right .photo{width:100%;background-position:center 20%}.source-footer .bar{flex-wrap:wrap;gap:28px}}

@media (min-width:861px){.source-cta .panel--left .content,.source-cta .panel--right .content{width:100%;max-width:none;padding:44px 40px}}

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

.source-cta p.lead{text-wrap:pretty;word-break:normal;overflow-wrap:normal;line-break:strict}

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

@media (min-width:861px){.source-cta .panel--left .content,.source-cta .panel--right .content{padding-left:40px;padding-right:40px}}