.content-wrap .content img{width:100%;vertical-align:bottom}
.main-visual{background-image:url(/society/traffic/products/img/main_visual.jpg)}
.products-top__lead-wrap{padding:85px 0 75px}
.products-top__lead{text-align:center;font-size:175%;font-weight:700}
.products-top__main-content{background-color:#f2f2f2;padding:96px 0 115px}
.products-cate{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}
.card img{-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1);transition:all 1s cubic-bezier(.165,.84,.44,1);width:100%;vertical-align:bottom}
.card:hover{text-decoration:none}
.card:hover .card__img img{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}
.card:hover .card__title{color:#c00;text-decoration:none}
.card:hover .card__description{color:#c00;text-decoration:none}
.card__title{-webkit-transition:color .2s;transition:color .2s}
.card__description{-webkit-transition:color .2s;transition:color .2s}
.card:nth-child(n+4){margin-top:30px}
.card{width:30.72%;display:block;background-color:#fff}
.card__pod{padding:30px 30px 45px}
.card__img{display:block;border:1px solid #fff;overflow:hidden;line-height:0}
.card__title{color:#222;font-weight:700;font-size:100%}
.card__description{color:#222;font-size:87.5%;margin-top:8px;line-height:1.75}
.main-content{background-color:#f7f5f0;padding:118px 0 155px}
.main-content__section+.main-content__section{margin-top:110px}
.main-content__section+.main-content__wrap{margin-top:110px}
.main-content__wrap .main-content__section+.main-content__section{margin-top:0}
.main-content__wrap+.main-content__wrap{margin-top:110px}
.products-overview{background-color:#fff;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:center}
.products-overview__name{color:#c00;font-size:225%;font-weight:700;text-shadow:0 0 3px #fff}
.products-overview__name+.products-overview__lead{margin-top:15px}
.products-overview__lead{font-size:112.5%;font-weight:700;line-height:1.8;text-shadow:0 0 3px #fff}
.products-overview__lead+.products-overview__description{margin-top:8px;line-height:1.7}
.products-overview__description{text-shadow:0 0 3px #fff}
.products-overview__description+.note{margin-top:20px}
.products-list{margin-top:30px}
.products__catch{font-size:118.75%}
.products__heading{font-size:212.5%;font-weight:700;line-height:1.2}
.products__heading small{display:block;font-size:52.94%;line-height:1.3;margin-top:10px}
.products__lead{font-size:93.75%;margin-top:5px;line-height:1.7}
.item__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.item__wrap:after{content:'';display:block;width:32.2%}
.item{background-color:#fff;border-top:2px solid #c00;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 25px 30px}
.item:hover{text-decoration:none}
.item:nth-child(n+4){margin-top:20px}
.item{width:32.2%}
.item-medium{width:49.15%;padding:40px 30px 20px}
.item-medium+.item-x-large{margin-top:20px}
.item-large{width:66.1%}
.item-x-large{width:100%;padding:80px 8.519%}
.item__pod-has-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}
.item__pod-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.item-large .item__pod-has-content{-ms-flex-pack:distribute;justify-content:space-around}
.item-large .item__pod-has-content .item__img{width:43.8%}
.item-x-large .item__pod{width:38.6%}
.item-x-large .item__pod-has-content{width:55.65%}
.item-x-large .item__pod-has-content .item__img-left{width:42.25%}
.item-x-large .item__pod-has-content .item__img-right{width:48.89%}
.item-x-large .item__pod-has-content .item__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.item__pod-has-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.item__unit{margin-bottom:20px}
.item__name{color:#222;font-weight:700;font-size:125%;text-align:center;margin-bottom:14px;line-height:1.3}
.item__description{font-size:87.5%;color:#222;line-height:1.9}
.item__img{display:block}
.img__caption{margin-top:8px;text-align:center;font-size:87.5%}
.item-has-no-border{border-top:0}
@media (max-width:767px){.main-visual{background-image:url(/society/traffic/products/img/main_visual_x2.jpg)}
.products-top__lead-wrap{padding:40px 0}
.products-top__lead{text-align:left;font-size:125%;line-height:1.7}
.products-top__main-content{padding:50px 0 70px}
.products-cate{display:block}
.card:hover .card__img img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.card img{-webkit-transition:initial;transition:initial}
.card:hover{text-decoration:none}
.card:hover .card__img img{-webkit-transform:initial;-ms-transform:initial;transform:initial}
.card:hover .card__title{color:#222;text-decoration:none}
.card:hover .card__description{color:#222;text-decoration:none}
.card__title{-webkit-transition:initial;transition:initial}
.card__description{-webkit-transition:initial;transition:initial}
.card:nth-child(n+4){margin-top:20px}
.card+.card{margin-top:20px}
.card{width:auto}
.card__pod{padding:30px 20px 30px}
.main-content{padding:55px 0 80px}
.main-content__wrap .main-content__section+.main-content__section{margin-top:110px}
.products-overview__name+.products-overview__lead{margin-top:19px}
.products__heading{font-size:212.5%;margin-top:6px;line-height:1.2}
.products__lead{margin-top:15px}
.item__wrap{display:block}
.item__wrap:after{display:none}
.item{width:auto;padding:36px 20px 20px}
.item+.item{margin-top:20px}
.item__pod+.item__pod{margin-top:20px}
.item-large .item__pod-has-content .item__img{width:auto}
.item-x-large .item__pod{width:auto}
.item-x-large .item__pod-has-content .item__img-left{width:auto}
.item-x-large .item__pod-has-content .item__img-right{width:auto}
.item__pod-has-content{display:block}
.item__name{margin-bottom:20px}
.item__description{line-height:1.6}
.item__img+.item__img{margin-top:20px}
}