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

/*

.index
MR top

*/


/* ヘッダーのスタイルを上書き
---------------------------------------------------*/
.header_init .header_wrap {
	border-bottom: 1px solid transparent;
}

.logo_area {
	margin-top: 0;
}


/* グロナビのスタイルを上書き
---------------------------------------------------*/

.gnav a:link, .gnav a:active, .gnav a:visited {
	color: #000;
}

.gnav a:hover {
	background: rgba(51, 68, 85,.8);
	color:#fff;
}

.gnav .gnav-list > li {
	background: none;
	/* background: rgba(255,255,255, .7); */
}

/* ページ設定
---------------------------------------------------*/
#contentBlock.index {
	position: relative;
	z-index: 1;
	max-width: initial;
}

.multiple_block_wrap > .content_block > section {
	padding-bottom: 60px;
}

.page_whole_wrap{
	left: 0;
	margin-bottom: -125px;
	position: relative;
	right: 0;
	top: -125px;
	/* min-width: 1240px; */
}

.index.page_whole{
	position: relative;
	z-index: 1;
}

/* top専用のタイトル .index-section-title
---------------------------------------------------*/
.index-section-title {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.index-section-title-en {
	color: #334455;
	display: inline-block;
	font-size: 46px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 300;
	line-height: 1;
	padding-bottom: .55em;
	letter-spacing: .1em;
}

.index-section-title-ja:before {
	border-top: 1px dashed #334455;
	content: "";
	left: 50%;
	margin-left: -25px;
	position: absolute;
	top: -.5em;
	width: 50px;
}

.index-section-title-ja {
	color: #334455;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .3em;
	margin-bottom: 0;
	padding-top: 1em;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.index-note {
	margin: 0;
	color: #a5a5a5;
	font-size: 12px;
	text-align: center;
}

.index-section-title .topic_seal {
	position: absolute;
	top: 5px;
	right: 32%;
	width: 90px;
	background: #dae8f3;
	color: #345;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	height: 40px;
	line-height: 15px;
	border-radius: 3px;
	padding: 5px 0;
	letter-spacing: -0.05em;
	box-sizing: border-box;
	text-align: center;
}

.index-section-title .topic_seal:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #DAE8F3;
	z-index: 0;
}


/* メインビジュアル .mainvisual
---------------------------------------------------*/
.index .main_visual {
	padding: 52.5% 0 0;
	position: relative;
	overflow: hidden;
	min-width: 1200px;
}

@media screen and (max-width: 1240px) {
	.index .main_visual {
		padding: 621px 0 0;
		position: relative;
		overflow: hidden;
		width: 1240px;
		margin-bottom: 100px;
	}
}

.main_visual_parts {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.main_visual_parts .width_limit {
	height: 100%;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

/* 背景 */
.mv_bg_img {
	z-index: 1
}

.mv_bg_img > img {
	width: 100%;
}

/* MV内コンテンツ */
.mv_contents {
	top: 125px;
	z-index: 3;
}


/* キャッチコピー */
.mv_contents .top_catch_title {
	font-size: 42px;
	color: #fff;
	margin: 8% auto 0;
	text-align: center;
	line-height: 1;
	letter-spacing: .14em;
}

.mv_contents .top_catch_sub_title {
	margin: 3.2% auto 1.1%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 2;
}


/* 所有データ数 .see_in_data */
.mv_contents .see_in_data {
	width: 900px;
	margin: 1% auto 0;
	padding: 1% 0;
	text-align: center;
}

.mv_contents .see_in_data ul {
	text-align: center;
	margin: 0 auto;
}

.mv_contents .see_in_data li{
	display: inline-block;
	width: 23.5%;
	color: #fff;
}

.mv_contents .see_in_data .item_name {
	font-size: 14px;
	line-height: 1;
	display: block;
	letter-spacing: .1em;
	font-weight: 500;
}

.mv_contents .see_in_data .item_name:after{
	font-family: "Font Awesome 5 Free";
	display: block;
	content: "\f0d7";
	font-weight: 900;
	font-size: 13px;
	margin-top: .5em;
}

.mv_contents .see_in_data .item_data .data_val {
	font-size: 34px;
	font-weight: 300;
	vertical-align: top;
	font-family: 'Barlow Condensed', sans-serif;
	line-height: 1;
}

.mv_contents .see_in_data .item_data .data_unit{
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	margin-top: 9px;
}


/* MVページスクロール .mv_scroll */
.mv_contents .mv_scroll {
	position: absolute;
	bottom: 1%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	padding: 0px 10px 60px;
}

.mv_contents .mv_scroll a {
	display: inline-block;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: .05em;
	line-height: 1;
	color: #fff;
}
/*==========================================
 動きのあるscloll箇所のcss
===========================================*/
.loading .scroll {
	display: none;
}
.loaded .scroll {
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  color: #4F3D26;
  font-size: 12px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-decoration: none;
}
.loaded .scroll::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 50px;
  background: #e4dfc6;
}
.loaded .scroll::after {
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


/* マンション検索 */
.mv_search {
	text-align: center;
	display: block;
	margin: 2% auto 0;
	width: 1200px;
	padding: 1% 0;
}


/* マンション検索：入力フォーム部分 */
.mv_search .mv_form {
}

.mv_search .mv_form input,
.autocomplete-suggestions {
	--mv-form-input-width: 240px;
	--mv-form-input-padding: 5px;
}

.mv_search .mv_form input {
	width: var(--mv-form-input-width);
	font-size: 16px;
	padding: var(--mv-form-input-padding);
	border: solid 3px #42ae9b;
}

.mv_search .mv_form input.js_input_error {
	border: solid 2px #d00;
	background:#fbe8e8;
}

.mv_search .mv_form input::-webkit-input-placeholder,
.mv_search .mv_form input::placeholder {
	color: #ddd;
	font-size: 80%;
}

.mv_search .mv_form .mv_cross {
	vertical-align: middle;
	line-height: 1;
	height: 35px;
	font-size: 35px;
	color: #fff;
}

.mv_search .mv_form .text_input[name="aname"] {
	margin-left: -3px;
	border-left: solid 2px #ddd;
}

.mv_search .mv_form .text_input[name="aname"].js_input_error {
	border-left: solid 2px #d00;
}

.mv_search .mv_form .selectbox {
	width: 175px;
	padding: 5px 10px;
	background: #fff url(../images/common/form-css-arrow.png) no-repeat center right 10px/16px 16px;
	border: solid 3px #42ae9b;
	font-size: 16px;
}

.mv_search .mv_form .selectbox[name="prefecture1"] {
	width: auto;
	padding-right: 35px;
	border: solid 3px #42ae9b;
	margin-right: -3px;
	border-right: none;
	font-size: 16px;
}

.mv_search .mv_form .selectbox.js_input_error {
	border: solid 2px #d00;
	background:#fbe8e8;
}

.mv_search .mv_form .cta_button_a {
	padding: 9px 25px;
	line-height: 1;
	margin: 0;
	font-size: 16px;
	vertical-align: middle;
}

.mv_search .mv_form .cta_button_a .img_mushimegane {
	width: 20px;
}

.mv_search .mv_form .scroll_search_link {
	display: inline-block;
	margin-left: 20px;
	font-size: 13px;
	line-height: 1.55;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.mv_search .mv_form .scroll_search_link i {
	display: block;
	margin-top: .2em;
}

.mv_search .mv_form .scroll_search_link:hover {
	opacity: .65;
}

a.mv_button {
	border: 3px solid #42ae9b;
}




/* 導線バナー .index-service
---------------------------------------------------*/
.index-service{
	max-width: 1240px;
	margin: 0px auto 80px;
	padding-top: 40px; /* ページ内リンク時、追従ヘッダーと被らないよう対応 */
}

.banner-box{
	display: flex;
	justify-content: center;
	column-gap: 30px;
}

.banner-box p{
	font-size: 22px;
	text-align: center;
	color: #526C87;
}

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

.banner-block picture img:hover{
	opacity: 0.8;
	transition: 0.2s;
}

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

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

.search-button-wrap {
	padding: 60px 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";
}


/* 新築物件 .index-new-property
---------------------------------------------------*/
.index-new-property {
	margin: 0 auto 60px;
}

/* 新築物件用 padding 上書き */
.index-new-property.width_full.bg--oblique {
	padding: 60px 0 80px;
}

/*背景色と同じ色で見づらいため
TOPページの新着物件エリアの各タブの
物件全体リンクのhoverは別の色に設定*/
.property-detail-pc_sbtn:hover {
	background: #ebf8fd;
	text-decoration: none;
	cursor: pointer;
}

.new-property-area {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 0 30px;
}

.new-property-item {
	width: 18%;
}

.new-property-item a {
	color: #526C87;
}

.new-property-area__tab-list .new-property-item--active {
	border-bottom: 1px solid #fff;
}

.new-property-area__tab-list .new-property-item--active a {
	background: #fff;
	color: #526C87;
}

.property-detail-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 1240px;
	margin: 0 auto;
}

.property-detail-list-item {
	width: 44%;
	margin: 0 1% 30px;
	padding: 1.5em 1.5em 2em;
	background: #fff;
}

.property-detail-content__head {
	margin: 0 0 1em;
}

.property-detail-content__head-tag {
	width: 27px;
	height: 25px;
	font-size: 11px;
}

.property-detail-content__head-title {
	padding: 8px 0;
	font-size: 20px;
}

.index-property-detail-content__img-inner {
	display: block;
	margin: 0 1em 1.5em;
	border: 6px solid #fff;
	box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 20%);
	background: url(../../images/common/bg_mansion_photo.gif) repeat;
	text-align: center;
}

.property-detail-content th {
	margin: 0px 15px 0 0;
	line-height: 1.4;
}

.property-detail-content tr {
	margin: 0 0 10px 0;
}

.property-detail-content tr:last-child {
	margin: 0;
}

.property-detail-content__foot {
	margin: 20px 0 0;
}

.property-detail-btn-green__link {
	font-size: 14px;
	transition: 0.3s;
	cursor: pointer;
}

.property-detail-btn-green__link:hover {
	background: #4C9EBF;
	text-decoration: none;
}

.property-detail-list-item table.property-detail-content_single {
	margin: 13px 0px 0 0;
	padding-top: 13px;
}

.property-detail-content__info {
	width: auto;
	margin: 0;
}

.property-detail-list-item table.property-detail-content_sub {
	font-size: 15px;
}

/* 一戸建て・土地ボタン */
.index-new-house .property-detail-btn__inquiry,
.index-new-land .property-detail-btn__inquiry {
	flex: 1;
	margin-right: 10px;
}

.index-new-house .property-detail-btn-green__link,
.index-new-land .property-detail-btn-green__link {
	width: 100%;
}

.property-detail-content__info:after {
	display: none;
}

/* 新築分譲マンションランキング .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;
}


/* マンションランキング .ranking_area (.ranking_area_wrap)
---------------------------------------------------*/
/* top_rank_result_block.tpl内 */
.ranking_area {}

.ranking_area h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 2em 0 1em;
	letter-spacing: 0.2em;
	color: #334455;
}

.ranking_area .rank_item {
	border-bottom: 1px dashed #B5C4D3;
}

.ranking_area .rank_item .rank_item_body {
	padding: 1em 1em 1.6em;
	/* padding-top: 0; */
}

.ranking_area .rank_item .rank_item_header {
	display: table;
	width: calc(100% - 2em);
	padding: 1.5em 1em .5em;
}

.ranking_area .rank_item .rank_no:before {
	content: "\f521";
	display: block;
	margin-bottom: .2em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #555;
	font-size: 18px;
	line-height: 1.2;
}

.ranking_area .rank_item.gold .rank_no:before{
	color: #E0CA82;
}
.ranking_area .rank_item.silver .rank_no:before{
	color: #BDC0C2;
}
.ranking_area .rank_item.bronze .rank_no:before{
	color: #C08D5E;
}

.ranking_area .rank_item .rank_mansion_name {
	display: table-cell;
	width: 66%;
	/* margin: 0 0 .8em; */
	vertical-align: top;
}

.ranking_area .rank_item .rank_no {
	display: inline-block;
	margin-right: .2em;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}

.ranking_area .rank_item .rank_mansion_name .mansion_name {
	display: inline-block;
	width: 80%;
}

.ranking_area .rank_item .rank_mansion_name a {
	display: inline-block;
	max-width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 1.6;
	letter-spacing: .1em;
	vertical-align: middle;
}

.ranking_area .pc_sbtn:hover .rank_mansion_name a {
	color: #000;
}

.ranking_area .rank_item .rank_val{
	display: table-cell;
	width: 34%;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

.ranking_area .rank_item .deviation_name,
.ranking_area .rank_item .touraku_rate_name {
	font-size: 12px;
	/* font-weight: bold; */
	letter-spacing: .1em;
	margin-right: .3em;
	line-height: 1.6;
	vertical-align: middle;
}

.ranking_area .rank_item .deviation_value_txt,
.ranking_area .rank_item .ouraku_rate_value_txt{
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 25px;
	letter-spacing: .1em;
	font-weight: 500;
	vertical-align: middle;
}

.ranking_area .rank_item .rank_item_body .named_row_list li {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.ranking_area .rank_item .rank_item_body .named_row_list li p {
	margin-left: 0;
}

.named_row_list li span.named {
	font-size: 13px;
	float: left;
	background-color: transparent;
	color: #334455;
	width: 55px;
	text-align: left;
	font-weight: 900;
}

.ranking_area .rank_item .rank_mansion_image_rate {
	margin: 0 auto 20px;
	text-align: center;
}

.ranking_area .rank_item .rank_mansion_image_rate .mansion_image {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 0 3px;
}

.ranking_area .rank_item .rank_mansion_image_rate .l_bukken_image {
	margin: 0 auto;
	width: 170px;
	height: auto;
	background: url('../../images/common/bg_mansion_photo.gif') repeat;
	border: 5px solid #fff;
	box-shadow: 0px 0px 5px #d6d6d6;
	-webkit-box-shadow: 0px 0px 5px #d6d6d6;
}

.ranking_area .rank_item .rank_mansion_image_rate .deviation_chart_tpl_wrap {
	display: inline-block;
	width: 178px;
	margin: 0 1px;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #d2d9eb;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: middle;
}

.ranking_area .rank_item .rank_mansion_image_rate .description {
	margin-top: 8px;
	font-size: 11px;
}


/* 地域毎のランキングリンクタブ設定 */
.ranking_area ul.tabs li {
	width: 18%;
}

.ranking_area ul.tabs li a {
	padding: 1em .5em;
}

.ranking_area .rank_tab {
	display: none;
	margin-bottom: 0;
}


/* 偏差値ランキング .hensachi_area */
.ranking_area .hensachi_area{
	float: left;
	width: 48.5%;
}

/* 騰落率ランキング .touraku_area */
.ranking_area .touraku_area{
	float: right;
	width: 48.5%;
}

/* ランキングの下につくリンク .rank_prefecture_links */
.ranking_area .rank_prefecture_links{
	padding: 2em 0;
}

.ranking_area .rank_prefecture_links .col1,
.ranking_area .rank_prefecture_links .col2{
	float: left;
	width: 50%;
}

.ranking_area .rank_prefecture_links .prefecture_link:before{
	font-family: "Font Awesome 5 Free";
	content: "\f559";
	font-weight: 900;
	padding-right: .4em;
	color: #334455;
}

.ranking_area .rank_prefecture_links .prefecture_link a {
	font-size: 13px;
}


/* tooltipの外枠 */
.review_chart_div .highcharts-tooltip-box {
	stroke-width: 2;
}

.review_chart_div .highcharts-tooltip span {
	font-family:'YakuHanJP',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.review_chart_div .tooltip_table td{
	vertical-align: middle;
}

/* チャート評点 */
/* ※ https://github.com/novus/nvd3/issues/1101 */
.review_chart_div .highcharts-axis-labels text{
	font-size: 8px!important;
	font-family:'YakuHanJP',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	color: #222!important;
	cursor: default!important;
	fill: #222!important;
}

.review_chart_div .xaxis_score {
	color: #004c77!important;
	font-size: 13px;
	font-weight: bold;
	fill: #004c77!important;
}

.review_chart_div .highcharts-legend-item text {
	font-size: 9px !important;
	font-weight: normal !important;
}


/*
 おすすめ不動産取引ノウハウ .index-expertise-another
 (※『不動産売買、賃貸のノウハウ』の .index-expertise まわりは common.css を参照)
---------------------------------------------------------------------------- */
.index-expertise-another {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.5em;
}

.index-expertise-another__title {
	font-size: 18px;
}

.index-expertise-another-list {
	display: flex;
	justify-content: space-between;
	width: 67%;
}

.index-expertise-another-list li {
	width: 48.5%;
	display: flex;
	align-items: stretch;
}

.index-expertise-another-link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 2em 0.5em;
	border: 1px solid #d2d9eb;
	box-shadow: 0px 0px 10px -7px rgba(189, 217, 228, .85);
	border-radius: 3px;
}

.index-expertise-another-link:hover {
	background: #f3f8fa;
}

.index-expertise-another-text {
	color: #333;
	display: inline-block;
	margin-left: 0.5em;
}


/* ニュース＆トピックス .news_and_topics
---------------------------------------------------*/
.news_and_topics .list-news_and_topics {
	margin-bottom: 40px;
}

.index-topic_new .list-news_and_topics li section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 5px;
	border-bottom: 1px dashed #666;
}

.index-topic_new .list-news_and_topics .date {
	padding: 10px 0 10px 5px;
	display: inline-block;
	font-size: 13px;
	width: 185px;
}

.index-topic_new .list-news_and_topics .news-topics_title {
	width: 655px;
}

.index-topic_new .list-news_and_topics .news-topics_title a {
	font-weight: bold;
}


/* .index-contents マンションレビューでできること・わかること
------------------------------------------------------------ */
.index-contents {
	max-width: 1240px;
	margin: 0 auto 60px;
}

.index-contents-mv {
	position: relative;
	margin: 80px auto;
	height: 240px;
	background: #f3f8fa;
}

.index-contents .index-contents-note {
	width: calc(100% - 600px);
	padding: 6.5em 0 0em 2em;
}

.index-contents-img {
	position: absolute;
	bottom: -50px;
	right: 2em;
}


.index-contents__content {
	font-size: 0;
	margin: 0 0 20px -20px;
}

.index-contents-list {
	display: flex;
	flex-wrap: wrap;
}

.index-contents-list__item {
	font-size: 12px;
	width: calc(100% / 7 - 1.5%);
	margin-left: 1.5%;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

.index-contents-list__item-title {
	color: #334455;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.7;
}

.index-contents-list__item-title.position_middle {
	line-height: 3.4;
}

.index-contents-list__item-content {
	text-align: center;
	display: block;
	padding: 15px 0;
}

.index-contents-list__item-content img {
	height:50px;
}

.index-contents-list__text p {
	font-size:12px;
	line-height: 1.9;
}

/* 不動産売却 .takauru_area
---------------------------------------------------*/
.takauru_area {
	margin-bottom: 100px !important;
}

.takauru_area .takauru-link {
	color: #000;
	display: block;
	padding: 30px;
}

.takauru_area .takauru-link:hover {
	background: #F3F8FA;
}

.takauru_area .takauru-logo-info {
	display: flex;
	width: 100%;
	justify-content: center;
}

.takauru_area .takauru-ashirai {
	background-color: #334455;
	color: #fff;
	font-size: 14px;
	width: 120px;
	text-align: center;
}

.takauru_area .takauru-midashi {
	width: 100%;
	font-size: 20px;
	margin: 1em 0;
}

.takauru_area .takauru-logo {
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.takauru_area .takauru-logo .takauru-img {
	display: inline-block;
}

.takauru-img-wrap {
	position: relative;
	width: 280px;
	height: 340px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}

.takauru-img-wrap .takauru-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.takauru-link:hover .takauru-img-wrap .takauru-img:nth-of-type(2) {
	opacity: 0;
}

.takauru_area .takauru-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	padding-left: 40px;
}

.takauru_area .cta_button_span {
	font-size: 16px !important;
	width: 180px;
}


.index-new-property .js_list li.js_li_hidden {
	opacity: 0;
	height: 0;
	margin: 0;
}

.index-new-property .js_close_hidden {
	display:none;
}

.index-new-property .button_center {
	text-align: center;
	padding: 10px 20px 40px 20px;
}

.index-new-property .js_list li.js_li_hidden {
	opacity: 0;
	height: 0;
	margin: 0;
	z-index: -1;
	position: relative;
}

.index-new-property button.cta_button_button.js_more {
	margin: 0 10px;
}

.index-new-property button:focus {
	outline:0;
}

.index-new-property .button_center {
	text-align: center;
	padding: 10px 20px 40px 20px;
}

.index-new-property .cta_button_button {
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #42ae9b;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	margin: 0 10px;
	padding: 15px 60px;
	text-align: center;
	border: 1px solid #ccc;
}

.index-new-property .cta_button_more {
	background: #42ae9b;
	border: 1px solid transparent;
	color: #fff;
}

.index-new-property .cta_button_more::after {
	position: absolute;
	right: 12px;
	top: 11px;
	content: "\2b";
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}