@charset "shift_jis";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700");


.microb{margin-top:20px;}
.microb a:hover{opacity:0.8;}
.new_renewal{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:20px;}
.new_renewal .nr_btn{ width: 49%;display: block;white-space: initial;}
.new_renewal .nr_btn a{color: #202930;background: #fff;box-shadow: 0 0 4px rgb(0 0 0 / 10%);transition: all 0.3s ease-out;border-radius: 10px;padding:10px 0;font-size: 16px;font-weight:bold;position:relative;text-align:center;display: block;}
.new_renewal .nr_btn a:before {content: "";border-top: solid 2px #202930;border-right: solid 2px #202930;width: 7px;height: 7px;display: block;position: absolute;top: 50%;right: 30px;transform: translateY(-50%) rotate(45deg);}
.new_renewal .nr_btn a:hover{background:#eee;}

.w1120_max {width: 100%;max-width: 1120px;margin-right: auto;margin-left: auto;color: #202930;font-size: 13px;}

.new202211{padding: 60px 100px 80px;}
.new202211 h2{font-weight: bold;font-size: 25px;text-align: left;color: #2b2b2b;margin-bottom: 20px;}
.new202211 .flex_pro{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-bottom: 60px;}
.new202211 .flex_pro .left .pro_logo{margin-bottom: 40px;text-align: left;}
.new202211 .flex_pro .left .text{font-weight: bold;font-size: 14px;line-height: 1.8em;text-align: left;color: #2b2b2b;margin-bottom: 20px;}
.new202211 .flex_pro .left .btn_flex{display: flex;justify-content: left;flex-wrap: wrap;}
.new202211 .flex_pro .left .btn_flex .btn1 {margin-right: 10px;}
.new202211 .flex_pro .left .btn_flex .btn1 a{border-radius: 3px;position : relative; z-index: 0;overflow : hidden;background : transparent;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);font-size: 12px; color: #fff; font-weight: bold; text-align: center;padding: 7px 40px 7px 30px;display: block;transition: all 250ms;line-height: 1.8em;}
.new202211 .flex_pro .left .btn_flex .btn1 a:hover{/*box-shadow: none;*/box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color:#242424/*5c6c7d*/;opacity:1;}
.new202211 .flex_pro .left .btn_flex .btn1 a::before{content: ' ';position: absolute;top: 0;bottom: 0;left : 0;right: 0;z-index: -1;background: linear-gradient(265deg, #00ADF9 0%, #06C0CE 100%);transition: all 250ms;}
.new202211 .flex_pro .left .btn_flex .btn1 a::after{content: ' ';position:absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:/* -2*/-1;background:/*linear-gradient(135deg, #f0f1f5,#efefef)*/#fff;width: 0;transition: all 250ms;}
.new202211 .flex_pro .left .btn_flex .btn1 a:hover::after{width: 100%;}
.new202211 .flex_pro .left .btn_flex .btn1 a span:before {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 7px;height: 7px;display: block;position: absolute;top: 50%;right: 15px;transform: translateY(-50%) rotate(45deg);}
.new202211 .flex_pro .left .btn_flex .btn1 a:hover span:before {border-top: solid 2px #242424;border-right: solid 2px #242424;}

.new202211 .flex_pro .left .btn_flex .btn2 a{border-radius: 3px;border: 1px solid #2b2b2b;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);font-weight: bold; text-align: center;padding: 6px 40px 6px 30px;display: block;font-size: 12px;color: #2b2b2b;position: relative;transition: all 250ms;line-height: 1.8em;}
.new202211 .flex_pro .left .btn_flex .btn2 a:before {content: "";border-top: solid 2px #2b2b2b;border-right: solid 2px #2b2b2b;width: 7px;height: 7px;display: block;position: absolute;top: 50%;right: 15px;transform: translateY(-50%) rotate(45deg);}
.new202211 .flex_pro .left .btn_flex .btn2 a:hover{background: #f9f9f9;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}

.new202211 .al_area{padding-bottom: 60px; border-bottom: 2px dashed #959595;margin-bottom: 60px;}
.new202211 .al_area .flex_pro2{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.new202211 .al_area .flex_pro2 .bo {width:29%;text-align: center;}
.new202211 .al_area .flex_pro2 .bo.x {width:5%;text-align: center;}
.new202211 .al_area .flex_pro2 .bo a{display:block;border-radius: 8px;background: #f9f9f9;text-align: center;padding: 30px 30px 30px;}
.new202211 .al_area .flex_pro2 .bo a .tt{font-weight: bold;font-size: 19px;color: #2b2b2b;line-height: 1.5em;display: flex;align-items: center;margin-bottom: 10px;justify-content: center;}
.new202211 .al_area .flex_pro2 .bo a .btn3{border-radius: 17.5px;background: #fff;border: 2px solid #2db899;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);font-weight: bold;font-size: 13px;color: #2db899;top:0;position: relative;transition: all 250ms;}
.new202211 .al_area .flex_pro2 .bo a:hover .btn3{box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);top:3px;}
.new202211 .al_area .flex_pro2 .bo a .btn3:before {content: "";border-top: 2px solid #2db899;border-right: 2px solid #2db899;width: 7px;height: 7px;display: block;position: absolute;top: 45%;right: 25px;transform: translateY(-50%) rotate(135deg);}
.new202211 h3{font-weight: bold;font-size: 24px;text-align: left;color: #2db899;margin-bottom: 10px;}
.new202211 .t3{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;margin-bottom: 40px;}
.new202211 .t3 h3{margin-right: 50px;}
.new202211 .t3 p{font-weight: bold;font-size: 12px;text-align: left;color: #2b2b2b;}
.new202211 .flex_pro3{display: flex;justify-content:space-between;flex-wrap: wrap;margin-bottom: 20px;}
.new202211 .flex_pro3 .kinou{width:32%;margin-bottom: 50px}
.new202211 .flex_pro3 .kinou h3{font-weight: bold;font-size: 21px;text-align: left;color: #2b2b2b;margin-bottom: 20px;}
.new202211 .flex_pro3 .kinou h3 span{position: relative;top: 12px;margin-right: 20px;}
.new202211 .flex_pro3 .kinou ul li{font-weight: bold;font-size: 13px;line-height: 1.7em;text-align: left;color: #2b2b2b;}
.new202211 #op1{border-bottom: 2px dashed #959595;margin-bottom: 60px;}
.new202211 #op2{border-bottom: 2px dashed #959595;margin-bottom: 60px;padding-bottom: 60px;}
.new202211 .text2{font-weight: bold;font-size: 16px;line-height: 1.6em;text-align: left;color: #2b2b2b;margin-bottom: 50px;}

.new202211 .cus_flex{display: flex;justify-content:space-between;flex-wrap: wrap;width:85%; margin: 0 auto 50px;}
.new202211 .cus_flex .cus{border-radius: 9px;background: #f9f9f9;border: 2px solid #2db899; text-align: center;padding: 30px;width: 23%;}
.new202211 .cus_flex .cus .c_t{font-weight: bold;font-size: 13px;line-height: 1.5em;text-align: center;color: #2b2b2b;margin-bottom: 20px;}
.new202211 .cus_flex .cus .c_i{margin-bottom: 20px;}
.new202211 .cus_flex .cus .c_btn a{border-radius: 18.5px;background: #fff;border: 1px solid #2b2b2b;font-weight: bold;font-size: 13px;line-height: 1.5em;text-align: left;color: #2b2b2b;position: relative;padding: 9px 34px;display: block;transition: all 250ms;}
.new202211 .cus_flex .cus .c_btn a:before {content: "";border-top: 2px solid #2b2b2b;border-right: 2px solid #2b2b2b;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 15px;transform: translateY(-50%) rotate(45deg);}
.new202211 .cus_flex .cus .c_btn a:hover{background: #eee;}
.new202211 .cus_btn_flex{display: flex;justify-content:flex-start;flex-wrap: wrap;align-items: center;}
.new202211 .cus_btn_flex .tex{font-weight: bold;font-size: 15px;line-height: 1.7em;text-align: left;color: #2b2b2b;margin-right: 50px;}
.new202211 .cus_btn_flex .btn4 a {text-align: center;position: relative;display: block;font-size: 12px;font-weight: bold;color: #fff;background: linear-gradient(-135deg, #55c880, #00a8a5);border-radius: 4px;padding: 2px 40px;margin: 0px auto 0;transition: all 0.2s ease-out;top: 0;z-index: 0;overflow: hidden;}
.new202211 .cus_btn_flex .btn4 a:before {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 5px;height: 5px;display: block;position: absolute;top: 50%;right: 30px;
transform: translateY(-50%) rotate(45deg);}
.new202211 .cus_btn_flex .btn4 a:after {content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;border-radius: 4px;transition: 0.3s;z-index: -1;background: transparent;}
.new202211 .cus_btn_flex .btn4 a:hover::after {width: 100%;background-color: #00a8a5;background-image: linear-gradient(to left, #00a8a5 0%, #1575bf 99%);}

.contact_a{background: #1F3A57;padding: 50px 100px;border-radius:0 0 10px 10px;}
.contact_a .flex {display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.contact_a .flex .left .t1{font-weight: bold;font-size: 21px;text-align: left;color: #fff;margin-bottom: 10px;position: relative;}
.contact_a .flex .left .t2{font-weight: bold;font-size: 13px;text-align: left;color: #fff;display: flex;flex-wrap: wrap;justify-content:flex-start;align-items: center;line-height: 1.8em;}
.contact_a .flex .left .t2 .ex{margin-right: 70px;}
.contact_a  .oukan_btn_flex {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin: 0 auto;position: relative;top: 0px;}
.oukan_btn_flex .oukan_btn a{padding: 15px 25px 15px 55px;}
.oukan_btn_flex .oukan_btn2 a{padding: 15px 40px 15px 70px;}
.oukan_btn_flex .oukan_btn2 a span.ic:after{top:29%;}
.oukan_btn_flex .oukan_btn a span.ic:after {top:32%;}

.oukan_btn_flex .oukan_btn a{position : relative; z-index: 0;overflow : hidden;background : transparent;/*box-shadow: 4px 5px 19px rgba(255, 28, 28, 0.25);*/box-shadow: 4px 4px 13px #00a8a53d;border-radius: /*40*/7px; font-size: 14px; color: #fff; font-weight: bold; text-align: center;padding: 7px 50px 7px 50px;display: block; transition: all 250ms;margin-right: 20px;}
.oukan_btn_flex .oukan_btn a:hover{box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color:#242424;opacity:1;}
.oukan_btn_flex .oukan_btn a::before{content: ' ';position: absolute;top: 0;bottom: 0;left : 0;right: 0;z-index: -1;/*background: linear-gradient(265deg, #ff9710 0%, #ff1c1c 100%);*/background: linear-gradient(265deg, #00ADF9 0%, #06C0CE 100%);transition: all 250ms;}
.oukan_btn_flex .oukan_btn a::after{content: ' ';position:absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:-1;background:#fff;width: 0;transition: all 250ms;}
.oukan_btn_flex .oukan_btn a:hover::after{width: 100%;}
.oukan_btn_flex .oukan_btn a:hover::before{border-radius: 15px;}
.oukan_btn_flex .oukan_btn a span.ar: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;}
.oukan_btn_flex .oukan_btn a:hover span.ar:after {border-top: solid 2px #000;border-right: solid 2px #000;}
	
.oukan_btn_flex .oukan_btn2 a{position : relative; z-index: 0;overflow : hidden;background : transparent;box-shadow: 0px 3px 6px rgba(9, 68, 94, 0.16);border-radius: /*40*/7px; font-size: 14px; color: #fff; font-weight: bold; text-align: center;padding: 7px 65px 7px 65px;display: block; transition: all 250ms;}
.oukan_btn_flex .oukan_btn2 a:hover{box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color:#242424;opacity:1;}
.oukan_btn_flex .oukan_btn2 a::before{content: ' ';position: absolute;top: 0;bottom: 0;left : 0;right: 0;z-index: -1;/*background: linear-gradient(265deg, #00ADF9 0%, #06C0CE 100%);*/background: linear-gradient(265deg, #ff9710 0%, #ff1c1c 100%);transition: all 250ms;}
.oukan_btn_flex .oukan_btn2 a::after{content: ' ';position:absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:-1;background:#fff;width: 0;transition: all 250ms;}
.oukan_btn_flex .oukan_btn2 a:hover::after{width: 100%;}
.oukan_btn_flex .oukan_btn2 a:hover::before{border-radius: 15px;}
.oukan_btn_flex .oukan_btn2 a span.ar: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;}
.oukan_btn_flex .oukan_btn2 a:hover span.ar:after {border-top: solid 2px #000;border-right: solid 2px #000;}

.mb50{margin-bottom: 50px;}

.dl_y {margin-bottom:90px;}
.dl_y .dl_y_bk{background:#fff;border-radius:14px;box-shadow: 10px 10px 19px rgb(0 0 0 / 16%);padding:4% 6%;}
.dl_y ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.dl_y ul li{ width: 63%;display: block;}
.dl_y ul li.img{ width: 30%;display: block;}
.dl_y ul li img{ width: 100%;border-radius: 8px;}
.dl_y ul li .title{color:#00A8A5; font-size:22px; font-weight:bold;margin-bottom:20px;}
.dl_y ul li .text{color:#272727; font-size:12px; font-weight:bold;margin-bottom:50px;line-height:1.6em;}
.dl_y ul li .btn_flex{display: flex;justify-content: flex-start;white-space: nowrap;}
.dl_y ul li .btn3{margin-right:20px;}
.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, #05E57E,#00A8A5 );border-radius:37px; box-shadow: 2px 9px 16px rgb(76 197 171 / 49%);width: 200px;padding: 8px;margin: 25px auto 0;transition: all 0.2s ease-out;top:0;}
.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;border:2px solid #2db899;}
.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;}
.dl_y ul li .btn3 a:hover{position:relative; top:5px;opacity:1;}
.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;}
.dl_y ul li .btn4 a:hover{position:relative; top:5px;opacity:1;}
.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;}
.dl_y ul li .btn a:hover {background: #B3D1DF;opacity:1;}

@media screen and (max-width: 1120px) {
.new202211 {padding: 40px 40px 40px;}
.new202211 .cus_flex {width: 100%;}
}

@media screen and (max-width: 930px) {
.new202211 .flex_pro {display: block;}
.new202211 .flex_pro .left{margin-bottom: 30px;}
.new202211 .al_area .flex_pro2 .bo a .tt {font-size: 13px;}
.new202211 .al_area .flex_pro2 .bo a {padding: 10px 10px 10px;}
.new202211 .cus_flex .cus {padding: 10px;width: 28%;}
}
@media screen and (max-width: 640px) {
.new202211 {padding: 30px;width: calc(100% - 60px);}
.new202211 .flex_pro .left .btn_flex {justify-content: space-between;}
.new202211 .flex_pro .left .btn_flex .btn1 {margin-right: 0px;}
.new202211 .flex_pro .left .btn_flex .btn1 a {padding: 7px 25px 7px 5px;}
.new202211 .flex_pro .left .btn_flex .btn2 a {padding: 6px 25px 6px 10px;}
.new202211 .al_area .flex_pro2 .bo.x{ display: none;}
.new202211 .al_area .flex_pro2 .bo {width: 100%;margin-bottom: 20px;box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.16);position: relative;}
.new202211 .al_area{background: #f6f6f6;padding-bottom: 30px;border-bottom: 0px dashed #959595;margin-bottom: 30px;width: calc(100% + 30px);margin-left: -30px;margin-right: -30px;padding-left: 15px;padding-right: 15px;padding-top: 30px;}
.new202211 .al_area .flex_pro2 .bo a .btn3{ display: none;}
.new202211 .al_area .flex_pro2 .bo a .tt {font-size: 16px;text-align: left;margin-bottom: 0; justify-content: flex-start;height: 60px;}
.new202211 .al_area .flex_pro2 .bo:before {content: "";border-top: 2px solid #2db899;border-right: 2px solid #2db899;width: 7px;height: 7px;display: block;position: absolute;top: 45%;right: 25px;transform: translateY(-50%) rotate(135deg);}
.new202211 .t3 p {line-height: 1.7em;}
.new202211 .flex_pro3 .kinou {width: 100%;margin-bottom: 20px;}
.new202211 .flex_pro3 .kinou h3 {font-size: 18px;}
.new202211 .text2 {font-size: 14px;}
.new202211 .cus_flex .cus {padding: 15px;width: 100%;display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.new202211 .cus_flex .cus .c_i {margin-bottom: 0px;}
.new202211 .cus_flex .cus .c_t {margin-bottom: 0px;text-align: left;}
.new202211 .cus_flex .cus:nth-child(2){padding-bottom: 65px;position: relative;}
.new202211 .cus_flex .cus .c_btn{position: absolute;bottom: 10px;right: 15%;}
.new202211 .cus_flex {width: 90%;}
.new202211 .cus_btn_flex .tex {font-size: 14px;margin-right: 0px;margin-bottom: 30px;}
.new202211 .cus_btn_flex .btn4 a {width: 96%;padding: 2%;}
.contact_a {padding: 40px 30px;}
.contact_a .flex .left .t2 {font-size: 11px;justify-content: space-between;margin-bottom: 30px;}
.contact_a .flex .left .t1 {font-size: 18px;}
.contact_a .oukan_btn_flex {display: block;}
.contact_a .flex .left .t2 .ex {margin-right: 0px;}
.oukan_btn_flex .oukan_btn a {margin-right: 0px;margin-bottom: 10px;}
.contact_a .flex .right{width:100%;}
.dl_y ul { display: block;}
.dl_y ul li.img {width: 100%; margin-bottom: 20px;}
.dl_y ul li { width: 100%;}
.dl_y ul li .text { margin-bottom: 20px;}
.dl_y ul li .btn_flex { justify-content: center;}
.dl_y ul li .btn_flex {display: block;}
.dl_y ul li .btn3 a {width: 100%;}
.dl_y ul li .btn4 a {width: 92%;}
.dl_y ul li .btn4 a:after {right: 30px;}
.dl_y ul li .title { font-size: 19px; margin-bottom: 10px;}
.new202211 .cus_btn_flex {display: block;}
	body {height: 170vh;}
}

/* --------------------------------------------------------------------
	common setting
--------------------------------------------------------------------- */
body {
	background-color: #f6f6f6;
}
.wrapper_ {
	/* min-width: inherit; */
}
#mainVisual section .contents *,
#mainContents section .contents * {
	box-sizing: border-box;
}
.text0712 {font-size:13px;font-weight:bold;line-height:1.6em;margin-bottom:20px;text-align:center;}
#mainContents section .contents {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	color: #202930;
	font-size: 13px;
}
#mainContents section > * {
	font-size: 18px;
}
.txt_gray {
	color: #4a535a;
}
.mainframe_ .en {
	font-family: "Roboto Condensed", sans-serif;
	font-feature-settings: "palt";
}
.mainframe_ .lsn {
	font-size: 60%;
	letter-spacing: -0.1em !important;
}

/* button common ---------- */

#mainContents section .btn {
/*	margin-top: 50px;*/
	width: 450px;
	max-width: 100%;
}
#mainContents section .btn a,
#mainContents section .btn.nolink span {
	display: block;
	position: relative;
	border-radius: 35px;
	text-align: center;
	font-size: 18px;
	color: #fff;
/*	line-height: 64px;*/
	transition: 0.3s;
	z-index: 0;
	overflow: hidden;
}
#mainContents section .btn a::after,
#mainContents section .btn.nolink span::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	border-radius: 35px;
	transition: 0.3s;
	z-index: -1;
	background: transparent;
	overflow: hidden;
}
#mainContents section .btn a:hover::after,
#mainContents section .btn.nolink span:hover::after {
	width: 100%;
}

/* edge */

#mainContents section .btn.edge a {
	background-color: transparent;
	border: solid 3px #ffffff;
}
#mainContents section .btn.edge a:hover::after {
	background-color: #ffffff;
}

/* blue */

#mainContents section .btn.blue a,
#mainContents section .btn.blue.nolink span {
	background-color: #4e73ff; /* fall back */
	background-image: linear-gradient(to left, #4e73ff 0%, #375ffa 99%);
}
#mainContents section .btn.blue a:hover::after,
#mainContents section .btn.blue.nolink span:hover::after {
	background-color: #0437f5;
	background-image: linear-gradient(to left, #0437f5 0%, #0a32cc 99%);
}

/* green */

#mainContents section .btn.green a,
#mainContents section .btn.green.nolink span {
	background-color: #41c589; /* fall back */
	background-image: linear-gradient(to left, #41c589 0%, #00aca0 99%);
}
#mainContents section .btn.green a:hover::after,
#mainContents section .btn.green.nolink span:hover::after {
	background-color: #00a8a5;
	background-image: linear-gradient(to left, #00a8a5 0%, #1575bf 99%);
}

/* pink */

#mainContents section .btn.pink a,
#mainContents section .btn.pink.nolink span {
	background-color: #ffa4a2; /* fall back */
	background-image: linear-gradient(to left, #ffa4a2 0%, #e87f7d 99%);
}
#mainContents section .btn.pink a:hover::after,
#mainContents section .btn.pink.nolink span:hover::after {
	background-color: #ff6a67;
}

/* yellow */

#mainContents section .btn.yellow a,
#mainContents section .btn.yellow.nolink span {
	background-color: #ffb831; /* fall back */
	background-image: linear-gradient(to left, #ffb831 0%, #ff9345 99%);
}
#mainContents section .btn.yellow a:hover::after,
#mainContents section .btn.yellow.nolink span:hover::after {
	background-color: #ff6f00;
	background-image: linear-gradient(to left, #ff6f00 0%, #fe6f01 99%);
}

/* purple */

#mainContents section .btn.purple a,
#mainContents section .btn.purple.nolink span {
	background-color: #6b4e9c; /* fall back */
	background-image: linear-gradient(to left, #6b4e9c 0%, #5d59ac 99%);
}
#mainContents section .btn.purple a:hover::after,
#mainContents section .btn.purple.nolink span:hover::after {
	background-color: #4238c8;
}

/* water */

#mainContents section .btn.water a,
#mainContents section .btn.water.nolink span {
	background-color: #66a1d0; /* fall back */
	background-image: linear-gradient(to left, #66a1d0 0%, #66a1d0 99%);
}
#mainContents section .btn.water a:hover::after,
#mainContents section .btn.water.nolink span:hover::after {
	background-color: #66a1d0;
}

/* black */

#mainContents section .btn.black a,
#mainContents section .btn.black.nolink span {
	background-color: #2c2c2c; /* fall back */
	background-image: linear-gradient(to left, #2c2c2c 0%, #3c3c3c 99%);
}
#mainContents section .btn.black a:hover::after,
#mainContents section .btn.black.nolink span:hover::after {
	background-color: #1b1b1b;
}

/* checklist */

#mainContents ul.check li {
	line-height: 1;
}
#mainContents ul.check {
	letter-spacing: -0.4em; /* for children inline-block */
}
#mainContents ul.check li {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
	padding-left: 35px;
	letter-spacing: 0.025em; /* for inline-bloxk */
	vertical-align: top;
}
#mainContents ul.check li:before {
	position: absolute;
	top: -5px;
	left: 5px;
	content: "L";
	display: inline-block;
	transform: scale(1, -1) rotate(135deg);
	color: #13b5b1;
	font-size: 26px;
}

/* --------------------------------------------------------------------
	#topicPath
--------------------------------------------------------------------- */

#topicPath {
	/* padding-bottom: 15px;
	margin-top: 108px; */
	position: absolute;
	top: 108px;
	z-index: 1;
}

/* --------------------------------------------------------------------
	#mainContents
--------------------------------------------------------------------- */

#mainContents {
	margin:/*120*/ 0px 0 0 0;
	margin-top: 120px;
}

/* --------------------------------------------------------------------
	.title
--------------------------------------------------------------------- */

#mainContents .titleWrap {
	width: 100%;
}
#mainContents .titleWrap .title {
	color: white;
	padding: 0 10%;
	text-align: center;
}
#mainContents .titleWrap .title h2 {
	font-size: 32px;
	font-weight: bold;
}
#mainContents .titleWrap .title p {
	margin-top: 40px;
	letter-spacing: 0.065em;
}

/* --------------------------------------------------------------------
	.section1
--------------------------------------------------------------------- */
.section1{
	background: #85DDDE;
	position: relative;
}
.section1:before{
	content:"";
	width: 100%;
	height: 470px;
	background: url(https://www.ecbeing.net/cms/images/product6/bg_mv.jpg) center top / cover no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.section1 .contents{
	position: relative;
	padding: /*160*/70px 0 45px 0;
}


.section1 h1 {
	font-size: 43px;
	font-weight: bold;
	text-align: center;
	margin-bottom: /*130*/50px;
	line-height: 1.5;
}
.section1 h1 span {
	font-size: 24px;
	line-height: 1.5;
	margin-top: 5px;
}

.section1 h2 {
	font-size: 43px;
	font-weight: bold;
	text-align: center;
	margin-bottom: /*130*/50px;
	line-height: 1.5;
}
.section1 h2 span {
	font-size: 24px;
	line-height: 1.5;
	margin-top: 5px;
}
.section1 .boxWrap {
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}
.section1 .boxWrap .box {
	display: block;
	width: 16.9%;
	white-space: initial;
	background-color: #fff;
	box-shadow: 0 3px 13px rgba(0, 0, 0, 0.16);
	transition: all 0.3s ease-out;
}
.section1 .boxWrap .box:hover {
	transform: translateY(-10px);
}
.section1 .boxWrap .box .inner {
	padding: 15px 15px 20px;
}
.section1 .boxWrap .box .icon {
	text-align: center;
	margin: 6px 0 0 0;
}
.section1 .boxWrap .box .icon figure {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section1 .boxWrap .box .icon figure img {
	max-width: 100%;
	height: auto;
}
.section1 .boxWrap .btoc .icon figure img {
	width: 75%;
}
.section1 .boxWrap .cloud .icon figure img {
	width: 70%;
}
.section1 .boxWrap .mall .icon figure img {
	width: 50%;
}
.section1 .boxWrap .btob .icon figure img {
	width: 80%;
}
.section1 .boxWrap .ecworks .icon figure img {
	width: 75%;
}
.section1 .boxWrap .box h3 {
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 1.3;
	color: #202930;
	margin: 15px 0;
}
.section1 .boxWrap .btoc h3 {
	color: #00a8a5;
}
.section1 .boxWrap .cloud h3 {
	color: #e87f7d;
}
.section1 .boxWrap .btob h3 {
	color: #375ffa;
}
.section1 .boxWrap .mall h3 {
	color: #ff9345;
}
.section1 .boxWrap .ecworks h3 {
	color: #212C64;
}
.section1 .boxWrap .box p {
	margin-top: 15px;
	text-align: center;
	letter-spacing: 0;
	color: #666666;
	font-weight: bold;
	line-height: 1.69em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
}
.section1 .boxWrap .box .btn {
	width: 210px;
	max-width: 100%;
	margin: 10px auto 0 auto;
}
.section1 .boxWrap .box .btn span {
	font-size: 14px;
	line-height: 1;
	padding: 10px;
	font-weight: bold;
	display: block;
	overflow: hidden;
}
.section1 .boxWrap .box .btn span::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: calc(50% - 3px);
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
}

.section1 .boxWrap .box .btn.pink span::before{content: ""; background: url(https://www.ecbeing.net/cms/images/top/new/blank_icon.png) no-repeat;position: absolute;display: block;width: 20px; background-size: auto; height: 20px; top: 8px; right: 17px;border-right:0;border-bottom: 0; transform: translateY(-15%) rotate(0deg);}


#mainContents .section1 .btn.nolink span {
	font-size: 14px;
}

/* --------------------------------------------------------------------
	#section2
--------------------------------------------------------------------- */
#section2{
	min-width: 1200px;
}
#section2 .title {
	margin: 0 0 45px;
}
#section2 h3.bkg_area_head{
	font-size: 28px;
	font-weight: bold;
	color: #00A8A5;
	text-align: center;
	position: relative;
	margin: 0 0 30px;
	letter-spacing: 0.1em;
}
#section2 h3.bkg_area_head::after{
	content:"";
	width: 100%;
	height: 2px;
	background: #00A8A5;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#section2 h3.bkg_area_head span{
	background: #fff;
	display: inline-block;
	position: relative;
	padding: 0 40px;
	z-index: 1;
}
#section2 h3.bkg_area_head span span{
	background: none;
	font-size: 12px;
	padding: 0;
	letter-spacing: 0;
}
#section2 .new202309{
	background: #F4F5F7;
	text-align: center;
	position: relative;
	padding: /*200*/80px 0;
}
#section2 .new202309::before{
	content:"";
	width: 797px;
	height: 491px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	background: url(https://www.ecbeing.net/cms/images/product6/pc_left.png) center center / contain no-repeat;
}
#section2 .new202309::after{
	content:"";
	width: 782px;
	height: 481px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
	background: url(https://www.ecbeing.net/cms/images/product6/pc_right.png) center center / contain no-repeat;
}
#section2 .new202309 h2{
	font-size: 41px;
	font-weight: bold;
	margin-bottom: /*45*/20px;
}
#section2 .new202309 h2::after{
	content:"";
	width: 162px;
	height: 4px;
	background: #85DDDE;
	display: block;
	margin: 35px auto 0;
}
#section2 .new202309 .text{
	font-size: 19px;
	font-weight: bold;
}
#section2 .new202309 .pro_logo {
	margin-bottom: 40px;
}
#section2 .new202309 .pro_logo2 {
	margin-bottom: 10px;
}
#section2 .new202309 .btn_flex{
	display: flex;
	justify-content: center;
	gap: 24px;
}
#section2 .new202309 .btn_flex{
	margin-top: /*80*/40px;
}
#section2 .new202309 .btn_flex .btn1 a{
	width: 265px;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	background: #00ACBB;
	border-radius: 24px;
	padding: 15px;
	transition: opacity .3s;
}
#section2 .new202309 .btn_flex .btn1 a:hover{
	opacity: 0.7;
}
#section2 .new202309 .btn_flex .btn2 a{
	width: 275px;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	background: #004E9C;
	border-radius: 24px;
	padding: 15px;
	transition: opacity .3s;
}
#section2 .new202309 .btn_flex .btn2 a:hover{
	opacity: 0.7;
}
/* #sec2_1 ----------- */
#section2 #sec2_1{
	display: none;
}
#section2 #sec2_1 h3 {
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 100px;
	letter-spacing: 0.05em;
}
#section2 #sec2_1 .boxWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
#section2 #sec2_1 .boxWrap .box {
	width: 22%;
	text-align: center;
}
#section2 #sec2_1 .boxWrap .box:nth-child(n + 4) {
	margin-top: 4%;
}
#section2 #sec2_1 .boxWrap .box h4 {
	letter-spacing: 0.05em;
}
#section2 #sec2_1 .boxWrap .box figure {
	margin: 0 0 20px 0;
	padding: 0;
}
#section2 #sec2_1 .boxWrap .box figure img {
	max-width: 100%;
	height: auto;
}
#section2 #sec2_1 .otherbox {
	margin-top: 70px;
}
#section2 #sec2_1 .otherbox dt {
	background-color: #202930;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	border-radius: 20px 20px 0px 0px;
	padding: 0 30px;
	letter-spacing: 0.05em;
	line-height: 60px;
}
#section2 #sec2_1 .otherbox dd {
	border: solid 2px #202930;
	padding: 36px 40px 11px 40px;
}
#section2 #sec2_1 .otherbox dd ul.check li {
	font-size: 16px;
	width: 15%;
	margin-left: 2%;
	letter-spacing: 0;
}
#section2 #sec2_1 .otherbox dd ul.check li:nth-child(6n + 1) {
	margin-left: 0;
}

