.sp_only{display:none;}
.pc_only{display:block;}

a.blue_gr_btn {text-align: center;display: block;font-size: 20px;font-weight: bold;color: #fff;border-radius: 28px;padding: 0px 10px;position: relative;overflow: hidden;transition: all 0.2s ease-out;z-index: 1;height: 56px;line-height: 56px;width: 330px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.38);margin: 0 auto;}
a.blue_gr_btn:before {content: "";width: 100%;height: 100%;position: absolute;background: linear-gradient(90deg, #140DD0,#0163E3 );z-index: -1;left: 0;transition: 0.5s;}
a.blue_gr_btn span:after {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 5px;height: 5px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}
a.blue_gr_btn:after {content: "";width: 100%;height: 100%;position: absolute;z-index: -2;left: 0;background: #0163E3;top: 0;}
a.blue_gr_btn:hover {box-shadow: 0px 0px 4px rgb(19 129 182 / 32%);}
a.blue_gr_btn:hover:before {opacity: 0;}


#breadcrumb {margin-bottom:30px;}
#breadcrumb ul li {display: inline-block;line-height: 28px;font-size: 11px;}
#breadcrumb ul li {margin-left: 7px;padding-left: 11px;background: url(/cms/images/b2b/common/arrow_breadcrumb.png) no-repeat 0 10px;}
#breadcrumb ul li:first-child {margin-left: 0;padding-left: 0;background: none;}
body {font-family: "Yu Gothic Medium", "游ゴシチE�� Medium", YuGothic, 游ゴシチE��佁E "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;margin: 0;}
a {text-decoration: none;}
.w1300 { width:1300px; margin:0 auto;}
.w1200 { width:1200px; margin:0 auto;}
.new_case .main{background:url(https://www.ecbeing.net/cms/images/b2b/case/ttl_bk.png) no-repeat;padding: 40px 0; margin-bottom: 20px;background-size: cover;}
.new_case .main .sub_ttl{font-weight: bold;font-size: 20px;color: #f8f8f8;margin-bottom: 20px;}
.new_case .main h1.ttl{font-weight: bold;font-size: 35px;color: #f8f8f8;margin: 0;line-height: 1.5em;}
.new_case .second { margin-bottom: 80px;}
.new_case .second .com{font-weight: bold;font-size: 20px;text-align: center;color: #242424; display: inline-block;border: 2px solid #000; padding: 10px 30px; margin-bottom: 40px;}
.new_case .second h2.ttl{font-weight: bold;font-size: 35px;color: #242424;margin: 0;}
.new_case .kadai,.new_case .tokucho,.new_case .kouka,.new_case .kinou{ background: #F8F8F8; padding:0 50px 50px;margin-bottom: 80px;position: relative;}
.new_case .mini_ttl{position: relative;bottom:30px;background: #0867e3;font-weight: bold;font-size: 25px;text-align: center;color: #fff;display: block;margin: 0 auto;padding: 15px 0;}
.new_case .kadai .mini_ttl{ width:300px;}
.new_case .tokucho .mini_ttl{ width:550px;}
.new_case .kouka .mini_ttl{ width:400px;}
.new_case .kinou .mini_ttl{ width:400px;}
.new_case .kadai .waku{width:92%;}
.new_case .waku{background: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);padding: 30px 4%;margin-bottom: 30px;}
.new_case .waku span{font-weight: bold;font-size: 18px;text-align: center;color: #242424;position: relative;padding-left: 50px;}
.new_case .waku span:first-child{margin-right: 50px;}
.new_case .waku span.cross:before{content:"";background: url(https://www.ecbeing.net/cms/images/b2b/case/cross.png) no-repeat;width: 28px;height: 28px;display: block;position: absolute;top: -5%;left: 0px;}
.new_case .waku span.maru:before{content:"";background: url(https://www.ecbeing.net/cms/images/b2b/case/maru.png) no-repeat;width: 35px;height: 35px;display: block;position: absolute;top: -20%;left: 0px;}
.new_case .text{font-weight: 500;font-size: 16px;line-height: 1.9em;color: #000;}
.new_case .img { text-align: center;}
.new_case .img img{background: #fff; padding: 2%; border-radius: 10px;}
.new_case .text span.mark {background: #d0ff3044;}
.new_case .kadai .text{margin-bottom: 50px}
.new_case .kadai .img{border-radius: 8px;background: #fff;text-align: center;padding: 30px 0 20px;}
.new_case .tokucho .waku{box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);width:/*45*/92%;}
.new_case .tokucho .text{margin-bottom: 30px;}
.new_case .border_bottom{border-bottom: 1px dashed #707070;margin-bottom: 30px; padding-bottom: 30px;}
.new_case .flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_case .flex .f_text{width:50%;font-weight: 500;font-size: 16px;line-height: 1.9em;text-align: left;color: #000;margin-top: 50px;}
.new_case .flex .f_text span.bold{ font-weight:bold;}
.new_case .flex .f_img{background:#fff;padding:2%;border-radius:10px;width:45%;}
.new_case .flex .f2_img{width:45%;background:#fff;padding:2%;border-radius:10px;}
.new_case .flex .f2_img span{display:block;text-align:center;font-weight: bold;font-size: 18px;line-height: 1.7em;color: #0867e3;margin-bottom:10px;}
.new_case .flex .f2_img img{width:100%;}
.new_case .flex .f_img img{width:100%;}
.new_case .img span{display:block;text-align:center;font-weight: bold;font-size: 18px;line-height: 1.7em;color: #0867e3;margin-bottom:10px;}

.new_case .k_flex {display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.new_case .k_flex .f_check{width:41%;background: #fff;padding: 15px 3%;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);}
.new_case .k_flex .f_check ul li{position: relative;font-weight: bold;font-size: 18px;color: #242424;/*padding-left: 50px;line-height: 3em;*/line-height: 1.5em; padding: 20px 0 20px 50px;}
.new_case .k_flex .f_check ul li.two{line-height: 1.7em;}
.new_case .k_flex .f_check ul li:before{content:"";background: url(https://www.ecbeing.net/cms/images/b2b/case/check.png) no-repeat;width: 44px;height: 44px;display: block;position: absolute;top: /*10*/15%;left: 0px;}
ul,li {list-style-type: none;margin: 0;padding: 0;}
.new_case .k_flex .f_text{width: 48%;font-weight: 500;font-size: 16px;line-height: 1.9em;text-align: left;color: #000;}

.new_case .ki_flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_case .ki_flex .ki_box{width: 47%;display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;margin-bottom: 20px;}
.new_case .ki_flex .ki_box .ki_img{width: 200px;height: 200px;border-radius: 11px;background: #fff;}
.new_case .ki_flex .ki_box .ki_text{width: 57%;font-weight: 500;font-size: 18px;color: #242424;line-height: 1.7em;}
.new_case .ki_flex .ki_box .ki_text .ki_1{font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.new_case .jirei {border-bottom: 1px dashed #707070;border-top: 1px dashed #707070;padding: 10px 0 40px;margin-bottom: 80px;}
.new_case .jirei .mini_ttl2{font-weight: bold;font-size: 25px;text-align: left;color: #000; background: #fff;position: relative;bottom: 30px;display: inline-block;padding-right: 40px;}
.new_case .ji_flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_case .ji_flex .ji_box {display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;width: 48%;transition: ease-in 0.2s;margin-bottom:20px;}
.new_case .ji_flex .ji_box:hover{opacity: 0.8;}
.new_case .ji_flex .ji_box .ji_img{width: 47%;}
.new_case .ji_flex .ji_box .ji_img img{width: 100%;}
.new_case .ji_flex .ji_box .ji_text{width: 47%;}
.new_case .ji_flex .ji_box .ji_text .ji_2{font-weight: bold;font-size: 16px;text-align: left;color: #242424;line-height: 1.5em;}
.new_case .ji_flex .ji_box .ji_text .ji_1{font-weight: bold;font-size: 17px;text-align: left;color: #0867e3;margin-bottom: 20px;line-height: 1.5em;}
.new_case .contact{background: #2926d0;padding: 80px 0;margin-bottom: 50px;}
.new_case .contact .co_flex{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.new_case .contact .co_flex .co_text{font-weight: bold;font-size: 22px;text-align: left;color: #fff;line-height: 1.6em;}
.new_case .contact .co_flex .co_btn a{background: #fff;color: #2926d0;font-weight: bold;font-size: 22px;padding: 15px 15px;line-height: 1.8em;letter-spacing: 0.2em;text-align: center;border-radius: 50px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);width: 350px;display: block;position: relative;transition: ease-in 0.2s;}
.new_case .contact .co_flex .co_btn a:after {content: "";border-top: solid 2px #2926d0;border-right: solid 2px #2926d0;width: 10px;height: 10px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 40px;}
.new_case .contact .co_flex .co_btn a:hover{background: #dffd45;color: #000;}
.new_case .contact .co_flex .co_btn a:hover:after {border-top: solid 2px #000;border-right: solid 2px #000;}

.new_case .ka_jirei .sub{font-weight: bold;font-size: 25px;text-align: center;color: #242424;margin-bottom: 30px;}
.new_case .ka_jirei .ka_jirei_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_case .ka_jirei .ka_jirei_flex .ka_box{width: 24%;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);margin-bottom: 30px;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_1{background: #1e1d54;font-weight: bold;font-size: 18px;text-align: center;color: #fff;padding: 10px 0;position: relative;transition: ease-in 0.2s;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_1.qa{background: #223180;}
.new_case .ka_jirei .ka_jirei_flex .ka_box:hover .ka_1{background: #0867e3;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_2{background: #fff;font-weight: bold;font-size: 16px;text-align: left;color: #242424;;padding: 20px;line-height: 1.7em;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_2 span{color: #2926D0;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_1:after {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 8px;height: 8px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}

@media screen and (max-width: 640px){
a.blue_gr_btn { font-size: 16px;width: 83%;}
#breadcrumb {margin-left: 10px;}
.new_case .flex .f2_img{width:96%;margin-bottom:10px;}
.new_case .flex .f_img{width:96%;margin-bottom:10px;}
.new_case .flex .f2_img span{font-size: 15px;}
.pc_only{display:none;}
.sp_only{display:block;}
.w1300 { width:100%;}
.w1200 { width:100%;}
.new_case .main{padding: 20px 10px; margin-bottom: 30px;}
.new_case .main .sub_ttl {font-size: 15px;margin-bottom: 10px;}
.new_case .main h1.ttl {font-size: 25px;}
.new_case .second .com {font-size: 15px;margin-bottom: 20px;}
.new_case .second {padding: 20px 10px; margin-bottom: 30px;}
.new_case .second h2.ttl {font-size: 20px;}
.new_case .mini_ttl {font-size: 16px;}
.new_case .kadai, .new_case .tokucho, .new_case .kouka, .new_case .kinou {padding: 0 20px 30px;margin-bottom: 40px;}
.new_case .waku span {font-size: 14px;text-align: left;display: block;margin-bottom: 0px;}
.new_case .waku span.cross:before {top: 13%;background-size: 56%;}
.new_case .waku {padding: 10px 4%;}
.new_case .waku span:first-child {margin-right: 0px;}
.new_case .waku span.cross:first-child {margin-bottom: 15px;}
.new_case .kadai .text {margin-bottom: 20px;}
.new_case .text {font-size: 15px;}
.new_case .kadai .img img{ width: 100%}
.new_case .tokucho .mini_ttl {width: 90%;}
.new_case .tokucho .waku {width: 92%;}
.new_case .flex .f_text {width: 100%;font-size: 15px;margin-top: 0px;}
.new_case .flex .f_img img{width:100%;}
.new_case .img img{width:100%;}
.new_case .kouka .mini_ttl {width: 90%;}
.new_case .k_flex .f_check {width: 100%;margin-bottom: 20px;}
.new_case .k_flex .f_text {width: 100%;font-size: 15px;}
.new_case .k_flex .f_check ul li:before {top: 20%;background-size: 56%;left: 10px;}
.new_case .k_flex .f_check ul li {font-size: 15px;}
.new_case .kinou .mini_ttl {width: 90%;}
.new_case .ki_flex .ki_box {width: 100%;}
.new_case .ki_flex .ki_box .ki_img {width: 80px;height: 80px;}
.new_case .ki_flex .ki_box .ki_text {width: 75%;font-size: 13px;}
.new_case .ki_flex .ki_box .ki_text .ki_1 {font-size: 15px;}
.new_case .ji_flex .ji_box {width: 100%;margin-bottom: 10px;align-items: flex-start;}
.new_case .jirei {margin: 0px 20px 40px;padding: 10px 0 20px;}
.new_case .ji_flex .ji_box .ji_text .ji_2 {font-size: 12px;}
.new_case .ji_flex .ji_box .ji_text .ji_1 {font-size: 14px;margin-bottom: 10px;}
.new_case .contact .co_flex .co_text {font-size: 15px;text-align: center;}
.new_case .contact .co_flex {display: block;}
.new_case .contact .co_flex .co_btn a {font-size: 18px;padding: 5px 15px;width: 80%;margin: 0 auto;}
.new_case .contact {padding: 30px 0;}
.new_case .contact .co_flex .co_text {margin-bottom: 20px;}
.new_case .ka_jirei .ka_jirei_flex .ka_box {width: 100%;margin-bottom: 20px;}
.new_case .ka_jirei {padding: 0 20px;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_1 {font-size: 15px;padding: 5px 0;}
.new_case .ka_jirei .ka_jirei_flex .ka_box .ka_2 {font-size: 13px;padding: 10px;}
.new_case .waku span.maru:before {top: /*-1*/0%;left: 10px;background-size: 70%;}
}