@charset "utf-8";

/***************************************************
* 背景色
***************************************************/
.contents {
	background: #fafafa;
}

/***************************************************
* PC版を表示する
***************************************************/
.header-pclink-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 44px;
	padding: 16px;
	gap: 10px;
	background: #576971;
}

a.header-pclink-button {
	display: flex;
	flex: 1 0 0;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	position: unset;
	width: 100%;
	max-width: 100%;
	gap: 4px;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 -3px 0 0 #cfd4d6 inset;
	background: #fff;
	color: #333;
	font-weight: bold;
	font-size: 15px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
	line-height: 15px;
	letter-spacing: 0;
}

/***************************************************
* ヘッダー
***************************************************/
header {
	display: block;
	border-bottom: none;
}

header h1 {
	box-sizing: border-box;
	width: 100%;
	height: 19px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	background: #55a61b;
}

header h1 span {
	color: #eef7e6;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 110%;
}

header .top-header-inner {
	display: block;
	position: relative;
	height: 160px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/header/bg01.png?id=20250701a8d6aa0a2b3), url(https://asset01.suumo.jp/sp/img/top/index/header/bg02.png?id=20250701a8d6aa0a2b3), linear-gradient(340deg, #9fde67 0%, #62c708 78.65%);
	background-repeat: no-repeat;
	background-size: 467px 160px, 390px 63px, 100% 160px;
	background-position: center, bottom, right;
}

header .top-header-inner::before {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 16px;
	border-radius: 16px 16px 0 0;
	box-shadow: 0 -8px 16px -8px rgba(0 0 0 / 16%);
	background: #e9f3f7;
	content: "";
}

header .top-header-inner::after {
	display: block;
	position: relative;
	height: 160px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/header/main_img_character.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 360px 110px;
	content: "";
	pointer-events: none;
}

header .top-header-inner .logo {
	display: block;
	position: absolute;
	top: 14px;
	left: 12px;
}

header .top-header-inner .logo.ui-hover {
	opacity: 0.5;
}

header .top-header-inner .button-area {
	display: flex;
	align-items: flex-start;
	position: absolute;
	top: 7px;
	right: 4px;
	gap: 6px;
}

header .top-header-inner .button-area a {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	width: 54px;
	height: 39px;
	padding: 0 0 5px;
	color: #fff;
	font-weight: normal;
	font-size: 9px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
	line-height: 100%;
}

header .top-header-inner .button-area a.ui-hover {
	opacity: 0.5;
}

header .top-header-inner .button-area a::before {
	display: block;
	position: absolute;
	top: 4px;
	width: 24px;
	height: 24px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	content: "";
}

header .top-header-inner .button-area a.history {
	white-space: nowrap;
}

header .top-header-inner .button-area a.history::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/header/history.png?id=20250701a8d6aa0a2b3);
}

header .top-header-inner .button-area a.favorite::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/header/favorite.png?id=20250701a8d6aa0a2b3);
}

header .top-header-inner .button-area a.menu::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/header/menu.png?id=20250701a8d6aa0a2b3);
}

/* お気に入りカウント */
header .top-header-inner .button-area a.favorite .count {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	top: 2px;
	left: 91px;
	padding: 2px 4.4px;
	gap: 10px;
	border-radius: 9px;
	background: #fff;
	color: #55a61b;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
	line-height: 100%;
}

header .top-header-inner .button-area a.favorite .count::before {
	display: block;
	position: absolute;
	top: 50%;
	z-index: -1;
	height: 14px;
	margin-top: -7px;
	border: 1px solid #6db62d;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
	content: "";
}

/***************************************************
* グランドナビゲーション
***************************************************/
.grand-navi {
	background: #e9f3f7;
}

.grand-navi h2 {
	display: inline-flex;
	position: relative;
	align-items: center;
	margin-top: 12.5px;
	margin-bottom: 12.5px;
	padding-left: 28px;
	gap: 8px;
	color: #333;
	font-weight: bold;
	font-size: 15px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: left;
	line-height: 15px;
	letter-spacing: 0;
}

.grand-navi h2:first-of-type {
	margin-top: 14.5px;
}

.grand-navi h2:nth-of-type(2) {
	margin-top: 24.5px;
	margin-bottom: 16.5px;
}

