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

TAKTシステム説明

-----------------------------------------------------------------------------------*/



p{
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 2em;
}
@media screen and (max-width: 750px) {
	p{
		line-height: 6.4vw;
	}
	
	br.none{
		display:none;
	}
	
	.modules h2.heading + p{
		text-align: left;
	}
}

#wrap.page .modules h2.heading + p{
	margin-bottom: 0.8em;
}
@media screen and (max-width: 750px) {
	#wrap.page .modules h2.heading + p {
		margin-bottom: 0.5em;
	}
	#wrap.page .modules h2.heading + p:after{
		margin: 8vw auto 0;
	}
	
	#wrap.page .modules .wrapper{
		margin-bottom: 6.66vw;
	}
}
/*header----------------------------------------------------------*/
#wrap.page .header{
	height:100px;
	border-bottom:1px solid #ccc;
	background-color: #fff;

}
#wrap.page .header > h1{
	position: static;
	width: 157px;
	padding-top:32px;
}
#wrap.page .header h1 a {
	display: block;
}
@media screen and (max-width: 750px) {
	#wrap.page .header{
		height: 62px;
	}
	
	#wrap.page .header > h1{
		width: 180px;
		padding-top:15px;
	}
}

/*TAKTの強み TAKTシステム----------------------------------------------------------*/

@media screen and (max-width: 750px) {
	#taktStrength > h2.heading {
		font-size: 6.4vw;
		padding: 1em 0 .2em;
	}
	#taktStrength p{
		text-align: left;
	}
	#taktStrength em img{
		width:34.66vw;
	}
}

/*物件数大幅アップ-----------------------------------------------------------------*/
#ohabaup{
	background-color:#eaf1fc;
}

#ohabaup .wrapper{
	padding-top: 50px;
	padding-bottom:50px;
}

#ohabaup h2{
	color: #2c6fd3;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 1em;
}

#ohabaup .image + p{
	margin-top: 50px;
}

@media screen and (max-width: 750px) {
	#ohabaup .wrapper{
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	#ohabaup h2{
		font-size: 5.3vw;
	}
	
	#ohabaup p{
		font-size: 3.9vw;
	}
	#ohabaup .image + p{
		margin-top: 8vw;
	}
}

/*会員限定物件で顧客を取得------------------------------------------------------*/
#shutoku img{
	width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 750px) {
	#shutoku .wrapper {
		padding-bottom: 4vw;
	}
	#shutoku img{
		width: 100%;
	}
}

/*ポータルサイトと自社ホームページのお客様を自動追客--------------------------------------------------*/
#tsuikyaku{
	background-color:#eaf1fc;
}

#tsuikyaku .wrapper{
	padding-top: 50px;
	padding-bottom:50px;
}
#tsuikyaku h2{
	color: #2c6fd3;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 1em;
}
#tsuikyaku h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	background: url(/consulting/img/system/futo.png) no-repeat left top;
	background-size: auto 28px;
	margin-bottom: 1.2em;
	padding-left: 50px;
	margin-top: 30px;
}

#tsuikyaku #match h3 {
	margin-top: 0;
}

#tsuikyaku #besttiming{
	display:flex;
	}
#tsuikyaku #besttiming .image {
	margin-left:40px;
	}
@media screen and (max-width: 750px) {
	#tsuikyaku .wrapper{
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	#tsuikyaku h2{
		font-size: 5.3vw;
		text-align: left;
	}
	#tsuikyaku .cols_2 h3{
		margin-top:0;
	}
	#tsuikyaku h3 {
		font-size: 4.8vw;
		font-weight: bold;
		margin-bottom: 1em;
		padding-left: 9.33vw;
		background: url(/consulting/img/system/futo.png) no-repeat left top;
		background-size: auto 5.33vw;
		margin-bottom: 1em;
		padding-left: 10.66vw;
		line-height: 5.86vw;
	}
	#tsuikyaku #besttiming{
		flex-direction: column;
	}
	#tsuikyaku #besttiming .image {
	margin-left:0;
	}

}
/*営業スタッフによる手動追客もバックアップします------------------------------------------------------*/
#backup h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1.2em;
	padding-left: 50px;
}
#backup h3:not(:first-of-type){
	margin-top: 70px;
}

#backup h3:nth-of-type(1){
	background: url(/consulting/img/system/fuairu.png) no-repeat left top;
	background-size: auto 36px;
	line-height: 40px;
}
#backup h3:nth-of-type(2){
	background: url(/consulting/img/system/amadare.png) no-repeat left top;
	background-size: auto 36px;
	line-height: 40px;
}
#backup h3:nth-of-type(3){
	background: url(/consulting/img/system/rireki.png) no-repeat left top;	
	background-size: auto 38px;
	line-height: 46px;
}
#backup img{
	width: auto;
	margin: 0 auto;
}

#backup .akawaku{
	border: 1px solid #d9534f;
	padding: 20px;
	width: 1070px;
	margin: 20px;
}

@media screen and (max-width: 750px) {
	#backup h2 {
		text-align:left;
	}
	#backup h3 {
		font-size: 4.8vw;
		font-weight: bold;
		margin-bottom: 1em;
		padding-left: 9.33vw;
	}
	#backup h3:nth-of-type(1){
		background: url(/consulting/img/system/fuairu.png) no-repeat left top;

		background-size: auto 6.93vw;
		line-height: 8vw;
	}
	#backup h3:nth-of-type(2) {
		background: url(/consulting/img/system/amadare.png) no-repeat left top;
		background-size: auto 6.4vw;
		line-height: 6.93vw;
	}
	#backup h3:nth-of-type(3){
		background: url(/consulting/img/system/rireki.png) no-repeat left top;
		background-size: auto 8vw;
		line-height: 9.06vw;
	}
	#backup img{
		width:100%;
	}
	#backup .akawaku{
		width:100%;
		margin: 5.33vw 0 10.66vw;
		padding: 4vw;
	}
	#backup h3:not(:first-of-type){
		margin-top: 2em;
	}
	#backup p{
		padding-bottom: 1.2em;
	}
}