@charset "UTF-8";

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ タイトル --------------*/
.about_ttl{
	width:100%;
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: /*9rem*/1rem auto 3rem;
	font-weight:900;
	letter-spacing: 0.2rem;
}

/*------------ メインロゴ --------------*/
.about_mainlogo {
	width: 90%;
	text-align: center;
	margin: 0 auto 4rem;
}
.about_mainlogo__img {
	width: 80%;
	margin: 0 auto 3rem;
}
.about_mainlogo__txt{
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight:500;
	text-align: left;
}
.about_mainlogo__txt br{
	display: none;
}

/*------------ 動画解説 --------------*/
.about_mov {
	display: block;
	width:90%;
	outline: 1px solid #fff;
	outline-offset: -0.5rem;
	padding:0.5rem;
	background:linear-gradient(to left,#836300,#dec074);
	margin: 0 auto 1rem;
}
.about_mov__list{
	display: flex;
	align-items:center;
	justify-content:space-between;
}
.about_mov_list_h{
	width:50%;
	text-align: center;
}
.about_mov_list_txt{
	color:#fff;
	font-size: 1.5rem;
	font-weight: 700;
}
.about_mov_list_logo{
	width:90%;
	margin:0 auto;
}

/*------------ お問い合わせ・資料請求 --------------*/
.about_contact__link {
	display: block;
	width:90%;
	outline: 1px solid #fff;
	outline-offset: -0.5rem;
	padding:1rem;
	color:#fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	background:linear-gradient(to left,#836300,#dec074);
	margin: 0 auto 3rem;
}
.about_contact__link:hover {
	background:linear-gradient(to left,#6c5200,#bb9f57);
	color:#ddd;
}

/*------------ 不動産投資商品 --------------*/
.about_invest__ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 0 auto 1rem;
	font-weight:900;
	letter-spacing: 0.2rem;
}
.about_invest__aside{
	font-size: 1.3rem;
	text-align: center;
}
.about_brief{
	text-align: center;
	background-color: #f4e8da;
	margin:3rem auto 2rem;
	padding:1rem 2rem 2rem;
}
.about_brief__ttl{
	font-size: 1.5rem;
	color:#00508f;
	margin-bottom:2rem;
}
.about_value{
	text-align: center;
	background-color: #e6ebee;
	margin:0 auto 0.5rem;
	padding:1rem 2rem 2rem;
}
.about_value__ttl{
	font-size: 1.5rem;
	color:#00508f;
	margin-bottom:2rem;
}
.about_value__aside{
	font-size: 1.3rem;
}
.about_comp{
	text-align: center;
	background-color: #f4e8da;
	margin:2rem auto 0.5rem;
	padding:0;
}
.about_comp__ttl{
	padding:1rem 0;
	font-size: 1.5rem;
	background-color: #00508f;
	color: #fff;
}
.about_comp__detail{
	margin:2rem 1.5rem;
	padding-bottom: 2rem;
}
.about_comp__detail:first-of-type{
	border-bottom: 1px solid #00508f;
}
.about_comp__txt{
	font-size: 1.5rem;
	color: #00508f;	
}
.about_comp__img{
	width:100%;
}
.about_tax__ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 3rem auto 1.5rem;
	font-weight:900;
	letter-spacing: 0.2rem;
}
.about_tax_list_txt{
	font-size: 1.5rem;
	line-height: 1.4;
}
.about_tax_list_r{
	text-align: center;
	padding:0 1.5rem 2.5rem;
	background-color: #e6ebee;
	margin:2rem 0;
}
.about_tax__subttl{
	font-size: 1.8rem;
	color:#00508f;
	font-weight:900;
	padding: 1.5rem 0;
}