.grand-navi h2::before {
	display: block;
	position: absolute;
	top: -0.5px;
	left: 16px;
	width: 4px;
	height: 16px;
	border-radius: 2px;
	background: #6fba2c;
	content: "";
}

/* .listを上書き */
.grand-navi ul.list {
	width: auto;
	padding: 0 16px;
	border-top: none;
}

.grand-navi ul.list:last-child {
	padding-bottom: 10px;
}

.grand-navi ul.list li {
	border-bottom: none;
	border-radius: 12px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.06);
	background: #fff;
}

.grand-navi ul.list.col2 li {
	width: calc(50% - 4px);
	margin-bottom: 8px;
	float: left;
}

.grand-navi ul.list.col2 li:nth-child(odd) {
	margin-right: 8px;
	border-right: none;
}

.grand-navi ul.list li a {
	text-align: center;
}

.grand-navi ul.list li a.ui-hover {
	border-radius: 12px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.06);
	background: linear-gradient(0deg, rgba(51, 51, 51, 0.1) 0%, rgba(51, 51, 51, 0.1) 100%), #fff;
}

.grand-navi ul.list li a p {
	padding-right: 48px;
	padding-left: 6px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: left;
	line-height: 120%;
}

.grand-navi ul.list li a p:first-of-type {
	padding-top: 4px;
}

.grand-navi ul.list li a p:nth-of-type(2) {
	padding-bottom: 4px;
	font-size: 14px;
}

.grand-navi ul.list li a.chintai p:first-of-type {
	padding-top: 3.9px;
	padding-bottom: 3.8px;
}

.grand-navi ul.list li a.chintai p:last-of-type {
	padding-bottom: 3.9px;
	font-weight: normal;
	font-size: 12px;
	color: #576971;
	line-height: 110%;
}

.grand-navi ul.list.col2 li a.icons.chumon p,
.grand-navi ul.list.col2 li a.icons.tochi p,
.grand-navi ul.list li a.icons.reform p {
	padding-top: 11.9px;
	padding-bottom: 12.9px;
}

.grand-navi .icons::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	content: "";
}

.grand-navi .icons.chintai::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/chintai.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.mansion::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/mansion.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.chukomansion::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/chukomansion.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.ikkodate::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/ikkodate.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.chukoikkodate::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/chukoikkodate.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.chumon::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/chumon.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.tochi::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/tochi.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons.reform::after {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/reform.png?id=20250701a8d6aa0a2b3);
}

.grand-navi .icons + span {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

/* まとめてリンク */
.grand-navi .matomete {
	position: absolute;
	right: 16px;
	margin-top: 16px;
	border: 1px solid #d7ebf5;
	border-radius: 16px;
	background: #fff;
	content: "";
}

.grand-navi .matomete.ui-hover {
	background: linear-gradient(0deg, rgba(51, 51, 51, 0.1) 0%, rgba(51, 51, 51, 0.1) 100%), #fff;
}

/* 検索アイコン */
.grand-navi .matomete .icon-search {
	display: block;
	padding: 9px 12px 9px 28px;
	color: #2c709c;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	font-feature-settings: 'clig' off, 'liga' off;
	text-align: center;
	line-height: 100%;
}

.grand-navi .matomete .icon-search::before {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 18px;
	height: 18px;
	background: url(https://asset01.suumo.jp/sp/img/top/index/search.png?id=20250701a8d6aa0a2b3) top right / 18px 18px no-repeat;
	content: " ";
}

/***************************************************
* リストナビゲーション
***************************************************/

.list-navi {
	padding-bottom: 32px;
	background: #e9f3f7;
}

.list-navi h2.section-head {
	padding-top: 20px;
	padding-bottom: 8px;
	padding-left: 36px;
}

.list-navi h2.section-head:first-of-type {
	padding-top: 18px;
	padding-right: 114px;
}

.list-navi h2.section-head span::before {
	display: block;
	position: absolute;
	left: 20px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #6fba2c;
	content: "";
}

.list-navi h2.section-head:first-child span::after {
	display: block;
	position: absolute;
	right: 24px;
	width: 90px;
	height: 38px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/counter_family.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 90px 38px;
	content: "";
}

.list-navi h2.section-head span {
	display: flex;
	align-items: center;
	height: 22px;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 160%;
}

.list-navi ul.list {
	width: auto;
	margin: 0 16px;
	border-radius: 12px;
	border-top: none;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.06);
	background: #fff;
}

/* .listを上書き */
.list-navi ul.list li {
	border-bottom: 1px solid #e7eaeb;
	background: none;
}

.list-navi ul.list li:last-of-type {
	border-bottom: none;
}

.list-navi ul.list li .icons {
	padding: 21px 38px 20px 48px;
	color: #333;
	font-weight: bold;
	font-size: 15px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 100%;
}

.list-navi ul.list li .icons.ui-hover {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.06);
	background: linear-gradient(0deg, rgba(51, 51, 51, 0.1) 0%, rgba(51, 51, 51, 0.1) 100%), #fff;
}

