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

 file name  :about.css
 style info :「空き家」問題とは？

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

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

	overwrite

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


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

#main .lead {
	text-align:center;
	position:relative;
	z-index:20;
}
#main .lead h3 {
	margin:0 0 62px;
}
#main .lead .txt {
	margin:0 0 1.8em;
	padding:0 42px;
}
#main .lead .txt + p {
	margin:0 0 106px;
}

#main .sec01 {
	margin:-130px 0 113px;
}
#main .sec01 .ttl-wrap {
	height:266px;
	position:relative;
	z-index:1;
	text-align:center;
	background:#0070b8 url(../images/about/bg_shape.png) no-repeat 50% 0;
}
#main .sec01 .ttl-wrap h4 {
	padding:110px 0 0;
}
#main .sec01 .bg01 {
	margin:0 0 150px;
	padding:0 0 106px;
	background:#f4f4f4;
	position:relative;
}
#main .sec01 .bg01 .risk {
	margin:-30px 0 50px;
	position:relative;
	z-index:10;
}
#main .sec01 .bg01 .risk li {
	width:228px;
	height:300px;
	float:left;
	padding:26px 3px 3px;
	margin-left:18px;
	position:relative;
	border:solid 1px #e8e8e8;
	background:#fff;
}
#main .sec01 .bg01 .risk li:first-child {
	margin-left:0;
}
#main .sec01 .bg01 .risk li h5 {
	margin:0 0 20px;
	font-size:233%;
	text-align:center;
}
#main .sec01 .bg01 .risk li p {
	padding:0 16px;
	font-size:134%;
}
#main .sec01 .bg01 .risk li figure {
	position:absolute;
	bottom:3px;
}
#main .sec01 .bg01 .note {
	width:865px;
	margin:0 auto 14px;
	padding:16px 0;
	font-size:183%;
	font-weight:bold;
	text-align:center;
	color:#d60000;
	border:solid 1px #ecaaaa;
	background:#fff;
}
#main .sec01 .bg01 .fw {
	font-weight:bold;
	text-align:center;
}
#main .sec01 .bg01 .img-txt {
	width:1000px;;
	position:absolute;
	bottom:-125px;
	text-align:center;
}

#main .sec01 .bg02 {
	margin:0 0 43px;
	padding:50px 0;
	background:#e5f3fa;
}
#main .sec01 .bg02 .sec-inner {
	width:870px;
}
#main .sec01 .bg02 dl {
	margin:0 0 24px;
	border-bottom:dashed 1px #a9aeb2;
}
#main .sec01 .bg02 dl dt {
	font-size:166%;
	font-weight:bold;
	color:#d82424;
}
#main .sec01 .bg02 dl dd {
	margin:0 0 20px;
	font-size:134%;
}
#main .sec01 .btn-consultation {
	text-align:center;
}


#main .sec02 {
	width:888px;
	padding:63px 56px 54px;
	margin:0 auto 98px;
	border:solid 1px #e1e1e1;
	background:url(../images/about/bg_pattern.png) no-repeat 50% 3px;
}
#main .sec02 h3 {
	margin:0 0 60px;
	text-align:center;
}
#main .sec02 h3 + p {
	margin:0 0 70px;
	text-align:center;
}
#main .target {
	margin:0 0 45px;
	padding:40px 99px;
	background:#f6f6f6;
}
#main .target h4 {
	margin:0 0 38px;
	text-align:center;
}
#main .target ol {
	margin:0 0 40px;
}
#main .target ol li {
	padding:15px 0 14px;
	font-size:150%;
	border-bottom:dashed 1px #aeaeae;
}
#main .target ol li img {
	margin-right:10px;
}
#main .target p {
	margin:0 0 0 -48px;
	font-size:117%;
	color:#d60000;
}
#main .sec02 h4 {
	font-size:166%;
}
#main .txt {
	margin:0 0 26px;
}