@charset "utf-8";
/*
************************************************************************
 手続き・流れ
************************************************************************
*/
.flow
{
}
.flow .flow-item
{
	
}
.flow .flow-item .flow-title
{
}
.flow .flow-item .flow-title .step
{
	display: inline-flex;
	align-items: center;
	align-content: center;
	
	line-height:1;
	
	padding:0.5em 0.8em;
	border-radius:var(--border-radius);
	background-color:var(--accent-background-color);
	color:var(--accent-font-color);
	
	margin-bottom:0.5em;
	
	font-size:0.8em !important;
}
.flow .flow-item .flow-title .step > i
{
	color:var(--accent-icon-color);
	font-size:1.5em !important;
}
.flow .flow-item .flow-title .main
{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
}
.flow .flow-item .flow-text
{
	padding:1em;
	padding-bottom:2em;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:1em;
	
	border-left:1px solid var(--body-border-color);
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}