@charset "UTF-8";
/*======================================================================
	Title:flow.css
	------------------------------------------------------
	Copyright IROYA All Rights Reserved.
======================================================================*/

#header .global_menu ul li.menu_flow a{
	background:url(/_common/img/bn_menu_flow_on.png) no-repeat 0 0;
}

/* ============================================================

contents

============================================================ */

/* ==============================
.contents_header_main
============================== */
.contents_header_main .contents_header_text h2{
	width:290px;
}

/* ==============================
contents_flow
============================== */
#contents_flow .flow{
	width:65%;
	margin:0 auto 110px;
	position:relative;
	border:solid 1px #E4E4E4;
	background:#fff;
}
#contents_flow .flow:not(:last-child):after{
	content:"";
	display:block;
	width:6px;
	height:28px;
	position:absolute;
	left:50%;
	bottom:-50px;
	margin-left:-3px;
	background:url(/_common/img/flow/bg_flow_num_2.png) no-repeat 0 0;
	background-size:contain;
}

#contents_flow .flow header{
	padding:28px 0;
	font-size:23px;
	font-size:2.3rem;
	letter-spacing:0.05em;
	line-height:1;
	background:#F4E9EB;
	border-bottom:solid 1px #E4E4E4;
}
#contents_flow .flow header .num{
	width:72px;
	height:50px;
	position:absolute;
	left:50%;
	top:-40px;
	margin-left:-36px;
	font-size:26px;
	font-size:2.6rem;
	line-height:50px;
	background:url(/_common/img/flow/bg_flow_num.png) no-repeat 0 0;
	background-size:contain;
}
#contents_flow .flow .flow_text{
	padding:26px 15px;
}
#contents_flow .flow .flow_text p:not(:last-child){
	margin:0 0 1.5em 0;
}

#contents_flow #flow_02 header{
	background:#F2E4E2;
}
#contents_flow #flow_03 header{
	background:#F2EDDD;
}
#contents_flow #flow_04 header{
	background:#F2F1DF;
}
#contents_flow #flow_05 header{
	background:#E6EFD8;
}
#contents_flow #flow_06 header{
	background:#DFF4E8;
}
#contents_flow #flow_07 header{
	background:#D8EFEB;
}
#contents_flow #flow_08 header{
	background:#E4F1F4;
}
#contents_flow #flow_09 header{
	background:#E6E6EF;
}


/* ============================================================

SP

============================================================ */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px),
screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
screen and (max-width:736px){

	#header .global_menu ul li.menu_flow a{
		color:#5B9FC6;
	}

	/* ==============================
	.contents_header_main
	============================== */
	.contents_header_main .contents_header_text h2{
		max-width:145px;
	}

	/* ==============================
	contents_flow
	============================== */
	#contents_flow .flow{
		width:100%;
	}
	#contents_flow .flow header{
		padding:18px 0;
		font-size:1.8rem;
	}
	#contents_flow .flow header .num{
		top:-44px;
		font-size:2.2rem;
	}
	#contents_flow .flow .flow_text{
		padding:15px;
	}

}