@charset "utf-8";
.okarea{--c:#0097af;--deep:#12303a;--pale:#eef9fb;--line:#cce8ed;max-width:1100px;margin:0 auto;padding:40px 20px 72px;color:var(--deep);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;box-sizing:border-box}.okarea *{box-sizing:border-box}.okarea__hero{padding:64px 28px;border-radius:18px;background:linear-gradient(135deg,rgba(0,151,175,.94),rgba(18,48,58,.94)),url('/common/upload/files/top/image3.jpg?filetime=1778281612') center/cover;color:#fff;text-align:center}.okarea__tag{font-weight:800;letter-spacing:.1em}.okarea__hero-title{margin:12px 0 18px!important;font-size:clamp(32px,5vw,54px)!important;font-weight:800;line-height:1.3!important}.okarea__hero>p:not(.okarea__hero-title){max-width:760px;margin:0 auto;line-height:1.9}.okarea__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.okarea__cta a{display:inline-block;min-width:220px;padding:14px 22px;border-radius:999px;background:#fff;color:var(--c)!important;text-decoration:none;font-weight:800}.okarea section{padding:58px 0;border-bottom:1px solid var(--line)}.okarea h2{margin:0 0 22px;font-size:clamp(26px,4vw,38px);line-height:1.4;text-align:center}.okarea h3{margin:0 0 10px;font-size:21px}.okarea p,.okarea li{line-height:1.9}.okarea__lead{max-width:820px;margin:0 auto;text-align:center}.okarea__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}.okarea__card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.okarea__card strong{color:var(--c)}.okarea__price{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}.okarea__price div{padding:20px;background:var(--pale);border-radius:10px}.okarea__price strong{display:block;color:var(--c);font-size:22px}.okarea__cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px}.okarea__case{padding:20px;border:1px solid var(--line);border-radius:12px}.okarea__case a{color:var(--c)!important;font-weight:800}.okarea__flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;list-style:none;padding:0;counter-reset:step}.okarea__flow li{position:relative;padding:46px 14px 18px;background:var(--pale);border-radius:10px;text-align:center}.okarea__flow li:before{counter-increment:step;content:counter(step);position:absolute;top:12px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--c);color:#fff;line-height:26px;font-weight:800}.okarea__permit{padding:28px;background:var(--deep);border-radius:14px;color:#fff}.okarea__faq details{margin:10px 0;padding:18px;border:1px solid var(--line);border-radius:10px}.okarea__faq summary{cursor:pointer;font-weight:800}.okarea__bottom{text-align:center;border-bottom:0!important}@media(max-width:820px){.okarea__grid,.okarea__cases{grid-template-columns:1fr}.okarea__price{grid-template-columns:1fr}.okarea__flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.okarea{padding:20px 15px 50px}.okarea__hero{padding:45px 18px}.okarea section{padding:42px 0}.okarea__cta a{width:100%}.okarea__flow{grid-template-columns:1fr}}
.okarea__hero{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:72px max(28px,calc((100vw - 1040px)/2));border-radius:0;background:linear-gradient(135deg,rgba(0,151,175,.68),rgba(18,48,58,.78)),url('/common/upload/files/top/image3.jpg?filetime=1778281612') center/cover}.okarea__cases{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.okarea__case{padding:0;overflow:hidden;background:#fff}.okarea__case>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.okarea__case>div{padding:20px}.okarea__more{text-align:center;margin-top:26px}.okarea__more a{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--c);color:#fff!important;font-weight:800;text-decoration:none}.okarea__flow{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.okarea__flow li{padding:0 0 18px;overflow:hidden;text-align:left}.okarea__flow li:before{top:12px;left:12px;margin-left:0;z-index:1}.okarea__flow img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.okarea__flow strong{display:block;padding:16px 16px 0;font-size:18px}.okarea__flow span{display:block;padding:6px 16px 0;line-height:1.7}.okarea__permit-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;margin-bottom:18px}.okarea__permit-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.okarea__permit-gallery img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover}.okarea__permit-gallery figcaption{padding:12px 14px;font-weight:800;text-align:center}
.okarea .okarea__flow>li::before{content:counter(step)!important;top:12px!important;left:50%!important;margin:0!important;transform:translateX(-50%);display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;line-height:1!important}
.okarea .okarea__flow{counter-reset:step!important}.okarea .okarea__flow>li::before{counter-increment:step!important}
.okarea .okarea__flow>li::before{left:12px!important;transform:none!important}
body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__hero{width:calc(100% + 40px);max-width:none;margin-left:-20px;padding:45px 18px}
.okarea__hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:34px;align-items:center}.okarea__hero-main{text-align:center}.okarea__hero-main>p:not(.okarea__hero-title){max-width:760px;margin:0 auto;line-height:1.9}.okarea__hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:28px}.okarea__hero-buttons a{min-width:190px;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:16px 30px!important;border-radius:50px!important;font-weight:800!important;text-decoration:none!important;font-size:18px!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.3)!important}.okarea__btn-blue{background:#00a0ea!important}.okarea__btn-red{background:#e60000!important}.okarea__btn-green{background:#06c755!important}.okarea__hero-badges{display:flex;flex-direction:column;gap:16px;align-items:center}.okarea__circle-badge{width:110px;height:110px;background:#0f172a;border:3px solid #0e96b1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.4)}.okarea__circle-badge span{font-size:11px;color:#fff;margin-bottom:2px;text-align:center}.okarea__circle-badge strong{font-size:30px;color:#fff;line-height:1}.okarea__circle-badge small{font-size:12px;margin-left:2px;color:#fff}.okarea__circle-badge .okarea__badge-text{font-size:20px}@media(max-width:992px){.okarea__hero-inner{grid-template-columns:1fr}.okarea__hero-badges{flex-direction:row;justify-content:center}.okarea__circle-badge{width:90px;height:90px}.okarea__circle-badge strong{font-size:22px}}@media(max-width:600px){.okarea__hero-buttons{flex-direction:column;align-items:center}.okarea__hero-buttons a{width:100%;max-width:300px}.okarea__hero-badges{gap:8px}.okarea__circle-badge{width:86px;height:86px}}
body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__hero-inner{grid-template-columns:1fr}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__hero-buttons{flex-direction:column;align-items:center}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__hero-buttons a{width:100%;max-width:300px}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__hero-badges{flex-direction:row;justify-content:center;gap:8px}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__circle-badge{width:86px;height:86px}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea__circle-badge strong{font-size:22px}
.okarea__hero+section{display:block!important;padding-top:72px!important}
.okarea__case-group-title{margin:34px 0 16px!important;padding-left:12px;border-left:5px solid var(--c);font-size:24px!important;line-height:1.4}
.okarea .okarea__flow>li{padding:0 0 18px!important}
.okarea>section{display:block!important;margin:0!important;padding:72px 0!important}.okarea>section>h2{margin:0 0 30px!important}@media(max-width:600px){.okarea>section{padding:54px 0!important}.okarea>section>h2{margin-bottom:24px!important}}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea>section{padding:54px 0!important}body.admin_edit:has(input[name="__preview_mode"][value="sp"]:checked) .okarea>section>h2{margin-bottom:24px!important}
.okarea__bottom .okarea__cta a{background:var(--c)!important;color:#fff!important;border:2px solid var(--c)!important;box-shadow:0 4px 10px rgba(0,0,0,.18)!important}
.okarea__cases{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:820px){.okarea__cases{grid-template-columns:1fr!important}}
.okarea__bottom-actions{max-width:800px;margin:32px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.okarea__bottom-btn{min-height:116px;padding:16px 20px;display:flex!important;align-items:center;justify-content:center;gap:18px;border-radius:10px;color:#fff!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(0,0,0,.2)}.okarea__bottom-phone{background:#08a6df!important}.okarea__bottom-mail{background:#ed0017!important}.okarea__bottom-icon{width:72px;height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff}.okarea__bottom-icon svg{width:37px;height:37px;fill:currentColor}.okarea__bottom-phone .okarea__bottom-icon{color:#08a6df}.okarea__bottom-mail .okarea__bottom-icon{color:#ed0017}.okarea__bottom-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.05}.okarea__bottom-copy small{font-size:17px;font-weight:800}.okarea__bottom-copy strong{margin:3px 0;font-size:29px;white-space:nowrap;color:#fff!important;line-height:1.1}.okarea__bottom-copy b{font-size:17px;white-space:nowrap}@media(max-width:760px){.okarea__bottom-actions{grid-template-columns:1fr}.okarea__bottom-btn{min-height:104px}.okarea__bottom-copy strong{font-size:26px}}@media(max-width:400px){.okarea__bottom-btn{padding:14px 12px;gap:12px}.okarea__bottom-icon{width:60px;height:60px;flex-basis:60px}.okarea__bottom-icon svg{width:32px;height:32px}.okarea__bottom-copy small,.okarea__bottom-copy b{font-size:14px}.okarea__bottom-copy strong{font-size:23px}}