@charset "utf-8";

.business ul{display:flex; flex-wrap:wrap; }
.business ul>li{flex: 1 1 30%; position:relative; margin-bottom:6rem; padding:0 4rem; display:flex; flex-direction:row; }
.business ul>li>p{display:flex; flex-direction:column; word-break:keep-all;}
.business ul>li>p>span{color:#86868b; padding-bottom:1rem;}
.business ul>li>p>strong{font-size:2rem; line-height:1.3; font-weight:bold; letter-spacing: -0.06em;}
.business ul>li>i{font-size:6rem; margin-right:2.8rem; color: #404247;}
.business ul>li>i::before{font-family:"Font Awesome 6 Pro";}
.business ul>li:nth-child(1)>i::before{content:"\f85e";}/*person-digging*/
.business ul>li:nth-child(2)>i::before{content:"\e2a3";}/*subway-tunnel*/
.business ul>li:nth-child(3)>i::before{content:"\e4cd";}/*bridge-suspension*/
.business ul>li:nth-child(4)>i::before{content:"\f6a7";}/*vihara*/
.business ul>li:nth-child(5)>i::before{content:"\e324";}/*roller-coaster*/
.business ul>li:nth-child(6)>i::before{content:"\f5c5";}/*water-ladder*/
.business ul>li:nth-child(7)>i::before{content:"\f435";}/*basketball-hoop*/
.business ul>li:nth-child(8)>i::before{content:"\f018";}/*road*/
.business ul>li:nth-child(9)>i::before{content:"\e4ce";}/*bridge-water*/
.business ul>li:nth-child(10)>i::before{content:"\e52e";}/*mountain-city*/
.business ul>li:nth-child(11)>i::before{content:"\e657";}/*truck-ladder*/

.business ul>li strong, .business ul>li span, .business ul>li i{transition: all .3s;}
.business ul>li:hover span, .business ul>li:hover i{color:#0078ff;}
.business ul>li:hover strong{background-color:#0078ff; color:#fff; border-radius:.3rem; padding:.4rem .5rem;}

@media (max-width: 1200px){
    .business ul>li{flex: 1 1 50%; padding:0 2rem;}    
}
@media (max-width:768px){
    .business ul>li{flex: 1 1 100%; padding:0;}
    .business ul>li>i{font-size:5rem}
    .business ul>li:last-child {margin-bottom:0;}
}