.search-section{background:radial-gradient(circle at 1px 1px,#e8724a0a 1px,#0000 0) 0 0/20px 20px,linear-gradient(#f5f0ea 0%,#faf8f5 100%) 0 0/100% 100%;margin-bottom:12px;padding:16px 0 12px;overflow:hidden}@media (min-width:768px){.search-section{margin-bottom:20px;padding:40px 0 24px}}.layout--toss .search-section{padding-top:8px;padding-bottom:12px}.search-section__inner{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.search-section__inner{padding-left:24px;padding-right:24px}}.search-section__inner{overflow:hidden}.search-section__title{letter-spacing:-.02em;color:#2c2520;margin-bottom:4px;font-size:1.125rem;font-weight:800;line-height:1.3}@media (min-width:768px){.search-section__title{margin-bottom:8px;font-size:1.75rem}}.search-section__subtitle{color:#6b6058;margin-bottom:12px;font-size:.75rem}@media (min-width:768px){.search-section__subtitle{margin-bottom:20px;font-size:.875rem}}.search-section__input-wrap{width:100%;margin-bottom:12px;position:relative}.search-section__input{background:#fff;border:1.5px solid #ebe5dd;border-radius:14px;outline:none;width:100%;padding:12px 32px 12px 40px;font-size:.875rem;font-weight:500;transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 1px 3px #8b73550f,0 1px 2px #8b73550a}.search-section__input::placeholder{color:#c8bfb3;font-weight:400}.search-section__input:focus{border-color:#f4a58a;box-shadow:0 4px 12px #8b735514,0 2px 4px #8b73550a,0 0 0 3px #e8724a14}@media (min-width:768px){.search-section__input{border-radius:18px;padding:16px 40px 16px 48px;font-size:1rem}}.search-section__icon{color:#a39888;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-section__clear{color:#a39888;border-radius:100px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s ease-out,color .15s ease-out;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-section__clear:hover{color:#6b6058;background:#f5f0ea}.search-section__chip-scroll{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.search-section__chip-divider{display:none}@media (min-width:768px){.search-section__chip-divider{background:#ebe5dd;flex-shrink:0;align-self:center;width:1px;height:24px;display:block}}.search-section__region-toggle{color:#6b6058;background:#fff;border:1.5px solid #ebe5dd;border-radius:100px;align-items:center;gap:4px;margin-bottom:8px;padding:8px 12px;font-size:.75rem;font-weight:500;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.search-section__region-toggle:hover{background:#fffcf9;border-color:#d9d2c7}.search-section__chip{white-space:nowrap;color:#6b6058;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #ebe5dd;border-radius:100px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:inline-flex}@media (min-width:768px){.search-section__chip{padding:8px 12px;font-size:.8125rem}}.search-section__chip:hover{background:#fffcf9;border-color:#d9d2c7}.search-section__chip--active{color:#d45a32;background:#fef0eb;border-color:#f4a58a;font-weight:600}.search-section__chip--elem.search-section__chip--active{color:#d48a1b;background:#fdf6ec;border-color:#f5dab1}.search-section__chip--middle.search-section__chip--active{color:#6b47dc;background:#f3effc;border-color:#d5cbf5}.search-section__chip--high.search-section__chip--active{color:#dc477b;background:#fceef3;border-color:#f5c0d3}.search-section__chip--special.search-section__chip--active{color:#3c948b;background:#e8f5f3;border-color:#b2dfdb}.search-section__counter{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:768px){.search-section__counter{padding-left:24px;padding-right:24px}}.search-section__counter{color:#a39888;margin-bottom:8px;padding-top:0;padding-bottom:0;font-size:.75rem}.search-section__counter-num{color:#e8724a;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) both count-up;display:inline-block}
.school-card{background:#fff;border:1.5px solid #ebe5dd;border-radius:14px;padding:14px 16px;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1),border-color .4s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;overflow:hidden}@media (min-width:768px){.school-card{padding:20px}}.school-card:hover{border-color:#e8724a33;transform:translateY(-3px);box-shadow:0 8px 24px #e8724a1f,0 2px 6px #e8724a0f}.school-card:active{transform:translateY(-1px)scale(.995)}.school-card__header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.school-card__badge{border:1.5px solid;border-radius:6px;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-size:.75rem;font-weight:600;display:inline-flex;transform:rotate(-1deg)}.school-card__badge--elem{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.school-card__badge--middle{color:#7c5ce0;background:#f3effc;border-color:#d5cbf5;transform:rotate(.5deg)}.school-card__badge--high{color:#e05c8a;background:#fceef3;border-color:#f5c0d3;transform:rotate(-.5deg)}.school-card__badge--special{color:#4db6ac;background:#e8f5f3;border-color:#b2dfdb;transform:rotate(1deg)}.school-card__badge--etc{color:#90a4ae;background:#f5f7f8;border-color:#cfd8dc}.school-card__meta{color:#a39888;font-size:.75rem}.school-card__name{color:#2c2520;letter-spacing:-.02em;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.3}@media (min-width:768px){.school-card__name{font-size:1.125rem}}.school-card__info{flex-direction:column;gap:8px;display:flex}.school-card__row{color:#6b6058;align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.6;display:flex}.school-card__row-icon{color:#c8bfb3;flex-shrink:0;margin-top:2px}.school-card__row-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.school-card__row-link{color:#e8724a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.school-card__founded{color:#6b6058;background:#f5f0ea;border-radius:100px;align-items:center;gap:4px;margin-top:12px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.school-card__founded:before{content:"";background:#f4a58a;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}