@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.flow-list{
	counter-reset: listno-flow-content;
}
.flow-list > li{
	position:relative;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-bottom:80px;
	padding:60px 40px 40px;
	background-color:#F7F7F7;
	border-radius:10px;
}
.flow-list > li:before {
	display:block;
	position:absolute;
	z-index:3;
	left:50%;
	top:-0.7em;
	margin-left:-25px;
	counter-increment: listno-flow-content;
	content: counter(listno-flow-content);
	color:#fff;
	background-color:#2241BB;
	font-size:2.5rem;
	border-radius:1000%;
	text-align:center;
	width:50px;
	height:50px;
	line-height:50px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-weight: 600;
    font-style: normal;
}



.flow-list .ph{
	width:35%;
}
.flow-list .txt{
	width:60%;
}
.flow-list .ttl{
	width:100%;
	margin-bottom:30px;
	font-size:40px;
	font-weight:700;
	text-align:center;
}
.sub-flow{
	counter-reset: subflow_no;
}
.sub-flow > li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: dashed 1px #0D1826;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.sub-flow > li:before {
  counter-increment: subflow_no;
  content: "( " counter(subflow_no) " ) ";
}
.sub-flow li:last-child{
	margin-bottom:0;
	border-bottom:none;
	padding-bottom:0;
}



}

@media screen and (min-width:768px) and ( max-width:1110px) {
}

@media (max-width: 768px) {

	.flow-list{
		counter-reset: listno-flow-content;
	}
	.flow-list > li{
		position:relative;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		margin-bottom:8vw;
		padding:12vw 5vw 5vw;
		background-color:#F7F7F7;
		border-radius:10px;
	}
	.flow-list > li:before {
		display:block;
		position:absolute;
		z-index:3;
		left:50%;
		top:-0.7em;
		margin-left:-25px;
		counter-increment: listno-flow-content;
		content: counter(listno-flow-content);
		color:#fff;
		background-color:#2241BB;
		font-size:2rem;
		border-radius:1000%;
		text-align:center;
		width:50px;
		height:50px;
		line-height:50px;
		font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	
	.flow-list .ph{
		width:100%;
		margin-bottom:3vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
	}
	.flow-list .txt{
		width:100%;
	}
	.flow-list .ttl{
		width:100%;
		margin-bottom:1vw;
		font-size:30px;
		font-weight:700;
		text-align:center;
	}
	.sub-flow{
		counter-reset: subflow_no;
	}
	.sub-flow > li{
		padding-bottom:2vw;
		margin-bottom:2vw;
		border-bottom: dashed 1px #0D1826;
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	.sub-flow > li:before {
	  counter-increment: subflow_no;
	  content: "( " counter(subflow_no) " ) ";
	}
	.sub-flow li:last-child{
		margin-bottom:0;
		border-bottom:none;
		padding-bottom:0;
	}
	
	
}