@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */
/* ==

　01. モジュール

=============================================================================== */
/* 見出し
------------------------------------------------------------------------------- */
.cmnHeading01 {
	position: relative;
	line-height: 1.6;
	margin: 0 0 60px;
	padding: 22px 0 22px;
	font-size: 300%;
	font-weight: 700;
	border-bottom: 1px solid #E5E4E0;
}
.cmnHeading01::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 124px;
	height: 3px;
	background-color: #CC3B33;
}
.cmnHeading02 {
	line-height: 1.6;
	margin: 60px 0 27px;
	font-size: 250%;
	font-weight: 700;
}
.cmnHeading02:first-child {
	margin-top: 0;
}
.cmnHeading03 {
	position: relative;
	line-height: 1.6;
	margin: 90px 0 30px;
	padding: 0 0 2px 43px;
	color: #CC3B33;
	font-size: 250%;
	font-weight: 700;
}
.cmnHeading03::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	bottom: 0;
	width: 6px;
	background-color: #CC3B33;
}
.cmnHeading04 {
	position: relative;
	margin: 50px 0 40px;
	padding: 0 0 0 43px;
	color: #CC3B33;
}
.cmnHeading04::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 6px;
	background-color: #CC3B33;
}
.cmnHeading04_tit {
	line-height: 1.6;
	margin: 5px 0 0;
	font-size: 250%;
	font-weight: 700;
}
.cmnHeading04_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 150%;
	font-weight: 400;
}
.cmnHeading05 {
	line-height: 1.6;
	margin: 50px 0 15px;
	color: #000;
	font-size: 150%;
	font-weight: 700;
}
.cmnHeading05:first-child {
	margin-top: 0;
}
.cmnHeading06 {
	line-height: 1.6;
	margin: 57px 0 38px;
	font-size: 300%;
	font-weight: 700;
}
.cmnHeading07 {
	position: relative;
	line-height: 1.6;
	margin: 55px 0 36px;
	padding: 0 0 0 38px;
	font-size: 200%;
	font-weight: 700;
}
.cmnHeading07-mt1 {
	margin-top: 85px;
}
.cmnHeading07:first-child {
	margin-top: 0;
}
.cmnHeading07::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 9px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #000;
}
.cmnHeading08 {
	line-height: 1.6;
	margin: 50px 0 17px;
	color: #3F3E3C;
	font-size: 200%;
	font-weight: 700;
}
.cmnHeading08:first-child {
	margin-top: 0;
}
.cmnHeading09 {
	line-height: 1.6;
	margin: 80px 0 20px;
	color: #CC3B33;
	font-size: 200%;
	font-weight: 700;
}
.cmnHeading09:first-child {
	margin-top: 0;
}
.cmnHeading10 {
	position: relative;
	line-height: 1.6;
	margin: 90px 0 20px;
	padding: 0 0 2px 33px;
	color: #CC3B33;
	font-size: 200%;
	font-weight: 700;
}
.cmnHeading10::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	bottom: 0;
	width: 6px;
	background-color: #CC3B33;
}
/* ボタン
------------------------------------------------------------------------------- */
.cmnBtn01 {
	margin: 50px 0 0;
	text-align: center;
}
.cmnBtn01 a {
	display: inline-block;
	line-height: 59px;
	padding: 0 36px 3px;
	border: 1px solid #CC3B33;
	border-radius: 4px;
	color: #CC3B33;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}
.d_hover .cmnBtn01 a:hover {
	background-color: #CC3B33;
	color: #fff;
}
/* コンバージョン
------------------------------------------------------------------------------- */
.cmnCv01 {
	margin: 100px 0 0;
	padding: 60px 15px 55px;
	background-color: #F5F4F0;
}
.cmnCv01_in {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse;
	max-width: 1240px;
	margin: 0 auto;
}
.cmnCv01_img {
	width: 57.823%;
	max-width: 717px;
}
.cmnCv01_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 42%;
}
.cmnCv01_tit {
	line-height: 1.6;
	margin: 0 0 25px;
	font-size: 200%;
	font-weight: 700;
}
.cmnCv01_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.cmnCv01_btn {
	display: block;
	max-width: 262px;
	line-height: 62px;
	margin: 36px 0 0;
	padding: 0 0 2px;
	border-radius: 4px;
	background-color: #CC3B33;
	color: #fff;
	font-size: 134%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}
