@charset "UTF-8";article header{border-bottom:2px solid #d38a3a;box-sizing:border-box;margin:0 -10px}article header .inner{align-items:center;bottom:auto;box-sizing:border-box;display:flex;left:auto;padding:70px 10px 40px;right:auto;top:auto}article header h1{font-size:32px;margin-right:50px}article header p{font-size:16px;margin-top:0}.content{max-width:none;padding-top:5px}.selector1{box-sizing:border-box;margin:0 auto;max-width:1220px;padding:20px 10px}.selector2{background-color:#faf7f4;margin:0 -10px;padding:20px 10px}#case_selector1{align-items:center;display:flex;flex-wrap:wrap}#case_selector1 li{box-sizing:border-box;cursor:pointer;line-height:1.2em;margin-bottom:10px;margin-right:40px;padding-left:0;text-decoration:underline}#case_selector1 li+li{margin-top:0}#case_selector1 li:before{content:none}#case_selector1 li.active,#case_selector1 li:hover{box-sizing:border-box;color:#ea6a00;font-weight:700;text-decoration:none}.caselist{align-items:flex-start;display:flex;flex-wrap:wrap;margin:0 auto;max-width:1200px}.selector2 .inner{box-sizing:border-box;margin:0 auto;max-width:1220px;padding:10px;width:100%}.selector2-text{text-align:left}.selector2-text img{margin-right:10px;vertical-align:-3px;width:17px}#case_selector2{align-items:flex-start;display:flex;flex-wrap:wrap;margin-top:10px}#case_selector2 li{background-color:#fff;border-radius:5px;cursor:pointer;line-height:1;margin-right:10px;margin-top:10px;padding:15px 12px;position:relative}#case_selector2 li:before{display:none}#case_selector2 li:after{border:1px solid #ddd;border-radius:5px;content:"";display:block;height:100%;left:-1px;position:absolute;top:-1px;width:100%;z-index:1}#case_selector2 li.active,#case_selector2 li:hover{color:#ea6a00}#case_selector2 li.active:after,#case_selector2 li:hover:after{border-color:#ea6a00;left:-1px;top:-1px}#case_selector2:after{clear:both;content:"";display:block}.selector2 .notice{margin-top:10px}#search_company{background-color:#fff;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:20px 0 0 10px;position:relative;width:238px}#search_company input{border:none;height:40px;outline:none;width:200px}#search_company #c_search_btn{background:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png) right -92px;display:inline-block;height:28px;overflow:hidden;position:absolute;right:0;text-indent:100%;top:50%;transform:translateY(-50%);white-space:nowrap;width:30px}#search_company #c_search_btn:hover{background-position:right -122px}#case_data{margin:20px auto 0;max-width:1200px;position:relative}#datalist{display:none}#case_button{border:1px solid #ea6a00;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:none;position:absolute;width:100%}@media only screen and (max-width:800px){#case_selector2,#case_selector2+.notice{margin:0 10px}}@media only screen and (max-width:640px){.selector2{padding:20px 0}#case_selector1{border-spacing:5px;font-size:.86em}#case_selector2{font-size:.86em;text-align:center}}*+html #case_selector1{zoom:1;border-spacing:0;display:inline;height:100px;margin:20px auto 0}*+html #case_selector1 li{background:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_new.png) center 55px no-repeat;border-width:2px;display:block;float:left;height:25px;margin-left:12px;padding:15px 0 60px;width:149px}*+html #case_selector1 li:before{display:none}*+html #case_selector1 li:first-child{margin-left:0}*+html #case_selector1 li+li{margin-top:0}*+html #case_selector1 li>span.before{display:none}*+html #case_selector1 li#c_target{background-image:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_target.png)}*+html #case_selector1 li#c_category{background-image:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_category.png)}*+html #case_selector1 li#c_scale{background-image:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_scale.png)}*+html #case_selector1 li#c_service{background-image:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_service.png)}*+html #case_selector1 li#c_company{background-image:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/ie/service/icon_ctop_ie_company.png)}*+html #caselist{margin:0 -7px;width:1200px}*+html #case_selector2{zoom:1;margin:0}*+html #case_selector2 li{background-color:#fff;border:2px solid #ddd;cursor:pointer;float:left;margin:0 6px 16px;padding:18px 0;width:224px;z-index:2}*+html #case_selector2 li:after,*+html #case_selector2 li:before{display:none}*+html #case_selector2 li.active,*+html #case_selector2 li:hover{border:2px solid #ea842f}*+html #search_company{zoom:1;display:none}*+html #search_company input{float:left}*+html #search_company #c_search_btn{background:url(//1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/jp/common/images/bg_icons.png) -270px -92px}*+html #search_company #c_search_btn:hover{background-position:-270px -122px}*+html #case_button{left:-2px;top:-2px}*+html .pager ul li{display:inline}.case-border{border:1px solid #c8c8c8;padding:19px}#fixedbnr_cta{background:#f1e9de;border-radius:0 5px 0 0;border-top:5px solid #f5b580;bottom:0;box-shadow:1px 7px 10px rgba(0,0,0,.4);left:0;position:fixed;transform:translateY(230px);transition:transform;transition-duration:.5s;transition-timing-function:ease-in;width:420px;z-index:100}#fixedbnr_cta p{margin:5px 15px 10px 0;text-align:right}#fixedbnr_cta p:hover{color:#000;cursor:pointer}#fixedbnr_cta p+p,#fixedbnr_cta.cta_hide p:first-child{display:none}#fixedbnr_cta.cta_hide p+p{display:block}#fixedbnr_cta .cta{clear:both}@media screen and (max-width:640px){#fixedbnr_cta{display:none!important}}#case_list{display:flex;flex-wrap:wrap;margin-top:40px;max-width:1200px;text-align:left;width:100%}#case_list,#case_list li{list-style:none;padding-left:0}#case_list li{margin-bottom:50px;margin-top:0;width:calc(50% - 20px)}#case_list li:before{content:none}#case_list li:nth-of-type(odd){margin-right:40px}#case_list li a{color:#494949;display:flex;text-decoration:none}#case_list li .left,ul li .right{width:50%}#case_list li .left{background-position:top;background-repeat:no-repeat;background-size:contain;overflow:hidden;padding-top:40%}#case_list li .right{padding:10px 20px}#case_list li .copy,#case_list li .name{color:#494949;font-size:14px;font-weight:700;margin-top:0}#case_list li .name{margin:15px auto 0}#case_list li .name:after{background:url(https://jp.vcube.com/hubfs/jp/images/case/common/icon-arrow-off.png) no-repeat 0 0/contain;content:"";display:inline-block;height:16px;margin-left:10px;vertical-align:-3px;width:16px}#case_list li a:hover .detail,#case_list li a:hover .left{opacity:.75}#case_list li a:hover .copy,#case_list li a:hover .name{color:#ea6a00}#case_list li a:hover .name:after{background-image:url(https://jp.vcube.com/hubfs/jp/images/case/common/icon-arrow-on.png)}#case_list li .detail{border-top:1px dotted #ddd;display:flex;flex-wrap:wrap;font-size:12px;margin:15px auto 0;padding-top:15px}#case_list li .detail dt{width:6em}#case_list li .detail dd{margin-bottom:3px;margin-left:0;width:calc(100% - 6em)}#case_list li .detail dd:before{content:"：";margin-left:-1em}#case_list.company{display:flex;flex-wrap:wrap;list-style:none;text-align:left}#case_list.company li{margin-bottom:10px;width:33.33333%}#case_list.company li:nth-of-type(odd){margin-right:0}#case_list.company li a{color:#06c;display:inline-block;text-decoration:underline}#case_list.company li a:hover{color:#ea6a00}main>article{background-image:url(https://jp.vcube.com/hubfs/jp/common/images/bg_dot-line.svg);background-position:right -500px top 70px;background-repeat:no-repeat}@media only screen and (max-width:1200px){.content{min-width:auto}}@media only screen and (max-width:800px){article header .inner{flex-wrap:wrap;padding:40px 10px}#case_list li{margin-bottom:50px;width:100%}#case_list li:nth-of-type(odd){margin-right:0}#case_list li .left{padding-top:30%;width:30%}#case_list li .right{box-sizing:border-box;width:70%}#case_list.company li{width:50%}#search_company{margin:10px 0 0 10px}}@media only screen and (max-width:450px){.content{min-width:auto}#case_list li a{align-items:center;flex-direction:column}#case_list li .left,#case_list li .right{width:100%}#case_list li .left{padding-top:50%}#case_list.company a,#case_list.company li{width:100%}}