@charset "utf-8";
/* -----------------------------------------------------
Flamelift Items
----------------------------------------------------- */

/* Refill Step
----------------------------------------------------- */
.refill_step .refill_step_num {font-size: 1.3em; font-weight: bold; padding: 0 30px;}
.refill_step .refill_step_fig {text-align: center;}
.refill_step .refill_step_fig img {max-width: 240px;}
.refill_step .refill_step_fig figcaption {text-align: left; padding: 15px 0;}
.refill_step .refill_step_arw {text-align: center;}
.refill_step .refill_step_arw img {transform: rotate(90deg)}
.refill_ant {padding: 20px 30px;}
.refill_ant ul li {list-style-type: disc; margin-left: 1em; font-size: 0.95em;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Media Querie
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 
SP */
		@media screen and (max-width:640px) {

		}
		/* 
		TB・PC */
		@media screen and (min-width:900px) {
/* Refill Step
----------------------------------------------------- */
.refill_step ul {display: -webkit-box; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.refill_step ul li {width: 33.3%;}
.refill_step ul li.refill_step_arw {display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 20px; padding: 0 15px;}
.refill_step .refill_step_arw img {transform: rotate(0deg); width: 100%; height: auto;}
.refill_step .refill_step_num {font-size: 1.2em; padding: 0;}
.refill_step .refill_step_fig {margin: 0;}
.refill_step .refill_step_fig img {width: 160px;}
.refill_step .refill_step_fig figcaption,
.refill_ant ul li {font-size:0.9em;}
.refill_ant {padding: 20px 0;}
		}
		/* 
		TB*/
		@media screen and (min-width:641px) and (max-width:1024px) {

		}
		/* 
		PC */
		@media screen and (min-width:1025px) {

		}