/* #sec2_2 ----------- */
#section2 #sec2_2 {
	margin-top: 100px;
	width: 100%;
	padding: 100px 0;
	background-image: url(https://www.ecbeing.net/cms/images/product3/sec2_2_bg.jpg);
	background-size: cover;
	display: none;
}
#section2 #sec2_2 h3 {
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 0.05em;
}
#section2 #sec2_2 .boxWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#section2 #sec2_2 .boxWrap .box {
	width: 30%;
	box-shadow: 0px 30px 30px -20px rgba(15, 31, 43, 0.15), 0px 5px 20px rgba(15, 31, 43, 0.07);
	transition: all 0.3s ease-out;
	background-color: #fff;
	display: block;
	color: #202930;
}
#section2 #sec2_2 .boxWrap .box:hover {
	transform: translateY(-10px);
}
#section2 #sec2_2 .boxWrap .box:nth-child(n + 4) {
	margin-top: 3%;
}
#section2 #sec2_2 .boxWrap .box .inner {
	padding: 10%;
}
#section2 #sec2_2 .boxWrap .box h4 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
}
#section2 #sec2_2 .boxWrap .box p {
	letter-spacing: 0.05em;
}
#section2 #sec2_2 .boxWrap .box .btn {
	max-width: 100%;
	margin-top: 30px;
}
#section2 #sec2_2 .boxWrap .box .btn span {
	line-height: 40px;
	font-size: 16px;
	letter-spacing: 0.025em;
}
#section2 #sec2_2 .contents > .btn {
	margin: 70px auto 0 auto;
	width: 500px;
}
#section2 #sec2_2 .contents > .btn a {
	font-size: 24px;
	line-height: 70px;
}
.section2-container {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto 150px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    /*padding: 60px 100px 80px;*/
		display: none;
	
}
.section2-container .box1 {
	text-align: center;
	margin-bottom: 40px;
}
.section2-container .box1 .t1_1 {
	margin-bottom: 40px;
}
.section2-container .box1 .t1_1 img{
	max-width: 100%;
}
.section2-container .bkg_area {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section2-container .box2 .read-text {
	text-align: center;
	line-height: 1.66;
}

.section2-container .bkg_area .box2 .logo_area_out {
	background: #fff;
	border-radius: 45px;
	padding: 4% 0;
	margin-bottom: 60px;
}
.section2-container .bkg_area .box2 .logo_area_out .logo_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.section2-container .bkg_area .box2 .logo_area_out .logo {
	display: flex;
	align-items: center;
	width: 33%;
	margin-bottom: 40px;
}
.section2-container .bkg_area .box2 .logo_area_out .img {
	width: 95px;
}
.section2-container .bkg_area .box2 .logo_area_out .img img{
	width: 100%;
}
.section2-container .bkg_area .box2 .logo_area_out .l1 {
	line-height: 1.5em;
	color: #00A8A5;
	font-weight: bold;
	font-size: 17px;
}
.section2-container .bkg_area .box2 .logo_area_out .l2 {
	line-height: 1.5em;
	color: #000;
	font-size: 12px;
	letter-spacing: 0;
}
.section2-container .bkg_area .box2 .logo_area_out .read-text {
	font-size: 14px;
	text-align: center;
	padding: 15px 0 0;
}




.section2-container .btnn a {
	text-align: center;
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(-135deg, #55c880, #00a8a5);
	border-radius: 37px;
	width: 324px;
	padding: 10px 8px;
	margin: 25px auto 0;
	transition: all 0.2s ease-out;
	top: 0;
	z-index: 0;
	overflow: hidden;
}
.section2-container .btnn a:before {
	content: "";
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 7px;
	height: 7px;
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%) rotate(45deg);
}
.section2-container .btnn a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	border-radius: 35px;
	transition: 0.3s;
	z-index: -1;
	background: transparent;
}
.section2-container .btnn a:hover::after {
	width: 100%;
	background-color: #00a8a5;
	background-image: linear-gradient(to left, #00a8a5 0%, #1575bf 99%);
}


.section2-container .btnn22 a{position : relative; z-index: 0;overflow : hidden;transition: 0.5s;background : transparent;box-shadow: 0px 3px 6px rgba(9, 68, 94, 0.16);border-radius: 8px; font-size: 18px; color: #fff; font-weight: bold; text-align: center;display: block; margin-top: 9px;transition: all 250ms; width: 324px;margin: 10px auto;padding: 10px 8px;border-radius: 25px;}
.section2-container .btnn22 a:hover{/*box-shadow: none;*/box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color:#242424/*5c6c7d*/;opacity:1;}
.section2-container .btnn22 a::before{content: ' ';position: absolute;top: 0;bottom: 0;left : 0;right: 0;z-index: -1;background: linear-gradient(265deg, #00ADF9 0%, #06C0CE 100%);transition: all 250ms;}
.section2-container .btnn22 a::after{content: ' ';position:absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:/* -2*/-1;background:/*linear-gradient(135deg, #f0f1f5,#efefef)*/#fff;width: 0;transition: all 250ms;}
.section2-container .btnn22 a:hover::after{width: 100%;}
.section2-container .btnn22 a:hover::before{border-radius: 15px;}
.section2-container .btnn22 a span:before {
	content: "";
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 7px;
	height: 7px;
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%) rotate(45deg);
}
.section2-container .btnn22 a:hover span:before {border-top: solid 2px #242424;border-right: solid 2px #242424;}

.section2-container .box3 .read-text {
	text-align: center;
	line-height: 1.66;
}
.section2-container .box3 .white_area {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 100px;
}
.section2-container .box3 .white_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.section2-container .box3 .white_area ul li {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	line-height: 1.5em;
	font-size: 15px;
	font-weight: bold;
	color: #00A8A5;
	background-color: #F6F6F6;
}
.section2-container .box3 .white_area ul li img{
	margin-bottom: 12px;
}
.section2-container .box3 .white_area .te {
	font-size: 16px;
	color: #000;
	text-align: center;
}
.section2-container .box4 .read-text{
	text-align: center;
	line-height: 1.66;
}
.section2-container .service_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 8px;
	margin: 45px 0 0;
}
.section2-container .service_list li{
	width: 23.5%;
	transition: .2s;
}
.section2-container .service_list li figure{
	padding: 0;
	margin: 0;
}
.section2-container .service_list li img{
	width: 100%;
}
.section2-container .service_list .service_list_logo{
	font-size: 10px;
	text-align: center;
	margin: 15px 0 0;
}
.section2-container .service_list .visumo .service_list_logo img{
	width: 120px;
	display: block;
	margin: 0 auto;
}
.section2-container .service_list .revico .service_list_logo img{
	width: 88px;
	display: block;
	margin: 0 auto;
}
.section2-container .service_list .sechstant .service_list_logo img{
	width: 120px;
	display: block;
	margin: 0 auto;
}
.section2-container .service_list .omnistart .service_list_logo img{
	width: 131px;
	display: block;
	margin: 0 auto;
}
.section2-container .service_list p{
	font-size: 12px;
	line-height: 1.57;
	text-align: center;
}
.section2-container .service_list .service_list_btn{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	border:1px solid #707070;
	border-radius: 25px;
	margin: 10px auto 0;
	max-width: 200px;
	position: relative;
	transition: .2s;
}
.section2-container .service_list .service_list_btn:after{
	content:"";
	width: 5px;
	height: 5px;
	border-bottom: 2px solid #707070;
	border-right: 2px solid #707070;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(-45deg);

}
.section2-container .service_list li:hover .service_list_btn{
	border: 1px solid #F6F6F6;
	background: #F6F6F6;
}
.section2-container .box4 .btnn a {
	margin-top: 50px;
}

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

/* point1 ----------- */
#section2 .point h3{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 80px;
}
#section2 .point h3 span{
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 89px;
	font-weight: 500;
	background:linear-gradient(transparent 60%, #F7FF03 60%,#F7FF03 90%,transparent 90%);
	margin-right: 30px;
}
#section2 .point h4{
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin: 100px 0;
}
#section2 .point h4 span{
	font-size: 55px;
	background:linear-gradient(transparent 60%, #F7FF03 60%);
}

#section2 .point1{
	background: url(https://www.ecbeing.net/cms/images/product6/bg_round05.png) left bottom no-repeat,url(https://www.ecbeing.net/cms/images/product6/bg_round04.png) right 66% no-repeat,url(https://www.ecbeing.net/cms/images/product6/bg_round03.png) left 44% no-repeat,url(https://www.ecbeing.net/cms/images/product6/bg_round02.png) right 19% no-repeat,url(https://www.ecbeing.net/cms/images/product6/bg_round01.png) left top no-repeat,#FFF;
	padding: 120px 0 220px;
	position: relative;
}
#section2 .point1::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top: 50px solid #F4F5F7;
	border-right: 75px solid transparent;
	border-left: 75px solid transparent;
}
#section2 .point1 h3{
	font-size: 30px;
	margin-bottom: 30px;
}
#section2 .point1 .point1-text{
	font-size: 23px;
	font-weight: bold;
}
#section2 .point1 .notes{
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}
#section2 .point1 .point1-flex{
	display: flex;
	margin-top: 70px;
}
#section2 .point1 .point1-flex + .point1-flex{
	margin-top: 120px;
}
#section2 .point1 .point1-flex.--reverse{
	flex-direction: row-reverse;
}
#section2 .point1 .point1-flex-item{
	width: 830px;
	background: #FFF;
	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
	position: relative;
	padding: 36px;
	z-index: 2;
}
#section2 .point1 .logo_area{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 10px;
}
#section2 .point1 .logo_area .logo{
	width: calc((100% - 40px) / 5);
}
#section2 .point1 .logo_area .logo .img{
	text-align: center;
}
#section2 .point1 .logo_area .logo .img img{
	width: 72%;
}
#section2 .point1 .logo_area .l-wrap{
	text-align: center;
}
#section2 .point1 .logo_area .l1{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin: 22px 0;
}
#section2 .point1 .logo_area .l2{
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
}
#section2 .point1 .logo_area .l2 span{
	display: block;
	width: 125%;
	transform: scale(0.8);
	transform-origin: top left;
}
#section2 .point1 .point1-flex-img{
	width: 700px;
	margin-left: -330px;
	position: relative;
	text-align: right;
}
#section2 .point1 .--reverse .point1-flex-img{
	text-align: left;
}
#section2 .point1 .point1-flex-img div{
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	background: #419497;
	position: relative;
	z-index: 1;
	padding: 26px 43px;
}
#section2 .point1 .point1-flex-img img{
	position: absolute;
	top: -23px;
	right: -71px;
	width: 100%;
}
#section2 .point1 .--reverse .point1-flex-img img{
	left: -71px;
	right: inherit;
}
#section2 .point1 .--reverse .point1-flex-img{
	margin-right: -330px;
}
#section2 .point1 h4{
	font-size: 30px;
	color: #FFF;
	background: #419497;
	box-shadow: 0 3px 23px rgba(0,0,0,0.16);
	padding: 32px;
	margin-bottom: 30px;
}
#section2 .point1 .point1-text2{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
#section2 .point1 .point1_1{
	background: #FFF;
	box-shadow: 0 3px 23px rgba(0,0,0,0.16);
	text-align: right;
	padding-top: 20px;
	margin-top: 40px;
	position: relative;
}
#section2 .point1 .point1_1 .absolute1,#section2 .point1 .point1_1 .absolute2{
	font-size: 14px;
	font-weight: bold;
	background: #D7DCE5;
	border-radius: 10px;
	width: 350px;
	padding: 30px 20px 20px;
	position: absolute;
	line-height: 1.6;
	text-align: left;
}
#section2 .point1 .point1_1 .absolute1{
	top: 36px;
	right: 430px;
}
#section2 .point1 .point1_1 .absolute2{
	top: 100px;
	right: 32px;
}
#section2 .point1 .point1_2{
	background: #FFF;
	box-shadow: 0 3px 23px rgba(0,0,0,0.16);
	padding: 60px 44px 40px;
	margin-top: 50px;
	position: relative;
}
#section2 .point1 .point1_2 .point1_2-title{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#section2 .point1 .point1_2 .point1_2-text{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
#section2 .point1 .point1_2 .flex{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#section2 .point1 .point1_2 .flex-left{
	position: relative;
	width: 746px;
}
#section2 .point1 .point1_2 .flex-left .absolute{
	font-size: 21px;
	font-weight: bold;
	background: #F5F5F5;
	padding: 42px 24px 36px 36px;
	position: absolute;
	right: 0;
	bottom: 16px;
	width: 420px;
	line-height: 1.6;
}
#section2 .point1 .point1_2 .flex-right{
	width: 361px;
}
#section2 .point1 .point1_2 .flex-right p{
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	margin-top: -20px;
}
#section2 .point1 .customize h4{
	background: none;
	color: #292929;
	box-shadow: none;
	padding: 0;
	margin: 140px 0 150px;
}
#section2 .point1 .customize h4 span{
	font-size: 30px;
}
#section2 .point1 .customize .flex{
	display: flex;
	align-items: center;
	gap: 105px;
}
#section2 .point1 .customize .flex li{
	position: relative;
	text-align: center;
}
#section2 .point1 .customize .flex li .frame{
	font-size: 28px;
	font-weight: bold;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	padding: 25px;
	background: #FFF;
}
#section2 .point1 .customize .flex li.color .frame{
	color: #FFF;
	background: #6197A7;
}
#section2 .point1 .customize .flex li:nth-child(1){
	width: 250px;
}
#section2 .point1 .customize .flex li:nth-child(1)::after{
	content:"+";
	font-size: 48px;
	font-weight: bold;
	position: absolute;
	right: -70px;
	top: 50%;
	transform: translateY(-50%);
}
#section2 .point1 .customize .flex li:nth-child(2){
	width: 450px;
}
#section2 .point1 .customize .flex li:nth-child(2)::after{
	content:"+";
	font-size: 48px;
	color: #292929;
	font-weight: bold;
	position: absolute;
	right: -70px;
	top: 50%;
	transform: translateY(-50%);
}
#section2 .point1 .customize .flex li:nth-child(3){
	width: 290px;
	box-shadow: none;
	padding: 0;
}
#section2 .point1 .customize .flex li .absolute{
	font-size: 14px;
	color: #292929;
	position: absolute;
	top: -75px;
	left: 0;
	width: 100%;
	background: #FFF;
	filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));
	padding: 5px;
}
#section2 .point1 .customize .flex li .absolute::after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 15px solid #FFF;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
#section2 .point1 .customize .flex li span{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #EBFF6A;
	line-height: 1.2;
	padding: 5px;
}
#section2 .point1 .customize .flex li span + span{
	margin-top: 9px;
}
#section2 .point1 .example{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	line-height: 1.7;
	position: absolute;
	left: 0;
	width: 100%;
}
/* point2 ----------- */
#section2 .point2{
	background: #C4E9E9;
	padding: 120px 0 70px;
}
#section2 .point2 h3{
	margin-bottom: 60px;
}
#section2 .point2 .point2-list {
	display: flex;
	flex-wrap: wrap;
}
#section2 .point2 .point2-list li {
	background: #3062C1;
	border-radius: 30px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 25px;
	margin: 0 12px 18px 0;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#section2 .point2 .point2-text{
	font-size: 25px;
	font-weight: bold;
	color: #212C64;
	margin-top: 20px;
}
#section2 .point2 .solution-map{
	background: #FFF;
	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
	margin-top: 30px;
	position: relative;
	padding: 40px 0 30px;
	text-align: center;
}
#section2 .point2 .solution-map .absolute1{
	position: absolute;
	top: 40px;
	left: 40px;
}
#section2 .point2 .solution-map .absolute2{
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-align: left;
}
#section2 .point2 .solution-map .absolute2 li{
	font-size: 20px;
	font-weight: bold;
}
#section2 .point2 .solution-map .absolute2 li:nth-child(1) span{
	color: #19a3e0;
}
#section2 .point2 .solution-map .absolute2 li:nth-child(2) span{
	color: #2bc1bd;
}
#section2 .point2 .solution-map .absolute2 li:nth-child(3) span{
	color: #007c44;
}
#section2 .point2 .solution-map .absolute2 li:nth-child(4) span{
	color: #e85e2a;
}
#section2 .point2 .solution-map .absolute2 li:nth-child(5) span{
	color: #ed6f06;
}
#section2 .point2 .hybrid {
	display: flex;
	justify-content: space-between;
	width: 742px;
	text-align: center;
	margin: 0 auto 30px;
	background: url(https://www.ecbeing.net/cms/images/reason2023/icon_cross.png) no-repeat center top 12px / 40px;
	margin-top: 60px;
}
#section2 .point2 .hybrid .text {
	width: 274px;
	background: #E9602D;
	color: #FFF;
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
	padding: 8px 0;
	margin: 0 0 12px;
}
#section2 .point2 .hybrid .logo img {
	width: 153px;
}
#section2 .point2 .hybrid p {
	font-size: 33px;
	color: #212C64;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 20px 0 0;
}
#section2 .point2 .text-hybrid {
	font-size: 22px;
	color: #212C64;
	font-weight: bold;
	text-align: center;
}
#section2 .point2 .text-hybrid span {
	display: inline-block;
	line-height: 1.3;
	background: linear-gradient(transparent 50%, #FFF782 50%);
}

