@charset "shift_jis";
/*-----------------------------------------------
	編集可能なファイルです。
-----------------------------------------------*/
h2.cms_h2 {
	margin: 10px auto 20px auto;
	position: relative;
	padding-bottom: 0.7em;
	border-bottom: 4px solid #DDD;
	display: inline-block;
	width: 100%;
	line-height: 25px;
}
h2.cms_h2:after {
	position: absolute;
	content: ' ';
	border-bottom: solid 4px #042455;
	bottom: -4px;
	width: 13%;
	display: block;
	left: 0px;
}
.container {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
}
.maincontents {
	width: 780px;
	float: left;
}
.side {
	width: 200px;
	float: right;
}
.cms_back {
	text-align: left;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
}
.cms_back a {
	color: #004CD3;
	line-height: 18px;
}
.cms_back a:hover {
	text-decoration: none;
	color: #999999;
}
/*-----------------------------------------------
 .info_ma　/info/ インフォメーション
-----------------------------------------------*/
.info_ma {
	overflow: hidden;
	clear: both;
	width: 780px;
	margin: 30px auto 0;
}
.info_ma .cms_li_box {
	margin-bottom: 20px;
}
.info_ma ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info_ma_list li {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.info_ma h2 a {
	float: left;
}
.info_ma h2 span {
	display: block;
	font-size: 13px;
}
.info_ma h2 p {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 42px;
	float: right;
}
.info_ma_list h3 {
	width: 100%;
	color: #FFF;
	margin: 0px;
	padding: 5px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	display: block;
	top: 205px;
	box-sizing: border-box;
	z-index: 1;
}
.info_ma_list h3 a {
	color: #FFF;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.info_ma_list h3 a:hover {
	text-decoration: underline;
}
.info_ma_list h3 span {
	font-size: 12px;
	font-weight: normal;
}
.info_ma p {
	line-height: 27px;
	font-size: medium;
}
.info_ma p a {
	color: #006dd9;
	text-decoration: underline;
}
.info_ma p img {
	vertical-align: middle !important;
}
.info_ma_pager {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.info_ma_pager ul {}
.info_ma_pager li {
	float: left;
}
.info_ma_pager li a {
	color: #333;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border: solid 1px #CCC;
	background: #FFF;
	display: block;
	font-weight: bold;
}
.info_ma_pager li a:hover {
	background: #DDD;
}
.info_ma_right {
	width: 200px;
	margin: 0px 0px 0px 20px;
	padding: 0;
	float: right;
}
.info_ma_right iframe {
	border: none;
	width: 200px;
	vertical-align: bottom;
	margin-bottom: -20px;
}
.info_ma h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 0 0 20px 0;
	padding: 10px 15px;
	height: auto;
	overflow: hidden;
	border-bottom: solid 2px #DDD;
}
.info_ma h2 p {
	line-height: 30px;
}
.info_ma_list {
	padding: 0px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
	margin-bottom: 20px !important;
}
.info_ma_list div {
	float: none !important;
}
.info_ma_list .info_ma_list {
	height: 250px;
	overflow: hidden;
	background: url("/img_cms/no-image.gif") no-repeat;
	background-size: cover;
	display: block;
	margin-bottom: 0px !important;
}
.info_ma_list a {
	display: block;
}
.info_ma_list li:hover img {
	transform: scale(1.1);
}
.info_ma_list a img {
	min-width: 100%;
	height: 250px;
	object-fit: cover;
	font-family: 'object-fit: cover';
	transition: 0.3s;
}
.info_ma_list p {
	margin: 10px 0px 0px 0px;
	padding: 0;
	line-height: 24px;
}
.info_ma_thema {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}
.info_ma_thema ul {
	margin: 0;
	display: flex;
	align-items: self-start;
	gap: 0px 3px;
}
.info_ma_thema ul li {
	border: solid 1px #aaa;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #fff;
	width: auto;
	height: auto;
	margin: 0px;
	white-space: nowrap;
}
.info_shosai_thema ul li {
	border: solid 1px #aaa;
	padding: 3px 10px;
	margin-right: 5px;
	font-size: 12px;
	border-radius: 5px;
	background-color: #fff;
}
.info_shosai_thema ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	display: flex;
}
/*-----------------------------------------------
   一覧シンプル表示　日付・タイトルのみ
   -----------------------------------------------*/
