@charset "UTF-8";
.main-visual{background-image:url(/society/traffic/cases/img/main_visual.jpg)}
.container__beige-wrap{background-color:#f7f5f0;padding-bottom:102px;overflow:hidden}
/*! ============================== アンカーリンク ============================== */
.surround-links__wrap{padding:51px 13px}
.surround-links{max-width:1174px}
.surround-links__ele{width:33.333333%}
.surround-links__ele:nth-child(3),.surround-links__ele:nth-child(6){border-right:1px solid #e6e6e6}
.surround-links__ele:nth-child(n+4){border-bottom:1px solid #e6e6e6}
.surround-links__ele a span::before{content:'';display:inline-block;width:8px;height:9px;position:relative;top:-1px;left:0;margin-right:6px;background-image:url(/society/traffic/common/img/arr_down.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.surround-links__ele a:hover span::before{background-image:url(/society/traffic/common/img/arr_down_white.png)}
.surround-links__ele.link-full{border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;width:100%}
.surround-links__ele.link-full a{height:auto !important}
.surround-links__ele.link-full a span::before{content:'';display:inline-block;width:9px;height:10px;position:relative;top:0px;left:0;margin-right:10px;background-image:none;width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #cc0000}
.surround-links__head{font-size:175%;font-weight:bold;line-height:1.2;overflow:hidden;margin:0 auto 25px;max-width: 1174px}
.surround-links + .surround-links__head{margin-top:35px}
.surround-links__head span{display:inline-block;position:relative;vertical-align:bottom;padding-right:15px}
.surround-links__head span::after{background-color:#333333;content: "";position:absolute;top:50%;left:100%;width:1110px;height:1px}
/*! ============================== カード ============================== */
/*! ---------- 通常3カラム ---------- */
.case-card__head{padding:31px 0 30px;margin-top:60px;font-size:2em;font-weight:700}
.case-card__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.case-card{border-top:2px solid #c00;width:32.197614991482112%;background-color:#fff}
.case-card img{width:100%}
.case-card__description{background-color:#fff;padding-bottom:17px}
.case-card__description-inner{width:86.772486772486772%;margin:0 auto}
.case-card__title{font-weight:700;text-align:center;margin:31px 0 11px}
.case-card__text{font-size:.875em;margin-bottom:29px}
.case-card__img{text-align:center}
.case-card__img img{width:auto;max-width:100%;display:block;margin:0 auto}
.case-card__img p{font-size:.875em;margin-bottom:14px}
/*! ---------- 2カラム ---------- */
.case-card__2col{width:48.977853492333901%}
.case-card__2col .case-card__description-inner{width:86.08695652173913%;margin:0 auto}
.case-card__2col .case-card__description{padding-bottom:50px}
.case-card__imgwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.case-card__imgwrap .case-card__img{width:-webkit-calc(50% - 1px);width:calc(50% - 1px);border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.case-card__imgwrap .case-card__img img{width:100%}
.case-card__imgwrap .case-card__img:nth-child(-n+2){border-top:1px solid #d9d9d9}
.case-card__imgwrap .case-card__img:nth-child(2n-1){border-left:1px solid #d9d9d9;width:-webkit-calc(50% - 2px);width:calc(50% - 2px)}
.caption_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}
/*! ---------- 1カラムx3 ---------- */
.case-card__section_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.case-card__section-inner{width:32.197614991482112%}
.case-card__1col{width:100%}
/*! ---------- margin調節 ---------- */
.service .case-card_:first-child .case-card__text{margin-bottom:0}
.service .case-card_:first-child .case-card__img p{margin-top:-10px}
@media (min-width:768px){.surround-links__ele.link-full a span::before{transition:border-color .2s ease-out}
.surround-links__ele.link-full a:hover span::before{border-color:transparent transparent transparent #ffffff}
}
@media (max-width:767px){.main-visual{background-image:url(/society/traffic/cases/img/main_visual_x2.jpg)}
.container__beige-wrap{padding-bottom:71px}
.surround-links__wrap{padding:20px}
.surround-links{border:15px solid #454e60}
.surround-links__ele{border-right:1px solid #e6e6e6;width:100%}
.surround-links__ele:nth-child(n+4){border-bottom:none}
.surround-links__ele a:hover span::before{background-image:url(/society/traffic/common/img/arr_down.png)}
.surround-links__head{font-size:125%;margin:0 auto 15px}
.surround-links + .surround-links__head{margin-top:25px}
.case-card__head{padding:29px 0 21px;margin-top:19px;font-size:1.875em}
.case-card__wrap{display:block}
.case-card{width:100%}
.case-card+.case-card{margin-top:18px}
.case-card__description{padding-bottom:14px}
.case-card__title{text-align:left;font-size:1.25em;line-height:1.3;margin:20px 0 11px}
.case-card__text{line-height:1.5;margin-bottom:23px}
.case-card__img p{font-size:.75em;line-height:1.5}
.case-card__2col .case-card__description{padding-bottom:20px}
.case-card__imgwrap{display:block}
.case-card__imgwrap .case-card__img{width:100%;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-top:none}
.case-card__imgwrap .case-card__img:nth-child(-n+2){border-top:none}
.case-card__imgwrap .case-card__img:first-child{border-top:1px solid #d9d9d9}
.case-card__imgwrap .case-card__img:nth-child(2n-1){width:100%}
.case-card__section_wrap{display:block}
.case-card__section-inner{width:100%}
.service .case-card_:first-child .case-card__text{margin-bottom:25px}
.service .case-card_:first-child .case-card__img p{margin-top:0}
.overseas .case-card__title{margin-bottom:30px}
}