.d_hover .cmnCv01_btn:hover {
	background-color: #B2B1AE;
}
@media only screen and (max-width: 1200px) { 
	.cmnCv01_txt br.devPcTbl {
		display: none;
	}
}
/* 関連情報
------------------------------------------------------------------------------- */
.cmnRelate01 {
	margin: 100px 0;
	padding: 0 15px;
}
.cmnRelate01_in {
	max-width: 1240px;
	margin: 0 auto;
}
.cmnRelate01_tit {
	line-height: 1.6;
	margin: 0 0 46px;
	color: #3F3E3C;
	font-size: 250%;
	font-weight: 700;
}
.cmnRelate02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	background-color: #F5F4F0;
}
.cmnRelate02_img {
	width: 50%;
}
.cmnRelate02_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 50%;
	padding: 30px 60px;
	box-sizing: border-box;
}
.cmnRelate02_tit {
	max-width: 330px;
	line-height: 1;
	margin: 0 0 30px;
}
.cmnRelate02_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
.cmnRelate02_btn {
	display: inline-block;
	line-height: 1;
	margin: 25px 0 0;
	color: #CC3B33;
	font-size: 134%;
	font-weight: 700;
	text-decoration: none;
}
.cmnRelate02_btn::after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 0 0 10px;
	background: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw02.svg) center center no-repeat;
	background-size: contain;
	vertical-align: -0.3em;
}
.cmnRelate01_list {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 60px 0 0;
}
.cmnRelate01 li {
	width: 32.51%;
	max-width: 403px;
}
.cmnRelate01 li::after {
	content: "";
	display: block;
	width: 32.51%;
}
.cmnRelate01_list a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
}
.cmnRelate01_img {
	display: block;
}
.cmnRelate01_stit {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	line-height: 1;
	color: #fff;
	font-size: 200%;
	font-weight: 500;
	transform: translate(0, -50%);
	text-align: center;
}
.cmnRelate01_txt {
	position: absolute;
	right: 20px;
	bottom: 23px;
	line-height: 1;
	margin: 0;
	color: #fff;
	font-size: 134%;
	font-weight: 500;
}
.cmnRelate01_txt::after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 0 0 10px;
	background: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: -0.3em;
}
@media only screen and (max-width: 1240px) {
	.cmnRelate02_info {
		padding: 25px 45px;
	}
	.cmnRelate02_tit {
		max-width: 290px;
		margin: 0 0 25px;
	}
	.cmnRelate02_txt  {
		font-size: 125%;
	}
	.cmnRelate02_txt br {
		display: none;
	}
	.cmnRelate02_btn {
		margin: 20px 0 0;
		font-size: 125%;
	}
}
@media only screen and (max-width: 1100px) {
	.cmnRelate02_info {
		padding: 20px 35px;
	}
	.cmnRelate02_tit {
		max-width: 250px;
		margin: 0 0 20px;
	}
	.cmnRelate02_txt  {
		font-size: 117%;
	}
	.cmnRelate02_btn {
		margin: 15px 0 0;
		font-size: 117%;
	}
	.cmnRelate02_btn::after {
		vertical-align: -0.4em;
	}
}
/* ブロック
------------------------------------------------------------------------------- */
.cmnBlock02 {
	margin: 36px 0;
	overflow: hidden;
}
.cmnBlock02_in {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -30px -0.68% 0;
}
.cmnBlock02_item {
	width: -webkit-calc(33.333% - 1.36%);
	width: calc(33.333% - 1.36%);
	margin: 30px 0.68% 0;
}
.cmnBlock02_img {
	display: block;
	margin: 0 0 23px;
}
.cmnBlock02_img:last-child {
	margin-bottom: 0;
}
.cmnBlock02_tit {
	line-height: 1.6;
	margin: 0 0 9px; 
	font-size: 150%;
	font-weight: 700;
	text-align: center;
}
.cmnBlock02_tit:last-child {
	margin-bottom: 0;
}
.cmnBlock02_txt {
	line-height: 1.6;
	margin: 0 0 10px; 
	font-size: 134%;
	font-weight: 400;
	text-align: center;
}
.cmnBlock03 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.cmnBlock03_item {
	width: 47.58%;
}
.cmnBlock04 {
	margin: 40px auto;
}
/* 背景
------------------------------------------------------------------------------- */
.cmnBg01 {
	margin: 100px 0;
	padding: 100px 15px;
	background-color: #F5F4F0;
}
.cmnBg01_in {
	max-width: 1240px;
	margin: 0 auto;
}
/* 強調
------------------------------------------------------------------------------- */
.cmnEm01 {
	color: #CC3B33;
	font-weight: 700;
}
.cmnEm02 {
	color: #00A040;
	font-weight: 700;
}
/* 注釈
------------------------------------------------------------------------------- */
.cmnNote01 {
	margin: 0 0 0 1em;
	color: #807F7D;
	font-size: 84%;
	font-weight: 400;
	text-indent: -1em;
}
.cmnNote02 {
	margin: 0;
	color: #807F7D;
	font-size: 84%;
	font-weight: 400;
}
.cmnNote03 {
	margin: 0 0 0 1em;
	color: #807F7D;
	font-size: 84%;
	font-weight: 400;
	text-indent: -1em;
}
.cmnNote04 {
	margin: 0 0 0 1em;
	color: #807F7D;
	font-size: 84%;
	font-weight: 500;
	text-indent: -1em;
}
.cmnNote05 {
	margin: 0;
	color: #807F7D;
	font-size: 84%;
	font-weight: 400;
	text-align: right;
}
.cmnNotes01 {
	color: #807F7D;
	font-size: 84%;
	font-weight: 400;
}
.cmnNotes01 li {
	margin: 0 0 0 1em;
	text-indent: -1em;	
}
/* リスト
------------------------------------------------------------------------------- */
.cmnList01 {
	line-height: 1.6;
	font-size: 134%;
	font-weight: 400;
}
.cmnList01 li {
	position: relative;
	margin: 8px 0 0;
	padding: 0 0 0 17px;
}
.cmnList01 li:first-child {
	margin-top: 0;
}
.cmnList01 li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.7em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #000;
}
/* 土地活ラボ
------------------------------------------------------------------------------- */
.cmnSouken01 {
	margin: 0 0 100px;
	padding: 0 15px;
}
.cmnSouken01_in {
	max-width: 1240px;
	margin: 0 auto;
}
.cmnSouken01_tit {
	line-height: 1.5;
	margin: 0 0 40px;
	padding: 10px 20px 11px;
	background-color: #404042;
	color: #fff;
	font-size: 184%;
	font-weight: 700;
}
.cmnSouken01_stit {
	line-height: 1.75;
	margin: 0 0 15px;
	font-size: 167%;
	font-weight: 700;
	text-align: center;
}
.cmnSouken01_lead {
	line-height: 1.6;
	margin: 0 0 50px;
	font-size: 134%;
	font-weight: 400;
	text-align: center;
}
.idList {
	display: -webkit-box;
	display: flex;
}
.idList_item {
	width: 23.791%;
	max-width: 295px;
	margin: 0 1.612% 0 0;
	background-color: #f4f4f4;
	cursor: pointer;
	transition: opacity .3s;
}
.idList_item:nth-child(4n) {
	margin-right: 0;
}
.idList_thumb {
	display: block;
	position: relative;
}
.idList_item-tag .idList_thumb {
	transition: 0.3s;
}
.idList_item.idList_item-hover,
.idList_thumb.idList_thumb-hover {
	opacity: 0.6;
}
.idList_thumb-movie::before {
	display: inline-block;
	z-index: 1;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 27px;
	height: 26px;
	background-image: url(/tochikatsu/souken/images/rn03/icon_movie01.svg);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}