.list-navi ul.list li:first-child .icons.ui-hover {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.list-navi ul.list li:last-child .icons.ui-hover {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.list-navi .icons::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 16px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	content: "";
}

.list-navi .icons.c-mansion::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_mansion.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.c-chumon::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_chumon.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.c-reform::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_reform.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.baikyaku::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_baikyaku.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.kasu::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_key.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.hikkoshi::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_hikkoshimitsumori.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.journal::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_book.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.oyakudachi::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_lightbulb.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.fp::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_loan.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons.quick::before {
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/list_sugosoku.png?id=20250701a8d6aa0a2b3);
}

.list-navi .icons::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/green_right_arrow.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px 14px;
	content: "";
}

/* PCアイコン */
.icon-pc::before {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 38px;
	width: 31px;
	height: 18px;
	margin-top: -9px;
	gap: 10px;
	border-radius: 14px;
	background: #e7eaeb;
	color: #273e48;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 100%;
	content: "PC";
}

/***************************************************
* アプリ紹介
***************************************************/
.app-introduction {
	display: block;
}

.app-introduction .inner {
	display: block;
	padding: 24px 0;
	background: #eef7e6;
}

.app-introduction .app-image {
	display: block;
	position: relative;
	width: 90px;
	height: 90px;
	margin: 10px auto 24px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/icon_suumoApp.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 90px 90px;
}

/* 無料アイコン */
.icon-free::before {
	display: block;
	position: absolute;
	top: -10px;
	right: -24px;
	width: 36px;
	height: 36px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/price_free.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 36px 36px;
	content: " ";
}

.app-introduction h4 {
	margin: 10px auto 16px;
	font-size: 22px;
	text-align: center;
}

.app-introduction div.text {
	width: 264px;
	height: 96px;
	margin: auto;
}

.app-introduction p {
	margin-bottom: 0;
	padding: 2px 0 10px 26px;
	border: 0 dotted #ccc;
	background-color: #eef7e6;
	color: #333;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 14px;
}

.app-introduction p:last-child {
	padding-bottom: 2px;
}

/* チェックアイコン */
.app-introduction p::before {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	margin-left: -26px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/check_green.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	content: "";
}

/* appleStore */
.app-introduction .app-store-badge {
	display: block;
	overflow: hidden;
	width: 136px;
	height: 50px;
	margin: 20px auto 8px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/app_store_badge_jp.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 136px 50px;
	text-indent: -9999px;
	cursor: pointer;
}

/* googlePlay */
.app-introduction .google-play-badge {
	display: block;
	overflow: hidden;
	width: 166.755px;
	height: 49.728px;
	margin: 20.14px auto 8.14px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/google_play_badge_jp.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 166.755px 49.728px;
	text-indent: -9999px;
	cursor: pointer;
}

/* .listを上書き */
.app-introduction ul.list {
	padding-bottom: 5px;
	border-top: 1px dotted #ccc;
}

.app-introduction ul.list li {
	border-bottom: 1px dotted #ccc;
	background: transparent;
}

.app-introduction ul.list li a {
	padding: 10px 10px 10px 0;
	color: #333;
	font-size: 14px;
	line-height: 18px;
}

.app-introduction ul.list li a span {
	padding-right: 5px;
}

.app-introduction ul.list li a.ui-hover {
	background-color: #faf9f5;
}

/***************************************************
* 都道府県から探す
***************************************************/

.search-todofuken h2.section-head {
	padding-top: 24px;
	padding-bottom: 12px;
	padding-left: 28px;
	background: #fff;
}

.search-todofuken h2.section-head::before {
	display: block;
	position: absolute;
	left: 16px;
	width: 4px;
	height: 18px;
	border-radius: 2px;
	background: #6fba2c;
	content: "";
}

