.list_pro_w{
	padding-top:clamp(30px,3.6458vw,70px);
	
}

.list_pro_w_t1{
	height: clamp(50px,6.875vw,132px);
	display: flex;
	align-items: center;
	font-size: 48px;
	color: #003c83;
	font-weight: bold;
}

.list_pro_w_t2 p{
	font-size: 24px;
	color: #666;
	line-height: 50px;
}

.list_pro_w_t3{
	margin-top:clamp(30px,5.2vw,100px);
	display: flex;
	flex-wrap: wrap;
}

.list_pro_w_t3_item{
	width: 24.4%;
	margin-right:0.8%;
	margin-bottom: clamp(10px, 1.04vw, 20px);
	transition: all linear .5s;

}

.list_pro_w_t3_item:nth-of-type(4n){
	margin-right:0%;
}

.list_pro_w_t3_item_img{
	padding-top:152%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center ;
}

.list_pro_w_t3_item_txt{
	
	padding-top:clamp(12px,1.67vw,32px);
	padding-bottom:clamp(12px,2.1875vw,42px);
	position: absolute;
	left: 0;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	align-items: center;
	
	background: linear-gradient(to bottom, rgba(232,232,232,0),rgba(232,232,232,0.5), rgba(232,232,232,1));
	

}
.list_pro_w_t3_item_txt_t1{
	
	line-height: clamp(20px,1.67vw,32px);
	
	font-size: 18px;
	color: rgba(72,72,72,.5);
	text-align: center;
}


.list_pro_w_t3_item_txt_t2{
	
	line-height: clamp(20px,2.08vw,40px);
	
	
	font-size: 24px;
	color: rgba(72,72,72,1);
	text-align: center;
}


.list_pro_w_t3_item:hover{
	transform: translateY(-10px);
}

.list_pro_w_t3_item:hover .list_pro_w_t3_item_txt{
	background: #0c4386;
}
.list_pro_w_t3_item:hover .list_pro_w_t3_item_txt_t1{
	color: rgba(255,255,255,.5);
}
.list_pro_w_t3_item:hover .list_pro_w_t3_item_txt_t2{
	color: rgba(255,255,255,1);
	font-weight: bold;
}

.page_wrap{
	padding-top:clamp(20px,3.33vw,64px);
	padding-bottom:clamp(30px,4.16vw,80px);
	display: flex;
	justify-content: center;
}



@media screen and (max-width:1200px) {
	.list_pro_w_t1 {
		font-size: 42px;
	}
	.list_pro_w_t2 p {
		font-size: 20px;
		line-height: 40px;
	}
	.list_pro_w_t3_item_txt_t2{
		font-size: 22px;
	}
	.list_pro_w_t3_item_txt_t1{
		font-size: 16px;
	}
}
@media screen and (max-width:1000px) {
	.list_pro_w_t1 {
		font-size: 38px;
	}
	.list_pro_w_t2 p {
		font-size: 18px;
		line-height: 36px;
	}
	.list_pro_w_t3_item_txt_t2{
		font-size: 20px;
	}
	.list_pro_w_t3_item_txt_t1{
		font-size: 14px;
	}
	.list_pro_w_t3_item{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.list_pro_w_t3_item:nth-of-type(4n){
		margin-right:2%;
	}
	.list_pro_w_t3_item:nth-of-type(3n){
		margin-right:0%;
	}
}

@media screen and (max-width:800px) {
	.list_pro_w_t1 {
		font-size: 34px;
	}
	.list_pro_w_t2 p {
		font-size: 16px;
		line-height: 32px;
	}
	.list_pro_w_t3_item_txt_t2{
		font-size: 18px;
	}
	.list_pro_w_t3_item_txt_t1{
		font-size: 12px;
		line-height: 16px;
	}
	.list_pro_w_t3_item{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.list_pro_w_t3_item:nth-of-type(4n){
		margin-right:2%;
	}
	.list_pro_w_t3_item:nth-of-type(3n){
		margin-right:2%;
	}
	.list_pro_w_t3_item:nth-of-type(2n){
		margin-right:0%;
	}
}

@media screen and (max-width:600px) {
	.list_pro_w_t1 {
		font-size: 30px;
	}
	.list_pro_w_t2 p {
		font-size: 14px;
		line-height: 28px;
	}

	.list_pro_w_t3_item_txt_t2{
		font-size: 16px;
	}
	
}