.idList_info {
	padding: 19px 20px 20px;
}
.tckColumn02_info > div {
	position: relative;
	margin: 0 0 14px;
	padding: 0 0 34px;
}
.idList_tit {
	display: block;
	line-height: 1.666;
	margin: 0 0 12px;
	font-size: 134%;
	font-weight: 700;
	text-decoration: none;
}
.idList_item-tag .idList_tit {
	transition: 0.3s;
}
.idList_item-tag .idList_tit:hover {
	opacity: 0.6;
}
.idList_txt {
	display: block;
	line-height: 1.666;
	margin: 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.idList_footer {
	display: -webkit-box;
	display: flex;
	justify-content: flex-end;
	margin: 14px 0 16px;
	color: #666;
}
.idList_cate {
	margin: 0;
	font-size: 92%;
	font-weight: 400;
}
.idList_date {
	margin: 0;
	font-size: 92%;
	font-weight: 400;
}
.idList_tags {
	line-height: 1;
	margin: -8px 0 0;
	font-size: 100%;
	font-weight: 400;
	letter-spacing: -0.5em;
}
.idList_tags li {
	display: inline-block;
	margin: 8px 8px 0 0;
	vertical-align: top;
	letter-spacing: normal;
}
.idList_tags a {
	display: block;
	border: 1px solid #ccc;
	padding: 5px 8px 6px;
	color: #000;
	text-decoration: none;
}