@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap");.header-logo{position:absolute;z-index:99;display:none;max-width:242px;width:12.6%;top:80px;left:9.3%}@media screen and (min-width: 1000px){.header-logo{display:block}}.header-logo svg{width:100%;height:auto}.header-logo svg .a{fill:#0086ca}.header-logo svg .b{fill:#5cb2dd}.header-logo svg .c,.header-logo svg .e{fill:none}.header-logo svg .c{stroke:#0086ca;stroke-miterlimit:10;stroke-width:1.404px}.header-logo svg .d{stroke:none}.header-common{display:none;margin-bottom:92px;padding:0 20px;background-color:transparent;width:100%;height:80px}@media screen and (min-width: 1000px){.header-common{display:block}}.header-common__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}.header-common__nav li{margin-right:24px}.header-common__nav li a{-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.header-common__nav li a:hover{color:#0086ca}.header-common__nav .contact{position:relative;margin-right:30px;margin-left:16px;background-color:#0086ca;width:170px;height:100%;font-weight:500;color:#fff;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.header-common__nav .contact::after{content:'';position:absolute;top:0;right:0;display:block;background-color:#0086ca;width:30px;height:100%;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-clip-path:polygon(0 0, 0% 100%, 100% 50%);clip-path:polygon(0 0, 0% 100%, 100% 50%)}.header-common__nav .contact:hover{background-color:#4d4d4d}.header-common__nav .contact:hover::after{background-color:#4d4d4d}.header-common__nav .contact:hover a{color:#fff}.header-common__nav .contact a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.header-common__nav .contact a svg{margin-right:8px;width:20px;height:auto;fill:#fff;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.hero{margin:0 auto;padding:0 37px;max-width:1280px;width:100%;height:auto}@media screen and (min-width: 1000px){.hero{margin-right:auto;margin-left:auto;margin-bottom:96px;padding:0;width:90%}}.hero .bread-crumb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto;margin-bottom:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.2rem}@media screen and (min-width: 1000px){.hero .bread-crumb{margin-bottom:85px;font-size:1.4rem}}.hero .bread-crumb a{-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}@media screen and (min-width: 1000px){.hero .bread-crumb a:hover{color:#0086ca}}.hero__main{position:relative;width:100%}.hero__main .title{position:relative;z-index:2;margin-left:auto;margin-bottom:16px;text-align:right;color:#0086ca}@media screen and (min-width: 1000px){.hero__main .title{margin-bottom:0}}.hero__main .title__en{font-family:"Roboto","sans-serif";font-size:3.2rem;font-weight:700}@media screen and (min-width: 1000px){.hero__main .title__en{font-size:6rem}}.hero__main .title__ja{text-align:right;font-size:1.8rem;font-weight:500}@media screen and (min-width: 1000px){.hero__main .title__ja{font-size:2.2rem}}.hero__main .img-area{position:relative;margin-left:calc((100% - 100vw) / 2);width:100vw}@media screen and (min-width: 1000px){.hero__main .img-area{margin-top:-140px;height:656px}}.hero__main .img-area .pc{display:none}@media screen and (min-width: 1000px){.hero__main .img-area .pc{position:absolute;top:0;right:30.3%;display:block;width:auto;height:656px;-webkit-mask-image:url(../assets/img/hero-mask.svg);mask-image:url(../assets/img/hero-mask.svg);-webkit-mask-position-x:-80px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}}@media screen and (min-width: 1920px){.hero__main .img-area .pc{right:unset;left:0}}.hero__main .img-area .sp{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);width:100%;-webkit-mask-image:url(../assets/img/hero-mask-sp.svg);mask-image:url(../assets/img/hero-mask-sp.svg);-webkit-mask-size:123%;mask-size:123%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position-x:calc(100% - 10px)}@media screen and (min-width: 1000px){.hero__main .img-area .sp{display:none}}.hero__main .img-area .trapezoid{position:absolute;z-index:3;right:0;bottom:0;-webkit-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px);background-color:#0086ca;width:50%;height:54.1%;-webkit-clip-path:polygon(64.5% 0%, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(64.5% 0%, 100% 0, 100% 100%, 0% 100%);mix-blend-mode:multiply}@media screen and (min-width: 1000px){.hero__main .img-area .trapezoid{-webkit-clip-path:polygon(39.54% 0%, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(39.54% 0%, 100% 0, 100% 100%, 0% 100%);width:55.31%;height:64.62%}}.simple-hero{position:relative;margin-bottom:40px;width:100%}@media screen and (min-width: 1000px){.simple-hero{margin-right:auto;margin-left:auto;margin-bottom:176px;width:90%}}.simple-hero__content{padding:0 37px;width:100%}@media screen and (min-width: 1000px){.simple-hero__content{margin:0 auto;padding:0;max-width:1280px}}.simple-hero .bread-crumb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:auto;margin-bottom:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.2rem}@media screen and (min-width: 1000px){.simple-hero .bread-crumb{margin-bottom:64px;font-size:1.4rem}}.simple-hero .bread-crumb a{-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}@media screen and (min-width: 1000px){.simple-hero .bread-crumb a:hover{color:#0086ca}}.simple-hero .title{position:relative;z-index:2;text-align:right;color:#0086ca}.simple-hero .title__en{font-size:3.2rem;font-family:"Roboto","sans-serif";font-weight:700}@media screen and (min-width: 1000px){.simple-hero .title__en{font-size:6rem}}.simple-hero .title__ja{font-size:1.8rem;font-weight:400}@media screen and (min-width: 1000px){.simple-hero .title__ja{font-size:2.2rem}}.simple-hero .hero-trapezoid{display:none}@media screen and (min-width: 1000px){.simple-hero .hero-trapezoid{position:absolute;z-index:-1;top:0;right:60%;-webkit-transform:translateY(-16px) skewX(-45deg);-ms-transform:translateY(-16px) skewX(-45deg);transform:translateY(-16px) skewX(-45deg);display:block;width:calc(100vw * 0.31);height:calc(100vh * 0.72);background-color:#e5f3fa}}.search{margin-right:auto;margin-bottom:40px;margin-left:auto;padding:40px 0;background-color:#e5f3fa;max-width:1280px}@media screen and (min-width: 1000px){.search{margin-top:200px;margin-bottom:80px;padding:40px;width:90%}}.search .content-wrapper{max-width:1120px}.search__query-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1%;margin-bottom:calc(16px - 1%);width:100%}@media screen and (min-width: 1000px){.search__query-wrapper{margin-bottom:calc(32px - 1%)}}.search__query{background-color:#fff;width:49.5%;height:48px;margin-bottom:1%}@media screen and (min-width: 1000px){.search__query{width:19.2%;height:58px}}.search__query label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:4px 16px;width:100%;height:100%}.search__query label input[type="checkbox"]{display:block;width:18px;height:18px;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 2px gray;border-radius:0}.search__query label input[type="checkbox"]::after{content:'';border-bottom:2px solid white;border-right:2px solid white;content:"";display:none;position:absolute;top:0;left:5px;height:12px;width:6px;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}.search__query label input[type="checkbox"]:checked{background-color:gray}.search__query label input[type="checkbox"]:checked::after{display:block}.search__query .tag-name{margin-left:8px;font-size:1.4rem}@media screen and (min-width: 1000px){.search__query .tag-name{margin-left:12px;font-size:1.8rem}}.search .search-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#000;width:100%;height:50px;color:#fff;font-weight:700}@media screen and (min-width: 1000px){.search .search-button{height:60px;font-size:2.4rem;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.search .search-button:hover{background-color:#0086ca}}.search .search-button svg{margin-right:6px;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}@media screen and (min-width: 1000px){.search .search-button svg{margin-right:14px;width:25px;height:auto;-webkit-transform:unset;-ms-transform:unset;transform:unset}}.search .search-button svg .a{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:3px}.search-result-wrapper .content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:1280px}@media screen and (min-width: 1000px){.search-result-wrapper .content-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5.9%;width:90%;margin-bottom:calc(108px - 5.8%)}}.search-result-card{margin-bottom:56px}.search-result-card:last-child{margin-bottom:unset}@media screen and (min-width: 1000px){.search-result-card{width:29.4%;margin-bottom:5.9%}}.search-result-card .link-area{display:block;margin-bottom:8px}@media screen and (min-width: 1000px){.search-result-card .link-area{-webkit-transition:all 600ms;-o-transition:all 600ms;transition:all 600ms}.search-result-card .link-area:hover{opacity:0.6}.search-result-card .link-area:hover .search-result-card__img img{-webkit-transform:translateX(-50%) scale(1.2);-ms-transform:translateX(-50%) scale(1.2);transform:translateX(-50%) scale(1.2)}}.search-result-card__img{position:relative;overflow:hidden;margin-bottom:8px;width:100%;aspect-ratio:8 / 6}.search-result-card__img img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:auto;height:100%}@media screen and (min-width: 1000px){.search-result-card__img img{-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}}.search-result-card__title{font-size:2.2rem;line-height:1.6}.search-result-card__tag-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.search-result-card__tag{background-color:#0086ca;border-radius:100vh}.search-result-card__tag:last-child{margin-right:0}.search-result-card__tag a{display:block;padding:8px 20px;color:#fff;font-weight:500}.pagination-wrapper{margin-bottom:80px}.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto}.pagination__link{margin-right:8px;border:solid 2px #0086ca;background-color:#F2F2F2}.pagination__link:last-child{margin-right:0}@media screen and (min-width: 1000px){.pagination__link{-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.pagination__link:hover{background-color:#5cb2dd}}.pagination__link.current{background-color:#0086ca;pointer-events:none}.pagination__link.current p{color:#fff}.pagination__link.extend{pointer-events:none}.pagination__link a,.pagination__link p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;color:#0086ca;font-family:"Roboto","sans-serif";font-size:1.4rem;font-weight:400}@media screen and (min-width: 750px){.pagination__link a,.pagination__link p{width:26px;height:26px;font-size:1.9rem}}@media screen and (min-width: 1000px){.pagination__link a,.pagination__link p{width:40px;height:40px;font-size:2rem}}@media screen and (min-width: 1000px){.pagination__link.prev svg,.pagination__link.next svg{width:20px;height:auto}}.pagination__link.prev svg .a,.pagination__link.prev svg .c,.pagination__link.next svg .a,.pagination__link.next svg .c{fill:none}.pagination__link.prev svg .b,.pagination__link.next svg .b{-webkit-clip-path:url(#a);clip-path:url(#a)}.pagination__link.prev svg .c,.pagination__link.next svg .c{stroke:#0086ca;stroke-miterlimit:10;stroke-width:2px}@media screen and (min-width: 1000px){.pagination__link.prev svg .c,.pagination__link.next svg .c{stroke-width:1px}}.pagination__link.prev svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}

/*# sourceMappingURL=map/works.css.map */
