@charset "utf-8";
/* ===================================================================

 file name  :method.css
 style info :家の活用方法

=================================================================== */

/* =============================

	overwrite

=============================== */
#main {
	padding:25px 0 0;
}


/* =================================== */
#main .sec-inner {
	width:1000px;
	margin:0 auto;
}

#main .snav {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:10;
}
#main .snav li {
	width:236px;
	float:left;
	margin-left:18px;
}
#main .snav li:first-child {
	margin-left:0;
}

#main .lead {
	text-align:center;
}
#main .lead h3 {
	margin:0 0 35px;
}
#main .lead .txt {
	margin:0 0 56px;
	font-size:150%;
}
#main .lead .flow {
	margin:95px 0 130px;
	height:327px;
	background:url(../images/method/bg_flow.jpg) no-repeat 50% 0;
}
#main .lead .flow h4 {
	padding:46px 0 36px;
}
#main .lead .flow .flow-list {
	width:980px;
	margin:0 auto;
}
#main .lead .flow .flow-list li {
	width:168px;
	float:left;
	margin-left:35px;
	position:relative;
}
#main .lead .flow .flow-list li:first-child {
	margin-left:0;
}
#main .lead .flow .flow-list li:before {
	content:url(../images/method/ico_aroow.png);
	position:absolute;
	top:74px;
	left:-23px;
}
#main .lead .flow .flow-list li:first-child:before {
	content:none;
}

#main .section {
	margin:-20px 0 130px;
	padding-top:73px;
	background:url(../images/method/bg_sec.png) repeat-x;
}
#main .section .sec-inner {
	position:relative;
}
#main .section h4 {
	margin:0 0 60px;
}
#main .section ul li,
#main .sec04 dl {
	width:544px;
	margin:27px 0 0;
	padding:19px 24px 30px;
	background:#eee;
}
#main .section ul li:first-child {
	margin:0;
}
#main .section ul li dl dt,
#main .sec04 dl dt {
	margin:0 0 17px;
	padding:0 0 0 6px;
	font-size:200%;
	font-weight:bold;
	line-height:1.3;
	border-left:solid 5px;
}
#main .section ul li dl dd,
#main .sec04 dl dd {
	font-size:134%;
	line-height:1.5;
	text-indent:-1em;
	margin:0 0 8px;
	padding-left:1em;
}
#main .section .img {
	position:absolute;
	left:592px;
}

#main .sec01 ul li {background:#edfdfb;}
#main .sec01 ul li dl dt {color:#00b8a0;}
#main .sec02 ul li {background:#fcf7eb; width:632px;}
#main .sec02 ul li dl dt {color:#e7ab1c;}
#main .sec03 ul li {background:#ebf7fe;}
#main .sec03 ul li dl dt {color:#01619f;}
#main .sec04 dl {background:#f0fbe9;}
#main .sec04 dl dt {color:#409f01;}

#main .sec01 .img {top:158px;}
#main .sec02 .img {top:233px; left:680px;}
#main .sec03 .img {top:209px;}
#main .sec04 .img {top:9px;}

#main .btn-form {
	padding:90px 0 134px;
	text-align:center;
}

#main .section .note {
	line-height:1.4;
}
#main .section .note small {
	font-size:84%;
}
#main .sec02 ul li dl dt {
	margin-right:-20px;
}
#main .sec02 ul li dl dd img {
	margin:0 0 10px;
}
#main .sec04 {
	margin-bottom:0;
}
#main .sec04 dl dd span {
	font-size:67%;
}