@charset "UTF-8";
.fill-head{background-color: #fff;}
.sh-name{margin-top: 0;padding-top: 13px;}
.footer-breadcrumb__list{min-height:413px}
.bg,.global_footer,.global_header{background-color:#fff}
body{position:relative}
body::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background-image:url(/society/traffic/solutions/next_generation/img/bg.jpg);-webkit-background-size:cover;background-size:cover;background-position:70% 0;background-repeat:no-repeat;z-index:-1}
.list-square{font-size:87.5%}
.list-square li{padding-left:11px}
.list-square li::before{top:.4em}
.sol-btn{font-size:87.5%}
.sol-btn a{display:block;color:#fff;text-align:center;color:#fff;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box}
.sol-btn .arr::before{border-left-color:#fff}
.sol-btn--red a{padding:15px 0 14px;background-color:#b60005;border:1px solid #b60005}
.sol-btn--skyblue a{padding:15px 0 14px;background-color:#003973;border:1px solid #003973}
.sol-btn--green a{padding:15px 0 14px;background-color:#005946;border:1px solid #005946}
/*! ============================== メインビジュアル ============================== */
.main-visual__text{color:#fff;font-weight:700;font-size:175%;line-height:1.6071428571428572;margin-top:33px}
/*! ============================== マップ ============================== */
.map{position:relative;overflow:hidden}
.map::before{content:'';display:block;width:100%;position:absolute;top:0;left:0;-webkit-background-size:cover;background-size:cover;background-position:center bottom;background-repeat:no-repeat;height:257px}
.map__text-wrap{position:absolute;top:0;left:0;right:0;margin:0 auto;text-align:center}
.map__ttl{font-size:262.5%;font-weight:700;margin:127px 0 22px}
.map__ttl span{display:inline-block;position:relative}
.map__ttl span::before{content:'';display:block;width:100%;height:1px;position:absolute;bottom:3px;left:0;background-color:#333;border-top:1px solid #7da6be;border-bottom:1px solid #404e56}
.map__sub{font-size:137.5%;font-weight:700;line-height:1.727272727272727}
.map__img{vertical-align:bottom;width:100%;margin-top:256px}
.map--mobility::before{background-image:url(/society/traffic/solutions/mobility/img/map_top.jpg)}
.map--maintenance::before{background-image:url(/society/traffic/solutions/maintenance/img/map_top.jpg)}
.map--next_generation::before{background-image:url(/society/traffic/solutions/next_generation/img/map_top.jpg)}
/*! ============================== ヘッダーナビ ============================== */
.traffic-nav__item{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}
.traffic-nav__item:nth-child(1){-ms-flex-preferred-size:222px;flex-basis:222px}
.traffic-nav__item:nth-child(2){-ms-flex-preferred-size:275px;flex-basis:275px}
.traffic-nav__item:nth-child(3){-ms-flex-preferred-size:302px;flex-basis:302px}
.traffic-nav-wrap--green{background-color:#005946}
.traffic-nav-wrap--green .traffic-nav__item a .inner{border-color:#4d8b7e}
.traffic-nav-wrap--skyblue{background-color:#003973}
.traffic-nav-wrap--skyblue .traffic-nav__item a .inner{border-color:#4d759d}
.traffic-nav-wrap--red{background-color:#b60005}
.traffic-nav-wrap--red .traffic-nav__item a .inner{border-color:#cc4d50}
/*! ============================== 詳細 ============================== */
.detail-wrap{background-color:#f3f3f3;padding-bottom:70px}
.detail-wrap .list-square{margin:18px 0 27px}
.detail-wrap .list-square li+li{margin-top:2px}
.detail-wrap--pt{padding-top:56px}
.detail{background-color:#fff;border:1px solid #d9d9d9}
.detail__inner{width:88.245315161839864%;margin:0 auto}
.detail__title{font-weight:700;font-size:125%;margin:75px 0 13px}
.detail__text{font-size:87.5%}
.detail__img{max-width:100%;display:block;margin:12px auto 0}
.detail__link{font-weight:700;font-size:87.5%;line-height: 1.7857;margin:-17px 0 27px}
.detail__link a{color:#222222;display:inline-block;vertical-align:bottom;position:relative;padding-left:15px}
.detail__link a::before{content:'';position:absolute;top:0.5356em;left:0;margin-right:7px;background-image:none;width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #003973}
.detail__btn-wrap{position:relative}
.detail__btn-wrap::before{content:'';display:block;width:100%;height:1px;position:absolute;top:-webkit-calc(50% - 1px);top:calc(50% - 1px);left:0;background-color:#d9d9d9;z-index:1}
.detail__btn a{color:#fff;text-align:center;width:600px;margin:43px auto 59px;padding:15px 0 13px;position:relative;z-index:2}
.detail__btn .arr::before{border-left-color:#fff}
.detail-wrap--green .detail__title{color:#005946}
.detail-wrap--skyblue .detail__title{color:#003973}
/*! ============================== カード ============================== */
.card-bgimg{overflow:hidden;position:relative}
.card-bgimg::before{content:'';display:block;width:100%;height:-webkit-calc(100% - 300px);height:calc(100% - 300px);position:absolute;bottom:0;left:0;background-color:#f5f5f5}
.card-bgimg__content{margin:190px 0 73px;position:relative;z-index:3}
/*! ---------- 横カード ---------- */
.tech-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.tech-card__ele{border:1px solid #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.tech-card__ele--3col{width:32%}
.tech-card__ele--4col{width:23.850085178875638%}
.tech-card__img{width:100%;vertical-align:bottom;border-bottom:1px solid #d9d9d9}
.tech-card__text-wrap{width:86.33093525179856%;margin:0 auto}
.tech-card__title{font-weight:700;text-align:center;margin:36px 0 17px;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}
.tech-card__title--green{color:#005946}
.tech-card__title--red{color:#b60005}
.tech-card__text{font-size:87.5%;margin-bottom:36px}
.tech-card__text--mbnone{margin-bottom:0}
.tech-card__btn{margin-top:16px;margin-bottom:23px}
.tech-card__btn a{padding:15px 0 14px}
/*! ---------- 縦カード ---------- */
.tech-flow{background-color:#fff;border:1px solid #d9d9d9;padding:40px 36px}
.tech-flow__ele{background-color:#e0ebf6;border:1px solid #003973;text-align:center;padding:22px 17px 17px;position:relative}
.tech-flow__ele+.tech-flow__ele{margin-top:24px}
.tech-flow__ele+.tech-flow__ele::before{content:'';display:block;width:90px;height:44px;position:absolute;top:-25px;left:0;right:0;margin:0 auto;background-image:url(/society/traffic/solutions/maintenance/img/arr_down.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.tech-flow__ttl{font-weight:700;color:#003973;font-size:125%;margin-bottom:8px}
.tech-flow__txt{font-size:87.5%}
/*! ============================== 関連リンク ============================== */
.relation-link__ttl{font-weight:700;text-align:center;position:relative;font-size:175%}
.relation-link__ttl::after,.relation-link__ttl::before{content:'';display:block;width:-webkit-calc(50% - 87px);width:calc(50% - 87px);height:1px;position:absolute;top:54%;background-color:grey}
.relation-link__ttl::before{left:0}
.relation-link__ttl::after{right:0}
.relation-link-wrap{background-color:#e0ded5;padding-top:63px}
.surround-links__wrap{background-color:#e0ded5;padding:20px 0 55px}
.surround-links{border-color:#aeaba0}
.surround-links__ele a .arr::before{-webkit-transition:.3s;transition:.3s}
.surround-links__ele a .arr .icon-blank{position:absolute;top:-webkit-calc(50% - 8px);top:calc(50% - 8px)}
.surround-links__ele a .arr .icon-blank--white{display:none}
.surround-links--link07 .surround-links__ele:nth-child(-n+4){width:25%}
.surround-links--link07 .surround-links__ele:nth-child(4),.surround-links--link07 .surround-links__ele:nth-child(7){border-right:1px solid #e6e6e6}
.surround-links--link07 .surround-links__ele:nth-child(n+5){width:33.333333%;border-bottom:1px solid #e6e6e6}
.surround-links--link02 .surround-links__ele{width:50%;border-bottom:1px solid #e6e6e6}
.surround-links--link02 .surround-links__ele:nth-child(2){border-right:1px solid #e6e6e6}
.surround-links--green .arr:before{border-left-color:#005946}
.surround-links--skyblue .arr:before{border-left-color:#003973}
.surround-links--red .arr:before{border-left-color:#b60005}
/*! ============================== フッター ============================== */
.sol-footer-wrap{overflow:hidden}
.sol-footer-wrap .list-square li{line-height:1.5}
.sol-footer-wrap .list-square li+li{margin-top:12px}
.sol-footer-wrap .list-square li::before{background-color:#fff}
.sol-footer-wrap--green{background-color:#005946}
.sol-footer-wrap--green .sol-footer__ele+.sol-footer__ele{border-left:1px solid #337a6b}
.sol-footer-wrap--skyblue{background-color:#003973}
.sol-footer-wrap--skyblue .sol-footer__ele+.sol-footer__ele{border-left:1px solid #33618f}
.sol-footer-wrap--red{background-color:#b60005}
.sol-footer-wrap--red .sol-footer__ele+.sol-footer__ele{border-left:1px solid #c53337}
.sol-footer{display:-webkit-box;display:-ms-flexbox;display:flex;margin:55px auto 49px;max-width:1200px}
.sol-footer__ele{color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100%/3);width:calc(100%/3)}
.sol-footer__ele+.sol-footer__ele{border-left:1px solid #c53337}
.sol-footer__inner{width:70%;margin:0 auto}
.sol-footer__ttl{text-align:center;font-weight:700;font-size:112.5%;line-height:1.4444444444444444;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:11px}
@media screen and (min-width:768px){.sol-btn a:hover{background-color:#fff;border-color:#d9d9d9;text-decoration:none}
.sol-btn--red a:hover{color:#b60005}
.sol-btn--red a:hover .arr::before{border-left-color:#b60005}
.sol-btn--skyblue a:hover{color:#003973}
.sol-btn--skyblue a:hover .arr::before{border-left-color:#003973}
.sol-btn--green a:hover{color:#005946}
.sol-btn--green a:hover .arr::before{border-left-color:#005946}
.surround-links__ele a:hover .arr::before{border-left-color:#fff}
.surround-links__ele a:hover .arr .icon-blank--black{display:none}
.surround-links__ele a:hover .arr .icon-blank--white{display:inline-block}
.surround-links--green .link-white:hover{background-color:#005946}
.surround-links--skyblue .link-white:hover{background-color:#003973}
.surround-links--red .link-white:hover{background-color:#b60005}
}
@media (max-width:767px){.sh-name{padding-top: 16px;}
.footer-breadcrumb__list{min-height:auto}
.sol-btn a{width:-webkit-calc(100% - 40px);width:calc(100% - 40px)}
.main-visual__text{font-size:100%;margin-top:8px}
.map::before{height:130px}
.map__ttl{font-size:131.25%;margin:48px 0 16px}
.map__ttl span::before{bottom:0}
.map__sub{font-size:87.5%;line-height:1.571428571428571}
.map__img{margin-top:129px}
.detail__link a{padding-left:12px}
.map--next_generation .map__img{margin-top:184px}
.map--next_generation::before{height:185px}
.traffic-nav-wrap--green .traffic-nav__item+.traffic-nav__item{border-top-color:#4d8b7e}
.traffic-nav-wrap--skyblue .traffic-nav__item+.traffic-nav__item{border-top-color:#4d759d}
.traffic-nav-wrap--red .traffic-nav__item+.traffic-nav__item{border-top-color:#cc4d50}
.detail-wrap{padding-bottom:35px}
.detail-wrap .list-square{margin:9px 0 20px;line-height:1.785714285714286}
.detail-wrap .list-square li+li{margin-top:0}
.detail-wrap--pt{padding-top:20px}
.detail__inner{width:-webkit-calc(100% - 40px);width:calc(100% - 40px)}
.detail__title{font-size:112.5%;line-height:1.388888888888889;margin:31px 0 8px}
.detail__text{line-height:1.785714285714286}
.detail__img{margin:7px auto 0}
.detail__link{margin:-10px 0 20px}
.detail__btn-wrap::before{display:none}
.detail__btn a{margin:19px auto 25px;padding:17px 0 15px}
.card-bgimg::before{height:-webkit-calc(100% - 125px);height:calc(100% - 125px)}
.card-bgimg__content{margin:75px 0 50px}
.tech-card{display:block}
.tech-card__ele{width:100%}
.tech-card__ele+.tech-card__ele{margin-top:20px}
.tech-card__text-wrap{width:-webkit-calc(100% - 40px);width:calc(100% - 40px)}
.tech-card__title{line-height:1.625;margin:32px 0 16px}
.tech-card__text{line-height:1.5;margin-bottom:32px}
.tech-card__text--mbnone{margin-bottom:21px}
.tech-card__btn a{padding:17px 0 14px;width:100%}
.tech-flow{padding:20px 0}
.tech-flow__ele{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:21px 18px 21px}
.tech-flow__ele+.tech-flow__ele{margin-top:15px}
.tech-flow__ele+.tech-flow__ele::before{width:68px;height:31px;top:-16px;background-image:url(/society/traffic/solutions/maintenance/img/arr_down_2x.png)}
.tech-flow__ttl{font-size:112.5%;margin-bottom:12px}
.tech-flow__txt{text-align:left;line-height:1.714285714285714}
.surround-links__ele a .arr{display:inline-block}
.surround-links--link07 .surround-links__ele{border-right:1px solid #e6e6e6}
.surround-links--link07 .surround-links__ele:nth-child(-n+4){width:100%}
.surround-links--link07 .surround-links__ele:nth-child(n+5){width:100%;border-bottom:none}
.surround-links--link02 .surround-links__ele{width:100%;border-bottom:none;border-right:1px solid #e6e6e6}
.sol-footer-wrap--green .sol-footer__ele+.sol-footer__ele{border-left:none;border-top:1px solid #337a6b}
.sol-footer-wrap--skyblue .sol-footer__ele+.sol-footer__ele{border-left:none;border-top:1px solid #33618f}
.sol-footer-wrap--red .sol-footer__ele+.sol-footer__ele{border-left:none;border-top:1px solid #c53337}
.sol-footer{display:block;margin:54px auto 54px;padding:0 20px}
.sol-footer__ele{width:100%}
.sol-footer__ele+.sol-footer__ele{margin-top:20px}
.sol-footer__ele+.sol-footer__ele{margin-top:34px;padding-top:34px}
.sol-footer__inner{width:100%}
.sol-footer__ttl{margin-bottom:25px}
}