@charset "UTF-8";
/* CSS Document */

/*———————————–———————————–

　　Flow（制作の流れ）

———————————–———————————–*/
/* アイキャッチ */
#flow .eye_catch {
	background: url('../images/flow_bg@2x.jpg');
	background-size:cover;
}
#flow .sec_bg {
	background: #FFD000;
}

/* 見出し色・高さ・下線色 */
#flow .sec_title {
    width: 100%;
    height: 200px;
}

#flow .sec_title .head_hr_solid {
    border-color: #fff;
}

/* リスト背景色　交互に色変更 */
#flow ol li:nth-child(odd){
	background:#f9f9f9;
}

/* リスト番号スタイル */
#flow ol li.list_num:before{
	color: #fff;
	background: #ffd200;
	font-size: 25px;
	line-height: 34px;
	width: 1.5em;
	height: 1.5em;
}
/* リスト　ヘッダ文字サイズ */
#flow li div.list_h{
	font-size:18px;
}

/* アイコンサイズ */
#flow .content_head>img{ width:100%; max-width:80px;} 

/*———————————–———————————–
　　【任意】スタイル編集
———————————–———————————–*/

#flow .wrapper_box{
	padding:0;
	max-width: 980px;
}

#flow ol {
	counter-reset: number;
	padding:0;
}

#flow ol li{
	text-align: center;
	padding:50px 0;
}

#flow ol li.list_num:before{
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	border-radius:50px;
	text-align:center;
	vertical-align: top;
	font-weight:400;
}

#flow li div.list_h{
	display:inline-block;
	width: 25%;
	vertical-align:top;
	text-align: left;
	font-weight:400;
	padding-left:2%;
}
#flow li div.list_info{
	display: inline-block;
	width: 60%;
	text-align: justify;
	max-width: 460px;
}