/* point3 ----------- */
#section2 .point3{
	background: #FFF;
	padding: 120px 0 70px;
}
#section2 .point3 .flex{
	display: flex;
	align-items: center;
	gap: 50px;
}
#section2 .point3 .flex .flex-img{
	width: 403px;
}
#section2 .point3 .flex .flex-img img{
	width: 100%;
}
#section2 .point3 .flex p{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
#section2 .point3 .flex-works{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
#section2 .point3 .flex-works li{
	width: 11%;
}
#section2 .point3 .flex-works li img{
	width: 100%;
	height: auto;
}
#mainContents #section2 .point3 .btn-gr {
	margin-top: 100px;
}

/* --------------------------------------------------------------------
	.section3
--------------------------------------------------------------------- */
#section3{
	background: #F4F5F7;
	padding: 100px 0;
}
#section3 h2{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 80px;
}
#section3 .flex_out_w {
	width: 1200px;
	margin: 0 auto;
}
#section3 .flex_out_w .flex_out {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
#section3 .flex_out_w .flex_out .mer {
	width: 32.4%;
	background: linear-gradient(0deg, #F4AF96,#E8807D);
	padding: 1% 1.5% 1.5%;
	border-radius: 10px 0 0 10px;
}
#section3 .flex_out_w .flex_out .plan_cv_btn a {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #2b2b2b;
	border-radius: 6px;
	background: #fff;
	padding: 6px 18px;
	position: relative;
	transition: all 0.2s ease-out;
	display: block;
	margin-bottom: 25px;
	top: 0px;
}
#section3 .flex_out_w .flex_out .plan_cv_btn a:after {
	content: "";
	border-top: solid 2px #2b2b2b;
	border-right: solid 2px #2b2b2b;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	display: block;
	position: absolute;
	top: 40%;
	right: 15px;
}
#section3 .flex_out_w .flex_out .plan.no1 .plan_cv_btn a {
	border: 2px solid #ffc095;
	box-shadow: 0px 6px 10px rgba(255, 151, 46, 0.11);
}
#section3 .flex_out_w .flex_out .plan.no3 .plan_cv_btn a {
	border: 2px solid #0dd5bb;
	box-shadow: 0px 6px 10px rgba(8, 232, 232, 0.1);
}
#section3 .flex_out_w .flex_out .plan.no4 .plan_cv_btn a {
	border: 2px solid #0dd5bb;
	box-shadow: 0px 6px 10px rgba(8, 232, 232, 0.1);
}
#section3 .flex_out_w .flex_out .plan.no1 .plan_cv_btn a:hover,#section3 .flex_out_w .flex_out .plan.no3 .plan_cv_btn a:hover,#section3 .flex_out_w .flex_out .plan.no4 .plan_cv_btn a:hover {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	position: relative;
	top: 5px;
}
#section3 .flex_out_w .flex_out .ecbeing {
	width: 67.6%;
	background: linear-gradient(0deg, #9CD8D6,#006FB4);
	padding: 1% 1.5% 1.5%;
	border-radius: 0 10px 10px 0;
}
#section3 .flex_out_w .flex_out .ecbeing .flex_in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#section3 .flex_out_w .flex_out .ecbeing .flex_in .plan {
	width: 48.8%;
}

