@font-face{font-family:'DIN Bold';font-style:normal;font-weight:700;src:url("../../fonts/din-bold-webfont.eot");src:url("../../fonts/din-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../../fonts/din-bold-webfont.woff2") format("woff2"),url("../../fonts/din-bold-webfont.woff") format("woff"),url("../../fonts/din-bold-webfont.ttf") format("truetype"),url("../../fonts/din-bold-webfont.svg#svgFontName") format("svg")}.case .page_heading__title img{width:135px;height:37px}.case__archive--list{font-size:0;margin:0 -13px 133px}.case__archive--list li{display:inline-block;vertical-align:top;width:33.33333%;padding:0 13px;margin-bottom:38px}.case__archive--list li a{display:block;padding-right:7px;position:relative;opacity:1 !important}.case__archive--list li a::before,.case__archive--list li a .content{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.case__archive--list li a::before{content:"";width:calc(100% - 9px);height:calc(100% - 2px);top:9px;right:0;background:#f1f6fc;position:absolute}@media only screen and (min-width: 768px){.case__archive--list li a .content{position:relative;top:0;-webkit-transition:top 0.3s;-moz-transition:top 0.3s;-ms-transition:top 0.3s;-o-transition:top 0.3s;transition:top 0.3s}.case__archive--list li a:hover .content{top:-3px}}.case__archive--list li .content{background:#d8e5fc;position:relative;z-index:2;text-align:center;padding:46px 10px 39px}.case__archive--list li .content .title{width:100%;display:table;margin-bottom:49px}.case__archive--list li .content .title span{width:100%;display:table-cell;vertical-align:bottom;letter-spacing:1px;font-size:19px;font-weight:bold;padding-bottom:20px;margin-bottom:77px;position:relative;line-height:1.5}.case__archive--list li .content .title span::before{content:"";background:url(../../img/case/bg_line.png) no-repeat top left;width:79px;height:3px;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.case__archive--list li .content .img{width:100%;display:table;margin-bottom:50px}.case__archive--list li .content .img figure{width:100%;display:table-cell;vertical-align:middle}.case__archive--list li .content .img figure img{display:block;margin:0 auto;height:90px;width:auto}.case__archive--list li .content .more span{font-size:13px;padding-right:24px;display:inline-block;vertical-align:top;font-weight:bold;text-decoration:underline;background:url(../../img/common/icon/ico_ar_right_white_circle.svg) no-repeat center right;background-size:14px 14px;letter-spacing:1px}.case__detail--frame{max-width:890px;padding:0 15px;margin:auto}.case__detail--title{margin-bottom:82px}.case__detail--title span{display:block;text-align:center;font-weight:bold;font-size:28px;padding:0 70px 24px;border-bottom:1px solid #ededed;margin-bottom:30px;letter-spacing:0.8px;line-height:1.5}.case__detail--before{padding-right:19px;margin-bottom:89px}.case__detail--before .box{background:#3d7cef;border:3px solid #fff;position:relative;color:#fff;font-weight:bold;padding:46px 86px 46px 91px}.case__detail--before .box,.case__detail--before .box::before{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.case__detail--before .box::before{content:"";width:calc(100% + 4px);height:calc(100% + 2px);background:#afbacc;position:absolute;left:5px;top:8px;z-index:-1}.case__detail--before .box__lb{width:111px;height:111px;font-family:"DIN Bold",sans-serif;font-size:20px;display:block;color:#fff;text-align:center;background:url(../../img/case/bg_before.svg) no-repeat top left;background-size:100% 100%;position:absolute;top:-44px;left:22px;line-height:1;padding-top:46px;letter-spacing:2px}.case__detail--before .box__title{font-weight:bold;text-align:center;font-size:24px;position:relative;padding:0 30px 21px;line-height:1.5;letter-spacing:0.6px;margin-bottom:31px}.case__detail--before .box__title::before{content:"";width:79px;height:4px;background:url(../../img/case/bg_line_white.png) no-repeat top left;position:absolute;left:0;right:0;bottom:0;margin:0 auto}.case__detail--before .box__list li{position:relative;font-size:18px;padding-left:43px;letter-spacing:0.8px;margin-bottom:11px}.case__detail--before .box__list li::before{content:"";background:url(../../img/case/ico_checked.svg) no-repeat top left;background-size:100% 100%;width:27px;height:30px;position:absolute;top:-7px;left:0}.case__detail--after{max-width:970px;padding:0 15px;margin:0 auto 123px}.case__detail--after .after_title{text-align:center;font-weight:bold;color:#fff;position:relative;background:#3c3c3c;font-size:28px;padding:33px 90px 31px;letter-spacing:0.7px;margin-bottom:75px}.case__detail--after .after_title::before,.case__detail--after .after_title::after{content:"";position:absolute}.case__detail--after .after_title::before{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:13px solid #3c3c3c;left:0;right:0;bottom:-13px;margin:auto}.case__detail--after .after_title::after{width:153px;height:149px;background:url(../../img/common/footer/img_char.svg) no-repeat top left;background-size:100% 100%;top:-54px;right:-57px}.case__detail--after .case__detail--frame{padding-right:19px}.case__detail--after .box{background:#10289d;border:3px solid #000;position:relative;color:#fff;font-weight:bold;padding:85px 47px 8px 47px}.case__detail--after .box,.case__detail--after .box::before{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.case__detail--after .box::before{content:"";width:calc(100% + 4px);height:calc(100% + 2px);background:#afbacc;position:absolute;left:5px;top:8px;z-index:-1}.case__detail--after .box__lb{width:111px;height:111px;font-family:"DIN Bold",sans-serif;font-size:20px;display:block;color:#000;text-align:center;background:url(../../img/case/bg_after.svg) no-repeat top left;background-size:100% 100%;position:absolute;top:-44px;left:22px;line-height:1;padding-top:46px;letter-spacing:2px}.case__detail--after .box__list{font-size:0;margin:0 -22px}.case__detail--after .box__list li{display:inline-block;vertical-align:top;width:50%;padding:0 22px;margin-bottom:36px}.case__detail--after .box__list li.fw{width:100%}.case__detail--after .box__list li .title{border-bottom:2px solid #fff;font-weight:bold;font-size:18px;padding:0 0 12px 55px;letter-spacing:0.5px;margin-bottom:13px;position:relative}.case__detail--after .box__list li .title span{position:absolute;top:-10px;left:0;width:45px;height:50px;background:url(../../img/works/bg_flag_after.svg) no-repeat top left;background-size:100% 100%;font-family:"DIN Bold",sans-serif;font-size:18px;display:block;text-align:center;padding-top:16px;line-height:1;color:#000}.case__detail--after .box__list li .content{line-height:1.9;text-align:justify;font-size:15px}.case__detail--after .box__list.fw{margin-left:0;margin-right:0}.case__detail--after .box__list.fw li{width:100%;padding:0}.case__detail--intro{margin-bottom:112px}.case__detail--intro .cmn_hd{margin-bottom:67px}.case__detail--intro .cmn_hd span{letter-spacing:2.2px;font-size:22px;padding:0 39px 17px}.case__detail--intro .intro_list li{margin-bottom:54px}.case__detail--intro .intro_list li:before,.case__detail--intro .intro_list li:after{content:" ";display:table}.case__detail--intro .intro_list li:after{clear:both}.case__detail--intro .intro_list li:last-child{margin-bottom:0}.case__detail--intro .intro_list li .content{float:left;width:58.1%;position:relative;top:-5px;padding-right:38px}.case__detail--intro .intro_list li .content .title{border-bottom:3px solid #000;font-weight:bold;font-size:22px;letter-spacing:0.6px;padding-bottom:14px;margin-bottom:38px}.case__detail--intro .intro_list li .content .txt{font-size:15px;line-height:1.9;text-align:justify}.case__detail--intro .intro_list li .img{float:right;width:41.9%;text-align:center}.case__detail--intro .intro_list li .img img{display:block;width:100%;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}.case__detail--intro .intro_list li .img a{display:inline-block;vertical-align:top;font-size:13px;color:#333;padding-left:28px;background:url(../../img/common/icon/ico_zoom.svg) no-repeat center left;background-size:20px 20px;text-decoration:underline;margin-top:13px}.case__detail--intro .cmn_btn{max-width:566px;margin-top:85px;padding-right:8px}.case__detail--intro .cmn_btn::before{background:#d9dde2;height:calc(100% - 3px);top:9px}.case__detail--intro .cmn_btn span{border-color:#000;padding:22px 40px 18px}.case__detail--intro .cmn_btn span em{display:block;font-size:30px;letter-spacing:3px}.case__detail--works{padding-bottom:72px}.case__detail--works .cmn_hd span{padding:0 36px 18px}@media only screen and (min-width: 768px) and (max-width: 1023px){.case__archive--list{margin-left:-10px;margin-right:-10px}.case__archive--list li{padding:0 10px}.case__archive--list li .content .title span{font-size:15px}.case__detail--title span{padding-left:20px;padding-right:20px}}@media only screen and (max-width: 767px){.case .page_heading__title img{width:101px;height:27px}.case__archive--list{margin:0 -5px 113px}.case__archive--list li{width:50%;padding:0 5px;margin-bottom:14px}.case__archive--list li a{padding-right:6px}.case__archive--list li a::before,.case__archive--list li a .content{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.case__archive--list li a::before{width:calc(100% - 5px);height:calc(100%);top:5px}.case__archive--list li .content{padding:21px 0px 20px}.case__archive--list li .content .title{margin-bottom:20px}.case__archive--list li .content .title span{font-size:16px;line-height:1.4;padding-bottom:12px;vertical-align:top}.case__archive--list li .content .title span::before{width:53px;height:3px;background-image:url(../../img/case/bg_line_sp.png);background-size:100% 100%}.case__archive--list li .content .title span small{display:block;font-size:12px}.case__archive--list li .content .img{margin-bottom:19px}.case__archive--list li .content .img figure img{height:55px}.case__archive--list li .content .more span{font-size:13px;letter-spacing:1.3px;padding-right:21px}.case__detail--title{margin-bottom:45px}.case__detail--title span{font-size:21px;line-height:1.4;letter-spacing:0.4px;padding:0 10px 17px}.case__detail--before{padding-right:20px;margin-bottom:48px}.case__detail--before .box{border-width:2px;padding:67px 33px 37px}.case__detail--before .box,.case__detail--before .box::before{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.case__detail--before .box::before{top:7px;width:calc(100% + 2px);height:100%}.case__detail--before .box__lb{width:82px;height:82px;font-size:19px;left:0;right:0;margin:0 auto;top:-35px;padding-top:30px;letter-spacing:1px}.case__detail--before .box__title{font-size:19px;line-height:1.35;letter-spacing:1.9px;padding:0 0 14px}.case__detail--before .box__title::before{width:67px;height:3px;background-image:url(../../img/case/bg_line_white_sp.png);background-size:100% 100%}.case__detail--before .box__list li{font-size:14px;padding:0 0 16px 33px;border-bottom:1px solid #6496f2;margin-bottom:25px;letter-spacing:0.6px}.case__detail--before .box__list li:last-child{border:0;margin:0;padding-bottom:0}.case__detail--before .box__list li::before{width:21px;height:23px;top:-4px}.case__detail--after{margin-bottom:66px}.case__detail--after .after_title{font-size:18px;padding:15px 26px 17px;text-align:left;line-height:1.3;letter-spacing:0px;margin-bottom:54px}.case__detail--after .after_title::before{border-left-width:11px;border-right-width:11px;border-top-width:14px;bottom:-14px}.case__detail--after .after_title::after{width:87px;height:84px;right:-5px;top:-24px}.case__detail--after .case__detail--frame{padding:0 5px 0 0}.case__detail--after .box{border-width:2px;padding:90px 30px 41px}.case__detail--after .box,.case__detail--after .box::before{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.case__detail--after .box::before{top:7px;width:calc(100% + 2px);height:100%}.case__detail--after .box__lb{width:82px;height:82px;font-size:19px;left:0;right:0;margin:0 auto;top:-35px;padding-top:30px;letter-spacing:1px}.case__detail--after .box__list{margin:0}.case__detail--after .box__list li{width:100%;padding:0;margin-bottom:27px}.case__detail--after .box__list li:last-child{margin:0}.case__detail--after .box__list li .title{font-size:16px;padding:0 0 7px 52px;letter-spacing:0px;margin-bottom:12px}.case__detail--after .box__list li .title span{font-size:19px;width:44px;height:49px;top:-17px;left:-2px;padding-top:14px}.case__detail--after .box__list li .content{font-size:14px;line-height:1.6;margin:0 -2px 0 -6px}.case__detail--intro{margin-bottom:77px}.case__detail--intro .cmn_hd{margin-bottom:32px}.case__detail--intro .cmn_hd span{font-size:19px;letter-spacing:0.4px;line-height:1.55;padding:0 25px 13px;max-width:305px}.case__detail--intro .intro_list li{margin-bottom:56px}.case__detail--intro .intro_list li .img,.case__detail--intro .intro_list li .content{float:none;width:100%;padding:0}.case__detail--intro .intro_list li .img{margin-top:33px}.case__detail--intro .intro_list li .img img{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.case__detail--intro .intro_list li .img a{margin-top:21px}.case__detail--intro .intro_list li .content .title{font-size:19px;line-height:1.55;letter-spacing:0.5px;padding-bottom:6px;margin-bottom:13px}.case__detail--intro .intro_list li .content .txt{font-size:14px;line-height:1.95}.case__detail--intro .cmn_btn{padding-right:4px;margin-top:40px}.case__detail--intro .cmn_btn::before{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;top:6px;height:calc(100% - 2px)}.case__detail--intro .cmn_btn span{padding:15px 27px 12px;font-size:14px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;background-size:14px 14px;background-position:center right 11px}.case__detail--intro .cmn_btn span em{font-size:21px;letter-spacing:2px;margin-top:-1px}.case__detail--works{padding:31px 0 104px}.case__detail--works .cmn_hd{margin-bottom:23px}.case__detail--works .cmn_hd span{font-size:19px;letter-spacing:0.4px;line-height:1.55;padding:0 25px 13px;max-width:305px}}@media only screen and (max-width: 374px){.case__archive--list li .content .title span small{font-size:10px}.case__detail--before .box{padding-left:15px;padding-right:15px}.case__detail--after .after_title::after{right:-15px}.case__detail--after .box{padding-left:20px;padding-right:20px}}