:root{--green:#145d44;--ink:#273a2d;--muted:#778273;--line:#dce4d7;--mint:#edf3e7;--yellow:#f6d764;--paper:#f7f8f3}*{box-sizing:border-box} .hybrid-list{margin:0;background:var(--paper);color:var(--ink);font:14px/1.9 'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9c792a;outline-offset:4px}em{font-style:normal;color:var(--green)}.site-header{height:94px;background:#fff;border-bottom:1px solid var(--line);padding:14px max(4%,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.05em;color:var(--muted)}.brand b{display:block;color:var(--green);font-size:27px;line-height:1.5;letter-spacing:.07em}.logo{width:55px;height:55px;position:relative;overflow:hidden;border-radius:50%;display:block}.logo img{position:absolute;max-width:none;width:90px;left:50%;top:50%;transform:translate(-58%,-54%)}.site-header nav{margin-left:auto;display:flex;gap:26px;align-items:center;color:var(--green);font-size:12px;font-weight:700}.saved-nav{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--green);padding:10px 15px;font-size:12px}.saved-nav span{background:var(--mint);border-radius:50%;display:inline-grid;place-items:center;height:21px;width:21px;margin-left:8px;font-size:10px}.demo-badge{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 7px}.page{max-width:1240px;margin:auto;padding-bottom:54px}.breadcrumb{font-size:10px;color:var(--muted);padding:21px 0}.breadcrumb span{margin:0 12px}.page-heading{padding:22px 0 32px}.eyebrow{display:block;font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--green);margin-bottom:12px}h1{font-size:32px;line-height:1.7;letter-spacing:.025em}.page-heading>p{font-size:13px;color:var(--muted);margin-top:11px}.plan-banner{display:flex;align-items:center;gap:17px;background:var(--mint);border:1px solid #d7e3cd;border-radius:12px;padding:19px 25px;margin-bottom:30px}.plan-icon{width:36px;height:42px;background:#fff;border-radius:5px;box-shadow:3px 3px 0 #cfddc4;display:grid;place-items:center;color:var(--green);font-size:20px;flex-shrink:0}.plan-banner b{font-size:13px;color:var(--green)}.plan-banner p{font-size:11px;color:var(--muted);margin-top:2px}.text-link{background:none;border:0;font-size:12px;font-weight:700;color:var(--green);margin-left:auto;white-space:nowrap;padding:10px 0}.text-link span{margin-left:13px}.listing-layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:28px;align-items:start}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.filter-panel summary{list-style:none;padding:19px 21px;font-weight:700;font-size:15px;color:var(--green);border-bottom:1px solid var(--line);cursor:pointer}.filter-panel summary::-webkit-details-marker{display:none}#filter-form{padding:0 21px 17px}.filter-group{padding:20px 0;border:0;border-bottom:1px solid #e8ece3;margin:0;min-width:0}.filter-group>label:first-child,.filter-group legend{font-size:12px;font-weight:700;display:block;margin-bottom:9px}.filter-group legend{float:left;width:100%;padding:0}fieldset.filter-group label{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:400;padding:6px 0;margin:0;clear:both}.filter-group input[type=radio],.filter-group input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--green);flex-shrink:0}input[type=text],input:not([type]),select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:10px;font-size:11px;min-width:0}.search-field{position:relative}.search-field input{padding-right:30px}.search-field span{position:absolute;right:11px;top:6px;font-size:21px;color:var(--green)}.field-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:12px 19px;border:0;border-radius:7px;font-size:12px;font-weight:700;text-align:center;line-height:1.6}.green{background:var(--green);color:#fff}.green:hover{background:#227454}.yellow{background:var(--yellow);color:var(--green)}.yellow:hover{background:#f8e292}#filter-form>.button{margin-top:20px;width:100%;font-size:11px;padding:13px 8px;gap:7px}.reset{border:0;background:none;width:100%;color:var(--muted);font-size:10px;padding:12px 0 0}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 11px}.result-toolbar h2{font-size:20px;white-space:nowrap}.result-toolbar h2 strong{font-size:29px;color:var(--green);margin:0 5px 0 14px}.result-toolbar h2>span{font-size:13px;font-weight:400}.sort-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;white-space:nowrap}.sort-label select{width:150px;padding:8px 10px;font-size:10px}.filter-status{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:9px}.filter-status>span{white-space:nowrap;margin-left:12px}.sample-notice{font-size:9px;color:#8d9784;margin-bottom:17px}.company-card{border:1px solid #d8e2d1;background:#fff;border-radius:16px;margin-bottom:19px;padding:24px}.company-heading{display:flex;align-items:center;gap:13px;margin-bottom:21px}.company-logo{width:49px;height:49px;border-radius:10px;display:grid;place-items:center;background:var(--mint);color:var(--green);font:700 32px Georgia,serif;flex-shrink:0}.company-heading h3{font-size:19px;line-height:1.5}.location{font-size:10px;color:var(--muted);margin-top:6px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.location>span:first-child{font-size:16px;line-height:1}.online{font-size:8px;border:1px solid #e2e8dc;border-radius:3px;padding:0 5px;margin-left:4px}.compare-check{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--green);font-size:11px;white-space:nowrap;padding:12px 0 12px 10px;cursor:pointer}.compare-check input{width:17px;height:17px;accent-color:var(--green);margin:0}.company-body{display:grid;grid-template-columns:216px minmax(0,1fr);gap:23px}.work-preview{border:1px solid #d9e3d1;border-radius:8px;overflow:hidden;align-self:start;--preview-bg:#dce8d7;--preview-ink:#2e6242}.mini-nav{height:26px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fff}.mini-nav b{font:700 15px Georgia;color:var(--preview-ink);margin-right:auto}.mini-nav i{width:16px;height:2px;background:#d8e0d2}.mini-body{height:123px;background:var(--preview-bg);padding:19px 15px;position:relative;color:var(--preview-ink);overflow:hidden}.mini-body small{font-size:5px;letter-spacing:.18em;position:relative;z-index:1;display:block}.mini-body strong{font-size:14px;position:relative;z-index:1;display:block;margin-top:6px}.mini-body>span{font-size:5px;display:block;margin-top:18px;position:relative;z-index:1}.mini-art{position:absolute;right:0;bottom:0;width:88px;height:100px}.mini-art i{display:block;position:absolute;background:#a5bd9466;border-radius:45% 45% 0 0;bottom:-10px;width:40px;height:90px;right:24px;transform:rotate(25deg)}.mini-art i:nth-child(2){height:65px;right:-5px;background:#fff6;transform:rotate(-20deg)}.mini-art i:nth-child(3){height:50px;right:49px;background:#43683b22}.work-preview>p{background:#fbfcf9;padding:7px 9px;font-size:8px;color:#65795f}.work-preview>p span{float:right;color:#9aa38f;font-size:7px}.sand{--preview-bg:#f0e9d8;--preview-ink:#7d6f49;background:#f3eddf;color:#887646}.sand .mini-art i{background:#c9b68c88;border-radius:0;transform:rotate(15deg)}.blue{--preview-bg:#dfe9e9;--preview-ink:#3d6570;background:#e4edeb;color:#486968}.blue .mini-art i{background:#9eb9b777;border-radius:50%}.rose{--preview-bg:#eee5df;--preview-ink:#806452;background:#f3eae2;color:#866b55}.rose .mini-art i{background:#c2aa9588;border-radius:6px;transform:rotate(-10deg)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tags span{font-size:9px;background:#eef4e8;color:var(--green);border-radius:4px;padding:2px 8px}.company-info h4{font-size:17px;line-height:1.7;margin-bottom:8px}.description{font-size:11px;color:var(--muted);line-height:1.95}.company-facts{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;margin:16px 0 0;padding-top:13px;border-top:1px solid #e7ece1}.company-facts dt{font-size:9px;color:var(--muted);margin-bottom:5px}.company-facts dd{margin:0;font-size:11px;color:var(--green)}.company-facts dd b{font-size:22px;line-height:1.4;letter-spacing:.02em;margin-right:3px}.company-facts>div+div{border-left:1px solid #e1e8da;padding-left:15px}.company-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e8ece3;padding-top:17px;margin-top:20px}.company-bottom>p{font-size:10px;color:#607653}.company-bottom>p span{font-size:8px;display:block;color:#9aa68c;margin-bottom:3px}.company-bottom .button{white-space:nowrap}.list-end{display:flex;align-items:center;justify-content:center;color:#91a083;font-size:10px;margin:24px 0 35px}.list-end:before,.list-end:after{content:'';height:1px;background:#dce4d5;flex:1}.list-end span{padding:0 17px}.help-card{padding:29px 30px;background:#eaf1e3;border-radius:16px;text-align:center}.help-card .eyebrow{font-size:9px}.help-card h2{font-size:21px;color:var(--green);line-height:1.7}.help-card p{font-size:11px;color:var(--muted);margin:12px 0 20px}.help-card .button{min-width:280px}footer{padding:30px max(5%,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:28px;background:#ecf1e6;border-top:1px solid var(--line);color:var(--muted)}footer>b{color:var(--green);font-size:20px;white-space:nowrap}footer p{font-size:10px;flex:1}footer small{font-size:9px}.compare-dock{position:fixed;z-index:10;bottom:17px;left:50%;transform:translateX(-50%);width:860px;max-width:calc(100% - 36px);background:var(--green);color:#fff;border-radius:12px;padding:16px 22px;box-shadow:0 7px 35px #18492b35;display:flex;align-items:center;gap:18px}.compare-dock[hidden],.toast[hidden],[hidden]{display:none!important}.compare-dock>div{flex:1;min-width:0}.compare-dock b{font-size:13px}.compare-dock small{font-size:9px;display:block;color:#d1e0c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-comparison{background:none;border:0;color:#d8e5d1;font-size:11px;padding:10px}.compare-dock .button{font-size:12px}.toast{position:fixed;z-index:30;bottom:105px;left:50%;transform:translateX(-50%);width:440px;max-width:calc(100% - 32px);padding:16px 20px;border:1px solid var(--line);background:#fff;box-shadow:0 5px 30px #183b2426;border-radius:10px;font-size:12px;color:var(--green)}.has-selection footer{padding-bottom:120px}dialog{border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);padding:35px;width:680px;max-width:calc(100% - 30px);max-height:90vh}dialog::backdrop{background:#1f3c315c;backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:12px;top:10px;width:40px;height:40px;background:none;border:0;font-size:27px;color:var(--green)}dialog h2{font-size:24px;line-height:1.7}dialog h3{font-size:18px;margin:20px 0 12px}dialog p{font-size:12px;color:var(--muted)}.dialog-description{margin:10px 0 22px}.detail-facts{font-size:12px}.detail-facts dt{font-weight:700;color:var(--green);margin-top:15px}.detail-facts dd{margin:5px 0}.demo-note{font-size:10px!important;background:var(--mint);border-radius:8px;padding:13px 16px;margin-top:23px}#comparison-dialog{width:1080px}.comparison-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:120px repeat(var(--cols),minmax(0,1fr));border-bottom:1px solid var(--line)}.comparison-row:last-child{border-bottom:0}.comparison-row>*{padding:17px 15px;font-size:12px;border-right:1px solid var(--line)}.comparison-row>*:last-child{border-right:0}.comparison-row>strong{background:#f3f6ee;font-size:11px;color:var(--green)}.comparison-head{background:var(--green);color:#fff}.comparison-head>b{font-size:13px}#empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px;text-align:center}#empty h3{font-size:17px}#empty p{font-size:12px;color:var(--muted);margin:15px 0 22px}.mobile{display:none}
@media(max-width:1320px){.page{margin:0 5%}.listing-layout{grid-template-columns:230px minmax(0,1fr);gap:23px}.company-body{grid-template-columns:190px minmax(0,1fr);gap:19px}.company-info h4{font-size:16px}}
@media(max-width:1020px){.listing-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.company-card{padding:20px}.company-body{grid-template-columns:150px minmax(0,1fr);gap:16px}.mini-body strong{font-size:11px}.company-heading h3{font-size:16px}.company-logo{width:40px;height:40px;font-size:27px}.compare-check{font-size:10px}.company-facts{grid-template-columns:1fr;gap:9px}.company-facts>div+div{border:0;padding:0}.company-bottom{align-items:flex-start;flex-direction:column}.company-bottom .button{align-self:flex-end}.site-header nav>a{display:none}.plan-banner b{font-size:12px}.filter-status>span{font-size:9px}.sort-label{font-size:9px}.result-toolbar h2{font-size:18px}}
@media(max-width:760px){body{font-size:13px}.site-header{height:76px;padding:10px 16px;gap:10px}.brand{gap:7px}.logo{height:42px;width:42px}.logo img{width:69px}.brand b{font-size:22px}.brand small{font-size:7px}.site-header nav{gap:0}.saved-nav{font-size:9px;padding:7px}.saved-nav span{width:18px;height:18px;font-size:9px;margin-left:4px}.demo-badge{display:none}.page{margin:0;padding:0 17px 35px}.breadcrumb{font-size:9px;padding:17px 0}.page-heading{padding:15px 0 25px}.eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:24px;line-height:1.8;letter-spacing:0}.mobile{display:block}.page-heading>p{font-size:11px;margin-top:13px;line-height:2}.plan-banner{padding:17px;gap:13px;display:grid;grid-template-columns:32px 1fr;margin-bottom:22px;border-radius:12px}.plan-icon{height:38px;width:30px}.plan-banner b{font-size:11px;line-height:1.8;display:block}.plan-banner p{font-size:10px;line-height:1.8;margin-top:5px}.plan-banner .text-link{grid-column:2;font-size:11px;margin:0;text-align:left;padding:0}.listing-layout{display:block}.filter-panel{margin-bottom:25px;border-radius:10px}.filter-panel summary{padding:14px 17px;border:0;display:flex;justify-content:space-between;align-items:center;font-size:13px}.filter-panel details[open] summary{border-bottom:1px solid var(--line)}.filter-panel details[open] summary .mobile{transform:rotate(45deg)}#filter-form{padding:0 18px 17px}.filter-group{padding:17px 0}.filter-group>label:first-child,.filter-group legend{font-size:12px}fieldset.filter-group label{font-size:12px;padding:9px 0}.filter-group input[type=radio],.filter-group input[type=checkbox]{height:17px;width:17px}.filter-group input:not([type]),.filter-group select{font-size:16px;padding:11px}.field-note{font-size:10px}#filter-form>.button{font-size:13px;min-height:49px}.reset{font-size:11px;padding:14px 0 0}.result-toolbar{gap:10px;align-items:center}.result-toolbar h2{font-size:16px}.result-toolbar h2 strong{font-size:24px;margin-left:8px}.result-toolbar h2>span{font-size:11px}.sort-label{font-size:0;gap:0}.sort-label select{font-size:10px;width:130px;padding:8px 5px}.filter-status{font-size:9px;gap:8px;align-items:flex-start;margin-bottom:7px}.filter-status>span{font-size:8px;margin:0}.sample-notice{font-size:8px;margin-bottom:14px;line-height:1.8}.company-card{padding:18px 17px;border-radius:14px;margin-bottom:16px}.company-heading{gap:10px;margin-bottom:16px;flex-wrap:wrap;position:relative;padding-bottom:27px}.company-logo{height:42px;width:42px;font-size:29px;border-radius:9px}.company-heading h3{font-size:14px;line-height:1.7;max-width:254px}.company-heading>div{flex:1;min-width:0}.location{font-size:9px;line-height:1.7;margin-top:4px;gap:3px}.online{font-size:7px;margin-left:3px}.compare-check{position:absolute;bottom:-5px;right:0;font-size:10px;padding:8px 0}.compare-check input{height:16px;width:16px}.company-body{display:flex;flex-direction:column;gap:16px}.work-preview{width:100%;display:none}.company-info{width:100%}.tags{margin-bottom:11px;gap:5px}.tags span{font-size:8px;padding:3px 7px}.company-info h4{font-size:17px;line-height:1.75;margin-bottom:10px}.description{font-size:11px;line-height:2}.company-facts{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px}.company-facts dt{font-size:9px;margin-bottom:6px}.company-facts dd{font-size:10px;line-height:1.8}.company-facts dd b{font-size:22px}.company-facts>div+div{border-left:1px solid #e1e8da;padding-left:12px}.company-bottom{margin-top:16px;padding-top:14px;gap:14px}.company-bottom>p{font-size:10px;line-height:1.8}.company-bottom>p span{font-size:8px;margin-bottom:4px}.company-bottom .button{width:100%;min-height:48px;font-size:12px;justify-content:space-between;padding:13px 17px}.list-end{font-size:9px;margin:24px 0 28px}.list-end span{padding:0 10px}.help-card{padding:25px 20px;border-radius:13px}.help-card h2{font-size:20px;line-height:1.8}.help-card .eyebrow{font-size:8px}.help-card p{font-size:11px;line-height:2;margin:12px 0 20px}.help-card .button{min-width:0;width:100%;font-size:11px;padding:14px 10px;gap:10px}footer{display:block;padding:25px 20px}footer>b{font-size:21px}footer p{margin:10px 0;font-size:10px}footer small{font-size:8px}.compare-dock{bottom:0;max-width:none;width:100%;border-radius:12px 12px 0 0;padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px}.compare-dock b{font-size:11px}.compare-dock small{display:none}.compare-dock .button{font-size:10px;min-height:44px;padding:11px 12px;gap:0}.clear-comparison{font-size:10px;padding:6px}.toast{font-size:11px;bottom:88px}dialog{padding:30px 20px}dialog h2{font-size:20px;margin-right:13px}dialog .eyebrow{font-size:8px}.dialog-description{font-size:11px;margin:12px 0 20px}.comparison-row{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.comparison-row>strong{grid-column:1/-1;padding:9px 10px;border-right:0;border-bottom:1px solid var(--line);font-size:10px}.comparison-row>*{padding:13px 9px;font-size:10px;overflow-wrap:anywhere}.comparison-head>b{font-size:10px}.comparison-head>strong{display:none}.demo-note{font-size:9px!important}.detail-facts{font-size:11px}#empty{padding:27px 20px}#empty h3{font-size:15px}#empty p{font-size:11px}}
@media(max-width:359px){.site-header{padding:9px 12px;gap:5px}.brand b{font-size:19px}.brand small{font-size:6px}.logo{height:37px;width:37px}.logo img{width:61px}.saved-nav{font-size:8px;padding:6px}.page{padding-left:14px;padding-right:14px}h1{font-size:21px}.company-card{padding:17px 15px}.company-heading h3{font-size:13px}.company-info h4{font-size:16px}.company-facts dd b{font-size:19px}.result-toolbar h2{font-size:14px}.sort-label select{width:119px;font-size:9px}.compare-dock .button{font-size:9px}.clear-comparison{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* 参考デザインの情報整理・特徴タグ・ワイドCTAを統合 */
.hybrid-list .listing-layout{grid-template-columns:minmax(0,1fr) 264px;gap:27px}.hybrid-list .filter-panel{grid-column:2;grid-row:1}.hybrid-list .results{grid-column:1;grid-row:1}.hybrid-list .company-card{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#bbdcc5,#5c9d75 70%,#176347) border-box;border-radius:19px;padding:27px;box-shadow:0 3px 9px #2a5c3010;margin-bottom:23px}.hybrid-list .company-heading{padding-bottom:21px;border-bottom:1px dashed #c8d6c1;margin-bottom:21px;gap:17px}.hybrid-list .company-logo{height:62px;width:62px;border-radius:13px;border:1px solid #c2d6b7;outline:1px solid #fff;outline-offset:-5px;font-size:37px}.hybrid-list .company-heading h3{font-size:20px}.hybrid-list .company-heading h4{font-size:13px;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.9}.hybrid-list .company-body{grid-template-columns:1.18fr 1fr;gap:25px}.hybrid-list .company-facts{display:block;margin:0;padding:0;border:0}.hybrid-list .company-facts>div{display:grid;grid-template-columns:107px 1fr;gap:10px;margin-bottom:13px;align-items:center;padding:0;border:0}.hybrid-list .company-facts dt{color:var(--green);font-size:11px;font-weight:700;margin:0;display:flex;align-items:center;gap:7px}.hybrid-list .company-facts dt>span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f1e1;font-size:12px}.hybrid-list .company-facts dd{color:var(--ink);font-size:12px}.hybrid-list .company-facts dd b{font-size:24px;color:var(--green)}.hybrid-list .company-facts dd small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.company-features{padding-left:20px;border-left:1px solid #e5ebdf}.company-features>p{font-size:10px;color:var(--muted);margin:0 0 12px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tags span{border:1px solid #d0ddc8;border-radius:25px;padding:5px 12px;font-size:10px;color:var(--green);background:#fbfcf9}.fit-note{background:#f3f6ec;border-radius:8px;padding:12px 14px;margin-top:17px}.fit-note small{font-size:9px;color:#8c9b7a;display:block}.fit-note strong{font-size:11px;line-height:1.8;display:block;color:#5a724e;font-weight:400;margin-top:4px}.hybrid-list .company-bottom{display:block;border-top:1px dashed #c8d6c1;margin-top:21px;padding-top:18px}.hybrid-list .company-bottom>p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:17px}.hybrid-list .company-bottom .button{width:100%;font-size:13px;position:relative;min-height:48px}.hybrid-list .company-bottom .button>span{position:absolute;right:18px}.hybrid-list .result-toolbar h2 strong,.hybrid-list .result-toolbar h2>span{display:none}.search-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dae4d3;border-radius:13px;padding:20px 23px;margin:5px 0 16px;box-shadow:0 4px 0 #e9efe2}.search-summary>div>span{font-size:11px;color:var(--muted)}.search-summary b{font-size:13px;color:var(--green);margin-left:12px}.search-summary b>span{font-size:28px;margin-right:5px;line-height:1.2}.search-summary p{font-size:10px;color:var(--muted);margin-top:7px}.outline{border:1px solid #c5d6bb;background:#f4f8ef;color:var(--green);font-size:11px;padding:12px 17px;white-space:nowrap}.recent-panel{border-top:1px solid var(--line);padding:22px 18px;background:#f1f5eb}.recent-panel h2{font-size:13px;color:var(--green);border-bottom:2px solid #b7d0a7;padding-bottom:12px;margin-bottom:14px}.recent-empty{font-size:11px;color:var(--muted);line-height:2;padding:5px 0}.recent-company{display:block;position:relative;border:1px solid #d4dfcc;border-radius:8px;padding:13px 22px 13px 12px;background:#fff;color:var(--ink);width:100%;text-align:left;margin-bottom:10px}.recent-company b{font-size:11px;display:block;line-height:1.8;margin-bottom:7px}.recent-company>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.recent-company small{font-size:9px;color:var(--green);margin-right:5px}.recent-company i{font-style:normal;position:absolute;right:8px;bottom:16px;color:#7e9a6e}
@media(max-width:1100px){.hybrid-list .listing-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.hybrid-list .company-card{padding:22px}.hybrid-list .company-heading h3{font-size:17px}.hybrid-list .company-heading h4{font-size:11px}.hybrid-list .company-logo{height:51px;width:51px;font-size:30px}.hybrid-list .company-body{grid-template-columns:1fr;gap:14px}.company-features{border:0;padding:0}.fit-note{margin-top:12px}.hybrid-list .company-facts>div{grid-template-columns:105px 1fr;margin-bottom:12px}.search-summary{padding:17px}.search-summary p{font-size:9px}}
@media(max-width:760px){.hybrid-list .listing-layout{display:flex;flex-direction:column;gap:0}.hybrid-list .filter-panel{width:100%;order:0}.hybrid-list .results{width:100%;order:1}.hybrid-list .recent-panel{display:none}.hybrid-list .company-card{border-width:2px;padding:20px 17px;border-radius:16px;margin-bottom:19px}.hybrid-list .company-heading{padding-bottom:41px;margin-bottom:18px;gap:11px}.hybrid-list .company-heading h3{font-size:14px;line-height:1.8}.hybrid-list .company-heading h4{font-size:10px;line-height:1.8;margin-top:5px}.hybrid-list .company-logo{height:47px;width:47px;font-size:30px;align-self:flex-start;border-radius:10px}.hybrid-list .compare-check{bottom:5px;right:0}.hybrid-list .company-body{display:block}.hybrid-list .company-facts>div{grid-template-columns:94px 1fr;gap:9px;margin-bottom:14px}.hybrid-list .company-facts dt{font-size:10px;gap:5px}.hybrid-list .company-facts dt>span{height:18px;width:18px;font-size:10px}.hybrid-list .company-facts dd{font-size:11px}.hybrid-list .company-facts dd b{font-size:23px}.hybrid-list .company-facts dd small{font-size:8px}.company-features{padding-top:3px}.company-features>p{font-size:9px;margin-bottom:10px}.feature-tags{gap:7px}.feature-tags span{font-size:9px;padding:4px 10px}.fit-note{padding:11px 12px;margin-top:14px}.fit-note small{font-size:8px}.fit-note strong{font-size:10px}.hybrid-list .company-bottom{margin-top:17px;padding-top:15px}.hybrid-list .company-bottom>p{font-size:10px;margin-bottom:15px}.hybrid-list .company-bottom .button{font-size:12px;justify-content:center;min-height:47px}.search-summary{padding:17px;display:block;margin-top:8px}.search-summary .button{width:100%;margin-top:13px;min-height:44px;justify-content:space-between;font-size:11px}.search-summary p{font-size:9px}.search-summary b>span{font-size:26px}.hybrid-list .result-toolbar h2{font-size:18px}.hybrid-list .filter-status{margin-top:19px}}
@media(max-width:359px){.hybrid-list .company-card{padding:18px 14px}.hybrid-list .company-heading h3{font-size:13px}.hybrid-list .company-heading h4{font-size:9px}.hybrid-list .company-facts>div{grid-template-columns:87px 1fr}.hybrid-list .company-facts dd{font-size:10px}.hybrid-list .company-facts dd b{font-size:21px}}
/* 制作実績のイメージと、検討段階のCTA */
.hybrid-list .company-body{grid-template-columns:180px minmax(0,1.13fr) minmax(0,1fr);gap:19px}.hybrid-list .work-preview{display:block;width:100%;border-radius:9px}.hybrid-list .mini-body{height:150px;padding:28px 15px}.hybrid-list .mini-body strong{font-size:14px;max-width:125px;line-height:1.8}.hybrid-list .mini-body small{font-size:6px}.hybrid-list .mini-body>span{font-size:6px}.hybrid-list .mini-art{height:130px;width:100px}.hybrid-list .mini-art i{height:115px;width:47px}.hybrid-list .mini-art i:nth-child(2){height:82px}.hybrid-list .mini-art i:nth-child(3){height:69px}.hybrid-list .company-facts>div{grid-template-columns:85px minmax(0,1fr);gap:7px}.hybrid-list .company-facts dt{font-size:10px;gap:4px}.hybrid-list .company-facts dd{font-size:11px;line-height:1.85}.hybrid-list .company-facts dd b{font-size:22px}.hybrid-list .company-features{padding-left:16px}.feature-tags span{font-size:9px;padding:4px 9px}.hybrid-list .company-bottom .card-actions{display:grid;grid-template-columns:220px 1fr;gap:14px}.hybrid-list .company-bottom .button{font-size:12px}.save-button{background:#fff;border:1px solid #cddcc3;color:var(--green);font-weight:400}.save-button[aria-pressed=true]{background:#edf4e5;border-color:#88ac75}.save-button:hover{background:#f1f6eb}
@media(max-width:1200px) and (min-width:761px){.hybrid-list .company-body{grid-template-columns:170px minmax(0,1fr)}.hybrid-list .company-features{grid-column:1/-1;border:0;padding:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}.company-features>p{grid-column:1;margin:0}.company-features .feature-tags{grid-column:1}.company-features .fit-note{grid-column:2;grid-row:1/3;margin:0}.hybrid-list .company-bottom .card-actions{grid-template-columns:180px 1fr;gap:10px}.hybrid-list .company-bottom .button{font-size:11px}}
@media(max-width:760px){.hybrid-list .company-body{display:block}.hybrid-list .work-preview{margin-bottom:21px}.hybrid-list .mini-nav{height:31px;padding:0 14px}.hybrid-list .mini-nav b{font-size:18px}.hybrid-list .mini-nav i{width:22px}.hybrid-list .mini-body{height:157px;padding:26px 22px}.hybrid-list .mini-body small{font-size:7px}.hybrid-list .mini-body strong{font-size:22px;max-width:190px;margin-top:8px}.hybrid-list .mini-body>span{font-size:7px;margin-top:19px}.hybrid-list .mini-art{width:120px;height:142px;right:12px}.hybrid-list .mini-art i{height:135px;width:60px}.hybrid-list .mini-art i:nth-child(2){height:95px}.hybrid-list .mini-art i:nth-child(3){height:75px;right:69px}.hybrid-list .work-preview>p{font-size:9px;padding:8px 12px}.hybrid-list .work-preview>p span{font-size:8px}.hybrid-list .company-facts>div{grid-template-columns:94px minmax(0,1fr);gap:9px}.hybrid-list .company-facts dd{font-size:11px}.hybrid-list .company-facts dd b{font-size:24px}.hybrid-list .company-features{padding:7px 0 0}.feature-tags span{font-size:9px;padding:4px 10px}.hybrid-list .company-bottom .card-actions{display:flex;flex-direction:column-reverse;gap:10px}.hybrid-list .company-bottom .button{font-size:12px;min-height:49px}.hybrid-list .company-bottom .save-button{min-height:44px;font-size:11px}.hybrid-list .company-heading{padding-bottom:37px;margin-bottom:19px}}
@media(max-width:359px){.hybrid-list .mini-body strong{font-size:20px}.hybrid-list .company-facts>div{grid-template-columns:87px 1fr}.hybrid-list .company-bottom .button{font-size:11px}.hybrid-list .company-facts dd{font-size:10px}}
@media(min-width:761px){.hybrid-list .mini-body strong{max-width:none;font-size:13px}}
/* 人物写真・大きなコピー・説明帯を組み合わせた一覧上部CTA */
.hybrid-list .plan-banner{position:relative;isolation:isolate;display:block;overflow:hidden;padding:0;margin:0 0 32px;border:8px solid #226e4e;border-radius:18px;background:#13573e;min-height:295px;box-shadow:0 4px 14px #22422b0d}.banner-photo{position:absolute;z-index:-3;right:0;top:0;width:73%;height:100%;object-fit:cover;object-position:center 34%}.hybrid-list .plan-banner:before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#155e43 0%,#176348f5 32%,#176348b8 50%,#17634819 69%,transparent 85%)}.hybrid-list .plan-banner:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 64%)}.banner-copy{padding:29px 38px 20px;color:#fff;position:relative;z-index:1}.banner-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#c1ddaa;display:block;margin-bottom:10px}.banner-copy h2{font-size:30px;letter-spacing:.04em;line-height:1.65}.hybrid-list .banner-copy>p{font-size:12px;color:#e1efda;margin:12px 0 0}.banner-footer{display:flex;align-items:center;gap:28px;width:75%;padding:15px 32px 15px 38px;margin-bottom:22px;background:#eff5e8ed;position:relative}.banner-footer:after{content:'';position:absolute;right:-23px;top:0;bottom:0;width:34px;background:#eff5e8ed;transform:skew(-23deg);z-index:-1}.hybrid-list .banner-footer>p{color:#49654b;font-size:11px;line-height:1.85;margin:0;flex:1}.banner-footer .button{font-size:12px;white-space:nowrap;min-height:48px;padding:13px 18px;flex-shrink:0}.banner-decoration{position:absolute;right:16px;bottom:15px;width:27px;height:27px;background:#e9d27c;clip-path:polygon(100% 0,100% 100%,0 100%)}
@media(max-width:1050px){.banner-copy h2{font-size:26px}.banner-footer{width:84%;gap:17px}.banner-footer .button{font-size:11px;padding:12px 13px}.hybrid-list .banner-footer>p{font-size:10px}.banner-photo{width:80%}}
@media(max-width:760px){.hybrid-list .plan-banner{border-width:5px;border-radius:14px;margin-bottom:24px;min-height:0}.banner-photo{width:100%;height:223px;object-position:68% 25%}.hybrid-list .plan-banner:before{background:linear-gradient(90deg,#145d43fc 0%,#145d43ef 30%,#145d43a6 60%,#145d4320 100%)}.banner-copy{padding:23px 19px 24px;min-height:214px}.banner-eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:13px}.banner-copy h2{font-size:20px;line-height:1.85;letter-spacing:0;max-width:270px;text-shadow:0 1px 7px #10473435}.hybrid-list .banner-copy>p{font-size:9px;line-height:1.9;margin-top:13px;max-width:195px;color:#e5f0dd}.banner-footer{width:100%;margin:0;padding:17px 18px;display:block;background:#edf4e5}.banner-footer:after{display:none}.hybrid-list .banner-footer>p{font-size:10px;line-height:1.85;margin:0 0 12px}.banner-footer .button{font-size:12px;width:100%;min-height:47px;justify-content:space-between;padding:13px 15px}.banner-decoration{display:none}}
@media(max-width:359px){.banner-copy h2{font-size:18px}.banner-copy{padding:22px 15px;min-height:203px}.banner-photo{height:208px}.banner-footer{padding:15px}.banner-footer .button{font-size:11px}.hybrid-list .banner-copy>p{font-size:8px;max-width:175px}}

/* URLをその場で入力できる診断フォーム */
.banner-footer{display:block;width:83%;padding-top:15px;padding-bottom:17px}
.hybrid-list .banner-footer>p{margin-bottom:10px}
#banner-diagnosis-form label{display:block;font-size:11px;font-weight:700;color:var(--green);margin-bottom:6px}
.banner-input-row{display:flex;gap:10px}
.banner-input-row input[type=text]{flex:1;width:0;min-width:0;font-size:16px;padding:12px 15px;min-height:49px;border-color:#c6d3c0}
#banner-url-status{font-size:11px;color:#8c3429;margin-top:5px}
#banner-url-status:empty{display:none}
@media(max-width:760px){.banner-footer{width:100%}.banner-input-row{display:grid;gap:10px}.banner-input-row input[type=text]{width:100%;font-size:16px}.banner-footer .button{white-space:normal}#banner-diagnosis-form label{font-size:10px}}

/* 実績ギャラリー＋会社情報＋サービスの一覧カード */
.hybrid-list .directory-card{padding:26px;border:1px solid #cbdace;border-top:4px solid #267552;border-radius:14px;background:#fff;box-shadow:0 5px 18px #27493106;margin-bottom:25px}
.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:21px;border-bottom:1px solid #e5eae1;margin-bottom:23px}
.directory-kicker{font-size:8px;letter-spacing:.15em;color:#879a85}
.directory-heading h3{font-size:21px;color:var(--green);line-height:1.7;margin-top:3px}
.directory-heading .save-button{font-size:10px;min-height:36px;padding:8px 11px;flex-shrink:0;border-radius:6px}
.directory-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px}
.portfolio-gallery{min-width:0}.portfolio-site{--pbg:#e2ebdc;--pcolor:#395743;overflow:hidden;border:1px solid #e1e5dc;border-radius:5px;color:var(--pcolor);background:white}
.portfolio-site.sand{--pbg:#efe8dc;--pcolor:#726349}.portfolio-site.blue{--pbg:#dee9eb;--pcolor:#395d66}.portfolio-site.rose{--pbg:#eee1d9;--pcolor:#79624f}
.portfolio-nav{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff}.portfolio-nav b{font:bold 22px Georgia}.portfolio-nav span{font-size:4px;letter-spacing:.03em}
.portfolio-visual{height:188px;position:relative;overflow:hidden;background:var(--pbg);padding:29px 18px}
.portfolio-visual>small{position:relative;z-index:1;font-size:6px;letter-spacing:.17em}.portfolio-visual>strong{position:relative;z-index:1;display:block;font-size:22px;line-height:1.7;max-width:165px;margin-top:10px}.portfolio-visual>span{position:relative;z-index:1;font-size:6px;display:block;margin-top:21px}
.portfolio-shapes{position:absolute;right:-13px;bottom:-32px;width:130px;height:140px;transform:rotate(-23deg)}.portfolio-shapes i{position:absolute;border-radius:80px 80px 0 0;width:60px;height:140px;bottom:0;right:20px;background:#6c8c6450}.portfolio-shapes i:nth-child(2){right:76px;height:85px;background:#ffffffaa}.portfolio-shapes i:nth-child(3){right:-38px;height:110px;background:#30564425}
.portfolio-caption{display:block;font-size:9px;color:#60735c;padding:9px 0 12px}.portfolio-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.portfolio-small .portfolio-nav{height:17px;padding:0 6px}.portfolio-small .portfolio-nav b{font-size:12px}.portfolio-small .portfolio-nav span{font-size:2px}.portfolio-small .portfolio-visual{height:83px;padding:12px 7px}.portfolio-small .portfolio-visual>small{font-size:3px}.portfolio-small .portfolio-visual>strong{font-size:9px;max-width:80px;margin-top:5px}.portfolio-small .portfolio-visual>span{font-size:3px;margin-top:9px}.portfolio-small .portfolio-shapes{transform:scale(.55);transform-origin:bottom right}.portfolio-thumbs .portfolio-site:last-child .portfolio-visual{background:#f6f4ef}
.portfolio-gallery>p{font-size:8px;color:#8a9584;margin-top:10px}
.directory-info h4{font-size:19px;line-height:1.7;color:var(--green);margin:0 0 8px}.directory-description{font-size:11px;line-height:1.9;color:#6c7867;margin-bottom:18px}
.directory-facts{margin:0;display:grid;gap:12px}.directory-facts>div{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:baseline}.directory-facts dt{font-size:11px;font-weight:700;color:#6d8069}.directory-facts dd{margin:0;font-size:12px;font-weight:700}.directory-facts dd b{font-size:25px;color:var(--green);line-height:1.3}.directory-facts dd small{display:inline-block;font-size:8px;color:#84907d;font-weight:400;margin-left:9px}
.directory-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.directory-tags span{font-size:9px;border:1px solid #d8e2d1;color:#5c7553;padding:2px 9px;border-radius:30px}
.service-menu{background:#f1f5ed;border-radius:9px;padding:14px 17px}.service-menu-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px}.service-menu h5{margin:0;font-size:12px;color:var(--green)}.service-menu-heading>span{font-size:8px;letter-spacing:.12em;color:#95a589}
.service-menu-row{display:flex;align-items:center;gap:12px;border-top:1px solid #dfe7d8;padding:11px 0}.service-menu-row:last-child{padding-bottom:0}.service-menu-row>span:first-child{font-size:10px;color:#91a383}.service-menu-row>span:last-child{margin-left:auto;color:#6f8a61}.service-menu-row b{font-size:11px;color:#345e3e}.service-menu-row p{font-size:9px;color:#839079;margin-top:3px}
.directory-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.directory-actions label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;color:#6b8062}.directory-actions input{accent-color:var(--green);width:16px;height:16px}.directory-actions .button{font-size:11px;flex:1;max-width:300px;justify-content:space-between}
@media(min-width:761px) and (max-width:1200px){.directory-grid{grid-template-columns:190px 1fr;gap:19px}.directory-heading h3{font-size:17px}.directory-heading .save-button{font-size:9px}.portfolio-visual>strong{font-size:19px}.directory-facts>div{grid-template-columns:88px 1fr}.directory-facts dd small{display:block;margin-left:0}}
@media(max-width:760px){.hybrid-list .directory-card{padding:19px 17px;border-radius:12px;border-top-width:4px}.directory-heading{align-items:flex-start;flex-wrap:wrap;gap:10px;padding-bottom:16px;margin-bottom:18px}.directory-heading h3{font-size:18px}.directory-heading .save-button{margin-left:auto;font-size:10px;min-height:32px}.directory-kicker{font-size:7px}.directory-grid{display:flex;flex-direction:column;gap:18px}.portfolio-visual{height:187px;padding:29px 22px}.portfolio-visual>strong{font-size:26px;max-width:205px}.portfolio-thumbs .portfolio-visual{height:89px}.portfolio-small .portfolio-visual>strong{font-size:12px;max-width:105px}.portfolio-gallery>p{font-size:8px}.directory-info h4{font-size:19px}.directory-description{font-size:11px}.directory-facts>div{grid-template-columns:99px 1fr;gap:5px}.directory-facts dd{font-size:11px}.directory-facts dd small{display:block;margin:3px 0 0}.directory-facts dd b{font-size:24px}.directory-tags span{font-size:9px}.service-menu{padding:14px}.service-menu-row{gap:8px}.service-menu-row b{font-size:11px}.service-menu-row p{font-size:9px}.directory-actions{flex-wrap:wrap;gap:12px}.directory-actions .button{flex-basis:100%;max-width:none;min-height:49px;font-size:12px}.directory-actions label{margin-left:auto}}

.portfolio-visual>strong{max-width:210px;font-size:20px}.portfolio-small .portfolio-visual>strong{max-width:none;font-size:9px}@media(max-width:760px){.portfolio-visual>strong{font-size:24px}.portfolio-small .portfolio-visual>strong{font-size:11px}}

/* 上部で絞り込み、一覧をコンパクトに比較 */
.hybrid-list .listing-layout{display:flex;flex-direction:column;gap:0}.listing-layout>*{width:100%}.top-filters{order:0}.listing-layout>.plan-banner{order:1}.listing-layout>.results{order:2}
.hybrid-list .top-filters{border-radius:12px;border:1px solid #d5dfcf;padding:22px 26px;margin-bottom:22px;background:#fff}
.top-filters #filter-form{padding:0;display:grid;grid-template-columns:1fr 1.2fr;gap:12px 22px}.quick-keyword>label{font-size:11px;font-weight:700;color:var(--green);display:block;margin-bottom:7px}.quick-keyword>div{display:flex;gap:8px}.quick-keyword input{font-size:14px;min-width:0}.quick-keyword .button{min-height:44px;flex-shrink:0}.quick-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-selects label{display:block;border:1px solid #ccd9c6;border-radius:7px;padding:5px 10px;background:#fbfcf8}.quick-selects label>span{font-size:10px;color:#708565;display:block}.quick-selects select{border:0;background:transparent;font-size:13px;padding:3px 0;color:var(--green);font-weight:700}.quick-extra{display:flex;align-items:flex-start;gap:20px;grid-column:1/-1}.quick-extra summary{cursor:pointer;color:var(--green);font-size:11px}.quick-extra details label{display:inline-flex;align-items:center;font-size:11px;margin:10px 12px 0 0;gap:4px}.quick-extra .reset{margin-left:auto;width:auto;padding:0;font-size:10px}.quick-note{grid-column:1/-1;font-size:9px;color:#89927f}
.compact-location{font-size:10px;color:#809075;margin-top:5px}.directory-grid{grid-template-columns:300px 1fr}.directory-facts{grid-template-columns:1fr 1fr;gap:10px 18px}.directory-facts>div{grid-template-columns:90px 1fr}.directory-description{max-width:690px}.service-strip{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding:3px 0}.service-menu-row{min-width:240px;flex:1;border:1px solid #dfe7d8;border-radius:7px;padding:13px!important;background:white;scroll-snap-align:start}.service-menu-row>span:first-child{display:none}.service-menu-row b{font-size:11px}.directory-actions .button{max-width:330px}.directory-heading{margin-bottom:17px;padding-bottom:15px}.hybrid-list .search-summary{display:none}.sample-notice{margin-bottom:12px}
@media(max-width:760px){
.hybrid-list .top-filters{padding:15px 13px;margin-bottom:15px}.top-filters #filter-form{display:block}.quick-keyword>label{font-size:10px}.quick-keyword input{font-size:16px;padding:10px}.quick-keyword .button{min-height:43px}.quick-selects{margin-top:11px;gap:6px}.quick-selects label{padding:6px 8px}.quick-selects select{font-size:11px;padding:4px 0;min-height:28px}.quick-selects label>span{font-size:9px}.quick-extra{margin-top:11px;gap:8px}.quick-extra summary{font-size:10px}.quick-extra .reset{font-size:9px}.quick-extra details label{display:flex;font-size:11px}.quick-note{font-size:8px;margin-top:8px;line-height:1.6}
.page-heading{padding:7px 0 16px}.page-heading h1{font-size:22px}.page-heading>p{display:none}.page-heading .eyebrow{display:none}.breadcrumb{padding:12px 0;font-size:9px}
.hybrid-list .plan-banner{border-width:3px;margin-bottom:20px}.banner-copy{min-height:97px;padding:13px 15px}.banner-copy h2{font-size:16px;line-height:1.6}.banner-eyebrow{font-size:7px;margin-bottom:4px}.hybrid-list .banner-copy>p{display:none}.banner-photo{height:112px;width:66%}.banner-footer{padding:10px 12px}.hybrid-list .banner-footer>p{display:none}.banner-input-row{display:flex;gap:7px}.banner-input-row input[type=text]{width:0;min-height:43px;padding:9px;font-size:16px}.banner-footer .button{width:auto;min-height:43px;font-size:10px;padding:8px 10px;gap:5px}.banner-footer .button span{display:none}#banner-diagnosis-form label{font-size:9px;margin-bottom:5px}
.hybrid-list .directory-card{border:0;border-top:1px solid #cfdbc9;border-radius:0;margin:0;padding:17px 0 19px;box-shadow:none;background:transparent}.directory-heading{flex-wrap:nowrap;align-items:flex-start;padding:0;border:0;margin-bottom:12px;gap:8px}.directory-heading h3{font-size:16px;line-height:1.5;margin:0}.compact-location{font-size:10px;margin-top:5px}.directory-heading .save-button{padding:5px 7px;font-size:10px;min-height:30px;margin:0;white-space:nowrap;background:#fff}.directory-grid{gap:10px}.portfolio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5px}.portfolio-main{min-width:0}.portfolio-thumbs{display:block;min-width:0}.portfolio-thumbs .portfolio-site:last-child{display:none}.portfolio-caption,.portfolio-gallery>p{display:none}.portfolio-site{border-radius:3px}.portfolio-nav,.portfolio-small .portfolio-nav{height:19px;padding:0 7px}.portfolio-nav b,.portfolio-small .portfolio-nav b{font-size:13px}.portfolio-nav span,.portfolio-small .portfolio-nav span{font-size:2px}.portfolio-visual,.portfolio-thumbs .portfolio-visual{height:100px;padding:17px 9px}.portfolio-visual>small,.portfolio-small .portfolio-visual>small{font-size:4px}.portfolio-visual>strong,.portfolio-small .portfolio-visual>strong{font-size:13px;max-width:none;margin-top:7px;line-height:1.6}.portfolio-visual>span,.portfolio-small .portfolio-visual>span{font-size:4px;margin-top:10px}.portfolio-shapes{transform:scale(.7);transform-origin:bottom right}.directory-info h4{font-size:13px;line-height:1.65;margin:0 0 9px}.directory-description{display:none}.directory-facts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.directory-facts>div{display:flex;align-items:baseline;gap:7px}.directory-facts>div:first-child,.directory-facts>div:nth-child(4){display:none}.directory-facts dt{font-size:9px}.directory-facts dd{font-size:10px}.directory-facts dd b{font-size:18px}.directory-facts dd small{display:none}.directory-facts>div:nth-child(3) dt{display:none}.directory-tags{margin:9px 0;gap:5px}.directory-tags span{font-size:8px;padding:1px 7px}.directory-tags span:first-child{display:none}.service-menu{padding:0;background:transparent;border-radius:0;margin-top:12px}.service-menu-heading{padding-bottom:7px}.service-menu h5{font-size:10px}.service-menu-heading>span{font-size:8px}.service-menu-heading>span:after{content:'　横にスワイプ →';letter-spacing:0}.service-strip{padding-bottom:4px;scrollbar-width:thin}.service-menu-row{min-width:86%;flex:0 0 86%;padding:10px!important;min-height:66px;background:white}.service-menu-row b{font-size:11px}.service-menu-row p{font-size:9px;line-height:1.6}.directory-actions{margin-top:10px;flex-wrap:nowrap;gap:9px}.directory-actions label{font-size:9px;margin:0}.directory-actions .button{min-height:40px;font-size:10px;flex-basis:auto;padding:9px 12px;max-width:none}.directory-actions input{width:15px;height:15px}.result-toolbar h2{font-size:15px}.result-toolbar h2 strong{font-size:23px}.sort-label select{font-size:10px;width:135px}.filter-status{margin-bottom:6px;font-size:9px}.sample-notice{font-size:8px}.hybrid-list .results{min-width:0}
}
.top-filters .quick-extra summary{padding:0;border:0;font-size:11px}.top-filters .quick-extra details{flex:1}.top-filters .quick-extra .reset{flex-shrink:0}.quick-note{margin-top:0}@media(max-width:760px){.quick-note{margin-top:8px}.hybrid-list .result-toolbar{margin-bottom:8px;padding-bottom:5px}}
/* PC：左の絞り込みサイドバー＋右の一覧 */
@media(min-width:761px){
.hybrid-list .listing-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.listing-layout>.plan-banner{grid-column:1/-1;grid-row:1;order:initial;margin-bottom:0}
.hybrid-list .top-filters{grid-column:1;grid-row:2;order:initial;margin:0;padding:20px 16px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto}
.listing-layout>.results{grid-column:2;grid-row:2;order:initial;min-width:0}
.top-filters #filter-form{display:block}.quick-keyword>div{gap:5px}.quick-keyword input{font-size:12px;padding:9px}.quick-keyword .button{padding:9px;min-height:41px;font-size:11px}
.quick-selects{grid-template-columns:1fr;margin-top:18px;gap:12px}.quick-selects label{padding:8px 10px}.quick-selects select{font-size:13px;padding:6px 0}.quick-extra{display:block;margin-top:20px}.quick-extra details label{display:flex;font-size:10px;margin:10px 0;gap:5px}.quick-extra .reset{display:block;margin:18px auto 0}.quick-note{margin-top:17px;font-size:9px;line-height:1.8}
.directory-grid{grid-template-columns:220px minmax(0,1fr);gap:22px}.directory-info{min-width:0}.directory-facts{grid-template-columns:1fr;gap:10px}.directory-facts>div{grid-template-columns:100px 1fr}.directory-heading h3{font-size:20px}.directory-info h4{font-size:17px}.service-menu-row{flex:0 0 85%;min-width:0}.directory-heading .save-button{font-size:10px}.portfolio-visual>strong{font-size:18px}.directory-actions .button{font-size:10px}
}
@media(min-width:761px) and (max-width:1050px){
.hybrid-list .listing-layout{grid-template-columns:200px minmax(0,1fr);gap:17px}.hybrid-list .top-filters{padding:16px 12px}.directory-grid{grid-template-columns:145px minmax(0,1fr);gap:15px}.hybrid-list .directory-card{padding:18px}.directory-heading h3{font-size:16px}.directory-heading .save-button{font-size:9px;padding:7px}.directory-info h4{font-size:15px}.directory-facts>div{grid-template-columns:78px 1fr}.directory-facts dt{font-size:10px}.directory-facts dd{font-size:11px}.directory-facts dd b{font-size:22px}.portfolio-visual{padding:20px 10px}.portfolio-visual>strong{font-size:16px}.directory-actions{flex-wrap:wrap}.directory-actions .button{flex-basis:100%;max-width:none}
}
@media(min-width:761px){.hybrid-list .listing-layout{grid-template-columns:minmax(0,1fr) 240px}.hybrid-list .top-filters{grid-column:2}.listing-layout>.results{grid-column:1}}
@media(min-width:761px) and (max-width:1050px){.hybrid-list .listing-layout{grid-template-columns:minmax(0,1fr) 200px}}

/* 対応サービスはアイコン、会社固有の強みは短い文章で表示 */
.capabilities{margin:17px 0 15px}.capabilities h5{font-size:10px;color:#73856b;margin:0 0 9px;font-weight:700}.capability-list{display:flex;flex-wrap:wrap;gap:8px}.capability{display:flex;align-items:center;gap:7px;padding:9px 11px;background:#f1f6ed;border:1px solid #dce7d5;border-radius:6px;color:#24694b;font-size:10px;white-space:nowrap}.capability svg{height:21px;width:21px;flex-shrink:0}.service-menu-row>span:last-child{display:none}.service-menu-row b{font-size:12px}.service-menu-row p{line-height:1.8;font-size:10px}.service-menu-heading>span{color:#748668}
@media(min-width:1051px){.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:9px}.service-menu-row{display:block;min-width:0;padding:13px 11px!important;align-self:stretch}.service-menu-row b{font-size:11px;line-height:1.7;display:block}.service-menu-row p{font-size:9px;line-height:1.8;margin-top:6px}.service-menu{padding:14px}}
@media(max-width:760px){.capabilities{margin:10px 0}.capabilities h5{font-size:9px;margin-bottom:6px}.capability-list{gap:5px}.capability{flex-direction:column;gap:3px;padding:7px 8px;font-size:8px;min-width:60px;border-radius:5px}.capability svg{width:20px;height:20px}.service-menu{margin-top:10px}.service-menu-row b{font-size:11px}.service-menu-row p{font-size:9px}.service-menu-heading>span{font-size:7px}.service-menu-row{min-height:66px}}

.pagination{display:flex;gap:9px;justify-content:center;align-items:center;margin:0 0 32px}.pagination button{min-width:43px;min-height:43px;border:1px solid #d0ddc8;border-radius:7px;background:#fff;color:var(--green);font-size:12px;padding:8px 13px}.pagination button[aria-current=page]{background:var(--green);color:#fff;border-color:var(--green)}.pagination button:disabled{opacity:.4;cursor:default}.list-end{margin-bottom:15px}
.area-guide{border-top:1px solid #dce5d5;margin-top:58px;padding:52px 0 0}.area-guide>header{max-width:720px;margin:0 auto 30px;text-align:center}.area-guide h2{font-size:27px;line-height:1.7;color:var(--green);text-wrap:balance}.area-guide>header>p{font-size:12px;color:#78866f;margin-top:13px}.area-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.area-guide-cards article{padding:26px;background:#fff;border:1px solid #dce5d5;border-radius:12px}.area-guide-cards article>span{font-size:9px;letter-spacing:.12em;color:#879d78}.area-guide-cards h3{font-size:17px;line-height:1.7;color:var(--green);margin:12px 0}.area-guide-cards p{font-size:12px;color:#66735e;line-height:1.9}.area-guide-cards b{font-size:10px;display:block;margin-top:19px;color:#45683e}.area-guide-cards small{font-size:10px;color:#809374}.area-faq{max-width:900px;margin:35px auto}.area-faq h3,.area-browse h3{font-size:17px;color:var(--green);margin-bottom:16px}.area-faq details{border-bottom:1px solid #dce5d5;padding:15px 0}.area-faq summary{cursor:pointer;font-size:13px;font-weight:700}.area-faq p{font-size:12px;line-height:1.9;margin:12px 0;color:#6f7d67}.area-browse{padding:25px 30px;background:#eaf1e4;border-radius:12px}.area-browse>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.area-browse button{display:flex;justify-content:space-between;gap:10px;padding:13px;background:white;border:1px solid #d1dec8;border-radius:7px;color:var(--green);font-size:12px}
@media(max-width:760px){.pagination{gap:6px}.pagination button{font-size:11px;padding:7px 11px;min-width:40px}.area-guide{margin-top:32px;padding-top:32px}.area-guide h2{font-size:21px}.area-guide>header{text-align:left;margin-bottom:20px}.area-guide>header>p{font-size:11px}.area-guide-cards{grid-template-columns:1fr;gap:12px}.area-guide-cards article{padding:19px}.area-guide-cards h3{font-size:15px;margin:8px 0}.area-guide-cards p{font-size:11px}.area-guide-cards b{margin-top:12px}.area-faq{margin:25px 0}.area-faq h3,.area-browse h3{font-size:15px}.area-faq summary{font-size:12px}.area-faq p{font-size:11px}.area-browse{padding:20px 15px}.area-browse>div{grid-template-columns:1fr 1fr;gap:8px}.area-browse button{font-size:10px;padding:11px 8px}}

.browse-tabs{display:flex;border-bottom:2px solid #25664b;margin-bottom:20px;gap:6px}.browse-tabs button{border:1px solid #d3ddcc;border-bottom:0;background:#edf2e7;color:#75846b;border-radius:8px 8px 0 0;padding:15px 25px;font-size:14px;font-weight:700}.browse-tabs button[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}.result-toolbar #listing-label{font-size:20px;font-weight:700}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-card{background:#fff;border:1px solid #d7e2d0;border-radius:12px;overflow:hidden}.case-image{border:0;background:none;padding:0;display:block;width:100%;text-align:left;cursor:pointer}.case-image .portfolio-site{border:0;border-radius:0}.case-image .portfolio-visual{height:210px;padding:30px}.case-image .portfolio-visual>strong{font-size:26px;max-width:none}.case-copy{padding:20px}.case-copy>span{font-size:9px;color:#728969}.case-copy h3{font-size:17px;line-height:1.7;color:var(--green);margin:8px 0}.case-copy>p{font-size:11px;color:#7e8a75;line-height:1.9;margin-bottom:15px}.case-copy>small{display:block;font-size:8px;color:#89957f}.case-copy>b{display:block;font-size:21px;color:var(--green)}.case-copy>button{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;background:#eff4e9;color:var(--green);padding:11px;border:0;border-radius:6px;font-size:11px;margin-top:14px}
@media(max-width:760px){.browse-tabs{gap:4px;margin-bottom:16px}.browse-tabs button{flex:1;padding:12px 5px;font-size:12px}.result-toolbar #listing-label{font-size:15px}.case-grid{gap:10px}.case-image .portfolio-visual{height:120px;padding:16px 10px}.case-image .portfolio-visual>strong{font-size:14px;max-width:none}.case-copy{padding:11px}.case-copy>span{font-size:7px}.case-copy h3{font-size:12px;margin:6px 0}.case-copy>p{display:none}.case-copy>small{font-size:7px;line-height:1.6}.case-copy>b{font-size:17px;margin-top:4px}.case-copy>button{font-size:9px;padding:9px 6px;margin-top:10px;gap:5px}}
.hybrid-list .result-toolbar h2{display:block!important}.result-toolbar #result-count{display:inline!important}.result-toolbar #result-unit{display:inline!important}