@charset "utf-8";


body {
    /*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
}
.main * {
    font-family: "メイリオ",Meiryo,Tahoma,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size  : 18px;
    color      : #000;
    line-height: 1.5;
}
#contents {
    width: 100%;
	background: #fff;
}
.h1_section {
	width: 950px;
	margin: 0 auto 10px;
}
.ui-wrap {
    width: 950px;
    margin: auto;
}
.chinkei__headline {
	margin: 32px 0 50px;
}

/*-------------------------------------------------------------------------
メインビュー
-------------------------------------------------------------------------*/

.faq {
	margin: 0 0 50px;
	padding: 0 0 25px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
[data-faq="1"]{ background-image: url("../images/icn_a1.png");}
[data-faq="2"]{ background-image: url("../images/icn_a2.png");}
[data-faq="3"]{ background-image: url("../images/icn_a3.png");}
[data-faq="4"]{ background-image: url("../images/icn_a4.png");}

	.faq__headline {
		margin: 0 0 30px;
	}
	.faq-inner {
		padding: 0 0 0 48px;
	}
		.faq__text:not(:last-child) {
			margin: 0 0 25px;
		}
			.faq__text span,
			.faq-list__point {
				font-weight: bold;
				color: #c92500;
			}
		.faq-list:not(:last-child) {
			margin: 0 0 26px;
		}
			.faq-list li {
				counter-increment: num;
				text-indent: -1.8em;
				margin: 0 0 0 1.8em;
			}
			.faq-list li:not(:last-child){
				margin-bottom: 25px;
			}
			[data-list-type="short"] li:not(:last-child) {
				margin-bottom: 8px;
			}
			.faq-list li:before {
				content: counter(num);
				background-color: #000;
				border-radius: 50px;
				box-sizing: border-box;
				width: 26px;
				height: 26px;
				line-height: 28px;
				text-align: right;
				font-size: 25px;
				color    : #fff;
				display: inline-block;
				margin: 0 9px 0 0;
				padding: 0 5px 0 0;
				vertical-align: -1px;
			}
				.faq-list__samll {
					font-size: 14px;
				}

/*-------------------------------------------------------------------------
成功の鍵とは？
-------------------------------------------------------------------------*/

.key {
	background-color: #4a84ff;
	margin: 125px 0 50px;
	padding: 50px 20px 20px;
	position: relative;
}
.key:after {
	content: url("../images/img_key.png");
	position: absolute;
	top     : 316px;
	right   : -5px;
}
	.key__headline {
		text-align: center;
		position: relative;
		top     : -125px;
		margin: 0 0 -116px;
	}
	.key-inner {
		background-color: #fff;
		border-radius: 10px;
		padding: 25px 20px;
	}
		.key__text:not(:last-of-type){
			margin: 0 0 30px;
		}
			.key__text span {
				display: block;
				font-size  : 23px;
				font-weight: bold;
				color      : #4a84ff;
			}

/*-------------------------------------------------------------------------
土地活用リサーチマップ
-------------------------------------------------------------------------*/
.research{
    margin-bottom: 40px;
}

    .searchmap{
    	text-align: center;
    	margin-bottom: 5px;
    }

    .search_menu{
    	width: 923px;
    	margin: 0 auto;
    }

    .search_menu li{
        float: left;
        margin-left: 37px;
    }
    .search_menu li:first-child{
        margin: 0;
    }

    .search_menu li a:hover{
    	opacity: 0.8;
    }

/*-------------------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------------------*/

.contactUs {
	margin: 50px 0 70px;
}
	.contactUs__headline {
		height: 53px;
		line-height: 53px;
		text-align: center;
		font-size  : 30px;
		font-weight: bold;
		color      : #fff;
		background-color: #11a73c;
		margin: 0 0 20px;
	}
		.contactUs__headline span {
			font-size: inherit;
			color    : #f6ff00;
		}
	.contactUs-btn {
		text-align: center;
	}
		.contactUs-btn li:first-child {
			margin: 0 0 36px;
		}
		.contactUs-btn__tel {
			height: 186px;
			background: url("../images/bg_tel.png") no-repeat 0 0;
			box-sizing: border-box;
			text-align: left;
			font-size  : 62px;
			font-weight: bold;
			color      : #11a73c;
			padding: 94px 0 0 284px;
			letter-spacing: -3px;
		}
			.contactUs-btn a:hover {
				opacity: .7;
			}
        .contactUs__bt-list {
            margin-top: 20px;
        }
        .contactUs__bt-list li {
            float: left;
        }
        .contactUs__bt-list li a:hover {
            opacity: .7;
        }
        .contactUs__bt-item--1 {
            margin: 0 20px 20px 0;
        }
        .contactUs__bt-item--2 {
            margin: 0 0 20px 0;
        }