/* CSS Document */

#step{
	display: flex;
	flex-direction: column;
	width:100%;
	padding-bottom: 5%;
}
#step h2,#step p{
	text-align: center;
	text-align-last: center;
}
#step h2{order:2;margin-bottom:2%;}
#step p{order:1;}
#step1{order:3;}
#step2{order:4;}
#step3{order:5;}
#step3 .red{display:inline;color:#ed1c24;}
.step{color:#8b8c88;}

.step-1set1{
	width:80%;
	margin: 4% auto;
	display:flex;
	justify-content: center;
}
.step-1set1:first-of-type{margin-top:1%;}
.step-1set2{
	flex-direction:row-reverse;
}
.step-txt{
	background-color:#f2efe9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:55%;
	z-index: 2;
	margin-bottom: 6%;
	padding:6%;
}
.step-img{
	margin-top:6%;
	width:65%;
	z-index: 1;
}
.step-1set1 .step-txt{
	margin-right:-2.5%;
}
.step-1set2 .step-txt{
	margin-left:-2.5%;
}
.step-1set1 .step-img{
	margin-left:-14.5%;
}
.step-1set2 .step-img{
	margin-right:-14.5%;
}
.step-txt h3{
	order:2;
	margin:5% auto 5% 0;
}
.step-txt img{
	order:1;
	width:19%;
}
.step-txt p{
	order:3!important;
	text-align: justify!important;
	text-align-last: left!important;
	font-weight:500;
}
#step1 p{
	padding-right: 7%;}
#step2 p{
	padding-right: 9%;}
#step3 p{
	padding-right: 5%;}
.step-txt a{
	order:4;
	color:#8b8c88;
	display: flex;
	align-items: center;
	gap: 3%;
	white-space: nowrap;
	margin-top:4%;
}
.step-txt a img{
	width: 4.5%;
}

.step-txt a,.step-txt p,.step-txt h3,.step-txt img,.step-txt span{
	margin-right: auto;
	margin-left: 0;
}

@media(max-width:750px){
	/*******************************/
	#step{
		/*padding-top:15%;*/
		padding-bottom:10%;
	}
	.step-txt img {
		width: 21%;
	}
	#step h2 {
		margin: 2.5% auto 5%;
	}
	.step-txt h3{
		white-space: nowrap;
		letter-spacing: unset;
		margin-right:0;
		text-align: justify;
		text-align-last: justify;
		width: 100%;
	}
	.step-txt p {
		padding-right: 0!important;
		letter-spacing: -0.01vw;
		line-height: 5.5vw;
	}
	/*.step-txt .fs24{
		font-size:3vw!important;
	}*/
	.step-1set1,.step-1set2{
		width:100%;
		display:block;
	}
	.step-img{width:90%;}
	.step-txt{width:92.5%;}
	
	.step-txt a{margin-top:3%;}
	.step-txt {
		margin-bottom: 0;
		position: relative;
		padding: 10% 7.5%;
	}
	.step-img {
		margin-top: -8%;
		position: relative;
	}
	.step-1set2 .step-txt a img{    width: 2.5%;}
	
	/*step1と3の画像*/
	.step-1set1 .step-img{
		margin-left:auto;
		margin-right:0;
		display: block;
	}
	
	/*step2の画像*/
	.step-1set2 .step-img{
		margin-left:0;
		margin-right:auto;
		display: block;
	}
	
	/*step1と3のテキスト*/
	.step-1set1 .step-txt{
	}	
	/*step2のテキスト*/
	.step-1set2 .step-txt{
		margin-left: auto;
		margin-right: 0;
	}
	/*******************************/
}