@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);
.card-grid{display:grid;max-width:100%}@media (max-width:767px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-width),1fr))}}.clickable-panel{--panel-height:100px;align-items:center;border:2px solid #e6e6e6;border-radius:6px;box-sizing:border-box;display:flex;height:var(--panel-height);justify-content:center;padding:1.5em 1em;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.clickable-panel img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.chip{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.chip.active{background:#008fd7;border:1px solid #008fd7;color:#fff}@media (hover:hover){.clickable-panel:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.clickable-panel:active{box-shadow:none;transform:translateY(0)}}.services-grid-wrapper{margin:24px 0 40px}.section-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:24px}.section-filter-compact{display:none}#section-select{border:2px solid #e6e6e6;border-radius:6px;max-width:180px;min-width:100px;padding:4px;width:100%}.section-chip{background:#fff;border:1px solid #777;border-radius:6px;cursor:pointer;padding:8px 14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.services-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid>:only-child{grid-column:1/-1}.service-section{background-color:#fcfcfc;border:2px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;padding:20px}.service-item{margin:0 auto;width:100%}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-header .pill{background-color:#008fd7;border:none;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:500;margin-left:auto;padding:0 7px;text-decoration:none;transition:all .2s;white-space:nowrap}.section-header .pill:hover{background-color:#006ca1;color:#fff}.section-title{font-size:24px;font-weight:700;margin:0}.service-section-grid{--card-width:180px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}.service-panel{--panel-height:130px;background-color:#fff;flex-direction:column;gap:8px;padding:12px}.service-panel .service-logo{flex:0 0 auto;height:22px;-o-object-fit:contain;object-fit:contain}.service-panel .service-image{flex:1 1 auto;max-height:90%;max-width:90%;min-height:0;-o-object-fit:contain;object-fit:contain}.service-title{display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin-top:8px;overflow-wrap:anywhere;text-align:center;width:100%}.service-title .service-prefix{display:inline-block}.service-title .service-name{display:inline-block;font-weight:700;text-align:left}.service-title .service-postfix{flex-basis:100%}@media (max-width:991px){.services-grid{grid-template-columns:1fr}.service-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-filter-desktop{display:none}.section-filters{justify-content:flex-start}.section-filter-compact{display:flex;flex-wrap:wrap;gap:12px;width:100%}}@media (hover:hover){.section-chip:hover{border-color:#008fd7}}