.box_icon_BB  .sub_stit{ width:100%; float: left; font-size: var(--tit-lg-size); color: #222; font-weight:600; line-height: 100%; letter-spacing: -1px; margin-bottom:clamp(30px, 2.344vw, 50px); text-align: center }	


.box_icon_BB .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); ; gap:30px;}	


.box_icon_BB .work_info>.work_listbox{ width: 100%; min-height:clamp(150px, 30.469vw, 390px); float: left; border-radius: 15px; background-color: #ffffff; padding:  clamp(10px, 2.083vw, 52px) clamp(28px, 2.083vw, 52px) clamp(30px, 2.083vw, 52px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); position: relative }
	

.box_icon_BB .work_info>.work_listbox>.work_listbox_header { width:100%;float: left; height: clamp(50px, 7.813vw, 100px);  float: left; position: relative; border-bottom: 1px solid #eeeeee; margin-bottom: clamp(12px, 2vw, 24px);  display: flex;  align-items: flex-start;  justify-content: space-between;}

@media only all and (max-width:767px) {.box_icon_BB .work_info>.work_listbox>.work_listbox_header { padding: 00px 0px 20px; height:auto}


}
	
.box_icon_BB .work_info>.work_listbox>.work_listbox_header img {   width: clamp(60px, 5.125vw, 82px); height: auto;  display: block;  position: absolute; right: 0; 

top:40%;transform: translateY(-50%);; }



.box_icon_BB .work_info>.work_listbox>.work_listbox_header .work_list_tit{ width:100%; float: left; font-size:  calc(var(--tit-md-size) * 0.9) ;color: #000; font-weight:700; line-height: 1.4; letter-spacing: -1px; padding-top:20px; padding-right: 76px;  flex: 1;  word-break: keep-all; }
@media only all and (max-width:767px) {.box_icon_BB .work_info>.work_listbox>.work_listbox_header .work_list_tit{ width:100%; float: left; font-size:var(--tit-md-size) ;color: #000; font-weight:700; line-height: 1.4; letter-spacing: -1px; padding-top:20px; padding-right: 76px;  flex: 1;  word-break: keep-all; }

}
	

.box_icon_BB .work_info>.work_listbox>.work_listbox_header .work_list_tit em{ width:100%; float: left; font-size:  calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:300; line-height: 1.4; letter-spacing: -1px; padding-top:20px; padding-right: 76px;  flex: 1;  word-break: keep-all; }

.box_icon_BB .work_info>.work_listbox .work_list_tit2{ width:100%; float: left;font-size: var(--tx-sm-size); color: #5c5c5c; font-weight:500; line-height: 1.5; letter-spacing: -1px; }

.box_icon_BB .work_list_tit2 .inin{ width:100%; float: left; margin-bottom: 10px}

.box_icon_BB .work_list_tit2 .inin em{ width:100%; float: left;font-size:  calc(var(--tit-sm-size) * 1.2); color: #000; font-weight:500; line-height: 1.5; letter-spacing: -1px;margin-bottom: 5px }
.box_icon_BB  .work_list_tit2 .inin ul{ width:100%; float: left; }
.box_icon_BB .work_list_tit2 .inin ul li{ width:100%; float: left;  padding-left: 10px; position: relative; font-size:  calc(var(--tit-sm-size) * 0.9); }
.box_icon_BB .work_list_tit2 .inin ul li:before{  content: "";    font-family: unicons-line; width: 3px; height:3px; border-radius: 100%; position: absolute; left: 0px; top:15px; background-color: #000}


.box_icon_BB .work_list_tit3 ul{ width:100%; float: left; }
.box_icon_BB .work_list_tit3  ul li{ width:100%; float: left;  padding-left: 10px; position: relative; font-size:  calc(var(--tx-sm-size) * 0.9)!important; margin-bottom: 15px; color: #666}
.box_icon_BB .work_list_tit3  ul li em{ width:100%; float: left;font-size:  calc(var(--tx-sm-size) * 1.1); color: #000; font-weight:600; line-height: 1.5; letter-spacing: -1px;margin-bottom: 0px }