@charset "UTF-8";


/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/
.content-wrap .inner {
	max-width: 1070px;
}
.headd-wrap h1 img {
	display: block;
	margin: auto;
}
.headd-wrap h1 span {
}
.headd-wrap h1 span {
	width: 35.8%;
	height: auto;
}
.img-wrap {
	width: 100%;
	position: relative;
}
.img-wrap img {
	width: 100%;
	height: auto;
}
.img-wrap div.cap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
/*	width: 100%;*/
}
.img-wrap .cap div {
	background: #ec6c00;
	display: block;
	margin: auto;
}

.inner a.txt {
	display: block;
	max-width: 955px;
	color: #ec6c00;
	text-align: right;
	margin: auto;
}
.inner a.txt:after {
}
.inner a.banner {
	position: relative;
	display: block;
	max-width: 955px;
	margin: auto;
}
.inner a.banner > img {
	width: 100%;
	height: auto;
}
.inner a.banner div {
	position: absolute;
	top: 50%;
	left: 50%;
}

.fase-03-wrap .banner div {
	width: 60.3%;
	vertical-align: middle;
	-webkit-transform: translate(-74%, -50%);
	-ms-transform: translate(-74%, -50%);
	transform: translate(-74%, -50%);
}
.fase-03-wrap .banner div img {
	width: 100%;
	height: auto;
}
.fase-04-wrap .banner div {
	width: 92.7%;
	vertical-align: middle;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fase-04-wrap .banner div img:first-child {
	float: left;
	width: 19.8%;
}
.fase-04-wrap .banner div img:last-child {
	float: right;
	margin-top: 4%;
	width: 45.1%;
}

div.fase-01-wrap,
div.fase-03-wrap {}



.mi-bottom-cap h3 {
	margin: 6.5% auto 8%;
}
.mi-bottom-cap h3 img {
	width: 100%;
	height: auto;
}












/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width:599px){

	.headd-wrap h1 span {
		width: 70%;
	}
	.img-wrap .cap div {
		width: 30px;
		height: 30px;
	}

	.fase-01-wrap div.cap {
		width: 76.6%;
	}
	.fase-02-wrap div.cap {
		width: 91.5%;
	}
	.fase-03-wrap div.cap {
		width: 88.4%;
	}
	.fase-04-wrap div.cap {
		width: 83%;
	}

	.fase-01-wrap p,
	.fase-02-wrap p,
	.fase-03-wrap p,
	.fase-04-wrap p {
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 8%;
	}

	.img-wrap {
		margin-bottom: 3%;
	}
	.inner a.banner {
		margin-top: 4.9%;
	}

	.inner a.txt {
		font-size: 1.4rem;
		line-height: 1.2;
		padding-top: 1%;
		margin: 0 auto 10%;
	}
	.inner a.txt img {
		margin-left: 2%;
		width: 1.1em;
		height: auto;
		float: right;
	}

	.fase-04-wrap .inner {
		margin-bottom: 13%;
	}





















}











/*
@media screen and (min-width: 600px) and (max-width: 959px){}
@media screen and (min-width: 960px) and (max-width: 1280px){}
*/







/**==============================================**/
/**==============================================**/
/*
/*
/*			tab 600px 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media screen and (min-width: 600px) {

	/* tab pc fase */
	.headd-wrap h1 span {
		width: 31.6%;
		margin-top: 3%;
	}
	.img-wrap .cap div {
		width: 60px;
		height: 60px;
	}
	div.mi-bottom-cap {
		margin: 48px auto 30px;
	}
	.mi-bottom-cap h2 {
		line-height: 1.8;
	}

	.fase-01-wrap,
	.fase-02-wrap,
	.fase-03-wrap,
	.fase-04-wrap {
		margin-bottom: 6.9%;
	}
	.fase-01-wrap div.cap {
		width: 66.6%;
	}
	.fase-02-wrap div.cap {
		width: 81.5%;
	}
	.fase-03-wrap div.cap {
		width: 78.4%;
	}
	.fase-04-wrap div.cap {
		width: 73%;
	}

	.fase-01-wrap p,
	.fase-02-wrap p,
	.fase-03-wrap p,
	.fase-04-wrap p {
		font-size: 16px;
		line-height: 2.2;
	}

	.img-wrap {
		margin-bottom: 6.9%;
	}
	.inner a.banner {
		margin-top: 4.9%;
	}
	.inner div.link-wrap {
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.inner div.link-wrap:hover {
		opacity: .8;
	}

	.inner a.txt {
		font-size: 18px;
		line-height: 1.2;
		padding-top: 1%;
		margin: 0 auto 10%;
	}
	.inner a.txt img {
		margin-left: 10px;
	}

	.fase-04-wrap .inner {
		margin-bottom: 13%;
	}






}











/**==============================================**/
/**==============================================**/
/*
/*
/*			PC 960px 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media screen and (min-width: 960px) {

	.img-wrap .cap div {
		width: 80px;
		height: 80px;
		margin-top: 2%;
	}
	.img-wrap .cap h1 {
		margin-top: 1%;
	}

	.fase-01-wrap div.cap {
		width: 46.6%;
	}
	.fase-02-wrap div.cap {
		width: 61.5%;
	}
	.fase-03-wrap div.cap {
		width: 58.4%;
	}
	.fase-04-wrap div.cap {
		width: 53%;
	}






























}





/**==============================================**/
/**==============================================**/
/*
/*
/*			PC 〜 1280px 以上 
/*
/*
/**==============================================**/
/**==============================================**/

@media screen and (min-width: 1281px) {






















}