.work_list{flex-wrap:wrap;margin:0 -10px 0 0;display:flex}.work_list .item{width:calc(33.3333% - 10px);margin:0 10px 33px 0;position:relative}.work_list .item .link{width:100%;height:100%;display:block}.work_list .item .image_wrap_inner{width:100%;height:260px;margin:0 0 12px;position:relative;overflow:hidden}.work_list .item .image{background-position:50%;background-size:cover;width:100%;height:100%}.work_list .item .title{text-align:center;color:#000;max-height:3.2em;font-size:16px;font-weight:400;line-height:1.6;transition:color .2s;overflow:hidden}.work_list .item .link:hover .title{color:#666}.work_list .category{text-align:center;z-index:10;color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:50px 0 16px;font-size:14px;font-weight:700;position:absolute;bottom:0;left:0}.animate_background .image{transition:transform .75s}.animate_background:hover .image{transform:scale(1.2)}#archive_work{width:800px;margin:0 auto;padding:45px 0 0;overflow:hidden}.work_area{padding-top:52px}.work_area:last-of-type{margin-bottom:110px}.work_area_top .headline{text-align:center;font-size:30px;font-weight:500;line-height:1.4}.work_area .work_list{margin:60px -10px 0 0}@media (width>=1051px){.work_area{margin-top:-100px;padding-top:152px}}#single_work_title_area{border-bottom:1px solid #ddd;padding:60px 0 50px}#single_work_title_area .category{text-align:center;margin:0 0 25px;font-size:0}#single_work_title_area .category li{color:#fff;box-sizing:border-box;min-width:100px;height:35px;margin:0;padding:0;font-size:12px;line-height:35px;display:inline-block}#single_work_title_area .category li a{color:#fff;padding:0 20px;display:block}#single_work_title_area .category li.parent a{background:#000}#single_work_title_area .category li.parent a:hover{background:#333}#single_work_title_area .category li.child a{background:#a33f37}#single_work_title_area .category li.child a:hover{background:#d45348}#single_work_title_area .title{text-align:center;margin:0;font-size:32px;font-weight:500;line-height:1.3}body.single-work #main_contents{width:800px;margin:0 auto;padding:52px 0 110px}.work_content{margin:0 0 60px}.single_work_catch{text-align:center;color:#000;margin:0 0 40px;font-size:30px;font-weight:500;line-height:1.5}.single_work_desc{margin:0;font-size:16px}.work_content .clearfix:after{content:"";display:block}.single_work_desc img.aligncenter{margin-top:7px;margin-bottom:7px}.single_work_image_list{margin:0}.work_data_list dl{border-top:1px solid #ddd;border-left:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;margin:0;font-size:14px;display:flex}.work_data_list dt{box-sizing:border-box;background:#f8f8f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;width:170px;padding:16px 25px 14px;line-height:2.2;display:flex;position:relative}.work_data_list dd{box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:calc(100% - 170px);padding:16px 25px 14px;line-height:2.2}.work_data_list .link_button{text-align:center;margin:60px 0 0}.work_data_list .link_button a{color:#fff;box-sizing:border-box;background:#000;min-width:250px;height:60px;padding:0 20px;line-height:60px;display:inline-block}#next_prev_post2{margin:100px 0 0}#next_prev_post2 .item{float:left;width:50%;height:120px;position:relative}#next_prev_post2 a{color:#000;box-sizing:border-box;border:1px solid #ddd;width:100%;height:100%;display:block;position:relative}#next_prev_post2 a:hover{color:#000;background:#fafafa}#next_prev_post2 .item:first-child a{border-right:none}#next_prev_post2 .item:only-child a{border-right:1px solid #ddd}#next_prev_post2 .title_area{float:left;box-sizing:border-box;width:calc(100% - 120px);height:120px;position:relative}#next_prev_post2 .title{text-align:center;box-sizing:border-box;width:100%;max-height:3.2em;padding:0 30px;font-size:16px;line-height:1.6;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}#next_prev_post2 .image_wrap{z-index:2;float:left;width:120px;height:120px;margin:-1px;display:block;position:relative;overflow:hidden}#next_prev_post2 .image_wrap_inner{width:100%;height:100%}#next_prev_post2 .image{backface-visibility:hidden;background-position:50%;background-size:cover;width:100%;height:100%;display:block}#next_prev_post2 .next_post,#next_prev_post2 .next_post .image_wrap{float:right}#related_work_list{width:800px;margin-top:100px;overflow:hidden}#related_work_list .headline{text-align:center;margin:0 0 60px;font-size:22px;font-weight:500;line-height:1}@media (width<=900px){.work_list .item .image_wrap{height:auto;margin:0 0 10px;position:relative}.work_list .item .image_wrap:before{content:"";padding-top:100%;display:block}.work_list .item .image_wrap_inner{width:100%;height:100%;position:absolute;top:0}#archive_work{width:auto;margin:0 30px;padding:0}.work_area:last-of-type{margin-bottom:40px}body.single-work #main_contents{width:auto;margin:0 30px}#next_prev_post2 .title{padding:0 20px}#related_work_list{width:auto;margin-top:50px}#related_work_list .headline{margin:0 0 30px}}@media (width<=650px){.work_list .item .title{font-size:14px}.work_list .category{font-size:12px}#archive_work{margin:0 20px}.work_area{padding-top:35px}.work_area:last-of-type{margin-bottom:30px}.work_area_top .headline{font-size:20px}.work_area .work_list{margin:40px -10px 0 0}.work_area .post_list_area{margin:0 0 -15px}#single_work_title_area .category{margin:0 0 15px}#single_work_title_area{padding:30px 0 25px}#single_work_title_area .title{font-size:20px}body.single-work #main_contents{margin:0 25px;padding:33px 0 0}.work_content{margin-bottom:40px}.single_work_catch{margin:0 0 25px;font-size:20px}.single_work_desc{font-size:14px}.single_work_image_list{margin:0 0 35px}.work_data_list dl{font-size:12px}.work_data_list dt{width:90px;padding:10px 15px;line-height:1.6}.work_data_list dd{width:calc(100% - 90px);padding:10px 15px;line-height:1.6}.work_data_list .link_button{margin:40px 0 0}.work_data_list .link_button a{min-width:200px;height:45px;font-size:12px;line-height:45px}#related_work_list{width:auto;margin-top:40px}#related_work_list .headline{margin:0 0 35px;font-size:16px}}@media (width<=600px){#next_prev_post2{margin-top:40px}#next_prev_post2 .item{width:calc(50% - 5px);height:auto}#next_prev_post2 a{height:auto;background:0 0!important;border:none!important}#next_prev_post2 .title_area{float:none;text-align:center;width:auto;height:auto}#next_prev_post2 .title{width:auto;padding:0;font-size:14px;position:relative;top:0;transform:none}#next_prev_post2 .image_wrap{float:none;width:auto;height:auto;margin:0 0 10px;position:relative}#next_prev_post2 .image_wrap:before{content:"";padding-top:100%;display:block}#next_prev_post2 .image_wrap_inner{float:none;width:100%;height:100%;margin:0;position:absolute;top:0}#next_prev_post2 .next_post .image_wrap{float:none}}@media (width<=500px){.work_list .item{width:calc(50% - 10px);margin-bottom:15px}.work_list .item .image_wrap{margin-bottom:10px}}
