@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) {

}