@charset "UTF-8";


.flow ul.flow_list {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0;
	background: #FFF;
}
.flow ul.flow_list li {
	width: 100%;
	display: flex;
	position: relative;
	border-bottom: 1px solid #ededed;
}
.flow ul.flow_list li:last-child {
	border-bottom: none;
}
.flow ul.flow_list li .flow_img {
	overflow: hidden;
	width: 300px;
}
.flow ul.flow_list li .flow_img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.flow ul.flow_list li .flow_txt {
	width: calc(100% - 300px );
	padding: 45px;
	position: relative;
}
.flow ul.flow_list li .flow_txt .flow_title {
	text-align: left;
	font-family: 'ShipporiMincho', serif;
	font-size: 1.6rem;
}
.flow ul.flow_list li .flow_txt .flow_title span.step {
	font-size: 2.3rem;
	font-weight: normal;
	margin-right: 18px;
	color: #0B7373;
}
.flow ul.flow_list li .flow_txt div {
	margin-top: 45px;
}
.flow ul.flow_list li .flow_txt p.text {
	font-size: 1rem;
	margin-top: 30px;
}


@media screen and (max-width: 1194px) {
	
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 834px) {
	.flow ul.flow_list li .flow_img {
		width: 250px;
	}
	.flow ul.flow_list li .flow_txt {
		width: calc(100% - 250px);
	}
}
@media screen and (max-width: 560px) {
	.flow ul.flow_list li {
		flex-direction: column;
	}
	.flow ul.flow_list li .flow_txt {
		width: 100%;
		padding: 30px;
	}
	.flow ul.flow_list li .flow_img {
		width: 100%;
	}
}
@media screen and (max-width: 430px) {
	.flow ul.flow_list li .flow_txt .flow_title {
		font-size: 1.4rem;
	}
	.flow ul.flow_list li .flow_txt .flow_title span.step {
		font-size: 2rem;
	}
}
@media screen and (max-width: 320px) {
	.flow ul.flow_list li .flow_txt {
		padding: 30px 20px;
	}
	.flow ul.flow_list li .flow_txt .flow_title {
		font-size: 1.2rem;
	}
}