.cms_li_box {
	margin: auto;
	text-align: left;
}
.cms_li_box ul li a {
	font-size: 14px;
	display: block;
	box-sizing: border-box;
	line-height: 60px;
	padding: 0 30px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	display: flex;
	align-items: baseline;
}
.cms_li_box ul li:nth-child(odd) a {
	background: #F5F5F5;
}
.cms_li_box ul li a:hover {
	background: #DDDDDD;
}
.cms_li_box ul li a span {
	font-weight: 500;
	width: 23%;
}
.cms_li_box ul li a p {
	width: 100%;
	line-height: 28px;
}
/*-----------------------------------------------
   ここまで
   -----------------------------------------------*/
/*-----------------------------------------------
	.info_li　/info/ インフォメーション
   -----------------------------------------------*/
/*----------一覧----------*/
.info_li {
	width: 100%;
	margin: 0;
	padding-bottom: 100px;
	overflow: visible;
	background: #f3f2ea;
	/* Grid of articles */
	& .info_li_box {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 48px 40px;
		list-style: none;
		padding: 80px 0px 0px;
		margin: auto;
		width: 1100px;
		&>li.info_link {
			width: 100%;
			display: block;
			position: relative;
			border-radius: 4px;
			overflow: hidden;
			transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
			&:hover {
				transform: translateY(-6px);
				box-shadow: 0 20px 50px -15px rgba(44, 74, 62, 0.18);
				& h3 {}
				& .info_card-meta::after {
					transform: translateX(6px);
				}
			}
			/* Image area ? placeholder backgrounds */
			& .info_li_img {
				display: flex;
				flex-direction: column;
				align-items: center;
				height: 280px;
				overflow: hidden;
				position: relative;
				&>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
		/* Title ? 2-line clamp for consistent height */
		& h3 {
			padding: 24px 28px 0;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.7;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			height: 78px;
			overflow: hidden;
			box-sizing: border-box;
		}
	}
	/* Theme tags - top left */
	& .info_li_thema {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 2;
		& p {
			display: flex;
			gap: 6px;
			list-style: none;
			margin: 0;
			padding: 0;
			& label {
				background: #fff;
				padding: 5px 12px;
				font-size: 11px;
				font-weight: 500;
				letter-spacing: 0.05em;
				border-radius: 2px;
				border: none;
				width: auto;
				height: auto;
				white-space: nowrap;
				border: 1px solid #e5e2da;
			}
		}
	}
	/* Outer card link covers the entire li */
	& .info_card-link {
		display: block;
		text-decoration: none;
		color: #000;
		height: 100%;
		background: #fff;
		&:hover {
			text-decoration: none;
		}
	}
	/* Card footer with date + read more */
	& .info_card-meta {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 12px;
		letter-spacing: 0.1em;
		margin: 16px 28px 24px;
		padding-top: 14px;
		border-top: 1px solid #e5e2da;
		&::after {
			content: 'Read more →';
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 0.1em;
			transition: transform 0.3s ease;
		}
	}
	.blog_foot {
		overflow: hidden;
		width: 1100px;
		margin: auto;
	}
}
/*----------詳細----------*/
.info_detail {
	padding: 10px 0px 80px;
	background: #f3f2ea;
	.info_detail_inner {
		width: 1100px;
		margin: auto;
		/* Theme tags */
		& .info_shosai_thema {
			margin-bottom: 28px;
			& ul {
				display: flex;
				gap: 8px;
				list-style: none;
				margin: 0;
				padding: 0;
				& li {
					background: #fff;
					border: 1px solid #000;
					padding: 5px 14px;
					font-size: 11px;
					font-weight: 500;
					letter-spacing: 0.08em;
					border-radius: 2px;
					white-space: nowrap;
				}
			}
		}
		/* Article title */
		& h2 {
			font-size: 32px;
			font-weight: 700;
			line-height: 1.5;
			letter-spacing: 0.02em;
			margin-bottom: 24px;
			padding-bottom: 32px;
			border-bottom: 1px solid #dcdcdc;
			display: flex;
			flex-direction: column;
			gap: 12px;
			& span {
				font-size: 12px;
				font-weight: 400;
				letter-spacing: 0.15em;
				order: -1;
			}
		}
	}
	.pan_wrap {
		width: 1100px;
		margin: 10px auto 50px;
	}
	.page_next {
		overflow: hidden;
		margin-bottom: 60px;
		background: #fff;
	}
	.blog_foot {
		overflow: hidden;
	}
}
.header_title {
	display: block;
	font-weight: bold;
	line-height: 16px;
	border-bottom: 1px dashed #CCC;
	color: #333;
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 1px;
}
.cms_blogparts {
	text-align: center;
}
.cms_blogparts .header {
	height: 40px;
	padding-top: 0;
}
ul.body_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.body_list li {
	position: relative;
	background: #dcdac5;
	margin-bottom: 5px;
	line-height: 24px;
	padding: 0;
	border-bottom: none;
	border-left: none;
}
ul.body_list li.list_nolink {
	padding: 1px 5px;
}
ul.body_list li a {
	display: block !important;
	padding: 1px 5px !important;
	color: #333 !important;
	text-decoration: none !important;
	position: relative !important;
}
ul.body_list li a:hover {
	background: #CCC;
}
.info_ma .list_nolink {
	padding: 1px 5px;
	color: #999;
}
.info_ma .cal_link a {
	display: block;
	background: #EAF4FF;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.info_ma .cal_link a:hover {
	background: #004E9E;
	color: #fff;
}
.info_foot {}
.info_foot_l,
.info_foot_r {
	width: 48%;
	float: left;
}
.info_foot_l {
	margin-right: 4%;
}
.maincontents a {}
table.postresult {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.tablenormal span {
	background-color: #eee;
	display: block;
	padding: 5px 0;
	color: #999;
	text-align: center;
}
.tablenormal {
	display: block;
	font-weight: bold;
	line-height: 16px;
	border-bottom: 1px dashed #CCC;
	color: #333;
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.tablenormal img {
	display: none;
}
.tablenormal a {
	display: block;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	border-bottom: dotted 1px #ddd;
	color: #333;
	text-decoration: none;
}
.tablenormal a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------
 title
-----------------------------------------------*/
.cms-li-header {
	background: #fff;
	border-bottom: 1px solid #e0ddd5;
	padding: 10px 40px 32px;
	line-height: 1.6;
	.cms-page-header-inner {
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cms-page-label {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.15em;
		color: #888;
		text-transform: uppercase;
		margin-bottom: 6px;
	}
	.cms-page-title {
		font-size: 26px;
		font-weight: 700;
		color: #1a1a1a;
		letter-spacing: 0.04em;
	}
	.cms-page-count {
		margin-top: 8px;
		font-size: 13px;
		color: #888;
	}
	.cms-header-search {
		max-width: 500px;
	}
	.cms-search-block {
		.cms-search-label {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.08em;
			color: #555555;
			margin-bottom: 6px;
		}
	}
	.cms_keysearch_form {
		display: flex;
		gap: 8px;
		& input {
			width: 280px;
			height: 40px;
			padding: 0 14px;
			font-size: 13px;
			font-family: inherit;
			color: #1a1a1a;
			background: #f4f4f2;
			border: 1px solid #e3e3df;
			outline: none;
			transition: border-color 0.15s, background 0.15s;
		}
	}
	.cms_keysearch_icon {
		height: 40px;
		padding: 0 22px;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0.06em;
		color: #fff;
		background: #333333;
		border: none;
		cursor: pointer;
		font-family: inherit;
		transition: background 0.15s;
		&:hover {
			background: #1a1a1a;
		}
	}
	.cms-keyword-tags ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		& li {}
		& a {
			display: inline-block;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.06em;
			color: #555555;
			background: #f0f0ed;
			border: 1px solid #d4d4cf;
			padding: 5px 12px;
			text-decoration: none;
			transition: all 0.15s;
			&:hover {
				border-color: #555555;
				color: #333333;
			}
			&.is-active {
				color: #fff;
				background: #555555;
				border-color: #555555;
			}
		}
	}
	.pan_wrap {
		margin: 0px auto 20px;
		width: 1100px;
	}
}
/* 調整 */
.staff8_shosai_txt p:not(:empty) {
	background: #fff;
}

/* 売却査定フォーム　調整 */
.form_subttl p{
	background: unset;
}