@charset "UTF-8";
/*! ファイル名:works.css */@media screen and (min-width:768px){.page-container{padding:0 calc(var(--cell)*4) calc(var(--cell)*6)}}@media screen and (max-width:767px){.page-container{padding:calc(var(--cell)*3)}}@media screen and (min-width:768px){.filter{margin-bottom:calc(var(--cell)*6);position:relative}}@media screen and (max-width:767px){.filter{margin-bottom:calc(var(--cell)*3)}}@media screen and (min-width:768px){.filter-toggle{display:none}}@media screen and (max-width:767px){.filter-toggle{align-items:center;border:var(--border-width) solid var(--color-border);column-gap:.3rem;display:flex;line-height:var(--leading-none);padding:.5rem .7rem .6rem .5rem;width:max-content}.filter-toggle-icon{width:2rem}.filter-toggle-text{font-size:1.4rem;font-weight:var(--font-weight-bold)}.filter-container{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s var(--ease-power4-out)}.filter-container[hidden]{grid-template-rows:0fr}.filter-container[hidden] .filter-contents:after,.filter-container[hidden] .filter-contents:before{transform:scaleX(0)}.filter-container[hidden] .filter-frame:after,.filter-container[hidden] .filter-frame:before{transform:scaleY(0)}}.filter-contents{margin-top:calc(var(--border-width)*-1)}@media screen and (max-width:767px){.filter-contents{overflow:hidden;position:relative}.filter-contents:after,.filter-contents:before{background-color:var(--color-border);content:"";height:var(--border-width);left:0;position:absolute;transform:scaleX(1);transform-origin:left center;width:100%}.filter-contents:before{top:0;transition:transform .4s var(--ease-power4-out)}.filter-contents:after{bottom:0;transition:transform .1s var(--ease-power4-out)}}.filter-frame{position:relative}@media screen and (min-width:768px){.filter-frame{border:var(--border-width) solid var(--color-border)}}@media screen and (max-width:767px){.filter-frame{padding:calc(var(--cell)*3) calc(var(--cell)*3) 2.4rem}.filter-frame:after,.filter-frame:before{background-color:var(--color-border);content:"";height:100%;position:absolute;top:0;transform:scaleY(1);transform-origin:center top;transition:transform .4s var(--ease-power4-out);width:var(--border-width)}.filter-frame:before{left:0}.filter-frame:after{right:0}.filter-frame .c-cross{display:none}}@media screen and (min-width:768px){.filter-pair{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.filter-pair{border:var(--border-width) solid var(--color-border)}}@media screen and (min-width:768px){.filter-section:nth-child(n+2){border-left:var(--border-width) solid var(--color-border)}}@media screen and (max-width:767px){.filter-section:nth-child(n+2){border-top:var(--border-width) solid var(--color-border)}}.filter-heading{background-image:url(/lp/renewal/assets/images/common/texture_gray.jpg);background-position:top;background-repeat:repeat;border-bottom:var(--border-width) solid var(--color-border);font-weight:var(--font-weight-bold);line-height:var(--leading-none)}@media screen and (min-width:768px){.filter-heading{background-size:90rem auto}}@media screen and (max-width:767px){.filter-heading{background-size:45rem auto}}@media screen and (min-width:768px){.filter-heading{font-size:1.6rem;padding:.9rem 1.2rem}}@media screen and (max-width:767px){.filter-heading{font-size:1.4rem;padding:.8rem 1.2rem}}.filter-list{display:flex;flex-wrap:wrap}@media screen and (min-width:768px){.filter-list{gap:.6rem;padding:calc(var(--cell)*2 - var(--border-width))}}@media screen and (max-width:767px){.filter-list{gap:1.2rem;padding:2.4rem 1.9rem}}.filter-item-button{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-small);font-weight:var(--font-weight-bold);line-height:var(--leading-none);transition:color .2s linear,background-color .2s linear}@media screen and (min-width:768px){.filter-item-button{font-size:1.6rem;padding:.9rem 1.1rem}}@media screen and (max-width:767px){.filter-item-button{font-size:1.4rem;padding:.8rem .9rem}}.filter-item-button.is-active,.filter-item-button.is-hover{background-color:var(--color-base);color:var(--color-white)}@media screen and (min-width:768px){.filter-close{display:none}}@media screen and (max-width:767px){.filter-close{align-items:center;column-gap:.4rem;display:flex;line-height:var(--leading-none);margin:2.4rem auto 0;width:max-content}.filter-close-icon{height:1.2rem;position:relative;width:1.2rem}.filter-close-icon:after,.filter-close-icon:before{background-color:currentcolor;content:"";height:var(--border-width);position:absolute;top:50%;width:1.1rem}.filter-close-icon:before{transform:rotate(45deg)}.filter-close-icon:after{transform:rotate(-45deg)}.filter-close-text{font-size:1.2rem}}.works-empty{line-height:var(--leading-normal);text-align:center}.works-empty[hidden]{display:none}@media screen and (min-width:768px){.works-empty{font-size:1.8rem;padding-bottom:2.4rem;padding-top:2.4rem}}@media screen and (max-width:767px){.works-empty{font-size:1.6rem;padding-bottom:4rem;padding-top:3.2rem}}