@charset "utf-8";
/**
 * style.css
 */

/* index
--------------------------------------------------*/
/* layout */
#pageImageBg {
	background: url(../imgs/bg-pagetitle02.jpg) repeat left top;
}
#pageImage {
	background: url(../imgs/bg-pagetitle.jpg) no-repeat right top;
}

.colorTitle {
	color: #b8584b;
	font-size: 18px;
	font-weight: 600;
}

/* area02 */
#area02 .title01 {
	margin-bottom: 40px;
}
#area02 .flowBox {
	position: relative;
}
#area02 .flowBox + .flowBox {
	padding-top: 60px;
}
#area02 .flowBox + .flowBox:before {
	position: absolute;
	top: -29px;
	left: 89px;
	display: block;
	content: '';
	width: 40px;
	height: 106px;
	background: url(../imgs/arw-01.png) no-repeat left top;
}
#area02 .flowBox + .flowBox.arw02:before {
	left: 62px;
	background: url(../imgs/arw-02.png) no-repeat left top;
}
#area02 .flowBox .image {
	float: left;
	width: 200px;
}
#area02 .flowBox .text {
	margin-left: 225px;
}
#area02 .flowBox .text .stepRibbon {
	margin-bottom: 10px;
}
#area02 .flowBox .text .stepTtl {
	margin-bottom: 7px;
	color: #3d1614;
	font-size: 20px;
	font-weight: 600;
}
#area02 .flowBox .text .caption {
	font-size: 12px;
}