@charset "UTF-8";
/* ===========================================================

	Title: features.css
	Created: 2018-05-07
	投資法人の特徴コンテンツ専用スタイル

=========================================================== */
/*
	Common
	features
	profile
	structure
	asset
	
=========================================================== */

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

	Common

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

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

	features

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

.features-chart {
	display: flex;
	margin: 1.0em 0;
	padding: 30px;
	position: relative;
	border-radius: 6px;
	width: 100%;
	background-image: url(../img/features/features-chart-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.features-chart__cell {
	display: block; padding: 3.0em 1.5em; margin: 1px;
	background-color: rgba(255,255,255,0.90);
	border-radius: 4px; width: calc(100% /3);
	position: relative;
}
.features-chart__cell--features01 {}
.features-chart__cell--features02 {}
.features-chart__cell--features03 {}


.features-chart { counter-reset: cnt_brackets-decimal 0; }
.features-chart__cell { counter-increment: cnt_brackets-decimal; }
.features-chart__cell::before {
	display: block; padding: 0; margin: 0;
	text-align: center; color: rgba(0,85,161,0.10);
	content: "features " counter(cnt_brackets-decimal,decimal-leading-zero); font-family: 'Oswald', sans-serif;
	font-size: 2.8em; line-height: 1.0; font-weight: 500;
	text-transform: uppercase;
	position: absolute; top: 30px; left: 0;
	z-index: 1; width: 100%; text-align: center;
}


.features-chart__cell dt {
	display: block; padding: 1.0em 0; margin: 0;
	text-align: center; font-size: 1.8rem; line-height: 1.4; color: rgba(0,85,161,1.00);
	position: relative; z-index: 5;
}
.features-chart__cell dd {
	display: block; padding: 1.0em 0; margin: 0;
	font-size: 1.0em; line-height: 1.4; 
}

.features-chart__cell ul {
	display: block; padding: 0 0 0 1.25em; margin: 0;
}
.features-chart__cell ul > li {
	margin: 1.0em 0 0 0;
	list-style-type: none; list-style-position: inside; text-indent: -1.25em;
}
.features-chart__cell ul > li:first-child {
	margin: 0 0 0 0;
}
.features-chart__cell ul > li::before {
	display: inline-block; width: 1.25em; text-indent: 0;
	content: "\f111";
	font-family: FontAwesome; color: rgba(0,85,161,1.00);
}



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

	sponsor

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

.features-sponsor-column { }
.features-sponsor-column .column__cell { margin-bottom: 2.0em; }
.features-sponsor-column h4 {
	display: block; padding: 0.25em 0; margin: 0;
	text-align: center;
	border-top: solid 1px rgba(0,85,161,1.00);
	border-bottom: solid 1px rgba(0,85,161,1.00);
}

.features-sponsor-column__body  {
	font-size: 1.4rem; margin: 0;
}
.features-sponsor-column__photo img {
	width: auto; height: auto;
	max-width: 100%; max-height: 100%;
	vertical-align: bottom;
}
.features-sponsor-column__photo {
	display: block; padding: 0 1.0em 0 0; margin: 0;
	width: 50%; float: left; text-align: center;
}
.features-sponsor-column__text {
	display: block; padding: 0; margin: 0;
	width: 50%; float: right;
}

.features-sponsor-column__text p { color: #333; }