@charset "utf-8";
/* CSS Document */

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ コンテンツ --------------*/

/*J-REITの仕組み*/
.structure{
	margin-bottom: 5rem;
}
.structure__txt{
	font-size: 1.3rem;
	line-height: 1.4;
	margin-bottom: 2rem;
}
.w-scroll .structure__main_img {
    width: 600px;
}

/*J-REITの特徴*/
.j-feature{
	margin-bottom: 7rem;
}
.j-feature__blk{
	background-color: #EAEAEA;
	padding:2rem;
	margin: 5rem 0 ;
}
.j-feature__icon{
	width: 28%;
}
.j-feature__subttl{
	margin-top: -3.5rem;
}
.j-feature__subttl span{
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--main-color);
	padding: 1.0rem 0 2.0rem;
}
.j-feature__txt{
	font-size: 1.3rem;
	line-height: 1.4;
}
.j-feature__point{
	display: flex;
	flex-flow: row wrap;
	justify-content:center;
	margin: 2rem auto 0;
	padding:2rem 0;
	width: 100%;
	background-color: #fff;
}
.j-feature__point_li{
	width: 42%;
	margin: 0;
	padding: 0 0 0.5rem;
}
.j-feature__point_txt{
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.4;
	margin-top: 0.5rem;
}
.j-feature__list{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	padding:0;
	width: 100%;
}
.j-feature__list_li{
	width: 100%;
	margin: 2rem 0 0;
	padding: 0;
	background-color: #fff;
}
.j-feature_risk{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: -1.5rem auto 0;
	padding:0;
	width: 100%;	
}
.j-feature_risk__blk{
	width: 100%;
	background-color: #EAEAEA;
	padding:2rem;
	margin: 1.7rem 0;
}
.j-feature__icon_risk{
	width: 32%;
}
.j-feature_risk__subttl{
	margin-top: -3.5rem;
}
.j-feature_risk__txt{
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.4;
	color: #80254E;
	margin-top: 1rem;
}


/*------------------------------------------
PC画面
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ コンテンツ --------------*/

	/*J-REITの仕組み*/
	.structure{
		margin-bottom: 10rem;/**/
	}
	.structure__txt{
		font-size: 1.7rem;/**/
		line-height: 1.6;/**/
		margin-bottom: 5rem;/**/
	}
	.w-scroll .structure__main_img {
		width: 100%;/**/
	}

	/*J-REITの特徴*/
	.j-feature{
		margin-bottom: 9rem;/**/
	}
	.j-feature__blk{
		padding:3rem;/**/
		margin: 9rem 0;/**/
	}
	.j-feature__icon{
		width:120px;/**/
	}
	.j-feature__subttl{
		margin-top: -6.0rem;/**/
	}
	.j-feature__subttl span{
		display:inline-block;/**/
		/*font-size: 2.4rem;*/
		font-size: calc(16px + 10 * ((100vw - 768px) / 1152));/**/
		padding: 1.5rem 0 1.5rem 1.5rem;/**/
	}
	.j-feature__txt{
		font-size: 1.7rem;/**/
		line-height: 1.6;/**/
		margin-top: 2.0rem;/**/
	}
	.j-feature__point{
		margin: 2.5rem auto 0;/**/
		padding:3rem 0 2rem;/**/
	}
	.j-feature__point_li{
		width: 16%;/**/
	}
	.j-feature__point_txt{
		font-size: 1.6rem;/**/
	}
	.j-feature__list_li{
		width: 48%;/**/
	}
	.j-feature_risk__blk{
		width: 48%;/**/
		padding:3rem 3rem 2rem;/**/
	}
	.j-feature__icon_risk{
		width:140px;/**/
	}
	.j-feature_risk__subttl{
		margin-top: -5.5rem;/**/
	}
	.j-feature_risk__txt{
		font-size: 2.3rem;/**/
		line-height: 1.6;/**/
	}
	
}

/*------------------------------------------
PC画面（1200px以上）
------------------------------------------*/
@media screen and (min-width: 1200px) {
	
	/*------------ コンテンツエリア --------------*/

}