@charset "UTF-8";

/* contents */
main .boderBox h3 { text-align:left; color:#64aae6; margin-bottom:20px; }

/* flow */
main #flow { padding-bottom:80px; }
main #flow img { display:block; }
main #flow ol { padding:0; margin-bottom:80px; }
main #flow li {
	display:flex; justify-content:space-between;
	border:2px solid #64aae6; position:relative;
	padding:40px; margin-bottom:0;
}
main #flow li:not(:first-child)::after {
	content:""; position:absolute; left:50%; top:-70px; margin-left:-75px;
	border-style:solid;
	border-width:50px 75px 0 75px;
	border-color:#64aae6 transparent transparent transparent;
}
main #flow li:not(:first-child) { margin-top:90px; }
main #flow li div { width:640px; }
main #flow h4 { font-size:1.4em; display:flex; align-items:center; margin-bottom:20px; }
main #flow h4::before {
	content:"01"; display:flex; justify-content:center; align-items:center;
	background:#64aae6; border-radius:50%; width:60px; height:60px;
	color:#FFF; font-size:1.2em; margin-right:10px;
}
main #flow li:nth-child(2) h4::before { content:"02"; }
main #flow li:nth-child(3) h4::before { content:"03"; }
main #flow li:nth-child(4) h4::before { content:"04"; }
main #flow .btn { width:100%; }