@charset "UTF-8";

/* =============================================
sp-size 
================================================*/

.electro .intro-words span{font-weight: 600;background: #fdffd5;}
.electro .features ul li p span{font-weight: 600;background: #fdffd5;}
.electro .comparison th{width: 100%;padding: 2vw;background: none;border-bottom: 1px solid #ececec;    border-right: 1px solid #ececec;vertical-align: middle;}
.electro .comparison table{width: 100%;margin-bottom: 12vw;border: solid 1px #ececec;line-height: 1.4;}
.electro .comparison tr:nth-child(2){background: var(--green01);}
.electro .comparison thead th{color: #fff;}
.electro .comparison td{text-align: center;border-right: 1px solid #ececec;width: 34vw;padding: 4vw;}

.electro .comparison .table02 th{background: var(--green01);width: 28%;}
.electro .comparison .table02 tr:first-child{font-weight: 600;background:var(--green02);color:#fff;}
.electro .comparison .table02 tr:nth-child(2){background: #fff;}
.electro .comparison .table02 td{border-bottom: 1px solid #ececec;}

.electro .notice{margin-bottom: 10vw;}
.electro .hikaku-title{text-align: center;color:var(--green02);font-size: 4.8vw;font-weight: 600;}
.electro .flow ul span{width: 12%;margin-right: 4%;}
.electro .flow ul p{width: 84%;}

.electro .flow{margin-bottom:16vw;border-bottom:1px solid #e6e6e6;padding:0 0 12vw 0;}
.electro .flow img{margin-bottom: 8%;}
.electro .flow .title{color: var(--green02);font-size: 9vw;font-family: "Lato";font-weight: 400;}
.electro .flow .title span{display:inline-block;font-size:3.5vw;color:#000;margin-left:3vw;}
.electro .flow li{border:1px solid #ccc;margin-bottom:4%;padding-bottom:3%;padding: 3%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: start;align-items: center;position:relative;}
.electro .flow li:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid #c7e7e0;}
.electro .flow li:nth-last-child(1):before{content:none;} 
.electro .flow li span{background:var(--green02);width:10%;text-align:center;color:#fff;font-family: "Lato";font-weight: 400;margin-right: 2%;padding: 1%;border-radius: 30px;}
.electro .flow li p{margin-bottom:0;line-height: 1.4;}



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.electro .comparison th{width: 40%; padding: 10px}
.electro .comparison td{width: 15%;padding: 16px;}

.electro .comparison-items{margin-bottom: 30px;}
.electro .comparison-items li{margin-bottom: 0;}
.electro .comparison-items li img{width: 28%;}
.electro .comparison-items li .text{width: 40%;}
.electro .comparison table{margin-bottom: 60px;}
.electro .hikaku-title{font-size: 20px;}

.electro .comparison .table02{margin-bottom: 60px;}
.electro .comparison .table02 th{width: 8%;}
	
.electro .notice{margin-bottom:80px;}
	
.attention-set{margin-bottom: 180px;}
	
	
.electro .flow{padding-bottom:80px;margin-bottom:80px;}
.electro .flow img{margin-bottom:50px;}
.electro .flow .title{font-size: 50px;}
.electro .flow .title span{font-size:18px;margin-left: 20px;}
.electro .flow li{padding: 10px 15px;margin-bottom: 23px;}
.electro .flow li span{width:50px;padding:2px;}
}

@media screen and (min-width: 1000px) {
	
.electro .intro{margin-bottom:40px;}
.electro .intro .inner{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;align-items:start;}
.electro .intro img{width:40%;}
.electro .intro .textbox{width:55%;}
.electro .features{padding-bottom:90px;}
.electro .features ul{justify-content: center;}
.electro .features li{width: 31.5%;margin: 0 6px 12px;}
.electro .electro .ba-item{padding:0;margin-bottom:200px;}
.price th, .price td{padding:15px;}
.electro .flow {position:relative;padding-bottom: 100px;margin-bottom: 120px;}
.electro .flow:after{content:"";width: 800px;height: 560px;background:url(../../images/menu/bg01.png);background-size: contain;position:absolute;top: -170px;right: -110px;}
.electro .flow img{position:absolute;width: 950px;top: -100px;}
.electro .flow .textbox{width: 900px;margin:0 0 0 auto;background:#fff;position:relative;padding: 70px 0 0 70px;z-index: 2;min-height:430px;}
.electro .flow ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
.electro .flow li{width:49%;}
.electro .flow li:before{transform:rotate(-90deg);top: 15px;left: inherit;right: -21px;border: 10px solid transparent;border-top: 10px solid #c7e7e0;}
.electro .flow li:nth-child(even):before{content:none;}

}