@charset "utf-8";

#caseList{margin-top:96px; transition:margin-top .4s cubic-bezier(0.25, 0.46, 0.45, 0.84);}
#caseList .top-intro{color:#fff;}
#caseList .caseList{display:flex; flex-wrap:wrap; justify-content:space-between; align-content:flex-start; width:100%; max-width:1236px; margin:137px auto 50px auto;}
#caseList .caseList .listItem{display:inline-block; width:calc(50% - 20px); height:auto; margin-bottom:50px;}
#caseList .caseList .listItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
#caseList .caseList .listItem .caseImgBox{display:flex; width:100%; height:auto;}
#caseList .caseList .listItem .caseImgBox .inItem{display:inline-block; width:50%; height:auto; position:relative; overflow:hidden;}
#caseList .caseList .listItem .caseImgBox .inItem .thumb{width:100%; height:auto; padding-top:50%; overflow:hidden; position:relative;}
#caseList .caseList .listItem .caseImgBox .inItem .thumb img{width:100%; height:auto; object-fit:cover; position:absolute; z-index:1; top:0; left:0;}
#caseList .caseList .listItem .caseImgBox .inItem .thumb .loginLayer{display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(255,255,255,.95); text-align:center; z-index:2; top:0; left:0;  position:absolute;}
#caseList .caseList .listItem .caseImgBox .inItem .thumb .loginLayer p{width:100%; height:auto; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; color:#969696;}
#caseList .caseList .listItem .caseImgBox .inItem .label{display:flex; justify-content:center; align-items:center; width:100%; height:50px; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; background:#7a7a7a; color:#fff;}
#caseList .caseList .listItem .caseImgBox .inItem + .inItem .label{background:#900020;}
#caseList .caseList .listItem .listTitle{width:100%; height:2.6em; font-size:18px; font-weight:bold; letter-spacing:-0.025em; line-height:1.3; word-break:keep-all; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

#bo_v_img{display:flex; align-items:flex-start; margin-bottom:30px;}
#bo_v_img .imgItem{display:inline-block; text-align:center; font-size:20px; font-weight:700; line-height:1;}
#bo_v_img .imgItem + .imgItem{margin-left:30px;}
#bo_v_img .imgItem a{display:block; margin-bottom:15px;}
#bo_v_img .imgItem img{margin-bottom:0;}