@charset "utf-8";
/* CSS Document */

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

/*------------ コンテンツ --------------*/

/*ポートフォリオ概要*/
.outline{
	margin-bottom: 7rem;
}
.outline__ttl{
	letter-spacing: 0.3rem;
}
.outline__txt{
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 2rem 0 3rem;
}
.outline__list{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin: 0 auto;
	width: 85%;
}
.outline__li{
	width: 47.5%;
	margin-bottom: 1.8rem;
}
.outline__graph{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin:2rem auto;
	width: 100%;
}
.outline__graph_li{
	width: 100%;
	margin-top: 4rem;
}
.outline__note{
	padding-left:3.5rem;
	text-indent:-3.5rem;
	margin-bottom: 3rem;
}
.outline__note.wide{
	padding-left:4.0rem;
	text-indent:-4.0rem;
}
.outline__note.mb00{
	margin-bottom: 0;
}
/*運用資産規模の推移*/
.history{
	margin-bottom: 7rem;
}
.history__ttl{
	letter-spacing: 0;
	line-height: 1.4;
	background-size: 2.4rem;
	background-position: 0 0.5rem;
}
.history__ttl small{
	display: block;
}
.history__graph{
	margin-bottom: 5rem;
}
.history__graph img{
	width:865px;
}
/*ポートフォリオマップ*/
.map{
	margin-bottom: 8rem;
}
.map__ttl{
	letter-spacing: 0;
}
.map__blk{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	align-items: flex-end;
	margin:2rem auto;
	width: 100%;
}
.map__blk_main{
	width: 100%;
}
.map__subttl{
	margin-bottom: 0.5rem;
}
.map__subttl small {
    display: block;
}
.map__blk_item{
	width: 100%;
	margin-top: 0.5rem;
}
.map__blk_item_img{
	width: 90%;
}
.map__list{
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	margin:2rem auto 0;
	width: 100%;
}
.map__li{
	width: 100%;
	margin-bottom: 4rem;
}
.map__japan{
	margin: -3rem 0 3rem;
	text-align: center;
}
.map__japan img{
	width:100%;
}



/*------------------------------------------
PC画面
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ コンテンツ --------------*/

	/*ポートフォリオ概要*/
	.outline{
		margin-bottom: 9rem;/**/
	}
	.outline__ttl{
		letter-spacing: 0.7vw;/**/
	}
	.outline__txt{
		font-size: 1.7rem;/**/
	}
	.outline__list{
		margin: 0;/**/
		width: 100%;/**/
	}
	.outline__li{
		width: 31%;/**/
	}
	.outline__graph{
		margin:0 0 7rem;/**/
	}
	.outline__graph_li{
		width: 100%;
		margin-top: 7rem;
	}
	.outline__note{
		margin-bottom: 5rem;
	}
	/*運用資産規模の推移*/
	.history{
		margin-bottom: 10rem;/**/
	}
	.history__ttl{
		letter-spacing: 0.7vw;/**/
		line-height: 1.0;/**/
		background-size: 3.5rem;
   		background-position: left top;
	}
	.history__ttl small{
		display:inline-block;/**/
	}
	.history__graph img{
		width:100%;/**/
	}
	/*ポートフォリオマップ*/
	.map{
		margin-bottom: 5rem;/**/
	}
	.map__ttl{
		letter-spacing: 0.7vw;/**/
	}
	.map__subttl small{
		display: inline-block;
	}
	.map__blk{
		margin:2rem 0 4rem;/**/
	}
	.map__blk_main{
		width:55%;/**/
	}
	.map__subttl{
		margin-bottom: 0;/**/
	}
	.map__blk_item{
		width: 45%;/**/
		margin-top: 0;/**/
		text-align: right;/**/
	}
	.map__blk_item_img{
		width: 100%;/**/
	}
	.map__list{
		margin:2rem 0 7rem;/**/
	}
	.map__li{
		width: 49%;/**/
		margin-bottom: 0;/**/
	}
	.map__japan{
		margin: 0 0 2rem;/**/
	}
	.map__japan.w-scroll img{
		width:85%;/**/
	}
	
}

/*------------------------------------------
PC画面（1200px以上）
------------------------------------------*/
@media screen and (min-width: 1200px) {
	
	/*------------ コンテンツエリア --------------*/
	.outline__ttl, .map__ttl {
		letter-spacing: 1.3rem;
	}
	.history__ttl{
		letter-spacing: 1.3rem;
		background-size: contain;/**/
		background-position: left center;/**/
	}
	.map__blk_main{
		width:55%;/**/
	}
	.map__blk_item{
		width: 45%;/**/
	}
}