#section3 .flex_out_w .flex_out .logo {
	text-align: center;
	margin-bottom: 20px;
}
#section3 .flex_out_w .flex_out .plan {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
	padding: 30px 40px 50px;
}
#section3 .flex_out_w .flex_out .plan .main {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	padding: 2px 0px;
	color: #fff;
	margin-bottom: 15px;
}
#section3 .flex_out_w .flex_out .plan.no1 {
	height: 94%;
	position: relative;
}
#section3 .flex_out_w .flex_out .plan.no1 .main {
	background: linear-gradient(315deg, #E8845F,#E8817A);
}
#section3 .flex_out_w .flex_out .plan.no2 .main {
	background: linear-gradient(315deg, #5AB635,#03B18C);
}
#section3 .flex_out_w .flex_out .plan.no3 .main {
	background: linear-gradient(315deg, #00AF98,#008CCC);
}
#section3 .flex_out_w .flex_out .plan.no4 .main {
	background: linear-gradient(315deg, #036EB0,#103BAB);
}
#section3 .flex_out_w .flex_out .plan .m_text {
	font-size: 13px;
	line-height: 1.6;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .in {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .in.mb30 {
	margin-bottom: 20px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .in span {
	font-size: 40px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .in span.word {
	font-size: 30px;
}
#section3 .flex_out_w .flex_out .plan.no1 .cost_box .cost .in {
	color: #E8807D;
}
#section3 .flex_out_w .flex_out .plan.no2 .cost_box .cost .in {
	color: #67B728;
}
#section3 .flex_out_w .flex_out .plan.no3 .cost_box .cost .in {
	color: #00B294;
}
#section3 .flex_out_w .flex_out .plan.no4 .cost_box .cost .in {
	color: #007AB1;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost ul.mini_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	padding: 8px 0;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost ul.mini_flex li.mini_flex1 {
	font-size: 12px;
	width: 50%;
	text-align: left;
	font-weight: bold;
	color: #000;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost ul.mini_flex li.mini_flex2 {
	font-size: 13px;
	width: 50%;
	text-align: right;
	font-weight: bold;
	color: #000;
	right: 15px;
	position: relative;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .check {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding: 8px 0;
	border-bottom: 1px dashed #CCCCCC;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .check:after {
	content: "";
	position: absolute;
	right: 15px;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
}
#section3 .flex_out_w .flex_out .plan.no1 .cost_box .cost .check:after {
	background: url(https://www.ecbeing.net/cms/images/price/check1.png) no-repeat;
	background-size: contain;
}
#section3 .flex_out_w .flex_out .plan.no2 .cost_box .cost .check:after {
	background: url(https://www.ecbeing.net/cms/images/price/check2.png) no-repeat;
	background-size: contain;
}
#section3 .flex_out_w .flex_out .plan.no3 .cost_box .cost .check:after {
	background: url(https://www.ecbeing.net/cms/images/price/check3.png) no-repeat;
	background-size: contain;
}
#section3 .flex_out_w .flex_out .plan.no4 .cost_box .cost .check:after {
	background: url(https://www.ecbeing.net/cms/images/price/check4.png) no-repeat;
	background-size: contain;
}
#section3 .flex_out_w .flex_out .plan.no3 {
	position: relative;
}
#section3 .flex_out_w .flex_out .plan.no3:before {
	content: "";
	background: url(https://www.ecbeing.net/cms/images/price/fuki2.png) no-repeat;
	background-size: contain;
	position: absolute;
	width: 100px;
	height: 100px;
	top: -20px;
	left: 20px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .other_ttl {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
}
#section3 .flex_out_w .flex_out .plan.no1 .cost_box .cost .other_ttl {
	color: #e8807d;
}
#section3 .flex_out_w .flex_out .plan.no3 .cost_box .cost .other_ttl {
	color: #00b294;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .other {
	font-size: 13px;
	line-height: 1.8;
	font-weight: bold;
	color: #000;
	padding-top: 10px;
}
#section3 .flex_out_w .flex_out .plan .cost_box .cost .other.mt30 {
	padding-top: 30px;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a {
	font-size: 16px;
	font-weight: bold;
	color: #E8807D;
	border: 1px solid #E8807D;
	display: block;
	border-radius: 30px;
	padding: 10px;
	text-align: center;
	position: relative;
	transition: all 0.3s ease-out;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a:after {
	content: "";
	position: absolute;
	right: 20px;
	display: block;
	width: 25px;
	height: 25px;
	top: 33%;
	background: url(https://www.ecbeing.net/cms/images/price/blank.png) no-repeat;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a:before {
	content: "";
	position: absolute;
	left: 20px;
	display: block;
	width: 21px;
	height: 25px;
	top: 22%;
	background: url(https://www.ecbeing.net/cms/images/price/mer_icon.png) no-repeat;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a:hover {
	color: #fff;
	background: #E8807D;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a:hover:after {
	background: url(https://www.ecbeing.net/cms/images/service5/blank_icon_h.png) no-repeat;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn a:hover:before {
	background: url(https://www.ecbeing.net/cms/images/price/mer_icon_w.png) no-repeat;
}
#section3 .flex_out_w .flex_out .plan.no1 .mer_btn {
	margin-bottom: 10px;
}
#section3 .bottom_btn {
	position: absolute;
	bottom: 25px;
}
#section3 span.mini {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
	display: inline-block;
}
#section3 .flex_out_w input {
	display: none;
}

/* --------------------------------------------------------------------
	.section4
--------------------------------------------------------------------- */
#section4{
	background: #FFF;
	padding: 120px 0;
	min-width: 1200px;
}
#section4 h2{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 35px;
}
#section4 .text{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#section4 .notes{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 0;
}
#section4 .flex_{
	display: flex;
	align-items: center;
	gap: 50px;
	margin: 50px 0 0;
}
#section4 .pop_voice{
	margin-top: 100px;
}
#section4 .pop_voice .ttl {
	color: #242424;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px dashed #707070;
	display: block;
	margin: 0 auto 30px;
	width: 250px;
}
#section4 .pop_voice .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#section4 .pop_voice .flex .bnr_box{
	width: 24%;
	margin-bottom: 10px;
}
#section4 .pop_voice .flex .bnr_box a{
	transition: opacity .3s;
}
#section4 .pop_voice .flex .bnr_box a:hover{
	opacity: 0.7;
}
#section4 .pop_voice .flex .bnr_box img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#mainContents section .btn-gr {
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 370px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	background: linear-gradient(180deg, #3A5A97 0%, #3A5A97 50%, #1D4288 50%, #1D4288 100%);
	transition: .3s ease;
	position: relative;
	margin-top: 60px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	line-height: 1.3;
}
#mainContents section .btn-gr:hover {
	opacity: 0.7;
}
#mainContents section .btn-gr::after {
	content:"";
	width: 25px;
	height: 25px;
	background: url(https://www.ecbeing.net/cms/images/reason2023/btn_arrow.png) no-repeat right center;
	background-size: contain;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
}

