﻿.header-image-banner{width:100%}@media screen and (max-width: 768px){.sp-none{display:none}}.main-view{display:flex;align-items:center;width:100%;height:100%;aspect-ratio:2880/680;background-image:url("/assets/top/top_bg_banner-263177e7.webp");background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (max-width: 768px){.main-view{min-height:300px}}.main-view .main-view-text{display:flex;flex-direction:column;gap:14px;margin:0 10%}.main-view .main-view-text .main-view-subtext{color:#fff;font-size:clamp(16px,2.2vw,23px)}.main-view .main-view-text .main-view-maintext{color:#fff;font-size:clamp(24px,4.2vw,40px)}.toppage-container{max-width:1120px;margin:0 auto}.toppage-container .toppage{max-width:1120px;margin:0 28px}.toppage-container .toppage .service-department-search-content .service-department-search-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}@media screen and (max-width: 768px){.toppage-container .toppage .service-department-search-content .service-department-search-header{flex-direction:column;align-items:flex-end}}.toppage-container .toppage .service-department-search-content .service-department-search-header .department-search-title{font-size:24px;color:#31313c;font-weight:bold}.toppage-container .toppage .service-department-search-content .service-department-search-header .more-link{font-size:14px;color:#06c;text-decoration:none}@media screen and (max-width: 768px){.toppage-container .toppage .service-department-search-content .service-department-search-header .more-link{width:100%;text-align:end}}.toppage-container .toppage .service-department-search-content .service-department-search-header .more-link::before{content:"▶ ";color:#ea594e;font-size:12px}.toppage-container .toppage .service-department-search-content .service-department-search-description{font-size:14px;line-height:2;letter-spacing:.05em}.toppage-container .toppage .service-department-search-content .department-tabs{display:flex;flex-wrap:nowrap;align-items:flex-end;height:115px;padding:0;margin:16px 0;list-style:none}@media screen and (max-width: 768px){.toppage-container .toppage .service-department-search-content .department-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.toppage-container .toppage .service-department-search-content .department-tabs ul{display:flex;flex-wrap:nowrap}.toppage-container .toppage .service-department-search-content .department-tabs li{white-space:nowrap}}.toppage-container .toppage .service-department-search-content .department-tabs .department-tab{display:flex;flex-direction:column;align-items:center;justify-content:space-around;max-width:110px;max-height:110px;width:100%;height:100%;background-color:#fafafa;padding:20px 5px;border:solid 1px #e0e0e0;border-bottom:solid 1px #4894e2;cursor:pointer;transition:background-color .2s ease}@media screen and (max-width: 768px){.toppage-container .toppage .service-department-search-content .department-tabs .department-tab{width:inherit;max-width:none;min-width:150px}}.toppage-container .toppage .service-department-search-content .department-tabs .department-tab:hover{background-color:#f0f0f0}.toppage-container .toppage .service-department-search-content .department-tabs .department-tab .tab-icon{width:30px;height:30px}.toppage-container .toppage .service-department-search-content .department-tabs .department-tab .tab-link{color:#31313c;font-size:14px;padding:6px 0;display:inline-block;text-align:center}.toppage-container .toppage .service-department-search-content .department-tabs .department-tab.is-active{background-color:#fff;max-height:115px;border-radius:3px 3px 0 0;border:solid 1px #4894e2}.toppage-container .toppage .service-department-search-content .category-grid{margin-top:12px}.toppage-container .toppage .service-department-search-content .category-grid .category-grid-inner{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}@media screen and (max-width: 768px){.toppage-container .toppage .service-department-search-content .category-grid .category-grid-inner{display:flex;flex-direction:column}}.toppage-container .toppage .service-department-search-content .category-grid .category-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.toppage-container .toppage .service-department-search-content .category-grid .category-card-name a{color:#06c;text-decoration:none;font-weight:bold}.toppage-container .toppage .service-department-search-content .category-grid .category-card-description{margin-top:8px;font-size:13px;line-height:1.6;color:#31313c}.toppage-container .toppage .service-department-search-content .category-grid .empty-message{color:#31313c;padding:16px 0}.toppage-container .toppage .service-department-search-content .hidden{display:none}.toppage-container .toppage .category-container{margin-bottom:60px}.toppage-container .toppage .category-container .category-header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.toppage-container .toppage .category-container .category-header{flex-direction:column;margin-bottom:30px}}.toppage-container .toppage .category-container .category-header .more-link{color:#06c;font-size:14px;text-decoration:none}@media screen and (max-width: 768px){.toppage-container .toppage .category-container .category-header .more-link{width:100%;text-align:end}}.toppage-container .toppage .category-container .category-header .more-link::before{content:"▶ ";color:#ea594e;font-size:12px}.toppage-container .toppage .category-container .category-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}@media screen and (max-width: 768px){.toppage-container .toppage .category-container .category-list{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 500px){.toppage-container .toppage .category-container .category-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 300px){.toppage-container .toppage .category-container .category-list{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 768px){.toppage-container .toppage .category-container .category-list .category-item{align-self:center}}.toppage-container .toppage .category-container .category-list .category-item .category-name a{color:#06c;text-decoration:none;font-size:14px}.toppage-container .toppage .pr-container{display:flex;flex-direction:row;justify-content:space-around}@media screen and (max-width: 768px){.toppage-container .toppage .pr-container{flex-direction:column;justify-content:space-around;align-items:center}}@media screen and (max-width: 768px){.toppage-container .toppage .pr-container .pr-text-content{width:100%;text-align:center}}.toppage-container .toppage .pr-container .pr-text-content .pr-title{font-size:26px;color:#31313c}.toppage-container .toppage .pr-container .pr-text-content .pr-description{font-size:14px;color:#31313c;letter-spacing:.05em;margin-bottom:30px;line-height:2}@media screen and (max-width: 768px){.toppage-container .toppage .pr-container .pr-text-content .pr-description{text-align:center}}.toppage-container .toppage .pr-container .pr-text-content .pr-button{display:inline-flex;justify-content:center;height:50px;font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.3);background-color:#000;align-items:center;border:none;border-radius:3px;cursor:pointer;font-family:Noto Sans JP,游ゴシック体,Yu Gothic,YuGothic,-apple-system,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;letter-spacing:.1em;line-height:1;max-width:640px;padding-left:1.6em;padding-right:1.6em;transition:.6s cubic-bezier(0.165, 0.84, 0.44, 1);margin-bottom:40px;width:80%}.toppage-container .toppage .pr-container .pr-text-content .pr-button .pr-contact-button{color:#fff;text-decoration:none}@media screen and (max-width: 768px){.toppage-container .toppage .pr-container .pr-text-content .pr-button .pr-contact-button{font-size:14px}}.toppage-container .toppage .pr-container .pr-image-content{text-align:center}.toppage-container .toppage .pr-container .pr-image-content .pr-image{width:80%}
