@charset "UTF-8";


/* ttl02 ------------------------------------------------------------------------------*/
#triangle .ttl02 {
	background-color: #f2f6fb;
}




/*------------------------------------------------------------------------------
ご存知ですか？『三角形の保険の仕組み』
------------------------------------------------------------------------------*/
#triangle {
	margin: 30px 0px 0px;
	padding: 0px;
}

#triangle .block01 {
	margin: 20px 0 0 0;
}

#triangle .lead01 {
	margin: 15px 0px 0px;
}


#triangle .need-block .image01 {
	width: 100%;
	max-width: 640px;
	margin: 20px auto;
}
#triangle .need-block .image01-2 {
	width: 100%;
	max-width: 680px;
	margin: 20px auto;
}
#triangle .need-block .image01 img,
#triangle .need-block .image01-2 img{
	width: 100%;
	height: auto;
}
#triangle .need-block .image02 {
	width: 100%;
	max-width: 635px;
	margin: 10px auto;
}
#triangle .need-block .image02 img {
	width: 100%;
	height: auto;
}

#triangle .need-block .image04 {
	width: 100%;
	max-width: 640px;
	margin: 10px auto;
}
#triangle .need-block .image04 img {
	width: 100%;
	height: auto;
}


#triangle .need-block .lead02 {
	margin: 10px 0px 0px 0;
	padding: 0px;
}


#triangle .need-block .image03 {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#triangle .need-block .image03 img {
	width: 100%;
	height: auto;
}
#triangle .need-block .triimg02 {
	float: left;
	width: 51.428571428571428571428571428571%;	/* 360/700*100 */
}
#triangle .need-block .triimg02 .lead03 {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.3;
}

#triangle .need-block .lead07 {
	margin: 2px 0px 8px 0;
	padding: 0px;
	text-indent: -10px;
}