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



.boxinfo_AD .work_info{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); ; gap:10px;}	
.boxinfo_AD .work_info>.work_listbox{ width: 100%; float: left; border-radius: 15px; border: 2px solid #f5f5f5; padding:  clamp(28px, 2.083vw, 52px) clamp(28px, 2.083vw, 52px) ; position: relative}
	

.boxinfo_AD .work_info>.work_listbox a.hompage{ width:44px;  height:44px;   position: absolute; right:clamp(28px, 2.083vw, 30px); top:clamp(28px, 2.083vw, 30px);  background-size: 44px; }
	
	
.boxinfo_AD .work_info>.work_listbox .work_list_tit{ width:100%; float: left; font-size: 24px; color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom:10px}
.boxinfo_AD .work_info>.work_listbox .work_list_tit2{ width:100%; float: left; font-size: var(--tit-mds-size); color: #222; font-weight:500; line-height: 100%; letter-spacing: -1px; margin-bottom: clamp(30px, 1.563vw, 50px)}

.boxinfo_AD .work_info>.work_listbox .work_list_tx ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #222; font-weight:500; line-height: 140%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(10px, 1.172vw, 15px); position: relative}		
.boxinfo_AD .work_info>.work_listbox .work_list_tx ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:clamp(8px, 0.938vw, 12px); background-color: #222; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}	


.boxinfo_AD .work_info>.work_listbox .work_list_tx2 ul li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #666; font-weight:500; line-height: 120%; letter-spacing: -1px; margin-bottom: 5px; padding-left: clamp(27px, 1.172vw, 32px); position: relative}		
.boxinfo_AD .work_info>.work_listbox .work_list_tx2 ul li:before{position: absolute; left: 16px; top:clamp(0px, 0.938vw, -3px);content: "-";  color:#666;   font-family: unicons-line; font-size: var(--tx-sm-size); }



.boxinfo_AD .work_info>.work_listbox .work_list_btn{ width:auto; float: left;  padding: 10px 40px; border-radius: 6px; background-color:var(--primary);; color: #fff; font-size: var(--tx-sm-size); margin-top: 15px}