.search-todofuken h2.section-head span {
	display: block;
	height: 18px;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 18px;
}

/* .listを上書き */
.search-todofuken ul.list {
	display: block;
	width: 100%;
	border-top: none;
	background-color: #fff;
}

.search-todofuken ul.list li:nth-child(1),
.search-todofuken ul.list li:nth-child(2) {
	border-top: 1px solid #e7eaeb;
}

.search-todofuken ul.list li {
	display: block;
	border-bottom: 1px solid #e7eaeb;
	box-sizing: border-box;
	background: #fff;
}

.search-todofuken ul.list li a {
	display: flex;
	align-items: center;
	padding: 16px;
	background: #fff;
	font-size: 13px;
	line-height: 14px;
}

.search-todofuken ul.list li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/arrow_right_gray.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px 14px;
	content: "";
}

.search-todofuken ul.list.col2 li:nth-child(odd) {
	border-right: 1px solid #e7eaeb;
}

.search-todofuken ul.list li a.ui-hover {
	background-color: #e7eaeb;
}

/* 地域見出し */
.search-todofuken .pref-wrap {
	background: #fff;
	transform: translateX(calc(50vw + 50%));
	transition: transform 0.5s ease, visibility 0.5s ease allow-discrete;
	visibility: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.search-todofuken .pref-wrap.show {
	visibility: visible;
	transform: translateX(0);
}

.search-todofuken .pref-wrap .pref {
	position: relative;
	border-top: 1px solid #e7eaeb;
}

.search-todofuken .pref-wrap .pref h2 {
	padding: 16px;
	background: #fff;
	color: #333;
	font-size: 14px;
	text-align: center;
	text-shadow: none;
	line-height: 14px;
}

.search-todofuken .pref-wrap .pref a.spanel_close {
	display: block;
	position: absolute;
	top: 16px;
	padding: 0;
}

.search-todofuken .pref-wrap .pref a.spanel_close span {
	position: relative;
	padding-left: 34px;
	background: none;
	color: #0a6ac0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	line-height: 14px;
}

/* 左矢印アイコン */
.search-todofuken .pref-wrap .pref a.spanel_close span::before {
	display: block;
	position: absolute;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	margin-left: 16px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/arrow_left_blue.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px 14px;
	content: "";
}

.search-todofuken .pref-wrap .pref a.spanel_close.ui-hover {
	opacity: 0.5;
}

/* bottomお知らせカセット */
.sub-kokuchi {
	background-color: #fff;
}

.sub-kokuchi h2.section-head {
	padding-top: 24px;
}

.sub-kokuchi h2 span {
	display: flex;
	height: 18px;
	padding-left: 18px;
	border: none;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 18px;
}

.sub-kokuchi h2::before {
	display: block;
	position: absolute;
	left: 16px;
	width: 4px;
	height: 18px;
	border-radius: 2px;
	background: #6fba2c;
	content: "";
}

.sub-kokuchi .sub-kokuchi-list {
	padding: 4px 16px 6px 16px;
}

.sub-kokuchi .sub-kokuchi-item {
	display: flex;
	align-items: center;
	align-items: flex-start;
	color: #0a6ac0;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 120%;
}

.sub-kokuchi .sub-kokuchi-item:not(:first-child) {
	margin-top: 8px;
}

.sub-kokuchi .sub-kokuchi-item::before {
	width: 12px;
	height: 14px;
	margin-right: 4px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/dot.png?id=20250701a8d6aa0a2b3);
	background-size: 12px 14px;
	content: "";
}

.sub-kokuchi .sub-kokuchi-link {
	flex: 1;
}

section.sub-kokuchi {
	padding-bottom: 26px;
}

/***************************************************
* システムメンテナンス
***************************************************/
.maintenance {
	margin: 0;
	padding: 0 16px 2px;
	background: #e9f3f7;
	font-size: 10px;
}

.maintenance .acdTgls {
	position: relative;
	z-index: auto;
	overflow: hidden;
	border: 0 solid #fff;
	border-radius: 8px;
	background: #fff;
}

.maintenance .acdHead a {
	display: table;
	position: relative;
	width: 100%;
	padding: 11px 0 11px 12px;
	border-top: none;
	border-bottom: none;
	box-sizing: border-box;
	color: #3f535c;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	vertical-align: middle;
	line-height: 100%;
}

