/* CSS Document: お取引きの流れ*/
#relationLinkSections {
	display: none;
}
.flexpad,
.csection-cells .cell {
	max-width: 920px;
}
@media only screen and (min-width:1601px) {
	.flexpad,
	.csection-cells .cell {
		max-width: 1000px;
	}
}
.csection-cells [data-type="hgroup"][data-level="4"] .hgroup-wrap {
	display: flex;
	flex-wrap: wrap;
}
	.csection-cells [data-type="hgroup"][data-level="4"] .hgroup-wrap > * {
		display: block;
		width: 100%;
	}
	.csection-cells [data-type="hgroup"] .ti-secondary {
		order: 1;
		padding-top: 0;
		padding-bottom: 1.2em;
	}
	.csection-cells [data-type="hgroup"] .ti-primary {
		order: 2;
	}
.csection-cells [data-type="imset-A"] .content {
	font-size: 1em;
}
#content .csection-cells [data-type="space"][data-level="5"]::before {
	height: var(--csec-section-margin);
}

/**/
#flow-01 {
	padding: 0;
}
#flow-01 .bt {
	margin-top: 2em;
}
.csection-cells [data-type="imset-A"][data-float="left"] figure {
	margin-right: 2.5em;
	width: 54%;
	margin-bottom: 0;
	background-color: #f4f4f4;
}
#csec172898186017 figure img {
	border: solid 1px var(--cl-line);
}
.csection-cells .cell[data-type="hgroup"] {
	margin-bottom: 4em;
}
@media only screen and (max-width:1000px) {
	.csection-cells [data-type="imset-A"][data-float="left"] figure {
		margin-right: 0;
		width: 100%;
		margin-bottom: 2em;
	}
	.content {
		display: block;
		text-align: center;
	}
	#flow-01 .content p,
	.csection-cells [data-type="imset-A"] .content,
	p.cell {
		max-width: 26em;
		margin: 0 auto;
	}
	#flow-02 .flexbox {
		justify-content: center;
	}
	#flow-02 .flexbox i {
		width: 100%;
	}
}
@media only screen and (max-width:640px) {
	#csec172898320107 {
		max-width: 21em;
	}
}

/**/
#flow-02 .flexbox {
	margin-top: 0.5em;
}
	#flow-02 .flexbox a {
		margin-top: 1.25em;
	}
	#flow-02 .flexbox i {
		margin-top: 0.755em;
		font-size: 0.85em;
	}
	#flow-02 .flexbox .bt {
		font-size: 0.85em;
	}
#csec173191588462 .hgroup-wrap .ti-primary,
#csec173191669391 .hgroup-wrap .ti-primary {
	display: inline-block;
	background-color: #888;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em 3em 0.75em;
	color: #fff;
}
h2.hgroup-wrap .ti-primary {
	font-family: var(--font-m1);
}
.csection-cells [data-type="hgroup"][data-level="1"] .hgroup-wrap {
	font-size: 1em;
}
.csection-cells [data-type="hgroup"][data-level="1"] h2.hgroup-wrap .ti-primary {
	padding: 0.6em 0 0.9em;
	background-color: var(--cl-pageink);
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 3em;
}

/**/
#csec173224913586 .bt.block,
#csec173500734722 .bt.block {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 1.6em; ;
}
.csection-cells #csec173502578023[data-type="imset-A"] .cover,
.csection-cells #csec173502581078[data-type="imset-A"] .cover,
.csection-cells #csec173502589274[data-type="imset-A"] .cover,
.csection-cells #csec173502582434[data-type="imset-A"] .cover,
.csection-cells #csec173502583678[data-type="imset-A"] .cover,
.csection-cells #csec173502587221[data-type="imset-A"] .cover,
.csection-cells #csec173502589274[data-type="imset-A"] .cover,
.csection-cells #csec173502590621[data-type="imset-A"] .cover,
.csection-cells #csec173502591634[data-type="imset-A"] .cover,
.csection-cells #csec173502593051[data-type="imset-A"] .cover img {
    width: 50%;
    margin: auto;
}