@charset "UTF-8";

/* -----------------------------------------------
flow.html
テレビ面談の流れ
----------------------------------------------- */

@media print, screen and (min-width: 768px){
	.none768{ display: none; }
	.step-arrow02{ position: relative; }
	.step-arrow02 > i{ position: absolute; top: 0; }
	.step-arrow02 > i:first-of-type{ left: calc( ( 50% - 2% - 72px ) / 2 ); }
	.step-arrow02 > i:last-of-type{ right: calc( ( 50% - 2% - 72px ) / 2 ); }
	#sozoku_shinkoku .tv-mendan-flow-step05{ padding-top: 90px; }
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-num{
		font-size: 250%;
		width: 20%;
	}
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-text{ width: 80%; }
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-img{
		margin-left: 1rem;
		width: calc( 35% - 1rem );
	}
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-text > h4,
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-text-in{ width: 65%; }
}
@media print, screen and (max-width: 767px){
	.step-arrow02{ text-align: center; }
	.step-arrow02 > i{ position: static; top: auto; }
	.step-arrow02 > i:first-of-type{ left: auto; }
	.step-arrow02 > i:last-of-type{ display: none; opacity: 0;}
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-num{ font-size: 410%; }
	
}

@media print, screen and (max-width: 540px){
	#sozoku_shinkoku .tv-mendan-flow-step05 .sozoku_shinkoku-box .sozoku_shinkoku-box-num{
		font-size: 250%;
	}
}