@charset "UTF-8";


.contents {
	text-align:center;
}

.flowbox {
	width:100%;
	max-width:700px;
	padding-top:30px;
}
.flowbox dl {
	width:calc(50% - 5px);
	max-width: 345px;
	box-sizing:border-box;
	border:3px solid #FFBA00;
	border-radius:12px;
	margin-bottom:30px;
	padding:1em 0;
	line-height:1.6;
	font-weight:500;
	position:relative;
	font-size:1.8rem;
}
.flowbox dl dt {
    color:#FFBA00;
    font-size:2.1rem;
}
.flowbox dl:first-child,
.flowbox dl:last-child {
	display:block;
	margin:0 calc(50% - 150px) 30px;
}
.flowbox dl .svg-inline--fa {
	font-size:2.4rem;
	color:#7C879B;
	position:absolute;
	bottom:-1.3em;
}
.flowbox dl:first-child .svg-inline--fa:nth-last-child(2) {
	left:calc(21% - .5em);
}
.flowbox dl:first-child .svg-inline--fa:nth-last-child(1) {
	right:calc(21% - .5em);
}
.flowbox dl:nth-child(2n+2) .svg-inline--fa {
	right:calc(25% - .5em);
}
.flowbox dl:nth-child(2n+3) .svg-inline--fa {
	left:calc(25% - .5em);
}

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

}

@media screen and (max-width:640px){

.flowbox {
	padding-top:0;
}
.flowbox dl {
	border:2px solid #FFBA00;
	border-radius:8px;
	font-size:1.5rem;
	padding:.5em;
}
.flowbox dl dt {
    font-size:1.8rem;
}
.flowbox dl dd {
	line-height:1.4;
}
.flowbox dl dd br {
	display:none;
}

.flowbox dl:first-child,
.flowbox dl:last-child {
	width:100%;
	max-width:100%;
	margin:0 auto 30px;
}
.flowbox dl:first-child dd,
.flowbox dl:last-child dd {
	text-align:center;
}
.flowbox dl:first-child .svg-inline--fa:nth-last-child(2) {
	left:calc(25% - .5em);
}
.flowbox dl:first-child .svg-inline--fa:nth-last-child(1) {
	right:calc(25% - .5em);
}
.flowbox dl:nth-child(2n+2) .svg-inline--fa {
	right:calc(50% - .5em);
}
.flowbox dl:nth-child(2n+3) .svg-inline--fa {
	left:calc(50% - .5em);
}

}

@media screen and (max-width:480px){

}