@charset "UTF-8";

/* エラーTOP */
.index-search{
	margin-block: 70px 30px;
}

.category_error_title{
	display: block;
  margin: 1em auto 1em;
	font-size: 27px;
	line-height: 1.5;
	text-align: left;
}

.category_error_title:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1ad";
	font-weight: normal;
	padding-right: .4em;
	padding-left: .4em;
}

/* バナー */
.banner-box {
	display: flex;
	justify-content: center;
	column-gap: 30px;
	margin-block: 100px 140px;
}

.banner-box p {
	font-size: 22px;
	text-align: center;
	color: rgb(82, 108, 135);
}

.banner-block picture img {
	box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 5px 2px;
	width: 600px;
	height: 180px;
	display: block;
}

.banner-block a:hover,
.banner-block a picture img:hover{
	cursor: pointer;
	display: block;
	opacity: 0.8;
	transition: 0.2s;
}


/* . 最多成約アイコンの追加 25/01/20
----------------------------------------------------------------------- */
.most_contract{
	font-size: 14px;
	font-weight: 600;
}

/* . 最多成約アイコンの追加 25/01/20 */
/* <p class="most_contract"><span class="most_contract_txt">2023年東京都最多成約</span></p> */
/*----------------------------------------------------------------------- */
.most_contract{
	display: block;
	margin-block: 0 10px;
}

.most_contract_txt{
	font-size: 14px;
	font-weight: 600;
	position: relative;
	z-index: 2;
	background: linear-gradient(transparent 50%, #ffeac7 0%);
	display: inline;
	/*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
	padding: 0 2px 4px;
}

.most_contract_txt::before{
	content: "";
	background-image: url(../images/icon_rank.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 14px;
	display: inline-flex;
	/* vertical-align: middle; */
	margin-right: 10px;
}

/* <p class="most_contract">2023年東京都最多成約</p> */


/* 査定サンキューページ改修  25/02/17
----------------------------------------------------------------------- */

/* 物件を探す .index-search
---------------------------------------------------*/
.index-search {
	max-width: 1240px;
	margin-block: 0px 60px;
	margin-inline: auto;
	/* padding-top: 40px; */
	/* ページ内リンク時、追従ヘッダーと被らないよう対応 */
}

.index-search .index-section-title {
	margin: 0 auto 1em;
}

.search-button-wrap {
	padding: 0px 0 1em;
}

.search-button__item {
	width: 15%;
}

.search-button .search-button__item a {
	padding: 1em;
}


.search-button__item-link {
	position: relative;
	height: auto;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	color: #465e75;
	text-align: center;
}

.search-button .search-button__item-link--action {
	border-bottom: 1px solid #fff;
}

.search-button .search-button__item-link--action a {
	background: #fff;
	color: #526c87;
}

.search-button__inner-text {
	display: block;
	padding: 10px 0 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}

.search-button__item-link--action .search-button__inner-text,
.search-button__item a:hover .search-button__inner-text {
	color: #465e75;
}

.search-button__inner::before {
	position: relative;
	height: 35px;
	color: #fff;
	font-family: "Font Awesome 5 Free";
}

.search-button__item-link--action .search-button__inner::before,
.search-button__item a:hover .search-button__inner::before {
	color: #42ae9b;
}

.icon-shinchiku::before {
	display: block;
	position: relative;
	top: 1px;
	font-size: 35px;
	line-height: 0.9;
	content: "*\f1ad *";
}

.icon-chuko::before {
	display: block;
	font-size: 35px;
	line-height: initial;
	content: "\f1ad";
}

.icon-chintai::before {
	display: block;
	font-size: 35px;
	line-height: initial;
	content: "\f1ad";
}

.icon-chintai::before {
	display: block;
	font-size: 35px;
	line-height: initial;
	content: "\f14a";
}

.icon-house::before {
	display: block;
	font-size: 35px;
	font-weight: 600;
	line-height: initial;
	content: "\f015";
}

.icon-land::before {
	display: block;
	content: "\f024";
	font-size: 35px;
	line-height: initial;
}

.icon-developer::before {
	display: block;
	font-size: 35px;
	line-height: initial;
	content: "\f2b5";
}


/* 新築分譲マンションランキング .search-pref-rank
---------------------------------------------------*/
.search-pref-rank {
	padding: 0 1.5em;
	box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 20%);
	background: #fff;
}

.search-pref-rank__head {
	padding: 1em .5em .75em;
	border-bottom: 1px dashed #555;
	color: #345;
	font-size: 20px;
}

.search-pref-rank__head:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1ad";
	font-weight: normal;
	padding: 0 0.4em 0 0;
}

.search-pref-rank__content {
	padding: 2em .5em;
}

.pref-rank-list {
	display: flex;
	flex-wrap: wrap;
}

.pref-rank-list__item {
	display: inline-block;
	margin: 0 5px  10px 5px;
	background: #F3F8FA;
}

.pref-rank-list__item-link {
	display: block;
	position: relative;
	padding: 8px 4vw;
	font-size: 13px;
}

.pref-rank-list__item-link:hover {
	background: #465e75;
	color: #fff;
}