@charset "utf-8";

/* ttl_block */
.ttl_block p {
	width: 470px;
	float: left;
}
.ttl_block .ttl_block_img {
	width: 140px;
	margin-right: 60px;
	float: right;
}
@media only screen and (max-width: 768px) {
	.ttl_block .ttl_block_img {
		float: none !important;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
ul.future {
	margin: 0 50px 1em;
}
ul.future:after {
	clear: both;
	content: '';
	display: block;
}
ul.future > li{
	float: left;
	width: 260px;
	text-align: center;
	margin-left: 25px;
	margin-right: 25px;
	box-sizing: border-box;
}
ul.future li h3{
	color: #1D1F88;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
	margin-top: 0px;
}
ul.future li p{
	text-align: left;
	font-feature-settings : "palt";
}
ul.future li img{
	height: 90px;
}
@media only screen and (max-width: 768px) {
	ul.future {
		width: 100%;
	margin: 0;
	padding-left: 1%;
	padding-right: 1%;
	}
	ul.future > li{
	float: none;
	width: 100%;
	margin-bottom: 1em;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1em;
	padding-right: 1em;
	}
	ul.future li p{
	text-align: left;
	}
}

/* use */
ul.use{
	margin-bottom: 1em;
}
ul.use:after {
	clear: both;
	content: '';
	display: block;
}
ul.use li{
	width: 220px;
	float: left;
	margin-right: 30px;
	background-color: #f2f2f2;
	position: relative;
}
ul.use li:nth-child(1)::after,
ul.use li:nth-child(2)::after{
	width: 11px;
	content: "";
	background-image: url(/images/pop/ic_pop/step_arw.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 0px;
	right: -20px;
	z-index: 1;
	background-size: contain;
	height: 25em;
}
ul.use li:last-child{
	margin-right: 0;
}
ul.use li img{
	width: 100%;
}
ul.use li p{
	height: 6em;
	padding: 1em;
}
@media only screen and (max-width: 768px) {
	ul.use li{
	width: 30%;
	margin-right: 5%;
	}
	ul.use li:nth-child(1)::after,
	ul.use li:nth-child(2)::after{
	height: 8em;
	width: 8%;
	right: -12%;
	}
	ul.use li p{
		display: none;
	}
	div.step_sp img{
		width: 100%;
		height: auto;
	}
	div.step_sp ul.use_sp{
	padding: 1em;
	background-color: #f2f2f2;
	margin-top: 1em;
	margin-bottom: 1em;
	}
	div.step_sp ul.use_sp li{
	margin-bottom: 1em;
	}
	div.step_sp ul.use_sp li span {
	display: block;
	font-weight: bold;
	color: #ee4400;
	}
}