@charset "UTF-8";main{overflow:hidden}.meta-list li:last-of-type a::after{content:"...";display:block;position:absolute;bottom:26%;right:2%}.section-project{width:94%;padding-top:16.7%;position:relative}.section-title__project,.section-title__project::after,.section-title__project::before{font-size:4.4rem;font-size:3.05vw}.section-title__project{margin-bottom:13%}.s-btn{cursor:pointer;text-align:left;width:7.2%;margin-left:auto;position:absolute;right:4.8vw;top:11.6vw;transition:all .5s ease;opacity:1}.s-btn.open{opacity:0;transition:all .5s ease}.s-btn::after{content:"";display:block;position:absolute;top:0%;right:0;width:20%;padding-top:20%;background-image:url(../img/common/search-icon.svg);background-repeat:no-repeat;background-size:100% auto}.s-btn span{display:inline-block;text-transform:uppercase;font-family:"futura-pt",sans-serif;font-weight:600;font-size:1.6rem;font-size:1.11vw;letter-spacing:.05em;color:#272727}.s-close{width:1.38vw;height:1.38vw;position:absolute;right:2vw;top:2.4vw}.s-close span{display:block;width:1px;height:100%;background-color:#e27e0a;transform:rotate(45deg);position:absolute;top:0;left:0;right:0;margin:auto}.s-close span:last-of-type{transform:rotate(-45deg)}.project-list{width:100%!important;display:flex;flex-wrap:wrap;margin-right:-3.4%}.project-listItem{width:33.3333%;padding-right:2%;position:relative;box-sizing:border-box}.project-listItem:nth-of-type(n+4){margin-top:2%}.project-listItem a{display:block;outline:none;position:relative;transform:translateY(45px);-webkit-transform:translateY(45px);opacity:0}.product-title{height:auto;width:100%;position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgb(255 255 255 / .8);opacity:0;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.project-listItem:hover .product-title{opacity:1;-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.product-title p{color:#272727;font-weight:600;letter-spacing:.05em;position:absolute;width:100%;left:0;top:50%;transform:translatey(-50%);text-align:center;font-size:1.6rem}.project-listItem .project-img{width:100%}.project-title{text-align:left;font-size:1.9rem;font-size:1.319vw;margin:0 0 .4em}.project-title span{display:block;font-family:YakuHanJP,"brandon-grotesque",YuGothic,"游ゴシック体","游ゴシック","Yu Gothic Medium","Yu Gothic",'メイリオ','Meiryo',sans-serif;color:#4e5141;font-weight:600;line-height:1.5;letter-spacing:1px}.project-meta{font-family:"brandon-grotesque",sans-serif;font-weight:600;font-size:1.3rem;font-size:.902vw;padding-left:.6em;margin:1.7em 0 1.1em;color:#4e5141;text-align:left;position:relative}.project-meta::before{content:"-";display:block;position:absolute;top:50%;transform:translateY(-50%);left:0}.meta-list__project{padding-bottom:4%}.meta-listItem__project a{font-size:1.2rem;font-size:.83vw}.meta-listItem__project a::before{font-size:1.2rem;font-size:.83vw}.btn-project{text-align:left}.project-search{position:relative;background-color:#faf5ec;padding:0 0 4.4%;margin-bottom:9.9%;display:none}.project-search h3,.project-search h4{font-family:"brandon-grotesque",sans-serif;text-transform:uppercase}.project-search h3{padding:1.8em 0 1.6em;border-bottom:1px solid #e27e0a;color:#e27e0a;font-size:2.1rem;font-weight:600;letter-spacing:.05em}.project-search h4{font-size:1.6rem;color:#272727;font-weight:600}.search-form{text-align:left;padding:4.3% 10.7% 0;box-sizing:border-box}.search-wrapper{padding:3.5% 0 0;box-sizing:border-box}.search-wrapper:first-of-type{padding-top:4.1%}.tag-wrapper{display:flex;flex-wrap:wrap;padding-top:2.9%}.tag-wrapper li{width:25%;margin-bottom:2%}.all span{font-weight:600;text-transform:uppercase;vertical-align:middle;display:inline-block;font-family:"brandon-grotesque",sans-serif;color:#272727;font-size:1.4rem;font-size:.972vw;padding-left:.25em}.tag-wrapper label span{cursor:pointer;display:inline-block;color:#272727;font-size:1.3rem;font-size:.9027vw;padding-left:.25em;font-family:'ryo-gothic-plusn',YuGothic,"游ゴシック体","游ゴシック","Yu Gothic Medium","Yu Gothic",'メイリオ','Meiryo',sans-serif;font-weight:600;letter-spacing:.02em;vertical-align:middle}input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:none;outline:none;border:#e27e0a solid 1px;width:1.25vw;height:1.25vw;border-radius:50%;margin-right:.5%;margin-left:0;display:inline-block;position:relative;vertical-align:middle}input[type="checkbox"]:checked::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;width:1.25vw;height:1.25vw;background-color:#e27e0a;border-radius:50%}.search-btn{width:33%;margin:0 auto;padding-top:3%;display:flex;justify-content:space-between}.submit-button{-webkit-appearance:none;appearance:none;background-color:unset;outline:none;border:none;text-transform:uppercase;font-weight:600;font-family:"brandon-grotesque",sans-serif;color:#e27e0a;font-size:1.9rem;width:8.125vw;height:8.125vw;border-radius:50%;border:#e27e0a solid 1px;transition:all .5s ease;-webkit-transition:all .5s ease}.submit-button:hover{color:#faf5ec;background-color:#e27e0a;border:none}.reset-button{border:#535353 solid 1px;color:#535353;transition:all .5s ease;-webkit-transition:all .5s ease}.reset-button:hover{border:none;color:#faf5ec;background-color:#535353}.btn-all_project{margin-top:10%}.slide{display:none;margin-top:7.3%}.project-img div{transform:translateY(45px);-webkit-transform:translateY(45px);opacity:0}.project-meta,.meta-list__project,.btn-project{opacity:0;transform:translateY(1vw)}.project-title span{transform:translateY(1vw);opacity:0}@media screen and (min-width:1921px){.section-project{padding-top:7.7%;position:relative}.s-btn{text-align:left;width:9.2%;margin-left:auto;position:absolute;right:1.11vw;top:8.6vw;transition:all .5s ease;opacity:1}.s-btn.open{opacity:0;transition:all .5s ease}.s-btn::after{top:18%}.s-btn span{font-size:2.1rem;font-size:.82vw}.project-title{font-size:2.5rem;font-size:.97vw}.project-meta{font-size:1.7rem;font-size:.66vw}.meta-listItem__project a{font-size:1.2rem;font-size:.83vw}.meta-listItem__project a::before{font-size:1.2rem;font-size:.83vw}.all span{font-size:1.8rem;font-size:.703vw}.tag-wrapper label span{font-size:1.7rem;font-size:.66vw}}@media screen and (max-width:768px){.product-title p{font-weight:600;font-size:1rem;font-size:2.666vw}.section-project{padding:23.9% 0 36%}.project-wrapper{padding:0 3.5%;box-sizing:border-box}.section-title__project,.section-title__project::after,.section-title__project::before{font-size:2.9rem;font-size:7.7vw}.s-btn{width:19%;right:0;top:24vw;z-index:10}.s-btn::after{top:23%;right:15%;width:20%;padding-top:20%}.s-btn span{font-size:1rem;font-size:2.66vw}.s-close{width:5.38vw;height:5.38vw;right:2.4vw;top:2.4vw}.project-list{width:100%!important;padding-top:14.9%;margin-right:0;margin-bottom:15%}.project-listItem{width:50%;padding:0 1.5%;position:relative}.project-listItem:nth-of-type(n+3){margin-top:0}.project-listItem:not(:last-of-type){padding-bottom:3%}.project-title{font-size:1.5rem;font-size:4vw;padding:0 0;position:relative}.project-title::after{display:block;content:"";width:100%;height:1px;background-color:#6A6E5D;position:absolute;left:0;bottom:0%}.project-title span{margin-bottom:.5em;transform:translateY(6vw)}.project-meta{font-size:1.4rem;font-size:3.7vw;padding-left:.6em;margin:.75em 0}.meta-list__project{padding-top:3.7%;padding-bottom:0}.meta-listItem__project a{font-size:1.2rem;font-size:3.2vw}.meta-listItem__project a::before{font-size:1.2rem;font-size:3.2vw}.btn-project{position:absolute;right:2vw!important;top:56vw!important;width:18%!important;bottom:unset!important}.btn-project span{color:#fff}.btn-project::after{width:20%;padding-top:20%;background-image:url(../img/common/w-arrow.svg)}.project-search{z-index:20;padding:6.9% 0 10.4%}.project-search h3{padding-bottom:1em;font-size:1.2rem;font-size:3.2vw}.search-form{padding:6.3% 5% 0}.all span{font-size:1.2rem;font-size:3.2vw;padding-left:.5em}.search-wrapper{padding:5.5% 0 0;box-sizing:border-box}.project-search h4{font-size:1.2rem;font-size:3.2vw}.tag-wrapper li{width:50%;margin-bottom:3%}.tag-wrapper label span{font-size:1rem;font-size:2.6vw}.tag-wrapper label span::before{font-size:1.2rem;font-size:3.2vw}input[type="checkbox"]{width:4vw;height:4vw;margin:0 .5% 0 0;padding:0}input[type="checkbox"]:checked::after{width:4vw;height:4vw}.search-btn{width:60%;padding-top:14%}.submit-button{font-size:1.2rem;font-size:3.2vw;width:20vw;height:20vw}}