@charset "UTF-8";
/*------------------------------------------------------------------------------
indexページ設定
------------------------------------------------------------------------------*/
.index-navi,
.index-navi02 {margin-top: 20px;}
.index-navi h2,
.index-navi02 h2{text-align: center;font-size: 2rem;line-height: 1.2;}
.index-navi02 h2{line-height: 1.4;}
.index-navi h2 span,
.index-navi02 h2 span{font-size: 1.6rem;}
.index-navi li:nth-child(n+3),
.index-navi02 li:nth-child(n+3){margin-top: 15px;}
.property .index-navi li:nth-child(n+2),
.property .index-navi02 li:nth-child(n+2),
.contact_res .index-navi li:nth-child(n+2),
.contact_res .index-navi02 li:nth-child(n+2),
.contact-index .index-navi li:nth-child(n+2){margin-top: 15px;}
.ranking .index-navi li:nth-child(n+3){margin-top:0;}
.ranking .index-navi li:nth-child(n+4){margin-top:15px;}

.index-navi p,
.index-navi02 p{margin-top: 5px;font-size: 1.4rem;}
.index-navi02 p{margin: 12px 0;font-size: 1.4rem;}
.index-navi a{
	display: block;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 10px;
	line-height: 1.3;
	padding: 75px 20px 15px;
	text-decoration: none;
	color: #333;
	box-shadow: 0px 2px 0px 0px #ced1d5;
	-moz-box-shadow: 0px 2px 0px 0px #ced1d5;
	-webkit-box-shadow: 0px 2px 0px 0px #ced1d5;
	transition: all .3s;
	-webkit-font-smoothing: antialiased;
}
.index-navi02 .nav-senyo{
  display: block;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 10px;
	line-height: 1.3;
	padding: 75px 20px 15px;
	text-decoration: none;
	color: #333;
}
.contact-index .index-navi h2{font-size: 1.8rem; text-align: left;color: #c1272d;}
.contact_res .index-navi02 .nav-senyo h2{ text-align: left;}
.contact-index .index-navi a{padding: 20px 10px;}

.ranking .index-navi a{padding-left: 10px; padding-right: 10px;}

.index-navi li a::before {
	content: "";
	position: absolute;
	background-size: 50px 50px;
	background-position: top center;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 15px;
	left: 50%;
	margin-left: -25px;
}
.index-navi li a:hover {opacity: 0.6;}
/*物件から選ぶ*/
.index-navi .nav-senyo::before{background-image: url(/img/icon/ico_senyo.svg);}
.index-navi .nav-owner::before{background-image: url(/img/icon/ico_owner.svg);}
.index-navi .nav-kumiai::before{background-image: url(/img/icon/ico_kumiai.svg);}
.index-navi .nav-ippan::before{background-image: url(/img/icon/ico_ippan_own.svg);}
.index-navi .nav-chintai::before{background-image: url(/img/icon/ico_chintai.svg);}
.index-navi02 .nav-senyo::before{background-image: url(/img/icon/ico_senyo.svg);}
.index-navi02 .nav-owner::before{background-image: url(/img/icon/ico_owner.svg);}
.index-navi02 .nav-kumiai::before{background-image: url(/img/icon/ico_kumiai.svg);}
.index-navi02 .nav-ippan::before{background-image: url(/img/icon/ico_ippan_own.svg);}
.index-navi02 .nav-chintai::before{background-image: url(/img/icon/ico_chintai.svg);}

/*物件を選んでお見積もり・資料請求*/
.contact_res .index-navi .nav-senyo::before{background:url(/img/icon/ico_senyo.svg),#ffffff;}
.contact_res .index-navi .nav-owner::before{background-image: url(/img/icon/ico_owner.svg);}
.contact_res .index-navi .nav-kumiai::before{background-image: url(/img/icon/ico_kumiai.svg);}
.contact_res .index-navi .nav-ippan::before{background-image: url(/img/icon/ico_ippan_own.svg);}
.contact_res .index-navi .nav-chintai::before{background: url(/img/icon/ico_chintai.svg),#ffffff;}
.contact_res .index-navi02 .nav-senyo::before{
	background:url(/img/icon/ico_senyo.svg),#ffffff;
}
.contact_res .index-navi02 .nav-owner::before{background: url(/img/icon/ico_owner.svg),#ffffff;}
.contact_res .index-navi02 .nav-kumiai::before{background: url(/img/icon/ico_kumiai.svg),#ffffff;}
.contact_res .index-navi02 .nav-ippan::before{background: url(/img/icon/ico_ippan_own.svg),#ffffff;}
.contact_res .index-navi02 .nav-chintai::before{background: url(/img/icon/ico_chintai.svg),#ffffff;}

/*お役立ち情報*/
.index-navi .nav-doc::before{background-image: url(/img/icon/ico_doc.svg);}
.index-navi .nav-discount::before{background-image: url(/img/icon/ico_discount.svg);}
.index-navi .nav-sup::before{background-image: url(/img/icon/ico_sup.svg);}
.index-navi .nav-know::before{background-image: url(/img/icon/ico_know.svg);}
.index-navi .nav-doc::before{background-image: url(/img/icon/ico_doc.svg);}
.index-navi .nav-step::before{background-image: url(/img/icon/ico_step.svg);}

/*人気ランキング*/
.index-navi .nav-kodate::before{background-image: url(/img/icon/ico_kodate.svg);}
.index-navi .nav-mansion::before{background-image: url(/img/icon/ico_mansion.svg);}

.index-navi .nav-ippan02::before{background-image: url(/img/icon/ico_ippan_chin.svg);}

@media screen and (max-width: 767px){
	.index-navi h2,
	.index-navi02 h2{font-size: 1.8rem;}
	.index-navi h2 span, .index-navi02 h2 span{font-size:1.2rem;}
	.ranking .index-navi li:not(:first-child){margin-top:15px;}
}