.maintenance .acdHead a > span {
	display: table-cell;
	padding-right: 34px;
	padding-left: 22px;
	vertical-align: middle;
}

.maintenance .txtMaintenance {
	padding: 0 12px 12px 12px;
	border-top: none;
	border-radius: 0 0 4px 4px;
	background: #fff;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 150%;
}

.maintenance .icnInfo a::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 12px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/maintenance/warning.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 18px 18px;
	content: " ";
}

.maintenance .icnArrowD a::after {
	display: block;
	position: absolute;
	right: 12px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/maintenance/graydown.png?id=20250701a8d6aa0a2b3);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px 14px;
	content: " ";
}

.maintenance .icnArrowU a::after {
	display: block;
	position: absolute;
	right: 12px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/index/maintenance/grayup.png?id=20250701a8d6aa0a2b3);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px 14px;
	content: " ";
}

.acdTgl--layout:not(:first-child) {
	margin-top: 5px;
}

/***************************************************
* ヘッダーバナー
***************************************************/
.header-banner {
	padding: 14px 16px 2px;
	background: #e9f3f7;
}

.ztop-bottom-banner {
	padding: 16px;
	background: #fff;
}

.footer-banner {
	padding: 32px 16px 16px;
}

/***************************************************
* 横断地図導線
***************************************************/

/* 待機状態 */
.oudan-chizu-button {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 200;
	transform: translate(0, 50px);
	opacity: 0.1;
	transition: all 500ms;
}

/* 表示状態 */
.oudan-chizu-button.fadein {
	transform: translate(0, 0);
	opacity: 1;
	stroke-width: 4px;
	stroke: #fff;
	filter: drop-shadow(0 7px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0 5px 22px rgba(0, 0, 0, 0.05)) drop-shadow(0 12px 17px rgba(0, 0, 0, 0.06));
}

.oudan-chizu-button.fadein > a::after {
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: -1;
	transform: translate(0, 0);
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.1;
	content: "";
}

.oudan-chizu-button.fadein > a.ui-hover::after {
	z-index: 1000;
}

/* 「エリアから探す」画像 */
.search-by-area {
	display: block;
	width: 72px;
	height: 72px;
}

/***************************************************
* リスト
***************************************************/
ul.list {
	display: block;
	width: 100%;
	border-top: 1px solid #dadada;
}

ul.list li {
	display: block;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #dadada;
}

ul.list li a {
	position: relative;
	display: block;
	padding: 10px;
	color: #333;
}

/* 2カラムの場合 */
ul.list.col2 li {
	float: left;
	width: 50%;
}

ul.list.col2 li:nth-child(odd) {
	border-right: 1px solid #dadada;
}

ul.list.col2::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* 右矢印アイコン */
ul.icon-arrow-right li a {
	padding-right: 20px;
}

ul.icon-arrow-right li a::after {
	content: "";
	display: block;
	position: absolute;
	width: 9px;
	height: 13px;
	background-image: url(https://asset01.suumo.jp/sp/img/top/common/arrow_right_brown.png?id=20250701a8d6aa0a2b3);
	background-repeat: no-repeat;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	background-position: 0 0;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}

/* 丸アイコン：ムラサキ */
.icon-circle-purple {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	z-index: 1;
	line-height: 18px;
	font-size: 10px;
}

.icon-circle-purple::before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	top: 50%;
	margin-top: -9px;
	background-color: #b275dc;
	z-index: -1;
}

/***************************************************
* 全国TOPフッタに設置される全社共通リンク
***************************************************/

.recruit-accordion {
	position: relative;
	background: #47880f;
	border-bottom: solid 1px #61aa12;
}

.link-title {
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 10px;
}

/* safari用 デフォルトでつくsummaryタグの矢印を非表示 */
.link-title::-webkit-details-marker {
	display: none;
}

.link-title::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(https://asset01.suumo.jp/sp/img/top/footer_arrow_down.png?id=20250701a8d6aa0a2b3);
}

.recruit-accordion[open] .link-title::after {
	transform: rotate(180deg);
}

.recruit-link-list {
	padding: 0 10px 14px;
}

.recruit-link-list a {
	display: inline-block;
	font-size: 11px;
	line-height: 21px;
	color: #fff;
}

.recruit-link-list a:visited {
	color: #fff;
}