@charset "UTF-8";html{background-color:#121216}.case_cell1{padding:calc(80 / var(--kniu_vw)) 0 calc(160 / var(--kniu_vw))}.case_wrap2{margin-top:calc(30 / var(--kniu_vw))}.case_filter{border:1px solid #404040;border-radius:calc(10 / var(--kniu_vw));-webkit-border-radius:calc(10 / var(--kniu_vw));-moz-border-radius:calc(10 / var(--kniu_vw));-ms-border-radius:calc(10 / var(--kniu_vw));-o-border-radius:calc(10 / var(--kniu_vw));padding:calc(35 / var(--kniu_vw));background-color:#000}.case_filter+.case_filter{margin-top:calc(30 / var(--kniu_vw))}.case_filter_title{margin-bottom:calc(45 / var(--kniu_vw));text-transform:uppercase;font-size:calc(26 / var(--kniu_vw));color:#fff}.case_filter_label{display:block;padding:calc(15 / var(--kniu_vw)) 0;cursor:pointer}.case_filter_text_group{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center}.case_filter_text{font-weight:700;font-size:calc(20 / var(--kniu_vw));color:#999;transition:color .3s;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s}.case_filter_input:checked~.case_filter_text_group .case_filter_text{color:var(--kniu_blue)}.case_filter_icon{width:calc(14 / var(--kniu_vw))}.case_filter_icon2,.case_filter_input,.case_filter_input:checked~.case_filter_text_group .case_filter_icon1{display:none}.case_filter_input:checked~.case_filter_text_group .case_filter_icon2{display:inline-block}.case_item+.case_item{margin-top:calc(30 / var(--kniu_vw))}.case_card{border:1px solid #404040;border-radius:calc(10 / var(--kniu_vw));-webkit-border-radius:calc(10 / var(--kniu_vw));-moz-border-radius:calc(10 / var(--kniu_vw));-ms-border-radius:calc(10 / var(--kniu_vw));-o-border-radius:calc(10 / var(--kniu_vw));padding:calc(35 / var(--kniu_vw));background-color:#000}.case_card>.kniu_card_head{border:1px solid #404040;border-radius:calc(10 / var(--kniu_vw));-webkit-border-radius:calc(10 / var(--kniu_vw));-moz-border-radius:calc(10 / var(--kniu_vw));-ms-border-radius:calc(10 / var(--kniu_vw));-o-border-radius:calc(10 / var(--kniu_vw));margin-bottom:calc(30 / var(--kniu_vw));height:calc(335 / var(--kniu_vw))}.case_card_img{will-change:transform;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out}.case_card:hover .case_card_img{transform:scale3d(1.06,1.06,1.06);-webkit-transform:scale3d(1.06,1.06,1.06);-moz-transform:scale3d(1.06,1.06,1.06);-ms-transform:scale3d(1.06,1.06,1.06);-o-transform:scale3d(1.06,1.06,1.06)}.case_card_text1{position:relative;padding-bottom:calc(15 / var(--kniu_vw));line-height:1.2;font-size:calc(30 / var(--kniu_vw));color:#fff}.case_card_text1::after{content:"";position:absolute;top:100%;left:0;width:calc(109 / var(--kniu_vw));height:calc(6 / var(--kniu_vw));background-color:var(--kniu_blue)}.case_card:hover .case_card_text1::after{animation:animate_line .3s;-webkit-animation:animate_line .3s}@keyframes animate_line{0%{width:0;opacity:0}100%{width:calc(109 / var(--kniu_vw));opacity:1}}.case_card_text2{margin:calc(35 / var(--kniu_vw)) 0 calc(40 / var(--kniu_vw));line-height:1.8;font-size:calc(20 / var(--kniu_vw));color:#fff}.case_card_text3{line-height:1.3;font-size:calc(18 / var(--kniu_vw));color:#666}.case_card_text3+.case_card_text3{margin-top:calc(20 / var(--kniu_vw))}.case_card_icon{margin-right:calc(25 / var(--kniu_vw));width:calc(20 / var(--kniu_vw))}@media (min-width:calc(1024px - 60px)){.case_group{display:flex;display:-webkit-flex}.case_wrap1{min-width:calc(410 / var(--kniu_vw));max-width:min-content}.case_wrap2{margin:0 0 0 calc(70 / var(--kniu_vw));width:calc(100% - 410 / var(--kniu_vw) - 70 / var(--kniu_vw))}.case_card>.kniu_card_body,.case_card>.kniu_card_head{min-width:calc(460 / var(--kniu_vw));max-width:min-content}.kniu_pc_card_img_left.case_card>.kniu_card_head{margin:0 calc(70 / var(--kniu_vw)) 0 0}.kniu_pc_card_img_right.case_card>.kniu_card_head{margin:0 0 0 calc(70 / var(--kniu_vw))}}