/* --------------------------------------------------------------------
	contact
--------------------------------------------------------------------- */
.section06 {
	padding: 70px 0;
	background: #03c792;
	margin: 170px 0 0;
}
.section06 h2 {
	padding: 0 0 40px 0;
}
.section06 h2 span {
	background: url(https://www.ecbeing.net/cms/images/index7/ico_ttl05.png) no-repeat left center;
}
.mailform_box {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
}
.mb_l {
	color: #111;
	margin-bottom: 40px;
}
.mb_l dl {
	font-weight: 700;
	text-align: center;
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	background: none;
	border: 0px;
}
.mb_l dl dt {
	position: relative;
	padding: 0 0 10px;
}
.mb_l dl dt:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	display: block;
	width: 26px;
	height: 1px;
	background: #000;
	margin-left: -13px;
	vertical-align: middle;
	border-radius: 2px;
}
.mb_l dl dd {
	font-size: 14px;
}
.mb_l dl span {
	font-size: 48px;
	font-weight: 800;
	letter-spacing: 4px;
}
.mb_r {
	vertical-align: middle;
}
.mb_r ul {
	display: table;
	width: 80%;
	margin: 0 auto;
}
.mb_r ul li {
	width: 50%;
	display: table-cell;
	padding: 0 50px;
	background: transparent;
}
.mb_r a {
	color: #fff;
	display: block;
	background: #ce0022;
	padding: 20px 0;
	text-align: center;
	transition: ease-in 0.2s;
	font-size: 26px;
}
.mb_r a:hover {
	color: #fff;
	display: block;
	padding: 20px 0;
	text-align: center;
}
.mb_r .red a {
	background: #fff;
	color: #181818;
	font-weight: bold;
	font-size: 16px;
	padding: 15px 15px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	text-align: center;
	border-radius: 50px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.mb_r .blue a {
	background: #fff;
	color: #181818;
	font-weight: bold;
	font-size: 16px;
	padding: 15px 15px;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	text-align: center;
	border-radius: 50px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.mb_r .red a:hover {
	background: #d4fe41;
	box-shadow: 0px 15px 20px rgba(212, 254, 65, 0.4);
	transform: translateY(-7px);
}

.mb_r .blue a:hover {
	background: #d4fe41;
	box-shadow: 0px 15px 20px rgba(212, 254, 65, 0.4);
	transform: translateY(-7px);
}

.mb_r a span {
	vertical-align: top;
	transition: 0.2s ease-in;
	color: #181818;
	background: none;
}

.mb_r a:hover span {
	background: none;
}

@media screen and (max-width: 1000px) {
	.mb_r ul li {
		padding: 0 25px;
	}
}
@media screen and (max-width: 800px) {
	.mb_r ul {
    width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.section06 {
		margin: 70px 0 0;
	}
	.mb_r ul li {
		width: 100%;
		display: block;
		margin-bottom: 10px;
		padding: 0;
	}

	.section06 {
		padding: 15px;
	}

	.mb_r .red a {
		background:
			/*#d4fe41*/
			#fff;
		border-radius: 12px;
	}

	.mb_r .blue a {
		background:
			/*#d4fe41*/
			#fff;
		border-radius: 12px;
	}
}

@media screen and (max-width: 1700px) {
	#section2,#section3,#section4,#section5 {
		background-size: auto;
	}
}
@media screen and (max-width: 1440px) {
	#section2 .new202309::before {
    transform: translate(-65%,-50%);
	}
	#section2 .new202309::after {
		transform: translate(65%,-50%);
	}
}
@media screen and (max-width: 1200px) {
	#mainContents .section1 .contents {
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 1120px) {
	#section2 .section2-container{
		max-width: 100%;
		width: calc(100% - 40px);
	}
}
@media screen and (max-width: 1100px) {
	.section1 .boxWrap .box h3 {
    font-size: 18px;
	}
}
@media screen and (max-width: 1000px) {
	/* body.sub-page.page-product .section1 .boxWrap {
    flex-wrap: wrap;
	}
	body.sub-page.page-product .section1 .boxWrap .box {
    width: 48.5%;
		margin-bottom: 3%;
	} */

.new_renewal .nr_btn {
    width: 100%;
    margin-bottom: 10px;
}


}


