@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap);
html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:bold}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{background-color:rgba(0,0,0,0);border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}h1,h2,h3,h4,h5,h6{line-height:normal;margin-block:0}p,figure{margin-top:initial;margin-bottom:initial}a{text-decoration:none;color:inherit;line-height:normal;transition:opacity 300ms}a:hover{text-decoration:none;opacity:.7}ul,ol{margin-block:0;list-style:none}html{font-family:var(--font-gothic);color:var(--color-text-main);font-size:3.7333333333vw;font-weight:400;letter-spacing:.02em;line-height:1.6;-webkit-font-smoothing:antialiased}@media screen and (min-width: 768px){html{font-size:.78125vw;letter-spacing:.02em}}body{transition:opacity 300ms}img{max-width:100%}@media screen and (min-width: 768px){.--sp{display:none !important}}@media screen and (max-width: 767px){.--pc{display:none !important}}:root{--color-primary: #005A31;--color-accent: #E67E22;--color-text-main: #19140F;--color-bg-base: #F4F4ED;--color-white: #ffffff;--color-gray: #D9D6D1;--color-dark-gray: #ADADAD;--color-light-gray: #eaeaea;--color-brown: #B88B4A;--color-right-green: #EDF8F3;--font-gothic: "Zen Kaku Gothic New", sans-serif;--font-mincho: "Shippori Mincho", serif}.btn{display:flex;padding:3.2vw 9.6vw;align-items:center;gap:2.6666666667vw;border-radius:13.3333333333vw;background:var(--color-primary);color:var(--color-white);font-size:4.8vw;font-weight:500}@media screen and (min-width: 768px){.btn{padding:clamp(1px,1.25vw,16px) clamp(1px,3.125vw,40px);gap:clamp(1px,.9375vw,12px);border-radius:clamp(1px,3.90625vw,50px);font-size:clamp(1px,1.5625vw,20px)}}.btn:hover{color:var(--color-white)}.btn.--orange{background:var(--color-accent)}.squareBtn{text-align:center;font-size:3.7333333333vw;font-weight:bold;border-radius:1.0666666667vw;display:flex;gap:2.1333333333vw;align-items:center;white-space:nowrap}@media screen and (min-width: 768px){.squareBtn{font-size:clamp(1px,1.171875vw,15px);border-radius:clamp(1px,.3125vw,4px);gap:clamp(1px,.625vw,8px)}}.squareBtn.--outline{border:.5333333333vw solid var(--color-primary);color:var(--color-primary);background:var(--color-white);font-weight:700;justify-content:center}@media screen and (min-width: 768px){.squareBtn.--outline{border:clamp(1px,.15625vw,2px) solid var(--color-primary)}}.squareBtn.--green{background:var(--color-primary);color:var(--color-white);gap:2.1333333333vw;border:solid .5333333333vw var(--color-primary)}@media screen and (min-width: 768px){.squareBtn.--green{gap:clamp(1px,.625vw,8px);border:clamp(1px,.15625vw,2px) solid var(--color-primary)}}.squareBtn.--green span{color:#fff;font-size:2.9333333333vw;font-weight:700;padding:.2666666667vw 1.0666666667vw .5333333333vw;border-radius:1.0666666667vw;background:hsla(0,0%,100%,.26);line-height:normal;font-style:normal}@media screen and (min-width: 768px){.squareBtn.--green span{font-size:clamp(1px,.9375vw,12px);padding:clamp(1px,.15625vw,2px) clamp(1px,.3125vw,4px) clamp(1px,.234375vw,3px);border-radius:clamp(1px,.3125vw,4px)}}.searchFilter__submit,.squareBtn{transition:opacity .3s}.searchFilter__submit:hover,.squareBtn:hover{opacity:.8}.companyTag{font-size:3.2vw;padding:.5333333333vw 1.0666666667vw;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:1.0666666667vw;font-weight:500}@media screen and (min-width: 768px){.companyTag{font-size:clamp(1px,.9375vw,12px);padding:clamp(1px,.15625vw,2px) clamp(1px,.3125vw,4px);border-radius:clamp(1px,.3125vw,4px);letter-spacing:clamp(-0.12px,-0.009375vw,-1px)}}.--brown.companyTag{border-color:var(--color-brown);color:var(--color-brown)}.pageHeader{text-align:center;padding:10.6666666667vw 0;background-color:var(--color-bg-base)}@media screen and (min-width: 768px){.pageHeader{padding:clamp(1px,4.6875vw,60px) 0}}.pageHeader .pageHeader__inner{max-width:94.6666666667vw;margin:auto}@media screen and (min-width: 768px){.pageHeader .pageHeader__inner{max-width:clamp(1px,78.125vw,1000px)}}.pageHeader .pageHeader__title{font-family:var(--font-mincho);font-size:6.4vw;font-weight:bold;color:var(--color-text-main);margin-bottom:3.2vw}@media screen and (min-width: 768px){.pageHeader .pageHeader__title{font-size:clamp(1px,2.5vw,32px);margin-bottom:clamp(1px,.9375vw,12px)}}.pageHeader .pageHeader__description{font-size:3.4666666667vw;color:var(--color-text-main);line-height:5.3333333333vw}@media screen and (min-width: 768px){.pageHeader .pageHeader__description{margin-top:clamp(1px,.3125vw,4px);font-size:clamp(1px,1.25vw,16px);line-height:clamp(1px,1.875vw,24px)}}.pageHeader .pageHeader__description strong{font-size:4.8vw;font-weight:bold;color:var(--color-text-main)}@media screen and (min-width: 768px){.pageHeader .pageHeader__description strong{font-size:clamp(1px,1.875vw,24px)}}.pagination{margin-top:14.9333333333vw}@media screen and (min-width: 768px){.pagination{margin-top:clamp(1px,4.375vw,56px)}}.pagination__list{display:flex;justify-content:space-between;align-items:center;gap:2.1333333333vw}@media screen and (min-width: 768px){.pagination__list{gap:clamp(1px,3.75vw,48px);justify-content:center}}.pagination__link{display:flex;justify-content:center;align-items:center;width:8.5333333333vw;height:8.5333333333vw;border:1px solid var(--color-primary);color:var(--color-primary);font-size:3.7333333333vw;text-decoration:none;transition:all .3s;border-radius:1.0666666667vw;font-weight:700}@media screen and (min-width: 768px){.pagination__link{width:clamp(1px,3.125vw,40px);height:clamp(1px,3.125vw,40px);font-size:clamp(1px,1.25vw,16px);border-radius:clamp(1px,.3125vw,4px)}}.pagination__link.--active,.pagination__link:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination__link.--active{opacity:1;pointer-events:none}.pagination__link.--prev,.pagination__link.--next{position:relative}.pagination__link.--prev::before,.pagination__link.--next::before{content:"\e314";font-family:"Material Symbols Outlined";font-size:5.3333333333vw;display:block;width:6.6666666667vw;aspect-ratio:1/1;color:var(--color-primary);font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 768px){.pagination__link.--prev::before,.pagination__link.--next::before{width:clamp(1px,2.5vw,32px);font-size:clamp(1px,2.1875vw,28px)}}.pagination__link.--prev:hover::before,.pagination__link.--next:hover::before{color:#fff}.pagination__link.--prev.--disabled,.pagination__link.--next.--disabled{display:none}.pagination__link.--prev::before{margin-left:.5333333333vw}@media screen and (min-width: 768px){.pagination__link.--prev::before{margin-left:clamp(1px,.15625vw,2px)}}.pagination__link.--next::before{content:"\e315";margin-left:.8vw}@media screen and (min-width: 768px){.pagination__link.--next::before{margin-left:clamp(1px,.234375vw,3px)}}.pagination__numList{display:flex;gap:2.1333333333vw}@media screen and (min-width: 768px){.pagination__numList{gap:clamp(1px,1.25vw,16px)}}.pagination__dots{color:var(--color-primary);font-size:3.7333333333vw;display:flex;width:8.5333333333vw;aspect-ratio:1/1;justify-content:center;align-items:end;font-weight:700}@media screen and (min-width: 768px){.pagination__dots{font-size:clamp(1px,1.25vw,16px);width:clamp(1px,3.125vw,40px)}}.breadcrumb{background:var(--color-bg-base);padding-top:8.5333333333vw;overflow:hidden}@media screen and (min-width: 768px){.breadcrumb{padding-top:clamp(1px,2.5vw,32px)}}.breadcrumb__inner{max-width:94.6666666667vw;margin:0 auto}@media screen and (min-width: 768px){.breadcrumb__inner{max-width:clamp(1px,78.125vw,1000px)}}.breadcrumb__list{display:flex;flex-direction:row;white-space:nowrap;overflow-x:auto;scrollbar-width:none;align-items:center;gap:2.1333333333vw;font-size:3.4666666667vw;font-weight:500;color:var(--color-text-main);padding:0}@media screen and (min-width: 768px){.breadcrumb__list{gap:clamp(1px,.625vw,8px);font-size:clamp(1px,1.25vw,16px)}}.breadcrumb__list li{display:flex;align-items:center;gap:2.1333333333vw}@media screen and (min-width: 768px){.breadcrumb__list li{gap:clamp(1px,.625vw,8px)}}.breadcrumb__list li:not(:last-child)::after{content:"\e315";font-family:"Material Symbols Outlined";font-size:5.3333333333vw;display:flex;align-items:center;justify-content:center;width:4.2666666667vw;aspect-ratio:1/1;color:var(--color-text-main);font-weight:500}@media screen and (min-width: 768px){.breadcrumb__list li:not(:last-child)::after{width:clamp(1px,2.03125vw,26px);font-size:clamp(1px,2.1875vw,28px)}}.breadcrumb__list a{color:var(--color-text-main);text-decoration:none;border-bottom:none}.worksCards .worksList{display:flex;flex-wrap:wrap;gap:6.4vw;width:100%}@media screen and (min-width: 768px){.worksCards .worksList{gap:clamp(1px,1.875vw,24px)}}.worksCards .worksList__item{width:100%}@media screen and (min-width: 768px){.worksCards .worksList__item{width:clamp(1px,24.609375vw,315px);display:flex;flex-direction:column}}.worksCards .worksList__item--empty{font-size:4.5333333333vw;font-weight:500;color:var(--color-dark-gray)}@media screen and (min-width: 768px){.worksCards .worksList__item--empty{font-size:clamp(1px,1.5625vw,20px)}}.worksCards .worksCard{background:var(--color-white);border-radius:3.2vw;position:relative;overflow:hidden;flex-grow:1;display:flex;flex-direction:column}@media screen and (min-width: 768px){.worksCards .worksCard{border-radius:clamp(1px,.9375vw,12px)}}.worksCards .worksCard>img{width:100%;aspect-ratio:4/3;object-fit:cover}@media screen and (min-width: 768px){.worksCards .worksCard>img{width:clamp(1px,24.609375vw,315px)}}.worksCards .worksCard__name{font-size:4.2666666667vw;font-weight:bold;color:var(--color-text-main)}@media screen and (min-width: 768px){.worksCards .worksCard__name{font-size:clamp(1px,1.40625vw,18px)}}.worksCards .worksCard__body{padding:5.3333333333vw;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}@media screen and (min-width: 768px){.worksCards .worksCard__body{padding:clamp(1px,1.5625vw,20px)}}.worksCards .worksCard__body>div{display:flex;flex-direction:column;gap:3.2vw}@media screen and (min-width: 768px){.worksCards .worksCard__body>div{gap:clamp(1px,.9375vw,12px)}}.worksCards .worksCard__tags{display:flex;gap:1.0666666667vw;flex-wrap:wrap;line-height:1}@media screen and (min-width: 768px){.worksCards .worksCard__tags{gap:clamp(1px,.3125vw,4px)}}.worksCards .worksCard__tags>li{padding:1.6vw 2.1333333333vw}@media screen and (min-width: 768px){.worksCards .worksCard__tags>li{padding:clamp(1px,.46875vw,6px) clamp(1px,.625vw,8px)}}.worksCards .worksCard__tags .greenLabel{font-size:3.2vw}@media screen and (min-width: 768px){.worksCards .worksCard__tags .greenLabel{font-size:clamp(1px,.9375vw,12px)}}.worksCards .worksCard__labels{display:flex;flex-direction:column;gap:1.0666666667vw}@media screen and (min-width: 768px){.worksCards .worksCard__labels{gap:clamp(1px,.3125vw,4px)}}.worksCards .worksCard__labels li{display:flex;align-items:baseline;gap:2.1333333333vw}@media screen and (min-width: 768px){.worksCards .worksCard__labels li{gap:clamp(1px,.625vw,8px)}}.worksCards .worksCard__labels li span{font-size:3.7333333333vw;font-weight:500}@media screen and (min-width: 768px){.worksCards .worksCard__labels li span{font-size:clamp(1px,1.09375vw,14px)}}.worksCards .worksCard__labels li span:first-child{background-color:var(--color-gray);padding:0 2.1333333333vw;white-space:nowrap}@media screen and (min-width: 768px){.worksCards .worksCard__labels li span:first-child{padding:0 clamp(1px,.625vw,8px);letter-spacing:normal}}@media screen and (min-width: 768px){.worksCards .worksCard__labels li span:last-child{letter-spacing:clamp(-0.12px,-0.009375vw,-1px)}}.worksCards .worksCard__moreLink{font-size:3.7333333333vw;font-weight:700;margin-top:3.2vw;color:var(--color-primary);display:inline-flex;align-items:center;line-height:1;justify-content:end}@media screen and (min-width: 768px){.worksCards .worksCard__moreLink{font-size:clamp(1px,1.171875vw,15px);margin-top:clamp(1px,1.25vw,16px)}}.worksCards .worksCard__moreLink::after{content:"\e5cc";font-family:"Material Symbols Outlined";font-size:5.3333333333vw;width:5.3333333333vw;aspect-ratio:1/1;border-radius:13.3333333333vw;color:var(--color-primary)}@media screen and (min-width: 768px){.worksCards .worksCard__moreLink::after{font-size:clamp(1px,1.5625vw,20px);width:clamp(1px,1.5625vw,20px);border-radius:clamp(1px,3.90625vw,50px)}}.header{background-color:var(--color-white);border-bottom:1.3333333333vw solid var(--color-primary);display:flex;width:100%;align-items:center;justify-content:center}@media screen and (min-width: 768px){.header{border-bottom:clamp(1px,.390625vw,5px) solid var(--color-primary)}}.header__inner{display:flex;width:100%;padding:3.2vw 5.3333333333vw;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){.header__inner{padding:clamp(1px,1.25vw,16px) 0;max-width:clamp(1px,78.125vw,1000px)}}.header__logoImg{width:18.6666666667vw;height:14.4vw}@media screen and (min-width: 768px){.header__logoImg{width:clamp(1px,19.0625vw,244px);height:clamp(1px,5.546875vw,71px)}}.header__nav{display:none}@media screen and (min-width: 768px){.header__nav{display:block}}.header__navList{display:flex;align-items:center;gap:5.3333333333vw}@media screen and (min-width: 768px){.header__navList{gap:clamp(1px,1.5625vw,20px)}}.header__navItem>a{font-size:4.2666666667vw;font-weight:500}@media screen and (min-width: 768px){.header__navItem>a{font-size:clamp(1px,1.25vw,16px)}}.header__navItem.--cta>a{font-size:5.3333333333vw}@media screen and (min-width: 768px){.header__navItem.--cta>a{font-size:clamp(1px,1.5625vw,20px)}}.header__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6vw;width:10.6666666667vw;height:10.6666666667vw;cursor:pointer;z-index:100;position:relative}@media screen and (min-width: 768px){.header__hamburger{display:none}}.header__hamburgerLine{display:block;width:7.4666666667vw;height:.5333333333vw;background-color:var(--color-text-main);border-radius:.5333333333vw;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.header__hamburger.is-open{z-index:9999}.header__hamburger.is-open .header__hamburgerLine:nth-child(1){transform:translateY(2.1333333333vw) rotate(45deg)}.header__hamburger.is-open .header__hamburgerLine:nth-child(2){opacity:0;transform:scaleX(0)}.header__hamburger.is-open .header__hamburgerLine:nth-child(3){transform:translateY(-2.1333333333vw) rotate(-45deg)}.header__drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-base);padding:21.3333333333vw 0 8vw 0;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9998;overflow-y:auto;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center}@media screen and (min-width: 768px){.header__drawer{display:none}}.header__drawer.is-open{opacity:1;pointer-events:auto}.header__drawerList{display:flex;flex-direction:column;gap:4.2666666667vw}.header__drawerItem{display:flex;flex-direction:column;align-items:flex-start;gap:3.2vw;align-self:stretch}.header__drawerItem>a,.header__drawerItemHeader{display:block;font-size:4.8vw;font-weight:700}.header__drawerItem.--cta{margin-top:4.2666666667vw}.header__drawerItem.--cta>a{font-size:4.8vw}.header__drawerItemContent{display:flex;flex-direction:column;align-items:flex-start;gap:vm(12);align-self:stretch}.header__drawerSubItem{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:2.1333333333vw;margin-top:3.2vw}.header__drawerSubItem:first-of-type{margin-top:0}.header__drawerSubItem>span:first-of-type{font-size:4.2666666667vw;font-weight:500}.header__drawerSubItem>span:last-of-type{font-size:5.8666666667vw;color:var(--color-primary);transition:transform .3s ease}.header__drawerSubItemContent{display:none;grid-template-columns:repeat(2, auto);padding:2.6666666667vw 3.2vw 3.2vw 3.2vw;align-items:center;align-content:center;gap:2.1333333333vw 4.2666666667vw;justify-content:flex-start}input:checked+.header__drawerSubItem>span:last-of-type{transform:rotate(180deg)}input:checked+.header__drawerSubItem+.header__drawerSubItemContent{display:grid}.footer{background:var(--main, #005A31);width:100%;color:var(--color-white)}.footer__inner{margin:0 auto;width:100%;max-width:89.3333333333vw;display:flex;padding:6.6666666667vw 0 4.2666666667vw;flex-direction:column;align-items:center;gap:8.5333333333vw}@media screen and (min-width: 768px){.footer__inner{max-width:clamp(1px,78.125vw,1000px);padding:clamp(1px,4.375vw,56px) 0 clamp(1px,1.25vw,16px);gap:clamp(1px,2.5vw,32px)}}.footer__content{display:flex;width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:10.6666666667vw}@media screen and (min-width: 768px){.footer__content{flex-direction:row;gap:inherit}}.footer__nav{display:grid;align-items:center;gap:3.2vw;grid-template-columns:1fr;margin-left:6.4vw}@media screen and (min-width: 768px){.footer__nav{gap:clamp(1px,1.25vw,16px) clamp(1px,3.125vw,40px);grid-template-columns:repeat(2, auto);margin-left:auto}}.footer__nav a{font-size:4.2666666667vw;font-weight:500}@media screen and (min-width: 768px){.footer__nav a{font-size:clamp(1px,1.25vw,16px)}}.footer__nav a:hover{color:var(--color-white)}.footer__btnWrap{display:flex;justify-content:center;width:100%}@media screen and (min-width: 768px){.footer__btnWrap{display:block;margin-left:clamp(1px,3.125vw,40px);width:auto}}.footer__copyright small{font-size:4.2666666667vw;font-weight:400}@media screen and (min-width: 768px){.footer__copyright small{font-size:clamp(1px,1.25vw,16px)}}.greenLabel{background-color:var(--color-primary);color:#fff;font-weight:700;border:solid 1px var(--color-primary)}.searchResults__empty{font-size:4.5333333333vw;font-weight:500;color:var(--color-dark-gray)}@media screen and (max-width: 768px){.searchResults__empty{display:block;width:fit-content;margin:auto;text-align:center}}@media screen and (min-width: 768px){.searchResults__empty{font-size:clamp(1px,1.5625vw,20px)}}.searchResults__fallbackTitle{font-size:4.5333333333vw;margin:3.2vw 0 9.6vw;position:relative;padding-left:5.3333333333vw;font-weight:500;margin:4.2666666667vw auto 0}@media screen and (max-width: 768px){.searchResults__fallbackTitle{display:block;width:fit-content}}@media screen and (min-width: 768px){.searchResults__fallbackTitle{font-size:clamp(1px,1.5625vw,20px);margin:clamp(1px,1.25vw,16px) 0 clamp(1px,3.75vw,48px);padding-left:clamp(1px,1.875vw,24px)}}.searchResults__fallbackTitle::before{content:"\e123";font-family:"Material Symbols Outlined";font-weight:500;font-style:normal;font-variant:normal;text-transform:none;line-height:1;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:4.8vw;color:var(--color-primary)}@media screen and (min-width: 768px){.searchResults__fallbackTitle::before{font-size:clamp(1px,1.5625vw,20px)}}.searchResults__fallback .companyList{margin-top:6.4vw}@media screen and (min-width: 768px){.searchResults__fallback .companyList{margin-top:clamp(1px,2.5vw,32px)}}.searchLayout{background-color:var(--color-bg-base)}.searchLayout__inner{width:100%;max-width:94.6666666667vw;margin:0 auto}@media screen and (min-width: 768px){.searchLayout__inner{max-width:clamp(1px,78.125vw,1000px);display:flex;align-items:flex-start;justify-content:center;gap:clamp(1px,4.6875vw,60px)}}@media screen and (min-width: 768px){.searchLayout__side{width:clamp(1px,20.3125vw,260px);flex-shrink:0}}@media screen and (min-width: 768px){.searchLayout__main{min-width:0}}.breadcrumb{padding-bottom:12.8vw}@media screen and (min-width: 768px){.breadcrumb{padding-bottom:clamp(1px,6.25vw,80px)}}.spFilterBtn{display:flex;justify-content:center;align-items:center;gap:6.4vw;width:100%;background:var(--color-white);padding:3.2vw 5.3333333333vw;border-radius:1.0666666667vw;margin-bottom:6.4vw;font-size:4.2666666667vw;font-weight:bold;color:var(--color-text-main);cursor:pointer}.spFilterBtn__count{font-weight:normal}.spFilterBtn__icon{margin-left:auto;color:var(--color-primary)}.searchFilter{background:var(--color-white)}@media screen and (max-width: 768px){.searchFilter{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,.6)}.searchFilter.--active{display:flex;align-items:center}}@media screen and (min-width: 768px){.searchFilter{border-radius:clamp(1px,.9375vw,12px)}}@media screen and (max-width: 768px){.searchFilter__inner{background-color:#fff;width:100%;height:90vh;margin:5.3333333333vw;overflow-y:auto;border-radius:3.2vw}}@media screen and (min-width: 768px){.searchFilter__inner{padding:clamp(1px,1.875vw,24px) clamp(1px,1.5625vw,20px)}}.searchFilter__header{display:flex;justify-content:space-between;align-items:center;padding:5.3333333333vw}.searchFilter__title{font-size:4.2666666667vw;font-weight:700}@media screen and (min-width: 768px){.searchFilter__title{font-size:clamp(1px,2.1875vw,28px)}}.searchFilter__title .searchFilter__count{font-size:4.2666666667vw;font-weight:400;margin-left:6.4vw}@media screen and (min-width: 768px){.searchFilter__title .searchFilter__count{font-size:clamp(1px,1.09375vw,14px);margin-left:clamp(1px,.9375vw,12px)}}.searchFilter__close{font-size:6.4vw;cursor:pointer;background:none;border:none}.searchFilter__body{padding:5.3333333333vw}@media screen and (min-width: 768px){.searchFilter__body{padding:0}}.searchFilter__body>div{border-top:solid var(--color-gray) 1px;padding-top:6.4vw}@media screen and (min-width: 768px){.searchFilter__body>div{padding-top:clamp(1px,1.875vw,24px)}}.searchFilter__body>div:first-of-type{border:none;padding-top:0}.searchFilter__mainTitle{font-size:clamp(1px,1.5625vw,20px);font-weight:bold;margin-bottom:clamp(1px,1.875vw,24px);padding-bottom:clamp(1px,.9375vw,12px);border-bottom:solid 2px var(--color-gray)}.searchFilter .filterGroup{margin-bottom:6.4vw}@media screen and (min-width: 768px){.searchFilter .filterGroup{margin-bottom:clamp(1px,1.875vw,24px)}}.searchFilter .filterGroup__title{font-size:4.2666666667vw;font-weight:500;margin-bottom:3.2vw}@media screen and (min-width: 768px){.searchFilter .filterGroup__title{font-size:clamp(1px,1.40625vw,18px);margin-bottom:clamp(1px,.9375vw,12px)}}.searchFilter .filterGroup__subTitle{font-size:3.2vw;margin-bottom:2.1333333333vw;color:var(--color-text-main)}@media screen and (min-width: 768px){.searchFilter .filterGroup__subTitle{font-size:clamp(1px,.9375vw,12px);margin-bottom:clamp(1px,.625vw,8px)}}.searchFilter .filterGroup__sub{margin-bottom:4.2666666667vw}@media screen and (min-width: 768px){.searchFilter .filterGroup__sub{margin-bottom:clamp(1px,1.25vw,16px)}}.searchFilter .filterGroup__sub:last-child{margin-bottom:0}.searchFilter .filterGroup__list{display:flex;flex-direction:column;gap:2.1333333333vw}@media screen and (min-width: 768px){.searchFilter .filterGroup__list{gap:clamp(1px,.625vw,8px)}}.searchFilter .filterGroup__list.--row{flex-direction:row;flex-wrap:wrap}.searchFilter .filterGroup__modal{display:flex;align-items:center;justify-content:space-between;padding:2.1333333333vw;border:1px solid var(--color-gray);border-radius:1.0666666667vw;font-size:4vw;font-weight:500;color:var(--color-text-main);background:var(--color-white);transition:opacity .3s;width:100%}@media screen and (min-width: 768px){.searchFilter .filterGroup__modal{padding:clamp(1px,.625vw,8px) 0 clamp(1px,.625vw,8px) clamp(1px,.625vw,8px);border-radius:clamp(1px,.3125vw,4px);font-size:clamp(1px,1.25vw,16px);letter-spacing:clamp(-0.5px,-0.0390625vw,-1px)}}.searchFilter .filterGroup__modal:hover{opacity:.7}.searchFilter .filterGroup__modal .material-symbols-outlined{color:var(--color-primary)}.searchFilter .filterTag{display:inline-flex;cursor:pointer;transition:opacity .3s}.searchFilter .filterTag:hover{opacity:.7}.searchFilter .filterTag input{display:none}.searchFilter .filterTag input:checked+span{box-shadow:inset 0 0 0 .5333333333vw var(--color-primary);color:var(--color-primary);background-color:rgba(0,90,49,.05);font-weight:700}@media screen and (min-width: 768px){.searchFilter .filterTag input:checked+span{box-shadow:inset 0 0 0 clamp(1px,.15625vw,2px) var(--color-primary)}}.searchFilter .filterTag.--brown input:checked+span{box-shadow:inset 0 0 0 .5333333333vw var(--color-brown);color:var(--color-brown);background-color:rgba(184,139,74,.07)}@media screen and (min-width: 768px){.searchFilter .filterTag.--brown input:checked+span{box-shadow:inset 0 0 0 clamp(1px,.15625vw,2px) var(--color-brown)}}.searchFilter .filterTag span{display:flex;align-items:center;padding:1.0666666667vw 2.1333333333vw;box-shadow:inset 0 0 0 1px var(--color-gray);border-radius:1.0666666667vw;font-size:4vw;font-weight:500;color:var(--color-text-main);background:var(--color-white);transition:all .3s ease;letter-spacing:normal}@media screen and (min-width: 768px){.searchFilter .filterTag span{padding:clamp(1px,.3125vw,4px) clamp(1px,.625vw,8px);border-radius:clamp(1px,.3125vw,4px);font-size:clamp(1px,1.25vw,16px)}}.searchFilter .filterTag.--w100{width:100%}.searchFilter .filterTag.--w100 span{width:100%;padding:2.1333333333vw}@media screen and (min-width: 768px){.searchFilter .filterTag.--w100 span{padding:clamp(1px,.625vw,8px)}}.searchFilter .filterTag.--brown span{color:var(--color-brown)}.searchFilter__footer{padding:5.3333333333vw;border-top:.2666666667vw solid var(--color-gray);position:sticky;bottom:0;background:var(--color-white)}@media screen and (min-width: 768px){.searchFilter__footer{padding:clamp(1px,1.875vw,24px) 0 0;border-top:none;position:static}}.searchFilter__submit{padding:2.1333333333vw 12.8vw 2.1333333333vw 17.0666666667vw;font-size:4.8vw;font-weight:500;position:relative;margin:auto}@media screen and (min-width: 768px){.searchFilter__submit{padding:clamp(1px,.625vw,8px) clamp(1px,2.8125vw,36px) clamp(1px,.625vw,8px) clamp(1px,4.375vw,56px);font-size:clamp(1px,1.5625vw,20px)}}.searchFilter__submit::before{content:"\ef4f";font-family:"Material Symbols Outlined";font-weight:500;font-style:normal;font-variant:normal;text-transform:none;line-height:1;position:absolute;left:9.6vw;top:50%;transform:translateY(-50%);font-size:4.8vw;color:var(--color-white)}@media screen and (min-width: 768px){.searchFilter__submit::before{font-size:clamp(1px,1.5625vw,20px);left:clamp(1px,2.34375vw,30px)}}.searchFilter .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}.searchFilter .modal.--active{display:block}.searchFilter .modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);cursor:pointer}.searchFilter .modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;width:80%;max-width:800px;max-height:80vh;border-radius:3.2vw;display:flex;flex-direction:column;box-shadow:0 1.0666666667vw 3.2vw rgba(0,0,0,.15)}@media screen and (min-width: 768px){.searchFilter .modal__content{border-radius:clamp(1px,.9375vw,12px);box-shadow:0 clamp(1px,.3125vw,4px) clamp(1px,.9375vw,12px) rgba(0,0,0,.15)}}.searchFilter .modal__header{display:flex;justify-content:space-between;align-items:center;padding:4.2666666667vw 5.3333333333vw;border-bottom:1px solid #ddd}@media screen and (min-width: 768px){.searchFilter .modal__header{padding:clamp(1px,1.25vw,16px) clamp(1px,1.5625vw,20px)}}.searchFilter .modal__title{margin:0;font-size:4.2666666667vw;font-weight:700}@media screen and (min-width: 768px){.searchFilter .modal__title{font-size:clamp(1px,1.40625vw,18px)}}.searchFilter .modal__close{background:rgba(0,0,0,0);border:none;font-size:1.5rem;cursor:pointer;color:#666}.searchFilter .modal__body{padding:20px;overflow-y:auto}.searchFilter .modal h4{font-size:4vw;font-weight:500}@media screen and (min-width: 768px){.searchFilter .modal h4{font-size:clamp(1px,1.25vw,16px)}}.searchFilter .modal__alllink a{display:inline-block;padding:2.6666666667vw 5.3333333333vw;border:1px solid var(--color-gray);border-radius:1.0666666667vw;text-align:center;text-decoration:none;font-size:4vw;transition:background-color .2s,opacity .2s;margin-bottom:8.5333333333vw}@media screen and (min-width: 768px){.searchFilter .modal__alllink a{padding:clamp(1px,.78125vw,10px) clamp(1px,1.5625vw,20px);border-radius:clamp(1px,.3125vw,4px);font-size:clamp(1px,1.171875vw,15px);margin-bottom:clamp(1px,2.5vw,32px)}}.searchFilter .modal__alllink a:hover{background-color:#f4f4f4}.searchFilter .modal__list{list-style:none;padding:0;margin:3.2vw 0 8.5333333333vw;display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:2.1333333333vw}@media screen and (min-width: 768px){.searchFilter .modal__list{margin:clamp(1px,.9375vw,12px) 0 clamp(1px,2.5vw,32px);gap:clamp(1px,.625vw,8px)}}.searchFilter .modal__list li a{display:block;padding:2.6666666667vw;border:1px solid var(--color-gray);border-radius:1.0666666667vw;text-align:center;text-decoration:none;font-size:4vw;transition:background-color .2s,opacity .2s}@media screen and (min-width: 768px){.searchFilter .modal__list li a{padding:clamp(1px,.78125vw,10px);border-radius:clamp(1px,.3125vw,4px);font-size:clamp(1px,1.171875vw,15px)}}.searchFilter .modal__list li a:hover{background-color:#f4f4f4}.searchFilter .modal__list.--large{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr))}.companyList{display:flex;flex-direction:column;gap:6.4vw}@media screen and (min-width: 768px){.companyList{gap:clamp(1px,1.875vw,24px);width:clamp(1px,52.5vw,672px)}}.companyCard{background:var(--color-white);border-radius:3.2vw;position:relative;overflow:hidden}@media screen and (min-width: 768px){.companyCard{border-radius:clamp(1px,.9375vw,12px)}}.companyCard.--pr{border:solid 1.3333333333vw var(--color-accent)}@media screen and (min-width: 768px){.companyCard.--pr{border-width:clamp(1px,.390625vw,5px)}}.companyCard.--pr::before{content:"PR";position:absolute;top:0;right:0;background:var(--color-accent);color:var(--color-white);font-size:2.6666666667vw;font-weight:bold;padding:0 1.0666666667vw .8vw 2.1333333333vw;border-radius:0 0 0 2.1333333333vw}@media screen and (min-width: 768px){.companyCard.--pr::before{font-size:clamp(1px,1.015625vw,13px);padding:0 clamp(1px,.3125vw,4px) clamp(1px,.3125vw,4px) clamp(1px,.625vw,8px);border-radius:0 0 0 clamp(1px,.625vw,8px)}}.companyCard.--pr .companyCard__header{margin:5.3333333333vw 4vw}@media screen and (min-width: 768px){.companyCard.--pr .companyCard__header{margin:clamp(1px,1.5625vw,20px) clamp(1px,2.734375vw,35px)}}.companyCard.--pr .companyCard__body{margin:6.4vw 5.0666666667vw}@media screen and (min-width: 768px){.companyCard.--pr .companyCard__body{margin:clamp(1px,2.5vw,32px) clamp(1px,2.109375vw,27px)}}.companyCard__header{display:flex;justify-content:space-between;align-items:center;margin:5.3333333333vw}@media screen and (min-width: 768px){.companyCard__header{margin:clamp(1px,2.5vw,32px) clamp(1px,2.5vw,32px) clamp(1px,1.875vw,24px)}}.companyCard__headerMain{display:flex;align-items:center;gap:2.1333333333vw}@media screen and (min-width: 768px){.companyCard__headerMain{gap:clamp(1px,.9375vw,12px)}}.companyCard__logo{width:10.6666666667vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;flex-shrink:0}@media screen and (min-width: 768px){.companyCard__logo{width:clamp(1px,4.6875vw,60px)}}.companyCard__logo img{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.companyCard__flexBox{display:flex;flex-direction:column}}.companyCard__name{font-size:4.2666666667vw;font-weight:bold;color:var(--color-text-main)}@media screen and (min-width: 768px){.companyCard__name{font-size:clamp(1px,1.5625vw,20px)}}.companyCard__companyName{margin-bottom:-.2666666667vw;font-size:3.2vw}@media screen and (min-width: 768px){.companyCard__companyName{margin-bottom:clamp(-1px,-0.078125vw,-1px);font-size:clamp(1px,1.09375vw,14px)}}.companyCard__meta{color:var(--color-text-main);display:flex;justify-content:space-between;margin-top:2.1333333333vw}@media screen and (min-width: 768px){.companyCard__meta{text-align:right;flex-direction:column;margin-top:0}}.companyCard__location{position:relative;margin-top:.5333333333vw;font-size:2.6666666667vw;display:flex;align-items:center}@media screen and (min-width: 768px){.companyCard__location{margin-top:clamp(1px,.15625vw,2px);font-size:clamp(1px,.9375vw,12px)}}.companyCard__location::before{content:"\e0c8";display:block;font-family:"Material Symbols Outlined";font-weight:500;font-style:normal;font-variant:normal;text-transform:none;line-height:1;font-size:4.2666666667vw;color:var(--color-gray)}@media screen and (min-width: 768px){.companyCard__location::before{font-size:clamp(1px,1.25vw,16px)}}.companyCard__rating{display:flex;gap:1.0666666667vw;align-items:center}@media screen and (min-width: 768px){.companyCard__rating{flex-direction:column;gap:0;align-items:end}}.companyCard__rating>div{display:flex;gap:1.0666666667vw}@media screen and (min-width: 768px){.companyCard__rating>div{gap:clamp(1px,.3125vw,4px)}}.companyCard .stars{position:relative;line-height:1;letter-spacing:2px;width:calc(5em + 8px);display:inline-block;overflow:hidden;font-size:2.9333333333vw}@media screen and (min-width: 768px){.companyCard .stars{font-size:clamp(1px,1.015625vw,13px)}}.companyCard .stars__color{color:#ffea00;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:5;float:left;overflow:hidden;width:calc(4em + 6px)}.companyCard .stars__gray{position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--color-gray);line-height:1;z-index:4}.companyCard__score{font-weight:700;color:var(--color-text-main);font-size:3.7333333333vw;line-height:1}@media screen and (min-width: 768px){.companyCard__score{font-size:clamp(1px,1.25vw,16px);line-height:normal}}.companyCard__reviews{font-size:2.6666666667vw}@media screen and (min-width: 768px){.companyCard__reviews{font-size:clamp(1px,.9375vw,12px)}}.companyCard__gallery{position:relative;z-index:2;height:42.6666666667vw}@media screen and (min-width: 768px){.companyCard__gallery{height:clamp(1px,15.625vw,200px)}}.companyCard__galleryBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:8.5333333333vw;aspect-ratio:1/1;background-color:hsla(0,0%,100%,.75);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s ease}@media screen and (min-width: 768px){.companyCard__galleryBtn{width:clamp(1px,3.125vw,40px)}}.companyCard__galleryBtn:hover{background-color:#fff}.companyCard__galleryBtn--prev{left:1.0666666667vw}@media screen and (min-width: 768px){.companyCard__galleryBtn--prev{left:clamp(1px,.3125vw,4px)}}.companyCard__galleryBtn--next{right:1.0666666667vw}@media screen and (min-width: 768px){.companyCard__galleryBtn--next{right:clamp(1px,.3125vw,4px)}}.companyCard__galleryBtn .material-symbols-outlined{font-size:24px;color:var(--color-primary)}.companyCard__galleryBtn:disabled{opacity:0;pointer-events:none}.companyCard__galleryBtn:disabled .material-symbols-outlined{opacity:0}.companyCard__galleryList{display:flex;gap:1.0666666667vw;overflow-x:auto;overflow-y:hidden;height:100%;scrollbar-width:none;scroll-behavior:smooth;background-color:#f7f7f7}.companyCard__galleryList.--single{background-size:cover;background-position:center;background-color:hsla(0,0%,100%,.75);background-blend-mode:lighten}.companyCard__galleryList::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.companyCard__galleryList{gap:clamp(1px,.3125vw,4px)}}.companyCard__galleryItem{width:auto;height:42.6666666667vw;flex-shrink:0}@media screen and (min-width: 768px){.companyCard__galleryItem{height:clamp(1px,15.625vw,200px)}}.companyCard__galleryItem img{width:100%;height:42.6666666667vw;object-fit:cover}@media screen and (min-width: 768px){.companyCard__galleryItem img{height:clamp(1px,15.625vw,200px)}}.companyCard__body{margin:6.4vw;display:flex;flex-direction:column;gap:3.2vw}@media screen and (min-width: 768px){.companyCard__body{margin:clamp(1px,1.875vw,24px) clamp(1px,2.5vw,32px) clamp(1px,2.5vw,32px);gap:clamp(1px,1.25vw,16px)}}.companyCard__catch{font-size:4.2666666667vw;font-weight:700;color:var(--color-primary);line-height:1.5;font-family:var(--font-mincho)}@media screen and (min-width: 768px){.companyCard__catch{font-size:clamp(1px,1.5625vw,20px)}}.companyCard__tags{display:flex;flex-wrap:wrap;gap:1.0666666667vw}@media screen and (min-width: 768px){.companyCard__tags{gap:clamp(1px,.3125vw,4px)}}.companyCard__desc{font-size:3.7333333333vw;line-height:normal;color:var(--color-text-main);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width: 768px){.companyCard__desc{font-size:clamp(1px,1.171875vw,15px);-webkit-line-clamp:3}}.companyCard__worktags{font-size:3.2vw;line-height:normal;background-color:var(--color-light-gray);padding:1.6vw 3.2vw}@media screen and (min-width: 768px){.companyCard__worktags{font-size:clamp(1px,.9375vw,12px);padding:clamp(1px,.46875vw,6px) clamp(1px,.9375vw,12px)}}.companyCard__worktags>label{font-weight:bold}.companyCard__actions{display:flex;gap:2.1333333333vw}@media screen and (min-width: 768px){.companyCard__actions{justify-content:flex-end;gap:clamp(1px,1.25vw,16px)}}.companyCard__actions .squareBtn{padding:1.8666666667vw 4.2666666667vw 2.1333333333vw}@media screen and (min-width: 768px){.companyCard__actions .squareBtn{padding:clamp(1px,.546875vw,7px) clamp(1px,1.25vw,16px) clamp(1px,.625vw,8px)}}.companyCard__actions .squareBtn.--outline{width:33.8666666667vw;position:relative;z-index:1}.companyCard__actions .squareBtn.--outline:hover{text-decoration:none;opacity:.7}@media screen and (min-width: 768px){.companyCard__actions .squareBtn.--outline{width:fit-content}}.companyCard__actions .squareBtn.--green{position:relative;padding-left:9.3333333333vw;position:relative;z-index:2}@media screen and (min-width: 768px){.companyCard__actions .squareBtn.--green{padding-left:clamp(1px,3.125vw,40px)}}.companyCard__actions .squareBtn.--green::before{content:"\e158";font-family:"Material Symbols Outlined";font-weight:500;font-style:normal;font-variant:normal;text-transform:none;line-height:1;position:absolute;left:4vw;top:50%;transform:translateY(-50%);font-size:4.2666666667vw;color:var(--color-white)}@media screen and (min-width: 768px){.companyCard__actions .squareBtn.--green::before{font-size:clamp(1px,1.25vw,16px);left:clamp(1px,1.40625vw,18px)}}.companyCard__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media screen and (min-width: 768px){.worksCards{width:clamp(1px,52.5vw,672px)}}
