@charset "utf-8";

@media only screen and (min-width:1080px){ /* ********************************* */
body{background-image:url(../img/common/bg_photo.jpg);}
/* *************************************************************************** */}

div.contentsBox{
	line-height:1.5;
}

ul.flowList{
	counter-reset: number;
}

ul.flowList li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:1em;
}

ul.flowList li:before{
	counter-increment: number;
	content:"STEP"counter(number);
	display:inline;
	width:100%;
	color:#fff;
	padding:2px .5em;
	text-align:center;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-color: #f62b2b;
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);
	border-radius:5px;
}

ul.flowList li span{
	color:#ff6600;
}

ul.flowList li span.flowAtt{
	color:inherit;
	display:block;
	padding-left:1em;
	text-indent:-1em;
}

@media only screen and (min-width:640px){ /* ********************************* */
div.contentsBox{
	line-height:2;
}
/* *************************************************************************** */}