@media screen and (max-width: 900px) {
	.section2-container .bkg_area .box2 .logo_area_out .logo {
		width: 48.5%;
	}
	.section2-container .service_list p {
    font-size: 12px;
	}
}
@media screen and (max-width: 800px) {
	.section2-container .box3 .white_area ul {
    justify-content: space-evenly;
	}
	.section2-container .box3 .white_area ul li {
    width: 180px;
    height: 180px;
    line-height: 1.5em;
    font-size: 13px;
	}
	.section2-container .box3 .white_area ul li img{
		width: 80%;
	}
}
@media screen and (max-width: 640px) {
	.sp_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	body.sub-page .container_ {
    padding-top: 50px;
}
	body.sub-page.page-product .mainframe_ #mainContents {
    margin: 0;
	}
	body.sub-page.page-product #mainContents .section1 .contents {
    width: calc(100% - 30px);
    padding: 0 15px;
	}
	body.sub-page.page-product .section1 h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}
	body.sub-page #mainContents .section1 h2 span {
    font-size: 13px !important;
    line-height: 1.5em !important;
		display: inline-block;
		margin-top: 10px;
}

	body.sub-page.page-product .section1 h1 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}
	body.sub-page #mainContents .section1 h1 span {
    font-size: 13px !important;
    line-height: 1.5em !important;
		display: inline-block;
		margin-top: 10px;
}

	body.sub-page.page-product .section1 {
    padding: 70px 0 35px;
		margin-left: -15px;
		margin-right: -15px;
	}
	body.sub-page.page-product .section1 .boxWrap .box h3 {
    font-size: 14px;
	}
	.section1 .boxWrap .box .inner {
    padding: 15px 5px 20px;
	}
	.section1 .boxWrap .box .icon figure {
    padding: 0px 25px;
	}
	.section1 .boxWrap .box.mall .icon figure img{
    width: 60%;
	}
	body.sub-page.page-product .section1 .boxWrap .box .btn {
    margin: 10px auto 0 auto;
		width: 84%;
	}
	.section1 .boxWrap .box p {
		font-size: 10px;
		margin-top: 5px;
	}
	body.sub-page.page-product .section1 .boxWrap .box .btn span {
    padding: 0;
		line-height: 30px;
	}
	body.sub-page.page-product #mainContents .titleWrap .title {
    height: auto;
    padding: 0;
		margin-bottom: 30px;
	}
	body.sub-page.page-product #mainContents .titleWrap .title h2 {
    font-size: 22px;
	}
	#section2{
		padding: 20px 0;
	}
	#section2 .section2-container{
		width: calc(100% - 40px);
	}
	#section2 h3.bkg_area_head {
    font-size: 22px;
    margin: 0 0 10px;
	}
	#section2 h3.bkg_area_head span{
		padding: 0 15px;
	}
	#section2 h3.bkg_area_head span span {
    font-size: 10px;
	}
	.section2-container .bkg_area .box2 .logo_area_out .logo {
		display: block;
		width: 49%;
		margin-bottom: 20px;
	}
	.section2-container .box1 {
    margin-bottom: 0;
	}
	.section2-container .box1 .t1_1 {
    margin-bottom: 0;
	}
	.section2-container .box1 .t1_1 img {
		width: 100%;
	}
	.section2-container .bkg_area .box2 .logo_area_out .img {
    width: auto;
		margin: 0 0 10px;
	}
	.section2-container .bkg_area .box2 .logo_area_out .img img{
    width: auto;
	}
	.section2-container .bkg_area .box2 .logo_area_out .l1 {
    font-size: 14px;
	}
	.section2-container .bkg_area .box2 .logo_area_out .l2 {
    font-size: 10px;
	}
	.section2-container .bkg_area .box2 .logo_area_out .read-text {
    font-size: 12px;
		margin-bottom: 15px;
	}
	.section2-container .btnn a {
		margin: 0px auto 0;
	}
	.section2-container .box3 .white_area .te {
		font-size: 12px;
		line-height: 1.5em;
		margin-bottom: 20px;
	}
	.section2-container .btnn a {
		width: 85%;
		font-size: 16px;
		line-height: 50px;
		padding: 0;
	}
	.section2-container .btnn22 a {
		width: 85%;
		font-size: 16px;
		line-height: 50px;
		padding: 0;
	}
	.section2-container .bkg_area .box2 .logo_area_out {
		padding: 4% 0;
	}
	.section2-container .box3 .white_area {
		padding: 4% 0 20%;
	}
	.section2-container .box3 .white_area ul {
    justify-content: space-between;
	}
	.section2-container .box3 .white_area ul li {
		width: 30.8%;
		height: auto;
		background: none;
		font-size: 10px;
	}
	.section2-container .box3 .white_area ul li span{
		width: 100%;
		height: 25.60vw;
		background: #f6f6f6;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 10px;
	}
	.section2-container .box3 .white_area ul li span img{
		width: 45%;
		margin: 0;
	}
	.section2-container .bkg_area .box2 .logo_area_out {
		border-radius: 20px;
	}
	.section2-container .btnn a:after {
    right: 20px;
	}
	.section2-container .box4 .read-text {
    line-height: 2;
	}
	.section2-container .service_list {
    padding: 0;
    margin: 15px 0 0;
	}
	.section2-container .service_list li {
    width: 48%;
	}
	.section2-container .service_list li:nth-child(n+3) {
		margin-top: 30px;
	}
	.section2-container .service_list p {
    font-size: 10px;
	}
	.section2-container .service_list .service_list_btn {
    font-size: 9px;
    line-height: 30px;
	}
	.section2-container .service_list .service_list_btn:after{
	border-bottom: 1px solid #707070;
	border-right: 1px solid #707070;right: 13px;

}
	.section2-container .service_list .service_list_logo {
    margin: 10px 0 0;
	}
	.section2-container .service_list .visumo .service_list_logo img {
    width: 52%;
	}
	.section2-container .service_list .revico .service_list_logo img {
    width: 48%;
	}
	.section2-container .service_list .sechstant .service_list_logo img {
    width: 66%;
	}
	.section2-container .service_list .omnistart .service_list_logo img {
    width: 62%;
	}
	body.sub-page.page-product #mainContents section .btn a, body.sub-page.page-product #mainContents section .btn.nolink span {
    font-size: 14px;
	}
	body.sub-page.page-product #mainContents section .contents {
    width: 100%;
    padding: 0;
	}
}

