#breadcrumb{padding: 10px 20px;}
.pc_only{display: block;}
.sp_only{display: none;}
.feature20220803 {min-width: 1400px;}
.w1400 { width:1400px; margin: 0 auto;}
.w1150 { width:1150px; margin: 0 auto;}
.kinou .btn2{margin: 0 40px 30px;}
#breadcrumb ul li { margin-left: 7px; padding-left: 11px; background: url(https://www.ecbeing.net/cms/images/b2b/common/arrow_breadcrumb.png) no-repeat 0 10px; float:left; line-height:2.5em;font-size:11px;}
#breadcrumb ul li:first-child {margin-left: 0;padding-left: 0;background: none;}
#breadcrumb ul li a{ color: #000;text-decoration: none;}
#breadcrumb ul:after{content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
.feature20220803 .main{padding:30px 0 40px;}
.feature20220803 .main .ttl00{font-size: 35px; font-weight: bold;color: #2E2E2E;padding-bottom: 15px;border-bottom: 4px solid #E7EBF4; text-align: center;display: block;margin: 0 auto 30px;width: 160px;}
.feature20220803 .main .logo {text-align: center;margin-bottom: 50px;}
.feature20220803 .main .sub00{ font-size: 20px;color: #000000;text-align: center; line-height: 1.6em;}
.feature20220803 .main .sub00 span{ font-size: 22px; font-weight:bold;}
.feature20220803 .toha {background:#E7EBF4;padding: 50px 0;}
.feature20220803 .toha .ttl01{font-size: 30px; font-weight: bold;color:#1C2B79;text-align: center;margin-bottom: 40px;}
.feature20220803 .toha .flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;}
.feature20220803 .toha .flex .box{width:49%;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);}
.feature20220803 .toha .flex .box:hover{opacity:0.8;}
.feature20220803 .toha .flex .box .obi{background: #FFEE00;color: #2E2E2E; font-size: 22px; font-weight: bold;text-align: center;line-height: 1.6em;height: 90px;display: flex;align-items: center;justify-content: center;}
.feature20220803 .toha .flex .box .img{background: #fff;padding: 30px 40px;text-align: center;}
.feature20220803 .toha .sub01{font-size: 22px; font-weight: bold;color:#1C2B79;text-align: center;margin-bottom: 20px;}
.feature20220803 .ex{padding: 80px 0 100px;}
.feature20220803 .ex .ttl02{font-size: 30px; font-weight: bold;color:#2E2E2E;text-align: center;margin-bottom: 50px;}
.feature20220803 .ex .sub02{font-size: 20px; text-align: center;color:#000;line-height: 1.6em;margin-bottom: 30px;}
.feature20220803 .ex .sub02 span{font-weight: bold;color:#0070ED;}
.feature20220803 .ex .img{ text-align: center;margin-bottom:30px;}
.feature20220803 .kinou{background: #E7EBF4;border-bottom: 1px dashed #1C2B79;border-top: 1px dashed #1C2B79;padding: 50px 0;}
.feature20220803 .kinou .ttl03{font-size: 30px; font-weight: bold;color:#1C2B79;text-align: center;margin-bottom: 40px;}
.feature20220803 .kinou .flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.feature20220803 .kinou .flex .box{width:32%;margin-bottom: 20px;background: #fff;border-radius: 13px;text-align: center;}
.feature20220803 .kinou .flex .box .obi{/*background: #1C2B79;color: #fff;*/color: #1c2b79; font-size: 23px; font-weight: bold;text-align: center;line-height: 1.6em;/*padding: 20px 0;border-radius: 13px 13px 0 0;*/}
.feature20220803 .kinou .flex .box .text{/*background: #fff;*/color: #000000; font-size: 15px; font-weight: bold;text-align: center;line-height: 1.6em;padding: 5px 0 20px;/*padding: 20px 0;border-radius:0 0 13px 13px;*/}
.feature20220803 .kinou .plus {text-align: center;margin-bottom: 20px;}
.feature20220803 .kinou .ttl03_1{font-size: 30px; font-weight: bold;color:#0070ED;text-align: center;margin-bottom: 40px;}
.feature20220803 .kinou .flex02{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 40px;}
.feature20220803 .kinou .flex02 .box{width:49%;}
.feature20220803 .kinou .flex02 .box .obi{background: #0070ED;color: #fff; font-size: 25px; font-weight: bold;text-align: center;line-height: 1.6em;padding: 20px 0;border-radius: 13px 13px 0 0;}
.feature20220803 .kinou .flex02 .box .text{background: #fff;color: #3E3636; font-size: 15px; font-weight: bold;text-align: center;line-height: 1.6em;padding: 20px 0;border-radius:0 0 13px 13px;}
.feature20220803 .kinou .flex02 .box .text .obi_img{margin-bottom:20px;}
.feature20220803 .kinou .pdlr{padding: 0 60px;}
.feature20220803 .kinou .sub03{color: #000000; font-size: 22px; text-align: center;line-height: 1.6em;font-weight: bold;}
.feature20220803 .cus{padding: 120px 100px;}
.feature20220803 .cus .ttl04{font-size: 30px; font-weight: bold;color:#2E2E2E;text-align: center;margin-bottom: 30px;}
.feature20220803 .cus .sub04{font-size: 20px; color:#000000;text-align: center;margin-bottom: 60px;}
.feature20220803 .cus .img{text-align: center;margin-bottom: 100px;}
.feature20220803 .cus .sub04_1{font-size: 17px; color:#000000;text-align: center;margin-bottom: 30px;font-weight: bold;}
.feature20220803 .btn a {text-align: center;display: block;font-size: 17px;font-weight: bold;color: #fff;border-radius: 7px;width: 550px;margin: 0px auto 0;position: relative; transition: all 0.2s ease-out;overflow: hidden;height: 80px;line-height: 80px;z-index: 1;}
.feature20220803 .btn a:before	{content:"";width:100%;height:100%;position:absolute;background:linear-gradient(225deg, #0070ED,#098CFF );z-index:-1;left:0;transition:0.5s;}
.feature20220803 .btn a:after{content:"";width:100%;height:100%;position:absolute;z-index:-2;left:0;background:#066CDE;}
.feature20220803 .btn a span:after {content: "";border-top: solid 3px #fff;border-right: solid 3px #fff;width: 15px;height: 15px;transform: rotate(45deg);display: block;position: absolute;top: 38%;right: 28px;}
.feature20220803 .btn a:hover:before{opacity:0;}
.feature20220803 .sec{background: url(https://www.ecbeing.net/cms/images/b2b/feature/new/bk.png) no-repeat;padding: 40px 0 50px;}
.feature20220803 .sec .ttl05{font-size: 30px; font-weight: bold;color:#FFEE00;text-align: center;margin-bottom: 10px;}
.feature20220803 .sec .sub05{color: #fff; font-size: 22px; text-align: center;line-height: 1.6em;font-weight: bold;margin-bottom: 30px;}
.feature20220803 .sec .white{background: #fff;padding: 40px 80px;border: 1px solid #707070;}
.feature20220803 .sec .white .b_box{background: #E7EBF4;padding: 20px 130px;margin-bottom: 10px;}
.feature20220803 .sec .white .b_box .btn_flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.feature20220803 .sec .white .b_box .btn_flex .icon{width: 100px; text-align: left;}
.feature20220803 .sec .white .b_box .btn_flex .text_area{width: 610px; text-align: left;}
.feature20220803 .sec .ttl05_1{font-size: 20px; font-weight: bold;color:#1C2B79;margin-bottom: 10px;}
.feature20220803 .sec .sub05_1{color:#000000; font-size: 15px; line-height: 1.6em;}
.feature20220803 .sec .white .b_box.mb{margin-bottom: 40px;}
.feature20220803 .sec .sub05_2{color:#2E2E2E; font-size: 17px; line-height: 1.6em;text-align: center;font-weight: bold;}
.feature20220803 .sec .logo {text-align: center;}
.feature20220803 .kouchiku{ padding: 100px 0;}
.feature20220803 .kouchiku .ttl06{font-size: 30px; font-weight: bold;color:#2E2E2E;text-align: center;margin-bottom: 50px;}
.feature20220803 .kouchiku .flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.feature20220803 .kouchiku .flex .box{width:26%;margin-bottom: 20px;box-shadow: 0px 0px 17px rgb(0 0 0 / 16%);text-align: center;padding: 3% 3%;}
.feature20220803 .kouchiku .flex .box .ttl06_1{font-size: 20px; font-weight: bold;color:#000;text-align: center;margin-bottom: 30px;}
.feature20220803 .kouchiku .flex .box .sub06_1{font-size: 13px; color:#000;text-align: center;margin-bottom: 30px;}
.feature20220803 .btn2 a {text-align: center;display: block;font-size: 12px;font-weight: bold;color: #0070ED;border: 2px solid #0070ED;padding: 5px 10px;margin: 0px auto;position: relative;transition: all 0.2s ease-out;}
.feature20220803 .btn2 a:after {content: "";border-top: solid 2px #0070ED;border-right: solid 2px #0070ED;width: 5px;height: 5px;transform: rotate(45deg);display: block;position: absolute;top: 38%;right: 35px;}
.feature20220803 .btn2 a:hover{background: #0070ED;color: #fff;}
.feature20220803 .btn2 a:hover:after{border-top: solid 2px #fff;border-right: solid 2px #fff;}
.feature20220803 .ttl{color:#272727; font-weight:bold; font-size:18px;text-align:center;margin-bottom:30px;}
.feature20220803 .dl_y {margin-bottom:90px;}
.feature20220803 .dl_y .dl_y_bk{background:#F6F6F6;border-radius:14px;box-shadow: 10px 10px 19px rgb(0 0 0 / 16%);padding:4% 6%;}
.feature20220803 .dl_y ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.feature20220803 .dl_y ul li{ width: 63%;display: block;}
.feature20220803 .dl_y ul li.img{ width: 30%;display: block;}
.feature20220803 .dl_y ul li img{ width: 100%;border-radius: 8px;}
.feature20220803 .dl_y ul li .title{color:#0070ed; font-size:22px; font-weight:bold;margin-bottom:20px;}
.feature20220803 .dl_y ul li .text{color:#272727; font-size:12px; font-weight:bold;margin-bottom:50px;line-height:1.6em;}
.feature20220803 .dl_y ul li .btn_flex{display: flex;justify-content: flex-start;white-space: nowrap;}
.feature20220803 .dl_y ul li .btn3{margin-right:20px;}
.feature20220803 .dl_y ul li .btn3 a{text-align: center;position: relative; display:block;font-size:14px; font-weight:bold;color:#fff;background: linear-gradient(-135deg, #0070ed,#0070ed );border-radius:37px; box-shadow: 2px 9px 16px rgb(187 187 187 / 49%);width: 200px;padding: 8px;margin: 25px auto 0;transition: all 0.2s ease-out;top:0;line-height: 36px;}
.feature20220803 .dl_y ul li .btn4 a{text-align: center;position: relative; display:block;font-size:14px; font-weight:bold;color:#272727;background: #fff;border-radius:37px; box-shadow: 2px 9px 16px rgb(187 187 187 / 49%);width: 200px;padding: 8px;margin: 25px auto 0;transition: all 0.2s ease-out;top:0;line-height: 36px;}
.feature20220803 .dl_y ul li .btn3 a:after {content: ""; border-top: solid 2px #fff; border-right: solid 2px #fff; width: 7px; height: 7px; transform: rotate(45deg); display: block; position: absolute; top: 40%; right: 30px;}
.feature20220803 .dl_y ul li .btn3 a:hover{position:relative; top:5px;opacity:1;}
.feature20220803 .dl_y ul li .btn4 a:after {content: ""; border-top: solid 2px #272727; border-right: solid 2px #272727; width: 7px; height: 7px; transform: rotate(45deg); display: block; position: absolute; top: 40%; right: 20px;}
.feature20220803 .dl_y ul li .btn4 a:hover{position:relative; top:5px;opacity:1;}
.feature20220803 .dl_y ul li .btn a{color: #fff; font-size: 19px; font-weight: bold; letter-spacing: 0.05em; background:#7C98A5; padding: 10px 50px; border-radius: 6px;transition: all 0.4s ease-out;position: relative;text-align: center;margin: 0;display: block;width: 200px;text-decoration: none;box-shadow: 0 3px 6px #00000016;}
.feature20220803 .dl_y ul li .btn a:hover {background: #B3D1DF;opacity:1;}
@media screen and (max-width: 640px){
.kinou .btn2 { margin: 0 3px 20px;}
.pc_only{display: none;}
.sp_only{display: block;}
.feature20220803 {min-width:auto;}
.w1400 { width:100%; margin: 0 auto;}
.w1150 { width:100%; margin: 0 auto;}
.feature20220803 .main .ttl00 {font-size: 24px;padding-bottom: 10px;width: 130px;}
.feature20220803 .main .logo {padding:0 50px;margin-bottom: 30px;}
.feature20220803 .main .logo img{width: 100%; height: auto;}
.feature20220803 .main .sub00 span {font-size: 14px;}
.feature20220803 .main .sub00 {font-size: 13px;}
.feature20220803 .toha .ttl01 {font-size: 18px;margin-bottom: 20px;}
.feature20220803 .toha {padding: 30px 3%;}
.feature20220803 .toha .flex {display: block;margin-bottom: 30px;}
.feature20220803 .toha .flex .box {width: 100%;margin-bottom: 20px;}
.feature20220803 .toha .flex .box .obi {font-size: 14px;height: 70px;}
.feature20220803 .toha .flex .box .img img{width: 100%; height: auto;}
.feature20220803 .toha .flex .box .img {padding: 10px 10px;margin-bottom: 20px;}
.feature20220803 .toha .sub01 {font-size: 15px;}
.feature20220803 .ex {padding: 40px 3% 40px;}
.feature20220803 .ex .ttl02 {font-size: 20px;margin-bottom: 30px;}
.feature20220803 .ex .sub02 {font-size: 13px;}
.feature20220803 .ex .img img{width: 100%; height: auto;}
.feature20220803 .kinou .ttl03 {font-size: 16px;margin-bottom: 30px;}
.feature20220803 .kinou {padding: 30px 3%;}
.feature20220803 .kinou .flex .box {width: 48%;margin-bottom: 15px;}
.feature20220803 .kinou .flex .box .obi {font-size: 13px;padding: 15px 0;}
.feature20220803 .kinou .flex .box .text {font-size: 9px;padding: 15px 0;}
.feature20220803 .kinou .flex {margin-bottom: 10px;}
.feature20220803 .kinou .ttl03_1 {font-size: 17px;margin-bottom: 30px;}
.feature20220803 .kinou .flex02 {display: block;margin-bottom: 30px;}
.feature20220803 .kinou .pdlr {padding: 0 3%;}
.feature20220803 .kinou .flex02 .box {width: 100%;margin-bottom: 15px;}
.feature20220803 .kinou .flex02 .box .obi {font-size: 17px;padding: 10px 0;}
.feature20220803 .kinou .flex02 .box .text {font-size: 9px;padding: 15px 0;}
.feature20220803 .kinou .sub03 {font-size: 12px;}
.feature20220803 .cus {padding: 40px 3%;}
.feature20220803 .cus .ttl04 {font-size: 19px;}
.feature20220803 .cus .sub04 {font-size: 15px;margin-bottom: 30px;}
.feature20220803 .cus .img img{width: 100%; height: auto;}
.feature20220803 .cus .sub04_1 {font-size: 13px;}
.feature20220803 .cus .img {margin-bottom: 50px;}
.feature20220803 .btn a {font-size: 12px;height: 50px;line-height: 50px;width: 100%;}
.feature20220803 .btn a span:after {border-top: solid 2px #fff;border-right: solid 2px #fff;width: 6px;height: 6px;top: 42%;right: 15px;}
.feature20220803 .sec .ttl05 {font-size: 20px;}
.feature20220803 .sec .sub05 {font-size: 18px;margin-bottom: 20px;}
.feature20220803 .sec {padding: 30px 3% 30px;}
.feature20220803 .sec .white {padding: 15px 15px;}
.feature20220803 .sec .white .b_box {padding: 20px 15px;}
.feature20220803 .sec .white .b_box .btn_flex .icon {width: 15%;}
.feature20220803 .sec .white .b_box .btn_flex .text_area {width: 80%;}
.feature20220803 .sec .white .b_box .btn_flex .icon img{width: 100%; height: auto;}
.feature20220803 .sec .ttl05_1 {font-size: 14px;}
.feature20220803 .sec .sub05_1 {font-size: 11px;}
.feature20220803 .sec .sub05_2 {font-size: 11px;}
.feature20220803 .sec .logo img{width: 100%; height: auto;}
.feature20220803 .kouchiku {padding:60px 3% 40px;}
.feature20220803 .kouchiku .ttl06 {font-size: 22px;margin-bottom: 30px;}
.feature20220803 .kouchiku .flex {display: block;}
.feature20220803 .kouchiku .flex .box {width: 94%;}
.feature20220803 .kouchiku .sp_flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.feature20220803 .kouchiku .sp_flex .sp_box{width: 64%}
.feature20220803 .kouchiku .sp_flex .btn2{width: 33%}
.feature20220803 .kouchiku .flex .box .ttl06_1 {text-align:left;font-size: 15px;margin-bottom: 10px;}
.feature20220803 .kouchiku .flex .box .sub06_1 {font-size: 10px;text-align: left;margin-bottom: 0px;}
.feature20220803 .btn2 a {font-size: 10px;}
.feature20220803 .btn2 a:after {right: 5px;}
.feature20220803 .dl {padding: 0 3%;}
.feature20220803 .dl_y ul { display: block;}
.feature20220803 .dl_y ul li.img {width: 100%; margin-bottom: 20px;}
.feature20220803 .dl_y ul li { width: 100%;}
.feature20220803 .dl_y ul li .text { margin-bottom: 20px;}
.feature20220803 .dl_y ul li .btn_flex { justify-content: center;}
.feature20220803 .dl_y ul { display: block;}
.feature20220803 .dl_y ul li.img {width: 100%; margin-bottom: 20px;}
.feature20220803 .dl_y ul li { width: 100%;}
.feature20220803 .dl_y ul li .text { margin-bottom: 20px;}
.feature20220803 .dl_y ul li .btn_flex { justify-content: center;}
.feature20220803 .dl_y ul li .btn3 { margin-right: 0;}
.feature20220803 .dl_y ul li .btn_flex {display: block;}
.feature20220803 .dl_y ul li .btn3 a {width: 94%;padding: 3%;}
.feature20220803 .dl_y ul li .btn4 a {width: 94%;padding: 3%;}
.feature20220803 .dl_y ul li .btn4 a:after {right: 30px;}
.feature20220803 .dl_y ul li .title { font-size: 16px; margin-bottom: 10px;}
}