#title{background-image:url(/wp-content/themes/color_japan/img/bg_04.jpg);background-position:center bottom}#content{background-image:url(/wp-content/themes/color_japan/img/honegumi_full2.svg);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}.bg_gray{background-color:rgba(0,0,0,.05)}#category{padding-bottom:150px}.content_title{padding:150px 0 50px}.cat_menu ul{display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0 auto;width:calc(250px * 3 + 100px)}.cat_menu a.but_w{min-width:250px;text-align:center;background-image:url(/wp-content/themes/color_japan/img/y2.png);background-size:10px 6px;margin:-10px 0 0}.cat_menu a.but_w:hover{background-image:url(/wp-content/themes/color_japan/img/y2w.png);background-position:right 15px bottom 18px}.cat_menu li{display:flex;flex-flow:column;justify-content:flex-end}.cat_menu li:before{content:"";display:block;background-size:cover;background-repeat:no-repeat;background-position:center;margin:0 auto}.cat_menu li.paiting:before{width:102px;height:112px;background-image:url(/wp-content/themes/color_japan/img/service_icon1.png)}.cat_menu li.electricity:before{width:76px;height:112px;background-image:url(/wp-content/themes/color_japan/img/service_icon2.png)}.cat_menu li.color_u:before{width:182px;height:92px;background-image:url(/wp-content/themes/color_japan/img/service_icon3.png)}@media screen and (max-width:950px){.cat_menu ul{width:calc(200px * 3 + 60px)}.cat_menu a.but_w{min-width:200px}}@media screen and (max-width:850px){#category{padding-bottom:100px}.content_title{padding:100px 0 50px}}@media screen and (max-width:750px){.cat_menu ul{width:250px}.cat_menu a.but_w{min-width:250px}.cat_menu li.electricity,.cat_menu li.paiting{margin-bottom:50px}}@media screen and (max-width:450px){#category{padding-bottom:75px}.content_title{padding:75px 0 50px}}.cases{padding:150px 0}.wl_title{margin-bottom:50px;background-size:cover;background-repeat:no-repeat;background-position:left center;height:50px}#paiting .wl_title{padding-left:calc(46px + 15px);background-size:46px;background-image:url(/wp-content/themes/color_japan/img/works1.png)}#electricity .wl_title{padding-left:calc(34px + 15px);background-size:34px;background-image:url(/wp-content/themes/color_japan/img/works2.png)}#color_u .wl_title{padding-left:calc(100px + 15px);background-size:100px;background-image:url(/wp-content/themes/color_japan/img/works3.png)}.wl_title h5{line-height:1;letter-spacing:2px;margin:0}.wl_title h3{margin:6px 0 0;color:#1e1e1e;font-size:28px;font-weight:700;display:flex;align-items:center;text-align:left;letter-spacing:2px;line-height:1;margin-bottom:10px}.wl_title h3:after{content:"";flex-grow:1;height:1px;background:#1e1e1e;display:block;margin-left:10px}.cases_list ul{display:flex;flex-flow:row;flex-flow:wrap;justify-content:left;list-style:none;width:calc(100% + 20px);margin:0 0 0 -10px}.cases_list ul li{width:calc(100% / 3);display:flex;flex-flow:column;padding:10px;box-sizing:border-box}.cases_list ul li a{text-decoration:none;box-shadow:0 0 8px rgba(0,0,0,.5);overflow:hidden}.cases_list ul li a:after{display:block;width:100%;height:100%;content:" ";background-color:rgba(0,0,0,.6);background-image:url(/wp-content/themes/color_japan/img/right.svg);background-size:50px 50px;background-repeat:no-repeat;background-position:center;position:relative;top:-100%;opacity:0;transition:.3s}.cases_list ul li a:hover:after{opacity:1;background-size:30px 30px}.cases_list ul li img{display:block;width:100%;height:14vw;overflow:hidden;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:.3s}.cases_list ul li a:hover img{transform:scale(1.2)}.cases_list ul li p{padding:14px 14px 17px;box-sizing:border-box;background-color:#fff;background-image:url(/wp-content/themes/color_japan/img/line.png);background-size:100% 2px;background-position:center bottom;background-repeat:no-repeat;position:relative;margin:0}.cases_list ul li p span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;letter-spacing:1px;line-height:1.3}@media screen and (max-width:850px){.cases{padding:100px 0}.cases_list ul li{width:50%}.cases_list ul li img{height:28vw}}@media only screen and (max-width:550px){.cases_list ul li{width:100%}.cases_list ul li img{height:50vw}.cases_list ul li p span{-webkit-line-clamp:2}}@media only screen and (max-width:450px){.cases{padding:75px 0}}