/*------------ ザ・シティシェアの仕組み --------------*/
.about_system__ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 3rem auto 2rem;
	font-weight:900;
	letter-spacing: 0.2rem;
}
.about_system__img{
	margin-bottom: 3rem;
}
.about_system__block{
	width:100%;
	border:2px solid #8c7d33;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
	padding:1.3rem;
}
.about_system__block_ttl{
	font-size: 1.5rem;
	color:#fff;
	background-color: #a99040;
	padding:0.3rem 0.5rem 0.3rem 2.5rem;
	background-repeat: no-repeat;
	background-position: 0.5rem 0.5rem;
	background-size: 1.8rem ;
}
.about_system__block_ttl.num01{
	background-image: url("../images/system/share_num01.svg");
}
.about_system__block_ttl.num02{
	background-image: url("../images/system/share_num02.svg");
}
.about_system__block_ttl.num03{
	background-image: url("../images/system/share_num03.svg");
}
.about_system__block_ttl.num04{
	background-image: url("../images/system/share_num04.svg");
}
.about_system__block_ttl.num05{
	background-image: url("../images/system/share_num05.svg");
}
.about_system__block_ttl.num06{
	background-image: url("../images/system/share_num06.svg");
}
.about_system__block_txt{
	font-size: 1.5rem;
	margin-top: 1rem;
	line-height: 1.5;
	text-align: justify;
}
.about_system__law{
	border: 2px solid #222;
	margin:3rem 0 5rem;
}
.about_system__law_ttl{
	font-size: 1.8rem;
	color:#15518b;
	border-bottom: 1px solid #222;
	padding:1rem 1.5rem;
}
.about_system__law_ttl span{
	width: 100%;
	display: block;
	font-size: 1.3rem;
	font-weight: normal;
	border-top: 1px solid #222;
	padding-top: 0.5rem;
	margin-top: 0.5rem;
}
.about_system__law_txt{
	font-size: 1.4rem;
	padding:1.5rem;
}


/*------------ タイトル --------------*/
.system_ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 3rem auto;
	font-weight:900;
	letter-spacing: 0.3rem;
}

/*------------ メインビジュアル --------------*/
.system_main {
	width: 100%;
	margin: 8rem 0 3rem;
}

/*------------ ザ・シティシェアの特徴 --------------*/
.system_feature {
	margin-bottom: 4rem;
}
.system_feature_block{
	margin-top: 2rem;
}
.system_feature_subttl{
	width:100%;
	font-size: 1.7rem;
	font-weight: 700;
	color:#fff;
	border-radius: 1rem;
	padding:1rem;
	background-color:#ceb77d;
}
.system_feature_txt{
	width:100%;
	font-size: 1.6rem;
	padding:1rem 1rem 1.5rem;
	line-height: 1.4;
}
.system_feature_aside{
	padding-top: 0.7rem;
	font-size: 1.3rem;
}

/*------------ お奨め --------------*/
.system_recommend {
	margin-bottom: 4rem;
}
.system_recommend__ttl{
	width:90%;
	margin: 0 auto 1rem;
}
.system_recommend__detail{
	width:100%;
	margin: 0 auto 3rem;
}

/*------------ お問い合わせ・資料請求 --------------*/
.system_contact__link {
	display: block;
	width:80%;
	outline: 1px solid #fff;
	outline-offset: -0.5rem;
	padding:1rem;
	color:#fff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	background:linear-gradient(to left,#836300,#dec074);
	margin: 0 auto 6rem;
}
.system_contact__link:hover {
	background:linear-gradient(to left,#6c5200,#bb9f57);
	color:#ddd;
}

/*------------ 投資の魅力タイトル --------------*/
.system_appeal__ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 0 auto 3rem;
	font-weight:900;
	letter-spacing: 0.3rem;
}

/*------------ 投資の魅力 --------------*/
.system_appeal{
	border:1px solid #64bfaa;
	border-radius: 2rem;
	padding:3rem 1rem;
	margin-bottom: 5rem;
}
.system_appeal__block{
	margin-bottom: 2.5rem;
}
.system_appeal__list{
	display: flex;
	align-items:flex-start;
	justify-content:space-between;
}
.system_appeal__list_l{
	width:27%;
}
.system_appeal__list_ttl{
	width: 100%;
	color: #fff;
	font-size: 5vw;
	padding: 2.5rem 1.5rem;
	text-align: center;
	background-color: #00a7a5;
	margin-bottom: 1rem;
}
.system_appeal__list_r{
	width:70%;
}
.system_appeal__list_sub{
	color:#00508f;
	font-size: 1.7rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}
