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

/*コンテンツ部分*/

.ttls {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1em;
	text-align:center;
	margin-bottom:50px;
}

.contentBlk {
	width:100%;
	margin-bottom:100px;
	
}

.contentBlk .textBlk{
	width: 540px;
	 
}

.contentBlk .textBlk .texts{
	font-size: 1.3rem;
    line-height: 1.7em;

}

.contentBlk .textBlk .bttBox{
	margin-top:70px;
	 
}


/*ステップ部分*/
.stepArea {
	width:100%;
}

.stepArea .stepBlk1{
	width: 100%;
	background-size: cover;
	background-image: url(img/step1.jpg);	background-repeat: no-repeat;
	background-position: center top;
	height:0;
	/*高さ÷横幅×100=padding-top(bottom)の%(パーセント)*/
	padding-bottom:23.2%;
	margin-bottom:10px;
	
}

.stepArea .stepBlk2{
	width: 100%;
	background-size: cover;
	background-image: url(img/step2.jpg);	background-repeat: no-repeat;
	background-position: center top;
	height:0;
	/*高さ÷横幅×100=padding-top(bottom)の%(パーセント)*/
	padding-bottom:23.2%;
	margin-bottom:10px;
}

.stepArea .stepBlk3{
	width: 100%;
	background-size: cover;
	background-image: url(img/step3.jpg);	background-repeat: no-repeat;
	background-position: center top;
	height:0;
	/*高さ÷横幅×100=padding-top(bottom)の%(パーセント)*/
	padding-bottom:23.2%;
	margin-bottom:10px;
}

.stepArea .stepBlk4{
	width: 100%;
	background-size: cover;
	background-image: url(img/step4.jpg);	background-repeat: no-repeat;
	background-position: center top;
	height:0;
	/*高さ÷横幅×100=padding-top(bottom)の%(パーセント)*/
	padding-bottom:23.2%;
	margin-bottom:10px;
}

.stepTit {
	font-size: 3.2rem;
	line-height: 1em;
	color: #444444;
	margin-bottom: 5px;
	padding-top: 2%;
	margin-left: 17%;
	font-weight: bold;
}

.stepText {
	font-size: 1.3rem;
	line-height: 1.4em;
	color: #202020;
	margin-left:155px;
	width:35%;
	margin-left: 17%;
}

.rankUp {
	width:100%;
}

.rankTextBox {
	width:100%;
}
.rankTextBox .rankText {
	font-size: 1.3rem;
	line-height: 1.4em;
	color: #202020;
	width:23%;
	padding-left:5%;
	padding-right:5%;
}




/*モバイル*/
@media screen and (max-width: 640px) {
	
	.contentBlk .textBlk .bttBox{
	margin-top:70px;
	text-align:center;
	 
}
	
	.contentBlk .textBlk{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	
	}
	
	.foreBlk .block2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.foreBlk .block2 .blkIn{
	width:45%;
}

.ttls {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1em;
	text-align:center;
	margin-bottom:50px;
}

.foreBlk .block2 .blkIn .midshi{
	font-size: 1.4rem;
	
}

.stepTit {
	font-size: 1.4rem;
	line-height: 1em;
	color: #444444;
	margin-bottom: 4px;
	padding-top: 2%;
	margin-left: 17%;
}

.stepText {
	font-size: 0.6px;
	-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
	line-height: 1.4em;
	color: #202020;
	margin-top:-10px;
	
	width:65%;
	margin-left: 2%;
	
}

.rankTextBox .rankText {
	font-size: 1.0rem;
	line-height: 1.2em;
	color: #202020;
	width:23%;
	padding-left:5%;
	padding-right:5%;
}




}