@charset "utf-8";body{overflow-x:hidden}.works_top{margin:0 auto 0}#main>.subpage>.works_top>h3{border-bottom:none!important;padding-bottom:0!important}@media all and (max-width:769px){.works_top{padding-bottom:3em}}.works_list,.works_item{width:100%;margin:0 auto;padding-bottom:8rem;border-bottom:solid .1rem #e6eaea}.works_list>h3{max-width:1200px;width:90%;text-align:center;font-size:2rem;padding:.5em;border-top:1px dashed #e6eaea;border-bottom:1px dashed #e6eaea;margin:50px auto 50px;font-weight:700}.works_list>ul{max-width:1200px;width:90%;margin:auto;display:flex;justify-content:flex-start;flex-wrap:wrap}.works_list>ul>li{width:22%;margin-right:3%;margin-bottom:40px;position:relative;overflow:hidden;padding:0}.works_list>ul>li:nth-of-type(4n){margin-right:0}.works_list>ul>li>a{display:block;width:100%;height:0;padding-top:100%;position:relative;overflow:hidden;z-index:1;margin-bottom:10px}.works_list>ul>li>a>.works_all_img{position:absolute;top:0;bottom:-50%;width:auto;max-width:103%;height:auto;min-height:100%;margin:auto;transition:1s;-webkit-transition:1s}.works_list>ul>li:hover>a>.works_all_img{transform:scale(1.1)}.works_list>ul>li>a>.works_all_text{display:none;position:absolute;width:100%;height:100%;top:0;left:0;padding:1em;box-sizing:border-box;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.works_list>ul>li:hover>a>.works_all_text{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:5;pointer-events:none;background-color:rgba(0,0,0,.2)}.works_list>ul>li:hover>a>div>h4,.works_list>ul>li:hover>a>div>p,.works_list>ul>li:hover>a>div>div{animation:flip-in-hor-top .3s linear 0s}@keyframes flip-in-hor-top{0%{transform:translateY(2rem);opacity:0}100%{transform:translateY(0);opacity:1}}.works_list>ul>li>a>div *{color:#fff}.works_list>ul>li>a>div>h4{font-size:1.8rem;text-align:center;font-weight:700;margin-bottom:.5em}.works_list>ul>li>a>div>p{text-align:center;font-size:1.4rem;margin-bottom:1em}.works_list>ul>li>a>div>div{display:block;width:90%;font-size:1.4rem;padding:.5em;border:1px solid #fff;border-radius:30px;text-align:center;pointer-events:auto;display:flex;justify-content:space-between;align-items:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.works_list>ul>li>a>div>div:hover{background-color:#73c8b2;border:1px solid #73c8b2;color:#fff;padding:.5em .5em .5em .8rem}.works_list>ul>li .sps_anime{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0 .5rem 0 0}.works_list>ul>li .sps:hover .sps_anime{margin:0 0 0 .5rem}@media all and (max-width:769px){.works_list>h3{font-size:1.8rem}.works_list>ul>li{width:100%;margin-right:0;margin-bottom:12px}.works_list>ul>li:nth-of-type(4n){margin-right:0}.works_list>ul>li>a{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch;height:auto;padding-top:0}.works_list>ul>li>a>.works_all_img{position:relative;width:50%;max-width:50%;padding-bottom:50%}.works_list>ul>li>a>.works_all_img img{position:absolute;height:100%;object-fit:cover}.works_list>ul>li>a:hover>.works_all_img{transform:scale(1)}.works_list>ul>li>a>.works_all_text{display:flex;justify-content:center;align-items:center;flex-direction:column;position:static;width:50%;height:auto;background-color:#f2f2f2;padding:.5em}.works_list>ul>li:hover>a>.works_all_text{background-color:#f2f2f2;animation:none}.works_list>ul>li>a>div *{color:#5a5a5a}.works_list>ul>li>a>div>h4{font-size:1.6rem}.works_list>ul>li>a>div>p{font-size:1.2rem}.works_list>ul>li>a>.works_all_text>div{display:block;width:110px;font-size:1.1rem;padding:.5em;border:1px solid #fff;border-radius:30px;text-align:center;pointer-events:auto;color:#fff}.works_list>ul>li>a>.works_all_text>div:hover{background-color:rgba(0,0,0,0);border:1px solid #5a5a5a;padding:.5em;color:#5a5a5a}.works_list>ul>li:hover>a>div>h4,.works_list>ul>li:hover>a>div>p,.works_list>ul>li:hover>a>.works_all_text>div{animation:none}}.works_item{margin-bottom:0}.works_item>.inner{max-width:960px;width:90%;margin:0 auto}.works_item>.inner>h4{text-align:center;font-size:2.4rem;font-weight:700;margin-bottom:.5em}.works_item>.inner>small{display:block;text-align:center;font-size:1.4rem;margin-bottom:3em}.works_item>.inner>p{margin:0 auto 3em;line-height:2.8rem}.work_slider{margin-bottom:20px}.works_item>.inner .swiper-slide{text-align:center;overflow:hidden}.works_item>.inner .swiper-slide img{width:100%}.works_item>.inner .swiper-slide p{width:100%;background-color:rgba(0,0,0,.5);padding:.8rem 4%;color:#fff;position:absolute;bottom:0}.swiper-button-next:after,.swiper-button-prev:after{position:absolute}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'→';font-size:1.5rem;left:17px}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'←';font-size:1.5rem;right:17px}.swiper-button-next,.swiper-button-prev{top:0;bottom:0;margin:auto;height:60%;width:100px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5a5a5a;background-color:rgba(255,255,255,.5);border-radius:50%}.works_item .swiper-button-next{right:-50px}.works_item .swiper-button-prev{left:-50px}.works_item>a.button{margin:60px auto}.works_item>.inner .works_cate{text-align:center;font-size:2.2rem;font-weight:700;margin:0 auto 6rem;border-bottom:1px dashed #e6eaea;padding:1.5rem;width:30%}.work_slider_2,.work_slider_3{margin:0 auto 20px}.work_slider-thumbnail_2{width:50%;margin:0 auto 20px}.work_slider-thumbnail_3{width:75%;margin:0 auto 20px}@media all and (max-width:1024px){.work_slider-thumbnail_2{width:68%;margin:0 auto 20px}.work_slider-thumbnail_3{width:100%;margin:0 auto 20px}}@media all and (max-width:769px){.works_item>.inner>h4{font-size:1.8rem}.works_item>.inner>small{font-size:1.2rem}.works_item>.inner>p{font-size:1.4rem}.work_slider-thumbnail{margin-bottom:2em}.spfull{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size:1.2rem;left:15%}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{font-size:1.2rem;right:15%}.swiper-button-next,.swiper-button-prev{height:50%;width:13%;background-color:rgba(0,0,0,.5);color:#fff}.swiper-button-next{right:-7.5%}.swiper-button-prev{left:-7.5%}.works_item>.inner .works_cate{font-size:1.6rem;border-bottom:1px dashed #e6eaea;width:30%;margin:0 auto 3rem}}@media all and (max-width:600px){.works_item>.inner .works_cate{width:50%}}