/* ご利用までの流れ */

@media screen and (min-width: 641px){

#kum_flo {
	width: 80%;
	font-size: 16px;
	line-height: 200%;
	margin: 100px auto 25px auto;
	overflow: hidden;
	box-sizing: border-box;
	}

#kum_flo li {
	width: 100%;
	margin: 0px 0px 75px 0px;
	position: relative;
	}

#kum_flo li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	border-color: #DF828A transparent transparent transparent;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	bottom: -45px;
	}

#kum_flo li:last-child:before {
	display: none;
	}

#kum_flo h3 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#kum_flo h3 span {
	font-size: 24px;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	}

#kum_flo p {
	margin: 20px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

}

@media screen and (max-width: 640px){

#kum_flo {
	width: 90%;
	line-height: 200%;
	margin: 50px auto 0px auto;
	overflow: hidden;
	box-sizing: border-box;
	}

#kum_flo li {
	width: 100%;
	margin: 0px 0px 55px 0px;
	position: relative;
	}

#kum_flo li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	border-color: #DF828A transparent transparent transparent;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	bottom: -35px;
	}

#kum_flo li:last-child:before {
	display: none;
	}

#kum_flo h3 {
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#kum_flo h3 span {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	}

#kum_flo p {
	margin: 10px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

}


