@charset "utf-8";

.box .inner h2{
    background-color: #0373de;
}

.box .inner .recommend .r-box h3 img{
    max-width: 582px;
    width: 57.058824%; /*582/1020*/
}

.box .inner .recommend figure.application{
    display: block;
    width: 742px;
    margin: 0 auto 30px;
    text-align: center;
}
.box .inner .recommend ul.items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box .inner .recommend ul.items > li{ 
    width: 23.5%;
    margin: 0 auto 20px;
    text-align: center;
}
.box .inner .recommend ul.items > li:last-of-type{
    width: 49%;
}
.box .inner .recommend ul.items > li:last-of-type .wrap{
    display: flex;
    justify-content: space-between;
}
.box .inner .recommend ul.items > li:last-of-type .wrap .wrap_inner{
    width: 47.959184%; /*23.5/49*/
}
.box .inner .recommend ul.items > li h4{
    color: #0c2e6f;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 17px;
}
.box .inner .recommend ul.items > li p.name{
    font-size: 18px;
    font-weight: bold;
}
.box .inner .recommend ul.items > li p.name small{
    font-size: 10px;
}
.box .inner .recommend ul.items > li ul.tag{
    margin-bottom: 20px;
}
.box .inner .recommend ul.items > li ul.tag li{
    display: inline-block;
    background-color: #0c2e6f;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 0.25em;
    line-height: 1.0;
    padding: 0.4em 0.5em;
}
.box .inner .recommend ul.items > li .fix_height{
    min-height: 270px;
}

@media screen and ( max-width: 1319px ) {
    .box .inner .recommend ul.items > li h4{
        font-size: 12px;
    }
    .box .inner .recommend ul.items > li p.name{
        font-size: 13px;
    }
    .box .inner .recommend ul.items > li .fix_height{
        min-height: 20.508vw; /*210/1024*/
    }
}