.banner_area210118 {
	background: url(https://www.ecbeing.net/cms/images/product3/cv_area_bk_pc2.png) no-repeat;
	padding: 25px 0 60px 65px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	width: 76%;
	margin: 100px auto;
	background-size: cover;
	height: 100px;
	background-position: center;
	display: none;
}

.banner_area210118 ul {
	display: flex;
	flex-wrap: wrap;
}

.banner_area210118 ul li {
	display: block;
	width: 360px;
	white-space: initial;
	margin: 0 35px;
}

.banner_area210118 ul li a {
	background: #19368e;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	width: 360px;
	display: block;
	padding: 10px;
	text-align: center;
}

.banner_area210118 ul li a:hover {
	background: #fdbb05;
	color: #1a1a1a;
}

.banner_area210118 .text {
	margin-bottom: 20px;
	margin-left: 15%;
}

@media screen and (max-width: 1150px) {
	.banner_area210118 {
		height: 200px;
	}

	.banner_area210118 .text {
		margin-left: 0%;
	}

	.banner_area210118 .text img {
		width: 85%;
	}

	.banner_area210118 ul li {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 640px) {
	.banner_area210118 {
		background: url(https://www.ecbeing.net/cms/images/product3/cv_area_bk_sp.png) no-repeat;
		padding: 20px 20px 25px 20px;
		background-size: cover;
	}

	.banner_area210118 ul {
		display: block;
	}

	.banner_area210118 ul li {
		width: 95%;
		white-space: initial;
		margin: 0 0 20px;
	}

	.banner_area210118 ul li a {
		font-size: 17px;
		width: 100%;
	}
.w1120_max {width: calc(100% - 30px);padding: 0 15px;font-size: 12px;line-height: initial;}
.section2-container {margin: 0 auto 50px;}
}
@media screen and (min-width:641px) and (max-width: 1200px) {
	#section2 .point1,#section2 .point2,#section2 .point3{
		padding-left: 20px;
		padding-right: 20px;
	}
	#section2 .new202309::before {
    display: none;
	}
	#section2 .new202309::after {
    display: none;
	}
}
@media screen and (max-width: 640px) {
	#topicPath {
		top: 70px;
	}
	body.sub-page.page-product .section1 .boxWrap {
    flex-wrap: wrap;
	}
	body.sub-page.page-product .section1 .boxWrap .box {
    width: 48.5%;
		margin-bottom: 3%;
	}
	.section1 h2 {
    margin-bottom: 35px;
	}
	.section1 h1 {
    margin-bottom: 35px;
	}
	body.sub-page.page-product .mainframe_ #mainContents section .btn.nolink span {
    font-size: 12px;
    line-height: 30px;
	}
	.section1 .boxWrap .box h3 {
    margin: 5px 0;
	}
	#section2,#section4 {
    min-width: auto;
	}
	#section2 .new202309::before {
    display: none;
	}
	#section2 .new202309::after {
    display: none;
	}
	body.sub-page.page-product .mainframe_ #section2 {
    margin-top: 0;
    padding: 0;
	}
	#section2 .new202309 {
    padding: 50px 15px 60px;
	}
	#section2 .new202309 h2::after{
		width: 90px;
		margin: 15px auto 0;
	}
	#section2 .new202309 h2 {
    margin-bottom: 25px;
	}
	#section2 .new202309 .text {
    font-size: 14px;
		line-height: 1.7;
	}
	#section2 .new202309 .pro_logo {
    margin-bottom: 20px;
	}
	#section2 .new202309 .btn_flex {
    margin-top: 40px;
		flex-direction: column;
		gap:15px;
	}
	#section2 .new202309 .btn_flex .btn1 a {
    width: 200px;
    font-size: 20px;
    padding: 5px;
    margin: 0 auto;
	}
	#section2 .new202309 .btn_flex .btn2 a {
    width: 200px;
    font-size: 20px;
    padding: 5px;
    margin: 0 auto;
	}
	#section2 .point1{
		background: #FFF;
		padding: 70px 0 ;
	}
	#section2 .point h3 {
    font-size: 14px;
    font-weight: bold;
		text-align: left;
    margin-bottom: 25px;
		padding: 0 25px;
	}
	#section2 .point1 h3 {
    font-size: 17px;
		text-align: left;
		padding: 0 20px;
		margin-bottom: 15px;
	}
	#section2 .point h3 span {
    font-size: 39px;
		display: block;
		width: fit-content;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#section2 .point1 h3 span {
		display: inline-block;
		margin-right: 15px;
	}
	#section2 .point1 .point1-text {
    font-size: 15px;
		text-align: left;
		padding: 0 20px;
	}
	#section2 .point1 .notes {
    font-size: 10px;
    text-align: left;
		padding: 0 20px;
		margin-top: 10px;
	}
	#section2 .point2 {
    padding: 50px 0;
	}
	#section2 .point3 {
    padding: 60px 0 50px;
	}
	#section2 .point3 .flex {
		flex-direction: column;
		gap: 30px;
		padding: 0 25px;
	}
	#section2 .point3 .flex .flex-img {
		width: 100%;
	}
	#section2 .point3 .flex p {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
	}
	#section2 .point3 .bx-viewport{
		height: auto !important;
	}
	#section2 .point3 .flex-works {
    margin-top: 30px;
		display: block;
	}
	#section2 .point3-img{
		overflow-x: auto;
	}
	#section2 .point3-img img{
		max-width: 700px;
	}
	#section2 .point h4 {
    font-size: 17px;
    margin: 45px 0 20px;
	}
	#section2 .point h4 span {
    font-size: 22px;
	}
	#section2 .point2 .hybrid {
		flex-direction: column;
		width: 80%;
		background: url(https://www.ecbeing.net/cms/images/reason2023/icon_cross.png) no-repeat center center / 40px;
		gap: 90px;
	}
	#section2 .point2 .text-hybrid {
    font-size: 14px;
	}
	#section2 .point2 .hybrid .text {
    width: 100%;
	}
	#section2 .point2 .text-hybrid span {
    display: inline;
	}
	#section2 .point2 .hybrid p {
    font-size: 25px;
    margin: 10px 0 0;
	}
	#section2 .point2 .solution-map {
    padding: 40px 30px 30px;
		text-align: left;
	}
	#section2 .point2 .solution-map .absolute1 {
    position: static;
		width: 150px;
		margin-bottom: 20px;
	}
	#section2 .point2 .solution-map .absolute2 {
    position: static;
		margin-top: 30px;
	}
	#section2 .point2 .solution-map .absolute2 li {
		font-size: 18px;
	}
	#section2 .point2 .point2-text {
    font-size: 14px;
		text-align: left;
		padding: 0 25px;
		margin-top: 10px;
	}
	#section2 .point2 .point2-list{
		padding: 0 25px;
	}
	#section2 .point2 .point2-list li {
    font-size: 11px;
		margin: 0 10px 10px 0;
		padding: 6px 15px;
	}
	#section2 .point1 .customize h4 {
    margin: 50px 0 30px;
    font-size: 20px;
    text-align: left;
		padding: 0 25px;
	}
	#section2 .point1 .customize h4 span {
		font-size: 20px;
	}
	#section2 .point1 .customize .flex {
    flex-direction: column;
		padding: 0 25px;
		gap: 80px;
	}
	#section2 .point1 .customize .flex li:nth-child(1),#section2 .point1 .customize .flex li:nth-child(2) {
    width: 100%;
	}
	#section2 .point1 .customize .flex li .frame {
		padding: 12px;
	}
	#section2 .point1 .customize .flex li:nth-child(1)::after,#section2 .point1 .customize .flex li:nth-child(2)::after {
    right: 50%;
    top: 100%;
    transform: translateX(50%);
	}
	#section2 .point1 .customize .flex li .absolute {
    position: static;
		padding: 10px;
		margin-bottom: 30px;
	}
	#section2 .point1 .example {
    position: static;
	}
	#section2 .point1 .point1_2 {
    padding: 40px 20px;
		margin-top: 30px;
}
	#section2 .point1 .point1_2 .point1_2-title {
    font-size: 17px;
	}
	#section2 .point1 .point1_2 .point1_2-text {
		font-size: 14px;
		text-align: left;
	}
	#section2 .point1 .point1_2 .flex {
		flex-direction: column;
	}
	#section2 .point1 .point1_2 .flex-left {
    width: 100%;
	}
	#section2 .point1 .point1_2 .flex-right {
    width: 100%;
		display: flex;
		gap: 20px;
		margin-top: 15px;
	}
	#section2 .point1 .point1_2 .flex-left .absolute {
		font-size: 13px;
    padding: 20px 30px;
    position: relative;
    right: inherit;
    bottom: inherit;
    width: 86%;
		text-align: left;
		margin: -50% auto 0;
	}
	#section2 .point1 .point1_2 .flex-right p {
		font-size: 14px;
		margin-top: 0;
	}
	#section2 .point1 .point1_2 .flex-right div:last-child {
		padding-top: 15px;
	}
	#section2 .point1 .point1_2 .flex-right div:last-child p{
		margin-top: 25px;
	}
	#section2 .point1 h4 {
    font-size: 19px;
    padding: 22px;
	}
	#section2 .point1 .point1-text2 {
    font-size: 14px;
    text-align: left;
		padding: 0 25px;
	}
	#section2 .point1 .point1_1 {
    box-shadow: none;
		padding: 0;
		margin-top: 10px;
	}
	#section2 .point1 .point1_1 .absolute1, #section2 .point1 .point1_1 .absolute2 {
    width: 80%;
    padding: 20px 15px;
		margin: -80px auto 10px;
    position: relative;
		top: inherit;
		right: inherit;
		font-size: 10px;
	}
	#section2 .point1 .point1-flex {
		flex-direction: column-reverse;
		margin-top: 30px;
	}
	#section2 .point1 .point1-flex.--reverse {
		flex-direction: column-reverse;
		margin-top: 60px;
	}
	#section2 .point1 .point1-flex-item {
    width: 100%;
    padding: 36px 20px;
	}
	#section2 .point1 .point1-flex-img {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20%;
		padding: 0 10%;
	}
	#section2 .point1 .point1-flex-img img {
    top: -12px;
    right: 0;
	}
	#section2 .point1 .--reverse .point1-flex-img img {
    left: 0;
	}
	#section2 .point1 .point1-flex-img div {
		font-size: 16px;
		padding: 10px 20px;
	}
	#section2 .point1 .logo_area {
		gap: 30px 20px;
	}
	#section2 .point1 .logo_area .logo {
		width: calc((100% - 20px) / 2);
	}
	#section4 {
    padding: 40px 0 0;
	}
	#section4 .text {
    font-size: 14px;
    text-align: left;
		padding: 0 20px;
	}
	#section4 .notes {
    font-size: 12px;
    text-align: left;
    margin: 15px 0 0;
		padding: 0 20px;
	}
	#section4 .flex_ {
    display: flex;
    align-items: center;
		justify-content: center;
		flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0 0;
	}
	#section4 .flex_ li{
		width: calc((100% - 40px) / 3);
	}
	#mainContents section .btn-gr {
    font-size: 13px;
    width: 84%;
    height: 54px;
		margin-top: 30px;
	}
	#mainContents section .btn-gr::after {
    right: 25px;
	}
	#mainContents #section2 .point3 .btn-gr {
    margin-top: 30px;
	}
	#section3 {
    padding: 50px 0 10px;
	}
	#section3 h2 {
    margin: 0 0 35px;
	}
	#section3 .flex_out_w {
    width: auto;
    margin: 0 -15px;
	}
	#section3 .flex_out_w .flex_out {
		display: block;
	}
	#section3 .flex_out_w .flex_out .mer {
		width: 100%;
		border-radius:0;
		padding: 3%;
	}
	#section3 .flex_out_w .flex_out .ecbeing {
    width: 100%;
    border-radius:0;
		padding: 3%;
	}
	#section3 .flex_out_w .flex_out .ecbeing .flex_in {
    display: block;
	}
	#section3 .flex_out_w .flex_out .ecbeing .flex_in .plan {
    width: 100%;
	}
	#section3 .flex_out_w .flex_out .plan .main {
    font-size: 17px;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .in span {
		font-size: 32px;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .check {
    text-align: left;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .other {
    text-align: left;
	}
	#section3 .bottom_btn {
    position: static;
		margin: 15px 0  20px;
	}
	#section3 span.mini {
    text-align: left;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .in {
    line-height: 1.2;
	}
	#section3 .flex_out_w .flex_out .plan .m_text {
    margin-bottom: 15px;
	}
	#section3 .flex_out_w .flex_out .plan_cv_btn a {
    font-size: 12px;
    padding: 14px 18px;
	}
	#section3 .flex_out_w label.sp_acbtn {
    position: relative;
    border-radius: 25px;
    padding: 5px 0;
	}
	#section3 .plan.no1 label.sp_acbtn {
    border: 1px solid #E8807D;
	}
	#section3 .plan.no3 label.sp_acbtn {
    border: 1px solid #00B294;
	}
	#section3 .plan.no4 label.sp_acbtn {
    border: 1px solid #007AB1;
	}
	#section3 label.sp_acbtn::before {
		content: "プラン詳細";
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		display: block;
	}
	#section3 input:checked + .toggle + label::before {
    content: "閉じる";
	}
	#section3 .plan.no1 label.sp_acbtn::before {
    color: #E8807D;
	}
	#section3 .plan.no3 label.sp_acbtn::before {
    color: #00B294;
	}
	#section3 .plan.no4 label.sp_acbtn::before {
    color: #007AB1;
	}
	#section3 label.sp_acbtn::after {
    content: "";
    border-top: solid 2px #707070;
    border-right: solid 2px #707070;
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
    display: block;
    position: absolute;
    top: 40%;
    right: 30px;
	}
	#section3 .plan.no1 label.sp_acbtn::after {
    border-top: solid 2px #E8807D;
    border-right: solid 2px #E8807D;
	}
	#section3 .plan.no3 label.sp_acbtn::after {
    border-top: solid 2px #00B294;
    border-right: solid 2px #00B294;
	}
	#section3 .plan.no4 label.sp_acbtn::after {
    border-top: solid 2px #007AB1;
    border-right: solid 2px #007AB1;
	}
	#section3 input:checked + .toggle + label.sp_acbtn::after {
    transform: rotate(315deg);
	}
	#section3 .toggle {
    height: 0;
    transition: .2s;
    overflow: hidden;
	}
	#section3 input:checked + .toggle {
		height: auto;
		border-top: 1px dashed #ccc;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost ul.mini_flex {
    border-bottom: 0px;
	}
	#section3 .flex_out_w .flex_out .ecbeing .flex_in .plan {
    width: auto;
    margin-bottom: 15px;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .other {
    padding-bottom: 15px;
	}
	#section3 .flex_out_w .flex_out .plan .cost_box .cost .other {
    padding-bottom: 15px;
	}
	#section4 .pop_voice {
    margin-top: 80px;
	}
	#section4 .pop_voice .flex {
		padding: 0 20px;
	}
	#section4 .pop_voice .flex .bnr_box {
		width: 48%;
		margin-bottom: 10px;
	}
}