@charset "utf-8";
/*-------------------------------------------------------
   main
-------------------------------------------------------*/
.step {
	width: 1020px;
	margin: 0 auto 65px auto;
}
.step h2 {
	margin-bottom: 50px;
	font-size: 22px;
	border-bottom: dotted 1px #344C6B;
	line-height: 120%;
	display: inline-block;
}
.step li {
	margin-bottom: 10px;
}
.step li h3 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 100%;
	display: flex;
	align-items: center;
}
.step li h3 img {
	padding-right: 10px;
}
@media all and (-ms-high-contrast:none) {
	.step li h3 {
		height:18px;
		padding-top: 8px;
	}
	.step li h3 img {
		margin-top: -8px;
	}
}
.step li dl {
	margin-left: 14px;
	padding: 10px 0 10px 30px;
	border-left: dotted 1px #344C6B;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.step li dl dt {
	font-size: 16px;
}
.step li dl dd {
	margin-left: 20px;
}

@media screen and (max-width: 768px) {/*-- mobile --*/
.step {
	width: auto;
	margin: 0 3vw 10vw 3vw;
}
.step h2 {
	margin-bottom: 8vw;
	font-size: 5.5vw;
}
.step li {
	margin-bottom: 3vw;
}
.step li h3 {
	margin-bottom: 3vw;
	font-size: 5vw;
}
.step li h3 img {
	padding-right: 2vw;
}
.step li dl {
	padding: 4vw 0 6vw 7vw;
	margin-left: 3.3vw;
	flex-direction: column-reverse;
}
.step li dl dt {
	font-size: 4vw;
}
.step li dl dd {
	margin: 0 auto 25px auto;
	text-align: center;
}
}