@charset "UTF-8";
/*! ---------- カード ---------- */
.card-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.card-col img{width:100%;vertical-align:bottom}
.card-col__ele{background:#fff;overflow:hidden}
.card-col__ele--4col{width:23.679727427597956%}
.card-col__ele--3col{width:32.142857142857143%}
.card-col__text-wrap{width:81%;margin:0 auto}
.card-col__title{font-weight:700;font-size:150%;text-align:center;margin:28px auto 10px}
.card-col__text{font-size:87.5%;line-height:1.785714285714286;margin-bottom:28px}
/*! ---------- タイトル ---------- */
.title-top-border{font-size:212.5%;font-weight:700;position:relative;padding-top:18px;line-height:1.264705882352941;width:215px}
.title-top-border::before{content:'';display:block;width:27px;height:1px;position:absolute;top:0;left:0;background-color:#c00}
/*! ---------- ボタン ---------- */
.btn-red{max-width:465px;margin:0 auto;padding:15px;text-align:center;color:#fff;font-size:87.5%}
.link-arr-next{font-weight:700;width:240px}
.link-arr-next a{padding:11px 23px}
/*! ---------- 赤白バー ---------- */
.red-white-bar::after,.red-white-bar::before{content:'';display:block;height:1px;position:absolute;bottom:0;left:0}
.red-white-bar::before{background-color:#ccc;width:100%}
.red-white-bar::after{background-color:#fc0000;width:19.762845849802372%}
/*! ============================== スライダー ============================== */
/*! ---------- スライダーカスタマイズ ---------- */
.slider{opacity:0;-webkit-transition:.4s ease-out;transition:.4s ease-out}
.slider.slick-initialized{opacity:1}
.slider-controls-arr{margin-top:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.slider-controls-arr .slider__arr{width:14px}
.slider-controls-arr .slider__arr--prev{margin-right:70px}
.slider-controls-arr .slider__arr--prev:hover{cursor:pointer}
.slider-controls-arr .slider__arr--next{margin-left:70px}
.slider-controls-arr .slider__arr--next:hover{cursor:pointer}
.slider-controls-auto{margin-right:26px;margin-top:3px}
.slider-controls-auto img{display:block;width:15px}
.slider-controls-auto img:hover{cursor:pointer}
.slider-controls-auto .slider-controls-play{display:none}
.slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:4px}
.slick-dots li+li{margin-left:26px}
.slick-dots .slider__dots{width:10px;height:10px;background-color:#757575;border-radius:100%;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.slick-dots .slider__dots:hover{cursor:pointer}
.slick-dots .slick-active .slider__dots{background-color:#c00}
/*! ---------- スライダー中身 ---------- */
.slider-wrap{background-color:#f5f7fb;overflow:hidden;position:relative}
.slider__ele{background-color:#000;position:relative}
.harf-img::after{content:'';display:block;width:50%;height:508px;position:absolute;top:0;right:0;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.harf-img .link-arr-next{margin-top:51px}
.harf-img--01::after{background-image:url(/society/traffic/img/slider_01.jpg)}
.harf-img--02 .harf-img__title span{display:inline-block;margin-left:.5em;font-size:.76em}
.harf-img--02::after{background-image:url(/society/traffic/img/slider_02.jpg)}
.harf-img__text-wrap{width:50%;height:508px;color:#fffefe;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.harf-img__text-inner{width:72.285714285714286%;max-width:506px;margin:0 auto}
.harf-img__sub{font-size:118.75%;line-height:2.052631578947368}
.harf-img__title{font-weight:700;font-size:156.25%;line-height:1.56;position:relative;margin-top:15px;padding-bottom:26px}
.harf-vertical-img::after{content:'';display:block;width:100%;height:320px;position:absolute;top:0;right:0;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.harf-vertical-img--01::after{background-image:url(/society/traffic/img/slider_04.jpg)}
.harf-vertical-img__text-wrap{color:#fffefe;margin:0 auto;padding: 320px 13px 0;max-width:1174px;}
.harf-vertical-img__text-inner{display:flex;align-items: center; justify-content: space-between;height:188px;}
.harf-vertical-img__text-inner .height-adjust{box-sizing: border-box;display:flex;align-items: center;justify-content: space-between; padding-right: 13px;width:80.7495%;}
.harf-vertical-img__text-inner .link-arr-next{font-size: 87.5%;width:186px}
.harf-vertical-img__text-inner .link-arr-next a:after{margin-top: -7px;width:25px;height:15px;}
.harf-vertical-img__logo {box-sizing: border-box;font-size: 0; line-height: 0; padding-right: 13px; width: 55.9358%; }
.harf-vertical-img__logo img { width: 100%; }
.harf-vertical-img__title { font-size:1.75vw; font-weight: bold;line-height: 1.3809; }
@media only screen and (min-width:1200px){
.harf-vertical-img__title { font-size:131.25%; }
}
.content-wrap .content .inner-wrap{position: relative}
.content-wrap .content .inner-wrap img{width: 100%}
.content-wrap .content .inner-text img{max-width: 100%;margin-bottom: 25px}
.content-wrap .content .inner-text img{width: 43.101%;}
.content-wrap .content .full-img--01 .inner-text{top: 51.3%;}
.content-wrap .content .full-img--01 .inner-text img{max-width: 350px;margin-left: 5.3%;margin-bottom: 3.834%;}
.content-wrap .content .full-img--01 .full-img__text-inner{margin-left: 5.3%;}
.content-wrap .content .full-img--04 .inner-text img{width: 51.11%;margin: 0 auto 25px;}
.content-wrap .content .inner-text {position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%)}
.content-wrap .content .full-img--01 .link-arr-next{max-width:346px;width: 45%;}
.content-wrap .content .full-img--01 .link-arr-next a{padding: 11px 23px 11px 0px;text-align: center;}
.content-wrap .content .full-img--01 .link-arr-next a::after{right: 16px}
.content-wrap .content .full-img--01 .link-arr-next:hover a::after{right: 10px}
.content-wrap .content .full-img--02 .link-arr-next{width:344px}
.content-wrap .content .full-img--02 .link-arr-next a::after{right: 25px}
.content-wrap .content .full-img--02 .link-arr-next:hover a::after{right: 10px}
.content-wrap .content .full-img--04 .link-arr-next {margin: 0 auto;}
.content-wrap .content .full-img--04 .inner-text{left: 50%;top: 50%;transform: translate(-50%,-50%)}
/*! ============================== スライダー下のカード ============================== */
.top-col-wrap{background-color:#f5f7fb;padding:47px 0 61px}
.top-col-wrap .card-col__ele{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1);box-shadow:0 0 30px 0 rgba(0,0,0,.1)}
/*! ============================== 人々の生活を、そして安心、、三菱電機の交通事業 ============================== */
.bg-city{background-image:url(/society/traffic/img/bg_city.jpg);-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;padding:82px 0 73px;color:#fff}
.bg-city__title{font-weight:700;font-size:168.75%}
.bg-city__text{line-height:2;margin-top:12px}
.bg-city__btn{margin:22px auto 0}
/*! ============================== イベント ============================== */
.event_wrap{background-color:#f0eee6;padding:125px 0 100px}
.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.content-wrap .content .event__img{width:155px;margin-right:51px}
.event__description{width:-webkit-calc(100% - 421px);width:calc(100% - 421px)}
.event__title{font-weight:700;font-size:162.5%;margin-top:3px}
.event__text{line-height:2.125;margin:17px 0}
.event__link .arr{padding-left:16px;color:#333;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.event__link .arr:hover{text-decoration:none;color:#c00}
/*! ============================== ニュースリリース ============================== */
.news__text a{-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#222}
.news__text a .pdf-icon{display: flex;}
.news__text a .pdf-icon:before{top: 0;margin-top: 0}
.news__text a:hover{text-decoration:none;color:#c00}
.news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:107px 0 79px}
.news__list-wrap{width:-webkit-calc(100% - 215px);width:calc(100% - 215px)}
.news__list{border-top:1px solid #bababa}
.news__ele{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px dotted #bababa;font-size:87.5%;padding:15px 0 15px}
.news__list-add{display:none}
.news__toggle{font-size:87.5%;margin-top:25px}
.news__toggle:hover{text-decoration:underline;cursor:pointer}
.news__toggle::before{content:'';display:inline-block;width:16px;height:16px;position:relative;margin-right:6px;top:1px;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.news__toggle--open::before{background-image:url(/society/traffic/img/icon_plus.gif)}
.news__toggle--close{display:none}
.news__toggle--close::before{background-image:url(/society/traffic/img/icon_minus.gif)}
.news__date{color:#666;width:143px;padding-left:6px}
.news__text{width:-webkit-calc(100% - 149px);width:calc(100% - 149px)}
/*! ============================== 納入事例 ============================== */
.case{background-color:#0e1626;background-image:url(/society/traffic/img/bg_case.jpg);-webkit-background-size:contain;background-size:contain;background-position:top center;background-repeat:no-repeat;padding:102px 0 93px}
.case .case__title{color:#fff;font-weight:700;font-size:200%;padding-bottom:43px}
.case .card-col__text-wrap{width:78%}
.case .card-col__title{text-align:left;font-size:131.25%;position:relative;margin:35px auto 10px;padding-bottom:8px}
.case .card-col__title::after{content:'';display:block;width:10px;height:3px;position:absolute;bottom:0;left:0;background-color:#fc0000}
.case .card-col__text{color:#575757;line-height:1.5}
.case .card-col{width:95.400340715502555%;margin:0 auto}
.case .case__link{margin-top:50px}
/*! ============================== フッターリンク ============================== */
.foot-link{background:#2e3235}
.foot-link__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;text-align:center;max-width:1008px;margin:0 auto;padding:93px 0}
.foot-link__ele{width:280px}
.content-wrap .content .foot-link__img{width:154px}
.foot-link__title{font-size:162.5%;font-weight:700;position:relative;margin-bottom:45px;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.foot-link__title::after{content:'';display:block;width:27px;height:1px;position:absolute;bottom:-20px;left:0;right:0;margin:0 auto;background-color:#c00}
.foot-link__item{display:block}
.foot-link__img-wrap{display:block;position:relative;width:154px;margin:0 auto 30px}
.foot-link__img{width:100%;position:relative;z-index:10;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.foot-link__img--over{width:100%;position:absolute;top:0;right:0;left:0;margin:0 auto;z-index:0}
.foot-link__link-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:189px;margin:0 auto}
.foot-link__link-wrap .foot-link__link{margin-top:0}
.foot-link__link{font-size:87.5%;margin-top:30px}
.foot-link__ele a{-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#fff}
.foot-link__ele a:hover{text-decoration:none;color:#c00}
.foot-link__ele a:hover .foot-link__img{opacity:0}
@media only screen and (max-width:970px){.harf-img__sub br{display:none}
}

@media (max-width:767px){.card-col{display:block}
.card-col__ele+.card-col__ele{margin-top:30px}
.card-col__ele--4col{width:100%}
.card-col__ele--3col{width:100%}
.card-col__title{margin:33px auto 16px}
.card-col__text{margin-bottom:25px}
.title-top-border{font-size:187.5%;padding-top:23px;line-height:1.264705882352941;width:100%;text-align:center}
.title-top-border::before{position:absolute;top:0;left:0;right:0;margin:0 auto;background-color:#c00}
.link-arr-next{width:100%}
.link-arr-next a{padding:14px 21px 13px}
.red-white-bar::after{width:35.714285714285714%}
.slider-controls-arr{margin-top:17px}
.slider-controls-arr .slider__arr--prev{margin-right:52px}
.slider-controls-arr .slider__arr--next{margin-left:52px}
.slider__ele{height:auto!important}
.slider__ele img{width:100%}
.harf-img::after{display:none}
.harf-img .link-arr-next{margin-top:21px;margin-bottom:20px}
.harf-img--02 .harf-img__title span{position:relative;margin-left:0;top:-.5em}
.harf-img__text-wrap{width:100%;height:auto;display:block}
.harf-img__text-inner{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);max-width:100%}
.harf-img__sub{font-size:112.5%;line-height:1.777777777777778;margin-top:32px}
.harf-img__title{font-size:150%;line-height:1.625;padding-bottom:29px;position:static}

.harf-vertical-img::after{display:none}
.harf-vertical-img__text-wrap{padding: 0;}
.harf-vertical-img__text-inner{display:block;margin: 0 auto;height:auto;width:calc(100% - 40px);max-width:100%}
.harf-vertical-img__text-inner .height-adjust{box-sizing:inherit;display:block; padding-right: 0;width:auto;}
.harf-vertical-img__text-inner .link-arr-next{margin-top: 21px;margin-bottom: 20px;font-size: 100%;width:100%}
.harf-vertical-img__text-inner .link-arr-next a:after{margin-top: -11px;width:36px;height:22px;}
.harf-vertical-img__logo {margin-top:32px;padding: 0; width: auto; }
.harf-vertical-img__title { font-size:150%;line-height: 1.625;margin-top:40px;padding-bottom:20px; }

.full-img__text-inner{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin:0 auto;color:#fff}
.full-img__text-inner .container{padding: 0}
.content-wrap .content .slider__ele .inner-wrap{max-width: 100%}
.content-wrap .content .inner-text{position: inherit;left: 0;transform: translateX(0);}
.content-wrap .content .inner-text .full-img__text-inner{width: 100%;}
.content-wrap .content .link-arr-next{position: inherit;bottom: 0;}
.content-wrap .content .full-img--01 .inner-text{top: 50%;}
.content-wrap .content .full-img--01 .inner-text img{max-width: 100%;margin-left: 0;margin-bottom: 0;}
.content-wrap .content .full-img--01 .full-img__text-inner{margin-left: 0;padding-top: 30px;}
.content-wrap .content .full-img--01 .link-arr-next{max-width:100%;width: 100%;margin-top:21px;margin-bottom:20px}
.content-wrap .content .full-img--01 .link-arr-next a{padding: 14px 21px 13px;text-align: left;}
.content-wrap .content .full-img--01 .full-img__title{margin-top: 0;text-align: center;padding-top: 20px;font-size: 168.75%;}
.content-wrap .content .full-img--01 .full-img__text{text-align: center;margin-top: 35px;font-size: 100%;line-height: 2.5em;}
.content-wrap .content .full-img--02 .link-arr-next{width: 100%;margin-top:21px;margin-bottom:20px}
.content-wrap .content .full-img--02 .full-img__title{line-height: 1.46;margin-top: 18px;}
.content-wrap .content .full-img--02 .link-arr-next a::after{right: 16px;}
.content-wrap .content .full-img--03 .link-arr-next{margin-top:20px;margin-bottom:20px}
.content-wrap .content .full-img--04 .link-arr-next{margin-top:21px;margin-bottom:20px;left: 0;transform: translateX(0);}
.full-img__title{font-size:156.25%;font-weight:700;margin-top:40px}
.content-wrap .content .full-img--04 .inner-text{left: 0;top: 0;transform: translate(0,0);}
.content-wrap .content .full-img--04 .full-img__title{line-height: 1em}
.content-wrap .content .full-img--03 .full-img__title{margin-top: 8px;line-height: 1.5}
.full-img__title span{font-size:.55em}
.content-wrap .content .full-img--02 .full-img__sub--title{font-size:112.5%;font-weight:700;margin-top:30px;line-height: 1.5}
.content-wrap .content .full-img--03 .full-img__sub--title{font-size:112.5%;font-weight:700;margin-top:37px;line-height: 1.5}
.full-img__sub{font-size:112.5%;line-height:1.777777777777778;margin:26px 0 20px;padding-bottom:33px}
.content-wrap .content .full-img--02 .full-img__sub{font-size:87.5%;line-height:1.777777777777778;margin:8px 0 19px;font-weight: 700;padding-bottom: 0}
.content-wrap .content .full-img--02 .full-img__title+.full-img__text{margin-top: 34px;padding-bottom: 20px}
.content-wrap .content .full-img--03 .full-img__sub{font-size:87.5%;line-height:1.777777777777778;margin:18px 0 0;font-weight: 700;padding-bottom: 0}
.content-wrap .content .full-img--03 .full-img__sub span{font-weight: normal;margin-right: 10px}
.full-img__under--sub{margin-top: 4px}
.full-img__under--sub+.full-img__text{margin-top: 26px;padding-bottom: 20px}
.content-wrap .content .full-img--03 .full-img__title+.full-img__text{margin-top: 14px;padding-bottom: 20px}
.full-img__text{font-size: 87.5%;line-height: 1.76}
.height-adjust{position:relative}
.top-col-wrap{padding:30px 0 43px}
.bg-city{background-image:url(/society/traffic/img/bg_city_2x.jpg);background-position:center top;text-align:left;padding:41px 0 40px}
.bg-city__title{font-size:150%;line-height:1.625}
.bg-city__text{font-size:100%;line-height:2;margin-top:22px}
.bg-city__btn{margin:20px auto 0}
.event_wrap{padding:31px 0 47px}
.event{display:block}
.content-wrap .content .event__img{display:block;margin:31px auto 23px}
.event__description{width:100%}
.event__title{font-size:162.5%;margin-top:3px}
.event__text{font-size:87.5%;line-height:1.785714285714286;margin:8px 0 21px}
.event__link{font-size:87.5%}
.event__link .arr{padding-left:15px}
.event__link .arr:hover{color:#333}
.news{display:block;padding:30px 0 47px}
.news__list-wrap{width:100%;margin-top:32px}
.news__ele{display:block;border-bottom:1px solid #d7d7d7;font-size:87.5%;padding:14px 0 8px}
.news__toggle{margin-top:30px}
.news__date{width:100%;margin-bottom:2px;padding-left:0}
.news__text{width:100%;line-height:1.785714285714286}
.case{background-image:url(/society/traffic/img/bg_case_2x.png);padding:38px 0 50px}
.case .case__title{font-size:150%;padding-bottom:25px}
.case .card-col__text-wrap{width:89.6%}
.case .card-col__title{font-size:100%;line-height:1.4375;margin:28px auto 9px}
.case .card-col__title::after{width:8px;height:2px}
.case .card-col__text{font-size:68.75%;margin-bottom:22px}
.case .card-col{width:100%}
.case .case__link{margin-top:30px}
.foot-link__list{display:block;padding:64px 0}
.foot-link__ele{width:100%}
.foot-link__ele+.foot-link__ele{margin-top:60px}
.foot-link__title{font-size:150%;margin-bottom:33px}
.foot-link__title::after{bottom:-13px}
.foot-link__img{margin-bottom:25px}
.foot-link__link{font-size:100%}
.foot-link__ele a:hover .foot-link__img{opacity:1}
.foot-link__ele a:hover{color:#fff}
}