/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*流れ　領域*/
section#flow {}
section#flow h2 {
	margin-bottom:25px;
	}

/*流れ　お客側*/
section#flow div.flow-cs {
	background:url(../images/flow01.png) no-repeat 16px 0px;
	margin-bottom:20px;
	}

/*流れ　ＬＬ側*/
section#flow div.flow-ll {
	background:url(../images/flow02.png) no-repeat 16px 0px;
	margin-bottom:20px;
	}

/*流れ　タイトル*/
section#flow div.flow-cs p.flow-ttl,
section#flow div.flow-ll p.flow-ttl {
	color:#008BBF;
	font-weight:bold;
	padding:5px 0px 5px 132px;
	}

/*流れ　内容*/
section#flow div.flow-cs p.flow-p,
section#flow div.flow-ll p.flow-p {
	padding:0px 0px 0px 132px;
	}

/*流れ　コメント*/
section#flow p.flow-cmt {
	padding:0px 0px 0px 38px;
	background:url(../images/cmn/mark2.png) no-repeat 16px 3px;
	}

/*流れ　次へのやじるし*/
section#flow div.flow-arrow {
	text-align:center;
	margin:32px 0px 24px;
	}





/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　▼======================================*/
@media screen and (max-width: 960px) {

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き）　▼======================================*/
@media only screen and (max-width:640px) {

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き）　▼======================================*/
@media only screen and (max-width:480px) {
 
}