@charset "utf-8";
/*　新バージョン　キューテック集中トリートメント用CSS　*/

@import "component.css";
@import "howto.css";
@import "tech.css";
@import "lineup.css";


#howto{
	margin:30px auto;
}





/*
中身
------------------------------------------------------------------------------------*/
#howto{
	max-width:1150px;
	width:90%;
	margin:auto;
	counter-reset:number;
}


#howto .box{
	width:28%;
	display:inline-block;
    margin: 0 2% 30px 0;
	counter-increment:number;
	vertical-align:top;
}

#howto .box:before{
	content:counter(number);
	font-size:26px;
	font-weight:700;
	font-family: 'Poppins', sans-serif;
	margin-bottom:15px;
}


#howto .box dt{
	font-size:17px;
/*	margin:20px 0;*/
margin-bottom:20px;
	font-weight:bold;

}



#howto .box dt:first-child{
			font-family: 'Poppins', sans-serif;
			margin:20px 0 0 0 !important;

}

#howto .box dd{
	text-align:left;
	font-size:14px;
}







#cut #howto .box{
	width:45%;
	display:inline-block;
    margin: 0 2% 30px 0;
	counter-increment:none;
	vertical-align:top;
}

#cut #howto .box:before{
	content:none;

}
#cut #howto p{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

#cut #howto p span{
	font-family: 'Poppins', sans-serif;
	margin:0px 20px 0 0 !important;

}



#cut #howto .box dl{
	width:90%;
	margin:20px auto;
}






@media only screen and (max-width: 1024px) { 
#howto .box{
	width:45%;
	max-width:327px;
}
}

@media only screen and (max-width: 640px) { 
#howto .box{
	width:90%;
	max-width:327px;
	margin:0 auto 50px;
}



#cut #howto .box{
	width:90%;
	display:block;
    margin: 0 auto 30px auto;
}


#cut #howto p{
	font-size:15px;
}


#cut #howto p span{
	margin:0px 0px 0 0 !important;

}



}