@charset "UTF-8";.detail-main {
    font-size: 0;
    margin-bottom: 20px
}

@media only screen and (max-width: 749px) {
    .detail-main {
        margin-bottom:15px
    }
}

.detail-main__desc,.detail-main__slider {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .detail-main__desc,.detail-main__slider {
        display:block;
        width: 100%
    }
}

.detail-main__desc {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold ;
    padding: 40px 45px 45px 45px
}

@media only screen and (max-width: 1279px) {
    .detail-main__desc {
        font-size:20px;
        line-height: 20px;
        padding: 25px 35px
    }
}

@media only screen and (max-width: 749px) {
    .detail-main__desc {
        padding:20px 25px
    }
}

.detail-main__desc hr {
    width: 100%;
    margin: 20px 0;
    border: none;
    height: 1px;
    background: -webkit-gradient(linear,left top,right top,from(#1A2027),color-stop(50%,#1A2027),color-stop(50%,transparent));
    background: linear-gradient(left,#1A2027,#1A2027 50%,transparent 50%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-position: 0
}

.content-style .detail-main~.news-list {
    margin-bottom: 30px
}

@media only screen and (max-width: 749px) {
    .content-style .detail-main~.news-list .news-list__item:nth-child(3) {
        display:none
    }
}

.detail-info {
    background: #fff
}

.detail-info .detail-text {
    padding-top: 40px
}

@media only screen and (max-width: 749px) {
    .detail-info .detail-text {
        padding-top:20px
    }
}

.detail-info .products__item {
    width: 25%
}

@media only screen and (max-width: 749px) {
    .detail-info .products__item {
        width:50%
    }
}

.detail-info--noworks {
    margin-bottom: -50px
}

.detail-info--noworks .detail-text {
    padding-bottom: 40px
}

.detail-info--solutions {
    padding-top: 0
}

.detail-info hr {
    margin-bottom: 10px
}

.detail-info .catalog-section__items {
    margin-bottom: 40px
}

@media only screen and (max-width: 749px) {
    .detail-info .catalog-section__items {
        margin-bottom:15px
    }
}

.detail-info .solutions {
    margin-bottom: 20px
}

@media only screen and (max-width: 749px) {
    .detail-info .solutions {
        margin-bottom:15px
    }
}

.detail-works {
    background: #f2f4f5;
    margin-bottom: -50px;
    padding: 40px 0 60px
}

@media only screen and (max-width: 1023px) {
    .detail-works {
        padding:30px 0 50px
    }
}

@media only screen and (max-width: 749px) {
    .detail-works {
        padding:20px 0 40px
    }
}

.detail-works .news-list {
    padding-bottom: 40px
}

@media only screen and (max-width: 749px) {
    .detail-works .news-list {
        padding-bottom:15px
    }
}

@media only screen and (max-width: 1023px) {
    .detail-works .news-list__item:nth-child(4) {
        display:none
    }
}

@media only screen and (max-width: 749px) {
    .detail-works .news-list__item:nth-child(3) {
        display:none
    }
}

.detail-works .h-table h4 {
    margin: 0
}

@media only screen and (max-width: 749px) {
    .detail-works .h-table__desc {
        display:none
    }
}

@media only screen and (max-width: 749px) {
    .detail-works .menu-link-go {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 1279px) {
    .solution-blogs {
        margin:0 -4px
    }
}

.solution-blogs .news-list {
    display: inline-block;
    width: 900px;
    vertical-align: top;
    margin-bottom: 20px
}

@media only screen and (max-width: 1279px) {
    .solution-blogs .news-list {
        margin:-15px 0 20px 0;
        display: block;
        width: 100%
    }
}

.solution-blogs .news-list__item {
    width: 33.3333%
}

@media only screen and (max-width: 749px) {
    .solution-blogs .news-list__item {
        width:50%
    }

    .solution-blogs .news-list__item:nth-child(3) {
        display: none
    }
}

.solution-blogs .banner-service {
    margin-left: 8px
}

@media only screen and (max-width: 1279px) {
    .solution-blogs .banner-service {
        display:block;
        margin: 0 4px 15px 4px
    }
}

@media only screen and (min-width: 1280px) {
    .solution-blogs--2 .news-list {
        width:600px
    }

    .solution-blogs--2 .news-list__item {
        width: 50%
    }
}

@media only screen and (min-width: 1280px) {
    .solution-blogs--1 .news-list {
        width:300px
    }

    .solution-blogs--1 .news-list__item {
        width: 100%
    }
}
.catalog-section-products {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    position: relative;
}