/*==================================
		flow / index
==================================*/
/*========== body ==========*/
body {
	background: url(../../img/flow/flow.jpg) no-repeat center 0;
	background-size: contain;	
}

/*========== mainWrap ==========*/
#flow01 .btnIconLink {
	display: inline-block;
	margin: 0.5rem 0 0 0;
}

#flow01 .btnIconLink:nth-of-type(1) {
	font-size: 175%;
	margin: 0 1.5rem 0 0;
}

#flow01 dt {
	font-weight: bold;
	font-size: 135%;
}

#flow01 dt span {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0.5rem 0 0;
	padding: 0.25em 0;
	background: #ffffff;
	border-radius: 50%;
	font-size: 150%;
	text-align: center;
	vertical-align: middle;
}

#flow01 dd {
	margin: 0 0 0 1.5em;
	padding: 0 0 2.0rem 1.75em;
	line-height: 1.6;
}



@media screen and (max-width: 480px){
#flow01 .btnIconLink:nth-of-type(1) {
	margin: 0.5rem 0 0 0;
	font-size: 150%;
}

#flow01 .btnIconLink a {
	letter-spacing: 0 !important;
	white-space: nowrap;
}

#flow01 .btnIconLink:nth-of-type(2) {
	margin: 0.5rem 0 0 0;
	font-size: 90%;
}
}



/*= ver.purple =*/
.purple #flow01 dt,
.purple #flow01 dt span {
	color: #ae1c87;
}

.purple #flow01 dd:not(:last-child) {
	border-left: 2px dotted #ae1c87;
}