@charset "UTF-8";

/* machine
----------------------------------------------- */

.machine-items >li{margin-bottom: 10vw;padding-bottom: 10vw;;border-bottom: 1px dashed #ccc;}
.machine-items >li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.machine-items li img{width: 70%;margin: 0 auto 5vw;}

.machine-items li .name{margin-bottom: 4vw;padding:0 0 4vw 8vw;border-bottom: 1px solid #ccc;line-height: 1;font-size: 7vw;position: relative;}
.machine-items li .name::before{content: ""; width: 4vw; height: 4vw;background:var(--green02);position: absolute;z-index: -1;left: 6px;top:5px;}
.machine-items li .lead{font-size: 130%;font-weight: 600;line-height: 1.4;}

.treatment{background: var(--green01);padding: 6%;border-radius:10px;}
.treatment .ttl{margin-bottom: 3vw; padding: 1vw 0 2vw 3vw;border-bottom: 1px dotted #ccc; font-weight: 600;border-left: 5px solid var(--green02);}

.treatment li{border-bottom:1px dashed #ccc;margin: 0 0 2vw;}
.treatment li a{padding: 2vw;position: relative;width: 100%;}
.treatment li a::after{content: '\f105';font-family: 'icon';position:absolute;right: 0;}




/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
	
.machine-items >li{margin-bottom:80px;padding-bottom:80px}

.machine-items li{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: flex-start;}
.machine-items li img{max-width:320px;margin-bottom: 0;}
.machine-items li .text{width: 100%;}

.machine-items li .name{margin-bottom: 15px;padding: 0 0 15px 45px;font-size: 30px;}
.machine-items li .name::before{width: 30px;height: 30px;left: 6px;top: 0;}
.machine-items li .lead{margin-bottom: 15px;}
	
	
.treatment{padding:20px;}
.treatment .ttl{margin-bottom: 10px;padding: 5px 0 5px 10px;}
	
.treatment ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.treatment li{width: 48%;margin: 0 0 15px;}
.treatment li a{padding: 10px;}
	
	
	
	
	
@media screen and (min-width: 1000px) { 

.machine-items li .text{width:60%}
	
}
	
	
@media screen and (min-width: 1200px) { 
	
.machine-items li .text{width:65%}
	
	
}
	

}