@charset "utf-8";
/* CSS Document */



.pro_01 dl{ width:22.75%; margin-right:3%; float:left; overflow:hidden; margin-right:3%; margin-bottom:30px; border:1px solid #f5f6f9; padding:30px; box-sizing:border-box}
.pro_01 dl:nth-of-type(4n){ margin-right:0}

.pro_01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:20px; color:#333; font-weight:bold; text-align:center}
.pro_01 dl dt a:hover{ color:#125db2; text-decoration:underline}
.pro_01 dl dd{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:16px; color:#666; margin-bottom:20px}
.pro_01 dl dd img{ width:100%; float:left; overflow:hidden}

.pro_01 dl:hover{ border:1px solid rgba(236,108,0,.25)}
.pro_01 dl:hover dt{ color:#ec6c00}






@media (max-width:767px){

.fw03 .ty02 dl:nth-child(-n+2){ display:block}


}