.case-search__top{-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;padding-left:.2em}.case-search__top .text{margin-right:.2em}.case-search__top .text::after{content:"："}.case-search__top label{-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;margin-right:.5em}.case-search__top input{margin-right:.2em}.case-search__bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;gap:.625em;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:.5em;padding:1.875em 1.25em;background:#eee3c9}.case-search__bottom select,.case-search__bottom input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #707070;background:#fff}.case-search__bottom select{padding:.125em 1.25em .1875em .625em}.case-search__bottom input{padding:.125em .625em .1875em}.case-search__wrap{-webkit-box-flex:1;-ms-flex:1;gap:.625em;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1}.case-search button{padding:.125em .625em .1875em;background:#007f65;color:#fff;cursor:pointer}.case-search button:hover{-webkit-transition:.2s;opacity:.8;transition:.2s}.case-search button span{position:relative;padding-left:1.5625em}.case-search button span::before{-webkit-transform:translate(0, -50%);display:block;z-index:1;position:absolute;top:50%;left:0;width:1.25em;height:1.25em;transform:translate(0, -50%);background:url(../../images/icon_search.png) center center/contain no-repeat;content:""}.case-main-box{position:relative;height:22.1025em}.case-main-box__list{-webkit-box-pack:center;-ms-flex-pack:center;gap:6.75em;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%}.case-main-box__list.js--gallery-main{opacity:0}.case-main-box__list.js--gallery-main.current{z-index:2;opacity:1}.case-main-box__item{width:calc(100% / 2 - 6.75em / 2)}.case-main-box__item+.case-main-box__item::before{-webkit-transform:translate(-50%, -50%);-webkit-clip-path:polygon(0 0, 100% 50%, 0 100%);display:block;z-index:1;position:absolute;top:50%;left:50%;width:1.6875em;height:3.5em;transform:translate(-50%, -50%);background:#eee3c9;clip-path:polygon(0 0, 100% 50%, 0 100%);content:""}.case-main-box__item.-before .case-main-box__ttl{background:#007f65}.case-main-box__item.-before .case-main-box__img{border:2px solid #007f65;border-top:unset}.case-main-box__item.-after .case-main-box__ttl{background:#e14d4d}.case-main-box__item.-after .case-main-box__img{border:2px solid #e14d4d;border-top:unset}.case-main-box__ttl{position:relative;color:#fff;text-align:center}.case-main-box__ttl::before,.case-main-box__ttl::after{-webkit-box-shadow:0 1em 0 #fff;z-index:1;position:absolute;top:.125em;width:.25em;height:.25em;border-radius:50%;background:#fff;box-shadow:0 1em 0 #fff;content:""}.case-main-box__ttl::before{left:.125em}.case-main-box__ttl::after{right:.125em}.case-main-box__img{background:#f2f2f2}.case-main-box__img img{-o-object-fit:contain;aspect-ratio:340/230;width:100%;height:100%;object-fit:contain}.case-thumb-box{-ms-flex-wrap:wrap;gap:1em;margin-inline:auto;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:90%;margin-top:4.375em}.case-thumb-box__list{position:relative;width:calc(100% / 5 - (1em * 4 / 5))}.case-thumb-box__list.js--gallery-thumb.current::after{inset:0;display:block;z-index:1;position:absolute;border:5px solid #eee3c9;content:""}.case-thumb-box__list.js--gallery-thumb:not(.current){-webkit-transition:.2s;cursor:pointer;transition:.2s}.case-thumb-box__list.js--gallery-thumb:not(.current):hover{opacity:.8}.case-thumb-box__img{background:#f2f2f2}.case-thumb-box__img img{aspect-ratio:340/230;width:100%;height:100%}.case-thumb-box__img.-before{display:block;z-index:1;position:absolute;bottom:.625em;left:.625em;width:30%;height:30%;border:2px solid #fff}.case-thumb-box__img.-before img{-o-object-fit:cover;object-fit:cover}.case-thumb-box__img.-after img{-o-object-fit:contain;object-fit:contain}.case-description{gap:3.125em;display:-webkit-box;display:-ms-flexbox;display:flex}.case-description__item{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width: 1900px){/*! 施工事例 */}@media screen and (max-width: 1540px){/*! 施工事例 */}@media screen and (max-width: 1260px){/*! 施工事例 */}@media screen and (max-width: 1100px){/*! 施工事例 */}@media screen and (max-width: 840px){/*! 施工事例 */.case-search__bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.case-search button{margin-top:.5em}.case-main-box{height:17.7123015873em}.case-main-box__list{gap:5em}.case-main-box__item{width:calc(100% / 2 - 5em / 2)}}@media screen and (max-width: 480px){/*! 施工事例 */.case-search__wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.case-main-box{height:11.9016666667em}.case-main-box__list{gap:2em}.case-main-box__item+.case-main-box__item::before{top:27%;left:36%;width:.8em;height:2em}.case-main-box__item.-before{width:calc(35% - 1em);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.case-main-box__item.-after{width:calc(65% - 1em)}.case-thumb-box{margin-top:2em}.case-description{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;gap:1em;flex-direction:column}}
/*# sourceMappingURL=page-cases.css.map */