@charset "Shift_JIS";
a {color: #111;text-decoration: none;}
a:hover {color: #333;}
.con190521 a:hover { opacity:0.8;}
.mb_r a:hover { opacity:1;}

.sp_only { display:none;}
.wrapper_ {position: relative;overflow: hidden;min-width: 1200px;}
#header {position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;min-width: 1200px;}
#header .head_top {height: 30px;line-height: 30px;padding-left: 20px;background: #fff;border-bottom: 1px solid #eee;}
#header .tagline {font-size: 11px;float: left;color: #555;letter-spacing: 2px;}
#header .head_top ul {font-size: 12px;float: right;padding-right: 162px;}
#header .head_top ul li {display: inline-block;}
#header .head_top ul li a {display: block;margin-right: 1.3em;color: #5fb700;}
#header .head_top ul li img {vertical-align: text-bottom;}
#header .head_bottom {height: 70px;background: rgba(255, 255, 255, 1);clear: both;padding:15px 20px;border-bottom: 1px solid #f2f0eb;min-width: 1280px;transition-duration:1s;box-shadow: 0px 3px 13px #36363629;}
#header.is-fixed .head_bottom {padding:3px 20px 3px;background: rgba(255, 255, 255, 1);}
#header .logo {float: left;padding-top: 5px;width: 122px;}
#header .logo img {width: 100%;height:auto;}
#header .nav {color: #fff;}
#header .head_bottom ul {float: left;margin-left: 20px;/*display: table;*/}
#header .head_bottom ul li {/*display: table-cell;*/padding-top: 6px;vertical-align: top;padding-right: 6px;position: relative;}
#header .head_bottom ul li span.num {position: absolute;background-color: #DE0042;width: /*16*/8px;height: /*16*/8px;text-align: center;border-radius: 9px;font-size: 9px;top: 11px;right: 2px;line-height: 18px;}
#header .head_bottom ul li a {font-size: /*12px*/14px;font-weight: bold ;display: table-cell;vertical-align: middle;padding-left: 1.2em;margin-right: 1.7em;transition: background-position linear 0.1s;letter-spacing: 0.5px;height: 58px;}
#header .head_bottom ul li span.st-Header_SubPageTitle {font-size: 12px;font-weight: bold ;display: table-cell;vertical-align: middle;padding-left: 0em;margin-right: 1.7em;transition: background-position linear 0.1s;letter-spacing: 1px;height: 58px;}
#header .head_bottom ul li span.st-Header_SubPageTitle:hover { color:#404040;}
#header .head_bottom ul li a:hover {padding-left: 1.2em;margin-right: 1.7em;color: #888;}
#header .head_bottom ul li.ban_b2b a {background: #f9f9f9; padding-right: 20px;}
#header .head_bottom .dropdown {position: relative;padding-bottom: 10px;}
#header .head_bottom .dropdown ul {position: absolute;background-color: #fff;margin: 0;top: 72px;width: 200px;display: none;}
#header .head_bottom .dropdown ul li {display: block;border-bottom: 1px dotted #5fb700;padding-left: 0;}
#header .head_bottom .dropdown ul li:hover {background-color: #f0f0f0;}
#header .head_bottom .dropdown ul li a {line-height: 3em;height: 30px;}
.dropdown span.dropdownlist {font-size: 15px;font-weight: 500;display: table-cell;padding-left: 1.2em;margin-right: 1.7em;transition: background-position linear 0.1s;letter-spacing: 1px;color: #111;vertical-align: middle;height: 58px;cursor: pointer;}
.menu {position: fixed;left: 0;top: 0;width: 120px;height: 120px;z-index: 100;background: url(/cms/images/index7/operator.png) no-repeat center center #eb2142;text-indent: 9999px;border-bottom: none;}
.sidenav {position: fixed;right: 0;top: 0;width: 156px;z-index: 100;}
.side_sub {width: 106px;margin-left: 130px;}
.sidenav ul a li {background: #5fb700;text-align: center;border-bottom: 1px solid #f2f0eb;border-left: 1px solid #f2f0eb;height: 106px;position: relative;box-sizing: border-box;}
.sidenav ul a {font-size: 14px;}
.sidenav ul a:hover {color: #111;}
.sidenav li.oparator {background: #ce0022 url(/cms/images/index7/dot_white.png);border-bottom: none;border-left: none;color: #fff;transition: 0.2s ease-in;}
.sidenav li.oparator:hover {background: #ff6666 url(/cms/images/index7/dot_white.png);border-bottom: none;color: #fff;}
.sidenav a li.oparator .title {padding-top: 30px;font-size: 16px;}
.sidenav a li.oparator .tel {padding-top: 10px;display: inline-block;font-size: 15px;font-weight: bold;}
.sidenav a li.oparator .btn_contact:hover {opacity: 0.8;}
.sidenav li.seminar {background: url(/cms/images/index7/ico_seminar.png) no-repeat center 35% #fff;transition: linear 0.1s;position: relative;z-index: 1000}
.sidenav li.seminar:hover {background: url(/cms/images/index7/ico_seminar.png) no-repeat center 35% #f5f5f5;}
.sidenav li.seminar img {position: absolute;top: 10px;right: 10px;}
.sidenav li.jirei {background: no-repeat center 35% #fff;background-image: url(/cms/images/index7/ico_pc.png);transition: linear 0.1s;z-index: 1000}
.sidenav li.jirei:hover {background: url(/cms/images/index7/ico_pc.png) no-repeat center 35% #f5f5f5;}
.sidenav li.news {background: no-repeat center 35% #fff;background-image: url(/cms/images/index7/ico_news.png);transition: linear 0.1s;border-bottom: none;z-index: 1000}
.sidenav li.news:hover {background: url(/cms/images/index7/ico_news.png) no-repeat center 35% #f5f5f5;background-image: url(/cms/images/index7/ico_news.png);}
.sidenav a li .title {font-size: 14px;text-align: center;padding-top: 72px;display: inline-block;font-size: 12px;}
.sidenav a li .num {background-color: #eb2142;position: absolute;display: block;top: 10px;right: 10px;width: 26px;height: 26px;color: #fff;border-radius: 13px;text-align: center;padding-top: 0px;box-sizing: border-box;padding-top: 3px;font-size: 12px;}
.seminar_box {width: 30%;position: absolute;right: 106px;top: 107px;background: #fff;height: 560px;overflow-y: scroll;z-index: 100;}
.seminar_box ul li:hover {background: #eee;}
.seminar_box ul li {font-size: 14px;border-bottom: 1px dotted #ccc;padding: 10px;overflow: hidden;}
.seminar_box ul li:last-child {border: none;margin-bottom: 0;}
.seminar_box ul li .thumbs_seminar {float: left;width: 130px;height: 87px;font-size: 0;margin-right: 20px;overflow: hidden;}
.seminar_box ul li .thumbs_seminar img {position: relative;top: 50%;left: 50%;width: auto;height: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.seminar_box ul li p a {color: #000;}
.seminar_box p.date {color: #5fb700;padding-bottom: 0;font-size: 12px;}
.seminar_box p.date img {margin-left: 4px;}
.contact_box {position: absolute;right: 236px;top: 0;height: 106px;width: 900px;color: #fff;font-size: 14px;z-index: 100;}
.contact_box ul {display: table;width: 100%;}
.contact_box ul li {display: table-cell;width: 33%;vertical-align: middle;background: #ce0022 url(/cms/images/index7/dot_white.png);padding: 10px 17px 11px;}
.contact_box ul li.mail {text-align: center;}
.contact_box ul li.mail dt {margin-bottom: 11px;}
.contact_box ul li.phone {text-align: center;}
.contact_box ul li.phone dd.tel {font-size: 30px;font-weight: bold;}
.contact_box ul li.kansai {background: #009944 url(/cms/images/index7/dot_white.png);text-align: center;}
.contact_box ul li.kansai span {display: block;font-size: 12px;}
.contact_box ul li.kansai span.title {font-size: 15px;}
.contact_box ul li.kansai span.tel {font-size: 30px;font-weight: bold;}
.contact_box ul li.kansai span a {color: #fff;}
.contact_box ul li.kansai span a:hover {text-decoration: underline;}
.mv {height: 750px;background-size: cover;overflow: hidden;position: relative;}
.mv .mv_inner {position: absolute;top: 50%;left: 50%;margin-left: -25%;}
.mv .ecb_banner {position: fixed;left: 0;top: 107px;z-index: 100;}
.seminar_box::-webkit-scrollbar {width: 8px;background: #ddd;}
.seminar_box::-webkit-scrollbar:horizontal {height: 10px;}
.seminar_box::-webkit-scrollbar-button {width: 8px;height: 8px;background: #666;}
.seminar_box::-webkit-scrollbar-thumb {background: #999;}
.seminar_box::-webkit-scrollbar-corner {background: #ddd;}
#mainvisual {overflow: hidden;position: relative;}
#mainvisual .inner_ {position: relative;width: 100%;text-align: center;margin: 0 auto;}
#mainvisual .flex-viewport {overflow: inherit !important;}
#mainvisual .slides:after {content: "";clear: both;display: block;height: 0;visibility: hidden;}
#mainvisual .flex-control-nav {font-size: 0;text-align: center;margin: 13px 0 0;}
#mainvisual .flex-control-nav li {display: inline-block;list-style: none;margin: 0 12px;}
#mainvisual .flex-control-nav li a {display: block;width: 16px;height: 16px;background: #ccc;border-radius: 50%;cursor: pointer;transition: transform 0.2s;-webkit-transition: transform 0.2s;-moz-transition: transform 0.2s;}
#mainvisual .flex-control-nav li a:hover {background: #aaa;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);}
#mainvisual .slides li.mv01 {position: relative;background: #BFD000 url(/cms/images/index7/mv04.jpg) no-repeat center center;background-size: cover;height: 750px;}
#mainvisual .slides li.mv02 {position: relative;background: #BFD000 url(/cms/images/index7/mv03.jpg) no-repeat center center;background-size: cover;height: 750px;}
#mainvisual .slides .mv_copy {width: 100%;text-align: center;position: absolute;top: 50%;left: 0;margin-top: -110px;}
#mainvisual .slides .mv_copy span {color: #fff;display: block;width: 640px;text-align: center;background: #e93c1f;padding: 16px 0;margin: 40px auto 0;}
#mainvisual .slides li p {position: absolute;text-align: center;margin: 0 auto;width: 100%;}
#mainvisual p.fixing_logo {position: absolute;top: 130px;left: 20px;z-index: 20;}
.case {background: #fff;border-top: 4px solid #5fb700;}
.img900_area {width: 100%;padding-bottom: 25px;padding-top: 76px;}
.img900_area .lead_img {margin: 0 auto 40px;text-align: center;}
.img900_area .lead_img img {width: 600px;margin: 0 auto 40px;text-align: center;transition: ease-in-out 0.5s;opacity: 0;}
.img900_area .lead_img img.active {width: 500px;margin: 0 auto 40px;text-align: center;opacity: 1;}
.img900_area {text-align: center;font-size: 56px;font-weight: 800;}
.img900_area p span {text-align: center;display: block;font-size: 32px;font-weight: 800;}
.img900_area h1 span {text-align: center;display: block;font-size: 32px;font-weight: 800;}
.cliant_logo_area {height: /*180*//*217*/190px;width: 100%;box-shadow:0px 3px 6px rgba(0,0,0,0.16);}
.client-logo-slider.swiper-container .bx-wrapper {margin: 15px auto 15px;/*margin: 30px auto 30px;*/}
.section01,.section02,.section03,.section04,.section05,.section07 {width: 80%;margin: 0 auto;}
.section01 h2,.section02 h2,.section03 h2,.section04 h2,.section05 h2,.section07 h2 {position: relative;text-align: center;color: #000;font-size: 32px;font-weight: bold;padding: 0 0 20px 0;border-bottom: 2px dotted #349173;margin: 40px 0 40px 0;background: url(/cms/images/index7/dot_white.png);transition: ease-in-out 1s;}
.section01 h2.active,.section02 h2.active,.section03 h2.active,.section04 h2.active,.section05 h2.active,.section07 h2.active {position: relative;text-align: center;color: #000;font-size: 40px;font-weight: bold;padding: 0 0 30px;border-bottom: 2px dotted #349173;margin: 0 0 40px 0;background: url(/cms/images/index7/dot_white.png);}
.section06 h2 {position: relative;text-align: center;font-size: 40px;font-weight: bold;padding: 30px 0;margin: 0;background: url(/cms/images/index7/dot_white.png);}
.section01 h2:before,.section02 h2:before,.section03 h2:before,.section04 h2:before,.section05 h2:before {content: '';display: block;position: absolute;padding: 30px 0;margin-left: -32px;height: 64px;width: 64px;top: 79px;left: 50%;}
.section01 h2 span,.section02 h2 span,.section03 h2 span,.section04 h2 span,.section05 h2 span,.section06 h2 span,.section07 h2 span {display: inline-block;background-size: 64px 64px;padding: 0 0 0 84px;line-height: 64px;}
.section01 p span,.section02 p span,.section03 p span,.section04 p span,.section05 p span,.section06 p span,.section07 p span {color: #111;}
.section01 p.lead,.section02 p.lead,.section03 p.lead,.section04 p.lead,.section05 p.lead,.section07 p.lead {position: relative;width: 820px;margin: 0 auto;padding: 0 0 40px;text-align: left;font-size: 18px;font-weight: 600;color: #111;}
.section01 p.lead:before,.section02 p.lead:before,.section03 p.lead:before,.section04 p.lead:before,.section05 p.lead:before,.section06 p.lead:before,.section07 p.lead:before {content: '';position: absolute;top: 50%;left: -40px;
margin-top: -48px;background: #BFD000;height: 60px;width: 2px;display: block;}
.section01 p.lead:after,.section02 p.lead:after,.section03 p.lead:after,.section04 p.lead:after,.section05 p.lead:after,.section06 p.lead:after,.section07 p.lead:after {content: '';position: absolute;top: 50%;right: -40px;margin-top: -48px;background: #BFD000;height: 60px;width: 2px;display: block;}
.lead_animation,.lead_animation02,.lead_animation03,.lead_animation04,.lead_animation04b,.lead_animation05,.lead_animation06,.lead_animation07,.lead_animation08 {display: table;text-align: center;margin-bottom: 30px;width: 31.3%;float: left;background: #fff;margin: 0 1% 20px;padding: 40px 10px;box-sizing: border-box;border-top: 3px solid #267472;}
.lead_animation p,.lead_animation02 p,.lead_animation03 p,.lead_animation04 p,.lead_animation04b p,.lead_animation05 p,.lead_animation06 p,.lead_animation07 p,.lead_animation08 p {padding: 0;}
.lead_animation p span,.lead_animation02 p span,.lead_animation03 p span,.lead_animation04 p span,.lead_animation04b p span,.lead_animation05 p span,.lead_animation06 p span,.lead_animation07 p span,.lead_animation08 p span {font-weight: 600;font-size: 47px;color: #267472;line-height: 1.5em;}
.ttl_stg {font-weight: 600;font-size: 22px;}
.ttl_stg:after {background: url("/cms/images/index7/04.jpg") no-repeat center center;}
.txt_stg {width: 85%;margin: 0 auto;font-size: 14px;}
.stg_wrap {width: 100%;margin: 0 auto;overflow: hidden;}
.lead_animation04 p {display: inline-block;position: relative;overflow: hidden;letter-spacing: 3px;}
.lead_animation04 p:after {content: ",";position: absolute;right: 160px;bottom: 10px;color: #5fb700;font-size: 22px;}
.lead_animation07 p {display: inline-block;position: relative;overflow: hidden;letter-spacing: 3px;}
.lead_animation07 p:after {content: ",";position: absolute;right: 158px;bottom: 10px;color: #267472;font-size: 27px;}
.lead_animation p:after {content: ",";position: absolute;right: 102px;bottom: 10px;color: #267472;font-size: 27px;}
.lead_animation p { display: inline-block; position: relative; overflow: hidden; letter-spacing: 3px;}
.lead_animation06 {margin-left: 18%;}
.section01 {padding-bottom: 30px;}
.section01 h2 span {background: url(/cms/images/index7/ico_ttl01.png) no-repeat left center;}
.section01 p {padding: 0 20px 20px;font-weight: 800;font-size: 18px;letter-spacing: 1px;    line-height: 1.5em;}
.section01 ul {width: 100%;display: table;border-top: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5;}
.section01 ul:last-child {width: 100%;display: table;border-bottom: 1px solid #f5f5f5;}
.section01 ul li {position: relative;display: table-cell;width: 25%;text-align: center;background: #fff;border-right: 1px solid #f5f5f5;font-weight: bold;cursor: pointer;}
.section01 a .figure {position: relative;height: 164px;overflow: hidden;display: table;width: 100%;}
.section01 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 20px 0;}
.section01 a:hover .figure .figimg:after {transform: scaleX(1);opacity: 0.4;transition: all 0.4s ease;}
.section01 a .figure .figimg:after {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleX(0);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, #66cc99 50%, #75d1d1 71%, #ffcc33 100%);opacity: 0.4;transition: all 0.4s ease;}
.section01 ul li a {display: block;width: 100%;color: #111;}
.section01 ul li img {margin-bottom: 10px;}
.section02 h2 span {background: url(/cms/images/index7/ico_ttl02.png) no-repeat left center;}
.section02 {text-align: center;}
.section02 p {font-weight: bold;font-size: 18px;padding: 20px 20px 5%;}
.section02 p span {position: relative;font-size: 14px;font-weight: 300;display: block;padding: 30px 0 0;text-align: left;line-height: 1.8em;}
.section02 p span:after {content: '';position: absolute;top: 14px;left: 50%;display: block;width: 26px;height: 1px;background: #000;margin-left: -13px;vertical-align: middle;border-radius: 2px;}
.section02 ul {width: 100%;overflow: hidden;margin-bottom: 20px;}
.section02 ul li {position: relative;float: left;width: 32%;margin-left: 2%;background: #fff;}
.section02 ul li:nth-child(3n+1) {margin: 0;}
.section02 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section02 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.section02 a .figure .figimg img {max-width: 100%;vertical-align: top;width: 100%;}
.section02 a .figure .figimg:after {content: '';position: absolute;top: 0;left: -122px;display: block;width: 100%;height: 100%;background-size: 100% 100%;
opacity: 1;transition: all 0.2s ease-out;}
.section02 a:hover .figure .figimg:after {content: '';opacity: 1;left: 0;}
.section02 a:hover .figure .figimg:before {transform: scaleX(1);opacity: 0.4;transition: all 0.4s ease;}
.section02 a .figure .figimg:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleX(0);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, transparent 80%, transparent 100%);opacity: 0.4;transition: all 0.4s ease;}
.section03 h2 span {background: url(/cms/images/index7/ico_ttl03.png) no-repeat left center;}
.section03 {text-align: center;margin-top: 10px;}
.section03 p {font-weight: bold;font-size: 18px;padding: 20px 0 5%; height:60px !important;}
.section03 p span {position: relative;font-size: 14px;font-weight: 300;display: block;padding: 30px 0 0;text-align: center;}
.section03 p span:after {content: '';position: absolute;top: 14px;left: 50%;display: block;width: 26px;height: 1px;background: #000;margin-left: -13px;vertical-align: middle;border-radius: 2px;}
.section03 ul {width: 100%;overflow: hidden;margin-bottom: 0;}
.section03 ul li {position: relative;float: left;width: 23.5% ;margin-left: /*2*/1%;background: #fff; margin-bottom:50px;height: 450px;}
.section03 ul.check01 li:before { position: absolute; top: -6px; left: 6%; content: "L"; display: inline-block; transform: scale(1,-1) rotate(135deg); color: #349173; font-size: 22px;font-weight: bold;}
.section03 ul li:nth-child(4n+1) {margin: 0; margin-bottom:50px;}
.section03 ul.check01 {width: 100%;overflow: hidden;margin-bottom: 0;}
.section03 ul.check01 li {position: relative;float: none;width: 84%;margin-left: 0%;background: #fff; margin-bottom:0px;text-align: left;padding: 0 2% 4% 14%; font-size: 13px; color: #000;line-height: initial;height: auto;}
.section03 ul.check01 li:nth-child(3n+1) {margin: 0; margin-bottom:0px;}
.section03 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section03 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.section03 a .figure .figimg.btoc { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area1.jpg) no-repeat 100%;padding: 20% 0; font-size: 30px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.cloud { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area2.jpg) no-repeat 100%;padding: 20% 0; font-size: 25px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.btob { 
background:url(https://www.ecbeing.net/cms/images/index7/top_p_area3.jpg) no-repeat 100%;padding: 20% 0; font-size: 30px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.wso { 
background:url(https://www.ecbeing.net/cms/images/index7/top_p_area7.jpg) no-repeat 100%;padding: 20% 0; font-size: 19px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.nets { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area_net.png) no-repeat 100%;padding: 20% 0; font-size: 19px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.subsc { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area8.jpg) no-repeat 100%;padding: 20% 0; font-size: 23px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.ekkyou { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area4.jpg) no-repeat 100%;padding: 20% 0; font-size: 23px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.mall { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area5.jpg) no-repeat 100%;padding: 20% 0; font-size: 23px; background-size: cover; color: #fff; font-weight: bold;} 
.section03 a .figure .figimg.omo { background:url(https://www.ecbeing.net/cms/images/index7/top_p_area6.jpg) no-repeat 100%;padding: 20% 0; font-size: 23px; background-size: cover; color: #fff; font-weight: bold;} 


ul.gg {width: 100%;overflow: hidden;margin-bottom: 0;}
ul.gg li {position: relative;float: left;width: 23.5%;margin-left: 2%;background: #fff; margin-bottom:50px;/*height: 450px;*/}
ul.gg .check01 li:before { position: absolute; top: -6px; left: 6%; content: "L"; display: inline-block; transform: scale(1,-1) rotate(135deg); color: #349173; font-size: 22px;font-weight: bold;}
ul.gg li:nth-child(3n+1) {margin: 0; margin-bottom:50px;}
ul.gg .check01 {width: 100%;overflow: hidden;margin-bottom: 0;}
ul.gg .check01 li {position: relative;float: none;width: 84%;margin-left: 0%;background: #fff; margin-bottom:0px;text-align: left;padding: 0 2% 4% 14%; font-size: 13px; color: #000;line-height: initial;height: auto;}
ul.gg.check01 li:nth-child(3n+1) {margin: 0; margin-bottom:0px;}
.section03 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section03 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.gg a .figure .figimg.n1 { background:url(https://www.ecbeing.net/cms/images/top/new/g1_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 
.gg a .figure .figimg.n2 { background:url(https://www.ecbeing.net/cms/images/top/new/g2_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 
.gg a .figure .figimg.n3 { background:url(https://www.ecbeing.net/cms/images/top/new/g3_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 
.gg a .figure .figimg.n4 { background:url(https://www.ecbeing.net/cms/images/top/new/g4_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 
.gg a .figure .figimg.n5 { background:url(https://www.ecbeing.net/cms/images/top/new/g5_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 
.gg a .figure .figimg.n6 { background:url(https://www.ecbeing.net/cms/images/top/new/g6_img.jpg) no-repeat 100%;padding: 20% 0; font-size: 0px; background-size: cover; color: #fff; font-weight: bold;} 


@media screen and (max-width: 640px){
.section03 a .figure .figimg.btoc , .section03 a .figure .figimg.cloud , .section03 a .figure .figimg.btob , .section03 a .figure .figimg.ekkyou , .section03 a .figure .figimg.mall , .section03 a .figure .figimg.omo { font-size: 20px;} 
.gg a .figure .figimg { font-size: 20px;} 
}


.section03 a .figure .figimg img {max-width: 100%;vertical-align: top;width: 100%;}
.section03 a .figure .figimg:after {content: '';position: absolute;top: 0;left: -122px;display: block;width: 100%;height: 100%;background-size: 100% 100%;opacity: 1;transition: all 0.2s ease-out;}
.section03 a:hover .figure .figimg:after {content: '';opacity: 1;left: 0;}
.section03 a:hover .figure .figimg:before {transform: scaleY(1);opacity: 0.8;transition: all 0.4s ease;}
.section03 a .figure .figimg:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleY(2);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, transparent 60%, transparent 100%);opacity: 0;transition: all 0.4s ease;}
.section04 h2 span {background: url(/cms/images/index7/ico_ttl04.png) no-repeat left center;}
.section04 {text-align: center;}
.section04 p {font-weight: bold;padding: 0;}
.section04 ul {width: 100%;overflow: hidden;margin-bottom: 20px;}
.section04 ul li {position: relative;float: left;width: 32%;margin-left: 2%;background: #fff;}
.section04 ul li:nth-child(3n+1) {margin: 0;}
.section04 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section04 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section04 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.section04 a .figure .figimg img {max-width: 100%;vertical-align: top;}
.section04 a .figure .figimg:after {content: '';position: absolute;top: 0;left: -122px;display: block;width: 100%;height: 100%;background-size: 100% 100%;opacity: 1;transition: all 0.2s ease-out;}
.section04 a:hover .figure .figimg:after {content: '';opacity: 1;left: 0;}
.section04 a:hover .figure .figimg:before {transform: scaleX(1);opacity: 0.4;transition: all 0.4s ease;}
.section04 a .figure .figimg:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleX(0);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, #66cc99 50%, #75d1d1 71%, #ffcc33 100%);opacity: 0.4;transition: all 0.4s ease;}
.section05 h2 span {background: url(/cms/images/index7/ico_ttl05.png) no-repeat left center;}
.section05 {text-align: center;}
.section05 p {font-weight: bold;font-size: 18px;padding: 20px 20px;}
.section05 p span {position: relative;font-size: 14px;font-weight: 300;display: block;padding: 30px 0 0;text-align: left;line-height: 1.8em;}
.section05 p span:after {content: '';position: absolute;top: 14px;left: 50%;display: block;width: 26px;height: 1px;background: #000;margin-left: -13px;vertical-align: middle;border-radius: 2px;}
.section05 ul {width: 100%;overflow: hidden;margin-bottom: 50px;}
.section05 ul li {position: relative;float: left;width: 23.5%;margin-left: 2%;background: #fff;}
.section05 ul li:nth-child(4n+1) {margin: 0;}
.section05 .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section05 .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.section05 .figure .figimg img {max-width: 100%;vertical-align: top;width: 100%;}
.section05 .figure .figimg:after {content: '';position: absolute;top: 0;left: -122px;display: block;width: 100%;height: 100%;background-size: 100% 100%;opacity: 1;transition: all 0.2s ease-out;}
.section05 a:hover .figure .figimg:after {content: '';opacity: 1;left: 0;}
.section05 a:hover .figure .figimg:before {transform: scaleX(1);opacity: 0.4;transition: all 0.4s ease;}
.section05 .figure .figimg:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleX(0);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, transparent 80%, transparent 100%);opacity: 0.4;transition: all 0.4s ease;}
.section06 {padding: 80px 0; background: #03c792/*url(/cms/images/common/bg_footer20201.jpg)*/;
margin: 100px 0 0;}
.section06 h2 {padding: 0 0 40px 0;}
.section06 h2 span {background: url(/cms/images/index7/ico_ttl05.png) no-repeat left center;}
.mailform_box {width: 1080px;margin: 0 auto;}
.mb_l {color: #111;margin-bottom: 40px;}
.mb_l dl {font-weight: 700;text-align: center;padding: 30px 0;width: 60%;margin: 0 auto;}
.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 .blue a b{font-size: 11px; margin-right:5px;}
.mb_r .red a b{font-size: 11px; margin-right:5px;}
.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;/*background: url(/cms/images/index7/arrow_white_s.png) no-repeat right center;padding-right:*/ 20px;transition: 0.2s ease-in;}
.mb_r a:hover span {/*background: url(/cms/images/index7/arrow_white_s.png) no-repeat 98% center;padding-right: 20px;*/}




.mb_r.lp .red a{background: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);background-size: 200% auto; color: #fff; 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.lp .blue a{background:  linear-gradient(to right, #00d2ff 0%, #3a7bd5  51%, #00d2ff  100%);background-size: 200% auto; color: #fff;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.lp .red a:hover {background-position: right center; box-shadow: 0px 15px 20px rgba(250, 0, 142, 0.2);  transform: translateY(-7px);}
.mb_r.lp .blue a:hover {background-position: right center; box-shadow: 0px 15px 20px rgba(28, 255, 251, 0.2); transform: translateY(-7px);}
.mb_r.lp a span{font-weight: bold;}


#footer {letter-spacing: 2px;background: #222;}
#footer a {color: #fff;}
#footer li:hover { text-decoration: none;}
.foot_nav {padding: 40px 0;background: #fff url(/cms/images/index7/dot_black.png.png);}
.foot_nav_inner {width: 1080px;margin: 0 auto;overflow: hidden;}
#footer .foot_nav_inner li a {color: #000;}
.foot_nav ul li {line-height: 2em;}
.foot_nav ul li a {font-size: 14px;background: url(/cms/images/index7/arrow_black_s.png) no-repeat left center;padding-left: 14px;background-size: 6px;}
.foot_bottom {overflow: hidden;margin: 0 auto;padding: 60px 0;width: 1180px;}
.foot_top {float: right;font-size: 12px;width: 100%;position: relative;}
.foot_top > ul,.foot_nav_inner > ul {float: left;width: 25%;padding: 0 2%;box-sizing: border-box;}
.foot_top > ul:last-child {float: left;margin-right: 0;}
.foot_top ul li {text-align: left;font-weight: bold;line-height: 3em;}
.foot_top ul li a {display: block;background: url(/cms/images/index7/arrow_white_s.png) no-repeat left center;padding-left: 14px;background-size: 6px;}
.foot_top ul li span {display: block;background: url(/cms/images/index7/arrow_white_s.png) no-repeat left center;padding-left: 14px;background-size: 6px; color:#FFF;}
.foot_top ul li a.f-logo {background: none;padding-left: 0;}
#footer ul li a:hover {text-decoration: underline;}
.foot_top ul li ul li {font-weight: normal;line-height: 2.5em;}
.foot_top ul p {text-align: center;border-bottom: 1px dotted #fff;margin-bottom: 15px;color: #fff;}
.company_logo {position: absolute;right: 2%;bottom: 0;}
.copy {width: 100%;display: table;padding: 80px 2%;font-size: 12px;font-weight: 100;line-height: 1.6;color: #fff;background: #212121 url(/cms/images/index7/dot_black.png);}
.copy_inner .c-grids:before,.c-grids:after {content: "";display: table;}
.copy_inner .c-grids > * {display: table-cell;min-height: 1px;vertical-align: middle;}
.copy_inner .grid-col2 {width: 50%;}
.copy_inner {width: 1080px;margin: 0 auto;}
.copy_inner .grid-col2 dd span {font-size: 20px;font-weight: bold;letter-spacing: 3px;margin-bottom: 16px;display: block;}
.copy_inner .grid-col2 dt.abs {font-size: 16px;font-weight: bold;letter-spacing: 3px;margin-bottom: 16px;display: block;}
.copy_inner .grid-col2 p.copy-r {padding-top: 12px;font-size: 10px;font-weight: 100;}
.copyright_area {background: #111 url(/cms/images/index7/dot_black.png);}
.copyright_area p {width: 1080px;margin: 0 auto;color: #fff;text-align: center;font-size: 10px;font-weight: 100;padding: 30px 0;}
#page-top {position: fixed;bottom: 19px;right: 10px;font-size: 77%;display: table;}
#page-top a {background: #ffb400 url(/cms/images/index7/arrow_white_s90deg.png) no-repeat center 22px;text-decoration: none;color: #fff;width:55px;height: 45px;padding-top: 10px;text-align: center;display: block;vertical-align: middle;display: table-cell;transition: ease-in 0.2s;border-radius: 40px;}
.cta {width: 640px;margin: 80px auto 0;}
.cta a {display: block;transition: linear all 0.2s;background: #5fb700;padding: 20px 0;text-align: center;font-size: 18px;color: #fff;}
.cta a:hover {background: #6cd000;}
.cta a span {background: url(/cms/images/index7/arrow_white_s.png) no-repeat right center;padding-right: 20px;transition: 0.2s ease-in;}
.cta a:hover span {background: url(/cms/images/index7/arrow_white_s.png) no-repeat 98% center;padding-right: 20px;}
.header_fb img {width: 20px;vertical-align: text-bottom;}
.footer_fb {margin-top: 10px;}
.footer_fb img {width: 30px;}
.side_sub {display: none;}
#news {background-color: #fff;}
#news h2 {width: 80%;margin: 0 auto;text-align: center;color: #000;font-size: 32px;font-weight: bold;padding: 40px 0 20px;border-bottom: 2px dotted #5fb700;margin: 0 auto;}
#news h2.before {content: '';display: block;position: absolute;padding: 30px 0;margin-left: -32px;height: 64px;width: 64px;top: 79px;left: 50%;}
#news h2 span {background: url(/cms/images/index7/ico_ttl_news.png) no-repeat left center;line-height: 64px;display: inline-block;padding: 0 0 0 84px;}
.visual_ {background-color: #fff;}
.visual_ .event_title_ {display: none;}
.visual_ .list {margin: 0 auto;width: 80%;padding-top: 40px;}
.visual_ .list dl {display: table;table-layout: fixed;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px dotted #eee;width: 100%;}
.visual_ .list dt {display: table-cell;width: 122px;}
.visual_ .list dd {display: table-cell;padding-left: 130px;position: relative;}
.visual_ .list dd a:hover {text-decoration: underline;}
.visual_ .list dd .new {position: absolute;top: 0;left: 8px;}
.visual_ .list dd .seminar {position: absolute;top: 8px;left: 0;}
.visual_ .list dd .web_seminar {position: absolute;top: 8px;left: 0;}
.visual_ .list dd .press {position: absolute;top: 8px;left: 0;}
.visual_ .list dd .news {position: absolute;top: 8px;left: 0;}
.visual_ .list dd .new:before {content: "new";display: inline-block;text-align: center;color: #fff;background-color: #e00e6c;width: 40px;font-size: 11px;line-height: 20px;}
.visual_ .list dd .seminar:before {content: "セミナー";display: inline-block;text-align: center;color: #fff; font-weight: bold; background-color: #de982f;width: 100px;font-size: 10px;line-height: 20px;}
.visual_ .list dd .web_seminar:before {content: "Webセミナー";display: inline-block;text-align: center;color: #fff; font-weight: bold; background-color: #6b4e9c;width: 100px;font-size: 10px;line-height: 20px;}
.visual_ .list dd .news:before {content: "お知らせ";display: inline-block;text-align: center;color: #fff; font-weight: bold; background-color: #aaa;width: 100px;font-size: 10px;line-height: 20px;}
.visual_ .list dd .press:before {content: "プレスリリース";display: inline-block;text-align: center;color: #fff; font-weight: bold; background-color: #5981b7;width: 100px;font-size: 10px;line-height: 20px;}
.visual_ .list dd .new img {display: none;}
.visual_ .list .arrowLink a {line-height: 67px;text-align: center;font-size: 18px;color: #fff;background: url(/cms/images/index7/arrow_white_s.png) no-repeat right 238px center #5fb700;display: block;width: 640px;margin: 70px auto;transition: linear all 0.2s;font-weight: bold;}
.visual_ .list .arrowLink a:hover {background: url(/cms/images/index7/arrow_white_s.png) no-repeat right 248px center #6cd000;}
.case {border-top: none;}
.img900_area {margin-top: -70px;}
.mv5panel {min-height: 400px;}
#seminars_news { padding: 80px 0 0 0; background: #ffffff; text-align: center;}
#seminars_news img { max-width: 100%;}
#seminars_news .innerframe_ { width: 80%; margin: 0 auto;}
#seminars_news h2 { padding-bottom: 30px; margin-bottom: 40px; border-bottom: #61b400 2px dotted; text-align: center;}
#seminars_news h2 span { height: 64px; line-height: 64px; padding-left: 85px; font-size: 40px; font-weight: bold; display: inline-block;background: url(../../images/index7/ico_ttl_newsseminar.png) left center no-repeat;}
#seminars_news .seminars_entry_ { padding: 40px 0; background: #f7f7f7 url(../../images/index7/ico_newsseminar_new.png) left top no-repeat;}
#seminars_news h3 { padding:0 0 40px 0; text-align: center;}
#seminars_news h3 span {height: 33px; line-height: 33px; padding-left: 50px; font-size: 28px; font-weight: bold; display: inline-block; letter-spacing: -1px;background: url(../../images/index7/ico_ttl_newsseminar_entry.png) left center no-repeat;}
#seminars_news .seminars_entry_ ul { width: 92%; margin: 0 auto; overflow: hidden;}
#seminars_news .seminars_entry_ ul li.left_   { width: 48%; float: left;}
#seminars_news .seminars_entry_ ul li.right_  { width: 48%; float: right;}
#seminars_news .seminars_entry_ ul li .iamge_ { margin-bottom: 30px; position: relative; overflow: hidden;}
#seminars_news .seminars_entry_ ul li .iamge_ > a::before {background: rgba(0, 0, 0, 0) linear-gradient(0deg, #fff 0%, #66cc99 50%, #75d1d1 71%, #ffcc33 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: 0;opacity: 0.4;position: absolute;top: 0;transform: scaleX(0);transition: all 0.4s ease 0s;width: 100%;}
#seminars_news .seminars_entry_ ul li .iamge_ > a:hover::before {opacity: 0.4;transform: scaleX(1);transition: all 0.4s ease 0s;}
#seminars_news .seminars_entry_ ul li .btn_ a { width: 65%; padding: 15px 0; margin: 0 auto; background: #ce0022; font-size: 14px;  color: #fff; display: block; text-align: center;}
#seminars_news .seminars_entry_ ul li .btn_ a:hover { background: #d8334e;}
.visual_ .list .ichiran_ { width: 80%; margin: 0 auto; overflow: hidden;}
.visual_ .list .ichiran_ .arrowLink.left_    { width: 49%; float: left;}
.visual_ .list .ichiran_ .arrowLink.left_ p  { text-align: right;}
.visual_ .list .ichiran_ .arrowLink.right_   { width: 49%; float: right;}
.visual_ .list .ichiran_ .arrowLink.right_ p { text-align: left;}
.visual_ .list .ichiran_ .arrowLink a        { width: 350px; margin: 40px 0 70px; line-height: 55px; text-align: center; background-position: 300px center;}
.visual_ .list .ichiran_ .arrowLink a:hover  { background-position: 290px center;}
@media screen and (min-width: 641px) { 
.section01 ul {width: 100%;display: flex !important;justify-content: space-between;flex-wrap: wrap;border: 1px solid #f5f5f5;border-right: 0;}
.section01 ul li {position: relative;display: inline-block;width: calc(33.33333333% - 1px);text-align: center;background: #fff;border-right: 1px solid #f5f5f5;font-weight: bold;cursor: pointer;border-bottom: 1px solid #f5f5f5;}
.section01 ul.mokuteki li {width: calc(16% - 1px);}
.section02 ul {display: flex !important;justify-content: space-between;flex-wrap: wrap;}
.section02 ul li {position: relative;float: none;width: 31%;margin-left: unset !important;background: #fff;margin-bottom: 20px !important;}}
@media screen and (max-width: 640px) { 
.sp_only { display:block;}
.section03 ul.check01 li:before { top: 0px; font-size: 13px;}
.section03 ul.check01 li { font-size: 11px;}

.gg ul.check01 li:before { top: 0px; font-size: 13px;}
.gg ul.check01 li { font-size: 11px;}

#header_sp .btnContact {height: 50px !important;}
#header_sp .drawer-menu li a {line-height: 1.4;}
.back201906 {margin-top: 52px;position: relative;}
.back201906 img {width: 100%;}
.back201906 a {position: absolute;width: 100%;bottom: 15%;text-align: center;left: 0;}
.back201906 a img {width: 22%;}
/*.case {padding: 15px;}*/
.case .img900_area h1 {font-weight: bold;font-size: 23px;line-height: 1.2;}
.case .img900_area .red-font {font-weight: bold;font-size: 23px;line-height: 1.2;}
.case .img900_area h1 span {text-align: center;display: block;font-size: 16px;font-weight: normal;}
.cta {width: 100%;margin: 0px auto 0;}
.cta a {font-size: 16px !important;padding: 15px !important;}
#news {background-color: #f5f5f5;text-align: center;}
#news h2 {width: auto;margin: 0 auto;text-align: center;color: #000;font-size: 20px;font-weight: bold;padding: 15px;border-bottom: 2px dotted #5fb700;margin: 0 !important;line-height: 1.4;}
#news h2 span {background: url(/cms/sp/img/common/ico_news.png) 0 6px no-repeat;background-size: 32px 32px;display: inline-block;padding: 10px 0 10px 40px;text-align: left;line-height: 1.4;}
#news p.lead {font-weight: bold;text-align: center;margin-top: 20px;font-size: 14px !important;line-height: 1.8;padding: 0 15px;}
.visual_ .list {margin: 0 auto;width: 100%;padding-top: 40px;background-color: #f5f5f5;}
.visual_ .list dl {border-top: 1px solid #e5e5e5;padding: 15px;text-align: left;border-bottom: 0;display: block;table-layout: inherit;font-size: 14px;line-height: 1.5;width: calc(100% - 30px);}
.visual_ .list dt {display: block;width: auto;margin: 0 0 10px;}
.visual_ .list dd {display: block;padding-left: 0;position: relative;}
.visual_ .list dd .new {position: absolute;top: -30px;left: 78px;}
.visual_ .list dd .seminar {position: absolute;top: -30px;left: 78px;}
.visual_ .list dd .web_seminar {position: absolute;top: -30px;left: 78px;}
.visual_ .list dd .news {position: absolute;top: -30px;left: 78px;}
.visual_ .list dd .press {position: absolute;top: -30px;left: 78px;}
.visual_ .list .ichiran_ {width: auto !important;margin: 0 auto;overflow: hidden;padding: 15px;}
.visual_ .list .ichiran_ .arrowLink.right_,.visual_ .list .ichiran_ .arrowLink.left_ {width: 100%;float: left;}
.visual_ .list .ichiran_ .arrowLink a {width: 100%;margin: 10px 0;line-height: 1;text-align: center;background-position: 300px center;font-size: 16px !important;padding: 15px 0 !important;}
.section-style {text-align: center;margin-top: 10px;padding: 15px !important;width: auto !important;}
.section-style h2 span {background-size: 32px 32px;line-height: 1.4;padding: 0 0 0 50px;}
.section-style p {font-weight: normal;font-size: 13px !important;line-height: 1.5;padding: 20px 10px 20px;height: auto !important;}
.section-style h2 span {background-size: 32px 32px !important;line-height: 1.4 !important;padding: 0 0 0 40px !important;min-height: 32px;text-align: left !important;background-position: left top !important;}
.title_lead p {width: auto !important;font-weight: bold !important;font-size: 14px !important;line-height: 1.5 !important;padding: 20px 10px 20px !important;height: auto !important}
.title_lead .section_img {float: none !important;width: 100% !important;line-height: 0;padding-top: 10px;text-align: center}
.section03 h2 span {background: url(/cms/images/index7/ico_ttl03.png) no-repeat left top;background-size: 32px 32px;line-height: 1.4;padding: 0 0 0 50px;}
.section01 h2.active, .section02 h2.active, .section03 h2.active, .section04 h2.active, .section05 h2.active, .section07 h2.active, .section08 h2.active {font-size: 20px !important;margin: 10px 0 10px 0;padding: 0 0 15px !important;}
.section01 h2, .section02 h2, .section03 h2, .section04 h2, .section05 h2, .section07 h2, .section08 h2 {position: relative;text-align: center;color: #000;font-size: 18px !important;font-weight: bold;padding: 0;border-bottom: 2px dotted #349173; background: url(/cms/images/index7/dot_white.png);transition: ease-in-out 1s;line-height: 1.4;    margin: 20px 0;}
.section03 p {font-weight: normal;font-size: 12px;line-height: 1.5;padding: 10px 10px 10px;height: auto !important;line-height: initial;}
ul.col3.style02 {margin: 0 !important;}
ul.col3.style02 {display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.col3.style02 li {width: calc(50% - 8px);margin-left: unset !important;margin-bottom: 15px !important;height: auto;}
ul.col3.style02 ul.check01 li {width: 100%;margin-left: unset !important;margin-bottom: 15px !important;}
.section03 ul li p span {display: none;}
.section01 {text-align: center;margin-top: 10px;padding: 15px !important;width: auto !important;}
.section01 h2 span {background: url(/cms/images/index7/ico_ttl03.png) no-repeat left top;background-size: 32px 32px;line-height: 1.4;padding: 0 0 0 50px;}
.section01 p {font-weight: bold;font-size: 12px;line-height: 1.5;padding: 20px 10px 20px;height: auto !important;}
.section01 ul {width: 100%;display: flex !important;justify-content: space-between;flex-wrap: wrap;border: 1px solid #f5f5f5;border-right: 0;}
.section01 ul li {position: relative;display: inline-block;width: calc(50% - 1px);text-align: center;background: #fff;border-right: 1px solid #f5f5f5;font-weight: bold;cursor: pointer;border-bottom: 1px solid #f5f5f5;}
.section01 p span {display: none !important;}
.section01 a .figure {position: relative;height: auto;overflow: hidden;display: block;width: 100%;}
.section01 a .figure .figimg {position: relative;float: left;display: block;width: auto;padding: 20px 20px 0 20px;}
.section02 {text-align: center;margin-top: 10px;padding: 15px !important;width: auto !important;}
.section02 h2 span {background: url(/cms/images/index7/ico_ttl02.png) no-repeat left top;background-size: 32px 32px;line-height: 1.4;padding: 0 0 0 50px;}
.section02 p {font-weight: normal;font-size: 14px;line-height: 1.5;padding: 20px 10px 20px;height: auto !important}
.section02 ul {margin: 0 !important;}
.section02 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.section02 ul li {width: calc(50% - 8px);margin-left: unset !important;margin-bottom: 15px !important;}
.section02 ul li p span {display: none;}
.section04 .stg_wrap {width: 100%;margin: 0 auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section04 .stg_wrap > div {width: calc(50% - 8px);margin-left: unset !important;margin-bottom: 15px !important;padding: 0 !important;border-top: 1px solid #5fb700;background: transparent;}
.ttl_stg {border-bottom: 1px solid #e5e5e5;font-weight: bold;font-size: 12px;padding: 5px 0;line-height: 1.4;}
.section04.section-style .stg_wrap p {font-weight: bold;padding: 10px;}
.section04.section-style .stg_wrap p span {font-size: 30px;color: #5fb700;}
.section04.section-style .stg_wrap .lead_animation03 p span,.section04.section-style .stg_wrap .lead_animation07 p span {display:block;}
.section04 .txt_stg {display: none;}
.section05 ul li p span {display: none !important;}
.section05 .cta a {padding: 16px 15px !important;}
.section08.section-style h2 {margin-bottom: 10px !important;}
.section08.section-style h2 span {line-height: 1.4 !important;background-size: 32px 32px !important;padding: 0 0 0 40px !important;background-position: left top !important;}
.section08 .container {justify-content: space-between;margin-bottom: 0 !important;}
.section08 .box {float: none !important;width: calc(50% - 8px) !important;margin: 0 0 15px 0 !important;}
.section08 .contents_title {position: relative;padding: 15px !important;width: auto !important;display: flex;align-items: center;}
.section08 .contents_title p {background: url(../img/icon_check02.png) left top no-repeat;width: auto;margin: 0 auto;line-height: 1.5 !important;text-align: left;font-weight: bold;display: inline-block;font-size: 14px !important;padding: 0 0 0 25px !important;}
.section08 .box .contents_text {font-size: 12px;line-height: 22px;padding:0 10px 20px;}
.section09.section-style {margin-bottom: 0 !important;}
.section09.section-style p {font-weight: normal !important;font-size: 12px !important;line-height: 1.5 !important;padding: 10px 10px 10px !important;height: auto !important;}
.section09.section-style h2 span {line-height: 1.4 !important;background-size: 32px 32px !important;padding: 0 0 0 50px !important;}
.section09.section-style h2 {font-size: 20px !important;padding: 0 0 15px !important;margin-bottom: 10px !important;}
.section09 .title_lead {width: auto !important;font-weight: bold !important;font-size: 14px !important;line-height: 1.5 !important;padding: 20px 10px 20px !important;height: auto !important;margin-bottom: 0 !important;}
.section09 ul.col3.style02 li {width: calc(50% - 8px) !important;margin-left: unset !important;margin: 0 0 15px 0 !important;}
.section09 .cta {width: 100% !important;margin: 0 auto;}
.section06 {padding: 15px;margin: 0;}
.section06 h2 {padding: 0 0 15px 0;}
.section06 h2 span {background-size: 32px 32px;font-size: 20px;line-height: 1.4;display: inline-block;padding: 10px 0 10px 40px;text-align: left;}
.section03 a .figure .figimg.wso { font-size: 14px;}
.section03 p.title_lead { text-align: left;}
}