@charset "utf-8";

/* =========================================================
  reset
========================================================= */

body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select {
	margin: 0;
	padding: 0;
}
body, input, select, textarea, th, td, li ,a {
	font-family: "メイリオ", "meiryo", "MS PGothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif;
}
body, input, select, textarea {
	color: #333;
	font-size: 14px;
	line-height: 1.7;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px; }
a,img { border: 0; }
ul, ol, dl, li, dt, dd { list-style: none; }
img { border: none; vertical-align: middle; }

a:link			{ color: #004cca; }
a:visited		{ color: #004cca; }
a:hover			{ color: #048ade; text-decoration: none;}
a:active		{ color: #048ade; }

/* =========================================================
  Contents
========================================================= */

.footer {
	font-size: 12px;
}
/* SPページの場合、PC版ヘッダー・フッターを表示しない */
@media screen and (max-width: 1000px) {
	.siteheadercontainer {
		display: none;
	}
	.footer {
		display: none;
	}
}

/* SP版ヘッダー・フッター */
.page_header_sp {
	display: none;
}
.pagetop_link_sp {
	display: none;
}
.page_footer_sp {
	display: none;
}
@media screen and (max-width: 1000px) {
	/* PC版ページトップボタン非表示用クラス */
	.inactive_in_sp {
		display: none;
	}
	/* ヘッダー */
	.page_header_sp {
		display: flex;
		align-items: center;
		height: 45px;
		background-color: #6fba2c;
		line-height: 1.3;
	}
	.page_header_sp .page_header_sp-logo {
		margin-left: 9px;
		object-fit: contain;
	}
	/* フッター */
	.pagetop_link_sp {
		display: block;
		padding: 18px 10px;
		text-align: right;
		border-top: 1px solid #ddd;
	}
	.pagetop_link_sp .pagetop_link_sp-link {
		position: relative;
		display: inline-block;
		padding-left: 23px;
		font-size: 12px;
		color: #333;
	}
	.pagetop_link_sp .pagetop_link_sp-link::after {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		background: url('/edit/series/mansion_honshi/img/lp_arrow_triangle_top_green.png')  no-repeat center/contain;
	}
	
	.page_footer_sp {
		display: block;
		background-color: #6ba439;
		padding: 20px 0 0;
	}
	.page_footer_sp .page_footer_sp-content {
		padding: 0 10px;
	}
	.page_footer_sp .page_footer_sp-content:not(:first-child) {
		margin-top: 20px;
	}
	.page_footer_sp .page_footer_sp-content_title {
		position: relative;
		padding-left: 10px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		border-left: 5px solid #fff;
	}
	.page_footer_sp .page_footer_sp-content_list {
		margin-top: 10px;
		font-size: 12px;
		color: #fff;
	}
	.page_footer_sp .page_footer_sp-content_list:not(:first-child) {
		margin-top: 12px;
	}
	.page_footer_sp .page_footer_sp-content_item {
		text-decoration: none;
		color: #fff;
	}
	.page_footer_sp .page_footer_sp-bottom {
		margin-top: 20px;
		padding: 10px 10px 65px;
		background-color: #47880f;
	}
	.page_footer_sp .page_footer_sp-bottom_copyright_img {
		width: 188px;
		height: 25px;
		object-fit: contain;
	}
	.page_footer_sp .page_footer_sp-bottom_group {
		display: block;
		margin-top: 10px;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
	}
}

/* パンくずリスト */
.honshi_breadcrumb {
	font-size: 12px;
	padding: 10px 0;
}
@media screen and (max-width: 1000px) {
	.honshi_breadcrumb {
		display: none;
	}
}
.honshi_breadcrumb--border {
	border-top: 1px solid #ccc;
}

.wrapper {
	width: 950px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
@media screen and (max-width: 1000px) {
	.wrapper {
		width: 100%;
		text-align: left;
		padding: 0;
	}
}

.content_wrapper.content_wrapper--layout {
	margin: 20px auto 40px;
}
@media screen and (max-width: 1000px) {
	.content_wrapper.content_wrapper--layout {
		margin: 0;
	}
}

/* mv */
.honshi_header .honshi_header-sp {
	display: none;
}
@media screen and (max-width: 1000px) {
	.honshi_header .honshi_header-pc {
		display: none;
	}
	.honshi_header .honshi_header-sp {
		display: block;
	}
	.honshi_header .honshi_header-sp_img {
		height: 100%;
		width: 100%;
	}
}

/* ページタイトル */
.honshi_catch_text_wrapper.honshi_catch_text_wrapper--layout {
	margin-top: 24px;
}

.honshi_catch_text {
	text-align: center;
	line-height: 2;
	font-size: 13px;
}

@media screen and (max-width: 1000px) {
	.honshi_catch_text_wrapper {
		padding: 0 16px;
	}
	.honshi_catch_text_wrapper.honshi_catch_text_wrapper--layout {
		margin-top: 16px;
	}

	.honshi_catch_text {
		text-align: left;
		line-height: 1.6;
	}
	
	.honshi_catch_text .honshi_catch_text-br_pc {
		display: none;
	}

}

/* 『不動産会社ガイド2023』の電子版化案内 */
.guide_info_wrapper.guide_info_wrapper--layout {
	margin-top: 30px;
}

.guide_info {
	background-color: #F3F4F5;
	border-radius: 4px;
}

.guide_info .guide_info-body {
	display: flex;
	gap: 36px;
	padding: 32px 48px 24px 66px;
}

.guide_info .guide_info-image_container {
	width: 220px;
	height: 318px;
}

.guide_info .guide_info-image {
	width: 100%;
	height: 100%;
}

.guide_info .guide_info-image_note {
	color: #666;
	font-size: 10px;
	margin-top: 8px;
	line-height: 1;
}

.guide_info .guide_info-image_note {
	color: #666;
	font-size: 10px;
	margin-top: 8px;
}

.guide_info .guide_info-link_wrapper {
	width: 100%;
	margin-top: 10px;
}

.guide_info .guide_info-electronic_title {
	color: #273E48;
	font-weight: bold;
	line-height: 1;
	font-size: 22px;
}

.guide_info .guide_info-electronic_title_free {
	font-size: 20px;
}

.guide_info .guide_info-subscription_note {
	color: #666;
	font-size: 10px;
	margin-top: 17px;
	line-height: 1.4;
}

.guide_electronic_list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 8px;
}

.guide_electronic_list.guide_electronic_list--layout {
	margin-top: 24px;
}

.guide_electronic_list .guide_electronic_list-item {
	width: calc(100% / 3 - 8px * 2 / 3);
	height: 56px;
	font-size: 16px;
}

.guide_electronic_list .guide_electronic_list-item.guide_electronic_list-item--other_area {
	width: calc(100% / 4 - 8px * 3 / 4);
	height: 49px;
	font-size: 14px;
}

.guide_electronic_list .guide_electronic_list-button {
	box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
    border-radius: 8px;
    box-shadow: 0px 1px 5px 0px #00000014, 0px 3px 1px -2px #0000000D, 0px 2px 2px 0px #0000000F;
    background-color: #fff;
    font-weight: bold;
    color: #333;
    text-decoration: none;
	line-height: 1;
}

.guide_electronic_list .guide_electronic_list-button:hover {
	opacity: .8;
}

.guide_electronic_list .guide_electronic_list-button::after {
	content: "";
	width: 14px;
    height: 14px;
    background: url(/edit/series/mansion_honshi/img/lp_link_icon.png) no-repeat center;
    background-size: contain;
    margin-left: 4px;
}

.guide_info .guide_info-subscription {
	border-top: 1px solid #CFD4D6;
	margin-top: 32px;
	padding-top: 32px;
}

.guide_info .guide_info-subscription_title {
	color: #273E48;
	font-weight: bold;
	line-height: 1;
}

.guide_subscription_list {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	line-height: 1;
}

.guide_subscription_list.guide_subscription_list--layout {
	margin-top: 16px;
}

.guide_subscription_list .guide_subscription_list-link {
	color: #0A6AC0;
}

.guide_subscription_list .guide_subscription_list-link:hover {
	color: #048ade;
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	.guide_info_wrapper.guide_info_wrapper--layout {
		margin-top: 24px;
	}

	.guide_info {
		border-radius: 0;
	}

	.guide_info .guide_info-body {
		flex-direction: column;
		gap: 24px;
		padding: 24px 16px 40px;
	}

	.guide_info .guide_info-image_wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.guide_info .guide_info-image_container {
		width: 145px;
		height: 209px;
	}

	.guide_info .guide_info-link_wrapper {
        margin-top: 0;
	}

	.guide_info .guide_info-electronic_title {
		text-align: center;
		font-size: 20px;
	}

	.guide_info .guide_info-electronic_title_free {
		font-size: 18px;
	}

	.guide_electronic_list {
		gap: 8px;
	}

	.guide_electronic_list.guide_electronic_list--layout {
		margin-top: 20px;
	}

	.guide_electronic_list .guide_electronic_list-item {
		width: 100%;
		height: 52px;
		position: relative;
	}

	.guide_electronic_list .guide_electronic_list-item.guide_electronic_list-item--other_area {
		width: calc(100% / 2 - 8px / 2);
		height: 50px;
	}

	.guide_electronic_list .guide_electronic_list-button::after {
		position: absolute;
		top: 50%;
		right: 18px;
		transform: translateY(-50%);
	}

	.guide_electronic_list .guide_electronic_list-button:hover {
		opacity: 1;
	}

	.guide_electronic_list .guide_electronic_list-button.is-hover {
		background-color: rgba(51, 51, 51, 0.1);
	}

	.guide_info .guide_info-subscription {
		margin-top: 23px;
		padding-top: 24px;
	}

	.guide_info .guide_info-subscription_note {
		margin-top: 16px;
	}

	.guide_subscription_list {
		gap: 20px;
	}
}