@charset "UTF-8";
.main-visual{background-image:url(/society/traffic/overview/img/main_visual.jpg)}
.traffic-nav__item{min-width:286px;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}
/*! -------------------- マップ -------------------- */
.intro-card__wrap{background-image:url(/society/traffic/overview/img/map_bg.jpg);-webkit-background-size:1600px 899px;background-size:1600px 899px;background-position:center bottom;background-repeat:no-repeat;padding-bottom:55px}
.intro-card__wrap .intro-map__unit{position:relative;margin:0 -13px}
.intro-card__wrap .intro-map__pcimg{max-width:1174px;width:100%;height:728px;background-image:url(/society/traffic/overview/img/map_illust.png);background-position:center center;-webkit-background-size:cover;background-size:cover}
.intro-map__wrap{margin-top:-180px}
.intro-map__list{background-repeat:no-repeat;background-position:center center}
.intro-map__spimg{display:none}
.intro-map__spimg img{width:100%;position:relative}
.intro-map__link{font-size:87.5%;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.4);box-shadow:0 0 10px 2px rgba(0,0,0,.4);border-radius:5px;position:absolute;top:0;right:50%;font-weight:700;text-align:center;width:150px;right:-webkit-calc(50% - 50px);right:calc(50% - 50px)}
.intro-map__link a{padding:10px 0 9px}
.intro-map__link:hover .arr::before{border-color:transparent transparent transparent #fff}
.intro-map__link-train{top:452px;right:-webkit-calc(50% - 282px);right:calc(50% - 282px)}
.intro-map__link-operation{top:423px}
.intro-map__link-communication{top:373px}
.intro-map__link-power{top:442px;right:-webkit-calc(50% + 201px);right:calc(50% + 201px)}
.intro-map__link-station{top:231px}
.intro-map__link-maintenance{top:184px;width:255px;right:-webkit-calc(50% - 389px);right:calc(50% - 389px)}
/*! -------------------- リンクリスト -------------------- */
.surround-links__wrap{max-width:1174px;margin:0 auto;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}
.surround-links{max-width:1114px}
.surround-links__ele{width:33.33333%}
.surround-links__ele:nth-child(3n){border-right:1px solid #e6e6e6}
.surround-links__ele:nth-child(n+4){border-bottom:1px solid #e6e6e6}
.surround-links__ele .arr::before{top:9px}
.surround-links__ele:hover .arr::before{border-color:transparent transparent transparent #fff}
/*! -------------------- カード -------------------- */
.intro-card__lead{font-size:175%;font-weight:700;line-height:1.714285714285714;padding-top:31px}
.intro-card__lead .letter-small{letter-spacing:-.2em}
.intro-card__lead .letter-small--2x{letter-spacing:-.4em}
.intro-card__heading{color:#001d58;font-size:225%;text-align:center;font-weight:700;margin-top:75px;margin-bottom:40px}
.intro-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.intro-card__ele{width:23.679727427597956%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.intro-card__ele--type-a{background-color:#c5ddf0;background:-webkit-gradient(linear,left top,left bottom,from(#c5ddf0),to(#fff));background:linear-gradient(#c5ddf0,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#c5ddf0),to(rgba(255,255,255,0)));background:linear-gradient(#c5ddf0,rgba(255,255,255,0))}
.intro-card__ele--type-a .intro-card__title{color:#06254c}
.intro-card__ele--type-b{background-color:#c2e3ed;background:-webkit-gradient(linear,left top,left bottom,from(#c2e3ed),to(#fff));background:linear-gradient(#c2e3ed,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#c2e3ed),to(rgba(255,255,255,0)));background:linear-gradient(#c2e3ed,rgba(255,255,255,0))}
.intro-card__ele--type-b .intro-card__title{color:#043545}
.intro-card__ele--type-c{background-color:#c0edeb;background:-webkit-gradient(linear,left top,left bottom,from(#c0edeb),to(#fff));background:linear-gradient(#c0edeb,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#c0edeb),to(rgba(255,255,255,0)));background:linear-gradient(#c0edeb,rgba(255,255,255,0))}
.intro-card__ele--type-c .intro-card__title{color:#044544}
.intro-card__ele--type-d{background-color:#beebdf;background:-webkit-gradient(linear,left top,left bottom,from(#beebdf),to(#fff));background:linear-gradient(#beebdf,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#beebdf),to(rgba(255,255,255,0)));background:linear-gradient(#beebdf,rgba(255,255,255,0))}
.intro-card__ele--type-d .intro-card__title{color:#024b39}
.intro-card__discription{padding-bottom:200px;width:82%;margin:0 auto}
.intro-card__title{font-size:187.5%;font-weight:700;text-align:center;margin:50px 0 39px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.intro-card__text{font-size:87.5%;line-height:1.785714285714286}
.intro-card__comments{font-size:75%;margin-top:3px}
/*! -------------------- 三菱電機のエンジニアリングをご紹介します。 -------------------- */
.foot-text{text-align:center;padding-bottom:60px}
.foot-text a{-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#222}
.foot-text a:hover{text-decoration:none;color:#c00}
.foot-text__sub{font-size:112.5%;margin-top:76px}
.foot-text__main{display:inline-block;font-size:162.5%;font-weight:700;margin-bottom:29px;margin-top:7px;color:#222}
.foot-text__main.arr:before{top:.75em}
@media (max-width:767px){.main-visual{background-image:url(/society/traffic/overview/img/main_visual_2x.jpg)}
.intro-card__wrap{background-image:none;padding-bottom:0}
.intro-card__wrap .intro-map__unit{margin:auto}
.intro-card__wrap .intro-map__pcimg{display:none}
.intro-map__wrap{margin:30px 0 35px;background-image:none;height:auto}
.intro-map__spimg{display:block;margin:auto -20px}
.intro-map__list{display:none}
.surround-links__wrap{padding:20px}
.surround-links{border:15px solid #454e60}
.surround-links__ele{width:100%}
.surround-links__ele:nth-child(3n){width:100%;border-right:none}
.surround-links__ele:nth-child(n+4){border-bottom:none}
.surround-links__ele:hover .arr::before{border-color:transparent transparent transparent #c00}
.intro-card__lead{font-size:112.5%;line-height:1.666666666666667}
.intro-card__heading{font-size:187.5%;margin-top:40px;margin-bottom:25px}
.intro-card{display:block}
.intro-card__ele{width:100%}
.intro-card__ele+.intro-card__ele{margin-top:20px}
.intro-card__ele--type-a{background-color:#c5ddf0}
.intro-card__ele--type-b{background-color:#c2e3ed}
.intro-card__ele--type-c{background-color:#c0edeb}
.intro-card__ele--type-d{background-color:#beebdf}
.intro-card__discription{width:84%;overflow:hidden;padding-bottom:50px}
.intro-card__title{margin:35px 0 17px}
.foot-text{padding-bottom:20px}
.foot-text__sub{font-size:87.5%;margin-top:41px;line-height:1.642857142857143}
.foot-text__main.arr:before{top:.5em}
.foot-text__main{font-size:150%;margin-bottom:31px;margin-top:16px}
}