@charset "utf-8";
/*------------------------------------------------------------
	flow
------------------------------------------------------------*/
#main .stepList {
	padding: 14rem 1px 14rem 9.7rem;
	background-color: #F7F8F8;
}
#main .stepList p {
	letter-spacing: 0.1em;
}
#main .stepList .comBtn a {
	margin: 5.5rem 0 0;
	min-width: 23.6rem;
}
#main .stepList li {
	display: flex;
	align-items: flex-start;
	gap: 11.5rem;
	text-align: justify;
}
#main .stepList li + li {
	margin-top: 14rem;
}
#main .stepList li .textBox {
	flex: 1;
}
#main .stepList li .photo {
	margin: 0 -3.3rem 0 0;
	width: 48.7rem;
	aspect-ratio: 487/290;
}
#main .stepList li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .stepList p {
	margin-bottom: 3rem;
}
#main .stepList p:last-child {
	margin-bottom: 0;
}
#main .stepList .tips {
	font-size: 1.3rem;
}
#main .stepList .title {
	margin: 0 -2rem 4rem 0;
	font-size: 3.2rem;
	line-height: 1.562;
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
}
#main .stepList .title span {
	display: block;
}
#main .stepList .title .en {
	margin-bottom: 2.4rem;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1;
}
#main .content section {
	margin-bottom: 11.4rem;
}
#main .content section:last-child {
	margin-bottom: 0;
}
#main .content .topicBox {
	margin-bottom: 17.4rem;
}
@media all and (min-width: 897px) {
	#main .comPageTitle h2 {
		margin-bottom: -0.5rem;
	}
	#main .comCenterTxt {
		margin-bottom: 9.8rem;
	}
	#main .headLine01 {
		margin-bottom: 5.8rem;
	}
}
@media (min-width: 897px) and (max-width: 1130px) {
	#main .stepList li .photo {
		margin-right: -1.5rem;
	}
}
@media all and (max-width: 896px) {
	#main .comCenterTxt {
		margin-bottom: 20.74vw;
	}
	#main .headLine01 {
		margin-bottom: 3.9rem;
		text-align: left;
	}
	#main .stepList {
		margin-right: -2rem;
		padding: 4.9rem 4rem 5rem 2rem;
	}
	#main .stepList .title {
		margin: 0 -2rem 3.7rem 0;
		font-size: 1.9rem;
		line-height: 1.579;
		font-weight: 500;
		letter-spacing: 0.1em;
	}
	#main .stepList .title .en {
		margin-bottom: 1rem;
		font-size: 1.4rem;
		font-weight: 400;
		letter-spacing: 0.1em;
	}
	#main .stepList p {
		font-size: 1.3rem;
	}
	#main .stepList .comBtn a {
		margin-top: 5rem;
		font-size: 1.4rem;
		min-width: 20.1rem;
	}
	#main .stepList li {
		display: block;
	}
	#main .stepList li .photo {
		margin: 4.3rem 0 0;
		width: auto;
	}
	#main .stepList li + li {
		margin-top: 8.7rem;
	}
	#main .content section {
		margin-bottom: 7.4rem;
	}
	#main .content .topicBox {
		margin-bottom: 7.6rem;
	}
}