.system_appeal__list_sub br{
	display: none;
}
.system_appeal__list_txt{
	font-size: 1.5rem;
	line-height: 1.6;
	text-align: justify;
}
.system_appeal__list_aside{
	font-size: 1.3rem;
	margin-top: 0.8rem;
}


/*------------------------------------------
PC画面/pc
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ タイトル --------------*/
	.about_ttl{
		margin-top: /*200px*/60px;/**/
		font-size: 3.2rem;/**/
	}
	.about_ttl__br{
		display: none;
	}
	
	/*------------ メインロゴ --------------*/
	.about_mainlogo {
		width: 100%;/**/
		margin: 4rem auto 6rem;/**/
	}
	.about_mainlogo__img {
		width: 50%;/**/
		margin: 0 auto 5rem;/**/
	}
	.about_mainlogo__txt{
		font-size: 1.7rem;/**/
		font-weight:700;/**/
		text-align: center;/**/
	}
	.about_mainlogo__txt br{
		display: block;/**/
	}
	
	/*------------ 動画解説 --------------*/
	.about_mov {
		width:80%;/**/
		outline-offset: -1rem;/**/
		padding:1rem;/**/
	}
	.about_mov_list_txt{
		font-size: 2.6rem;/**/
	}
	
	/*------------ お問い合わせ・資料請求 --------------*/
	.about_contact__link {
		width:80%;/**/
		outline-offset: -1rem;/**/
		padding:1.2rem 0 1.5rem;/**/
		font-size: 2.4rem;/**/
		margin: 2.5rem auto 6rem;/**/
	}

	/*------------ 不動産投資商品 --------------*/
	.about_invest__ttl{
		font-size: 3.2rem;/**/
		white-space: nowrap;/**/
	}
	.about_invest__aside{
		text-align: right;/**/
	}
	.about_brief{
		margin:6rem auto 2rem;/**/
		padding:3rem 15% 4rem;/**/
	}
	.about_brief__ttl{
		font-size: 2rem;/**/
		margin-bottom:3rem;/**/
	}
	.about_value{
		margin:4rem auto 1rem;/**/
		padding:2rem 15% 3rem;/**/
	}
	.about_value__ttl{
		font-size: 2rem;/**/
		margin-bottom:3rem;/**/
	}
	.about_value__aside{
		text-align: right;/**/
	}
	.about_value__aside{
		font-size: 1.3rem;/**/
	}
	.about_comp{
		margin:4rem auto 1.5rem;/**/
	}
	.about_comp__ttl{
		font-size: 2rem;/**/
	}
	.about_comp__list{
		display: flex;/**/
		align-items:center;/**/
		justify-content:center;/**/
	}
	.about_comp__detail{
		width:50%;/**/
		margin:2rem 0;/**/
		padding: 1rem 4rem 1rem 2rem;/**/
	}
	.about_comp__detail:first-of-type{
		border-bottom: none;/**/
		border-right: 1px solid #00508f;/**/
	}
	.about_comp__txt{
		font-size: 1.8rem;/**/
		font-weight: 700;/**/
		margin-bottom: 1rem;/**/
	}
	.about_tax{
		margin:4rem 0;/**/
	}
	.about_tax__list{
		display: flex;/**/
		align-items:flex-start;/**/
		justify-content:space-between;/**/
	}
	.about_tax_list_l{
		width:37%;/**/
	}
	.about_tax__ttl{
		font-size: 2rem;/**/
		text-align: left;/**/
		margin: 0 auto 1.5rem;/**/
	}
	.about_tax_list_txt{
		font-size: 1.6rem;/**/
		line-height: 1.8;/**/
	}
	.about_tax_list_r{
		width:60%;/**/
		padding:0 5rem 3rem;/**/
		margin:0;/**/
	}
	.about_tax__subttl{
		font-size: 1.6rem;/**/
    	font-weight: 700;/**/
		padding: 2rem 0;/**/
	}

	/*------------ ザ・シティシェアの仕組み --------------*/
	.about_system{
		margin: 9rem auto 6rem;/**/
	}
	.about_system__ttl{
		font-size: 3.2rem;/**/
		margin: 3rem auto 5rem;/**/
	}
	.about_system__img{
		margin-bottom: 7rem;/**/
	}
	.about_system__list{
		display: flex;/**/
		align-items:flex-start;/**/
		justify-content:space-between;/**/
	}
	.about_system__list_h{
		width:47%;/**/
	}
	.about_system__block{
		margin-bottom: 2.5rem;/**/
    	padding: 1.5rem;/**/
	}
	.about_system__block_ttl{
		font-size: 1.6rem;/**/
		padding:0.5rem 0.5rem 0.5rem 4rem;/**/
		background-position: 1rem 0.5rem;/**/
		background-size: 2.3rem ;/**/
		white-space: nowrap;/**/
	}
	.about_system__block_txt{
		font-size: 1.5rem;/**/
		font-weight: 500;/**/
	}
	.about_system__law{
		margin:0.5rem 0 5rem;/**/
	}
	.about_system__law_ttl{
		font-size: 1.6rem;/**/
		padding:0 1.5rem;
	}
	.about_system__law_ttl span{
		width: auto;/**/
		display:inline-block;/**/
		font-size: 1.4rem;/**/
		border-top: none;/**/
		border-left: 1px solid #222;/**/
		padding: 1.1rem 2rem;/**/
		margin: 0 0 0 2rem;/**/
	}
	.about_system__law_txt{
		font-size: 1.5rem;
		padding:1.3rem 1.8rem;
		line-height: 1.6;
		text-align: justify;
	}
	
	
	
	/*------------ タイトル --------------*/
	.system_ttl{
		margin: 9rem auto 6rem;/**/
		font-size: 3.6rem;/**/
	}
	.system_ttl__br{
		display: none;/**/
	}
	
	/*------------ メインビジュアル --------------*/
	.system_main {
		width: 1400px;/**/
		margin: 12rem auto 0; /**/
	}
	
	/*------------ ザ・シティシェアの特徴 --------------*/
	.system_feature_block{
		display: none;/**/
	}

	/*------------ お奨め --------------*/
	.system_recommend {
		margin-bottom: 5rem;/**/
	}
	.system_recommend__ttl{
		width:70%;/**/
		margin: 9rem auto 3rem;/**/
	}
	.system_recommend__detail{
		width:80%;/**/
		margin: 0 auto 6rem;/**/
	}
	
	/*------------ お問い合わせ・資料請求 --------------*/
	.system_contact__link {
		outline-offset: -1rem;/**/
		padding: 1.2rem 0 1.5rem;/**/
		font-size: 2.4rem;/**/
		margin: 9rem auto;/**/
	}

	/*------------ 投資の魅力タイトル --------------*/
	.system_appeal__ttl{
		font-size: 3.2rem;/**/
		margin: 0 auto 9rem;/**/
	}
	.system_appeal__ttl br{
		display: none;/**/
	}

	/*------------ 投資の魅力 --------------*/
	.system_appeal{
		padding:5rem 4rem;/**/
		margin-bottom: 12rem;/**/
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);/**/
	}
	.system_appeal__block{
		margin-bottom: 4.5rem;/**/
	}
	.system_appeal__list{
		/*align-items:center;*/
	}
	.system_appeal__list_l{
		width:18%;/**/
	}
	.system_appeal__list_ttl{
		font-size: 3.2rem;/**/
   		padding: 3.2rem 2rem;/**/
		border: 1px solid #fff;/**/
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);/**/
		margin-bottom: 3rem;/**/
	}
	.system_appeal__list_r{
		width:77%;/**/
	}
	.system_appeal__list_sub{
		font-size: 2.4rem;/**/
		font-weight: 900;/**/
		margin: 2.3rem 0 2rem;/**/
	}
	.system_appeal__list_sub.thin{
		margin: 3.8rem 0 2rem;/**/
	}
	.system_appeal__list_sub br{
		display: block;/**/
	}
	.system_appeal__list_txt{
		font-size: 1.58rem;/**/
		line-height: 1.8;/**/
	}
	
}