@charset "utf-8";


/* =intro
----------------------------------------------- */
#intro h2 span{
	background-image:url(../images/common/icn_flow.png);
}


/* =main_contents
----------------------------------------------- */
#main_contents{
	padding:20px 10px;
	background-color:#EEE;
}
#flow .box{
	margin-bottom:5px;
	background-color:#FFF;
}
#flow .box .mds{
	padding-right:10px;
	background-repeat:no-repeat;
	background-position:20% center;
	-webkit-background-size:10px 16px;
	-moz-background-size:10px 16px;
	background-size:10px 16px;
	background-image:url(../images/common/icn_tri_01.png);
}
#flow .box .mds .inner{
	display:block;
	background-repeat:no-repeat;
	background-position:right center;
	-webkit-background-size:21px;
	-moz-background-size:21px;
	background-size:21px;
	background-image:url(../images/common/icn_open.png);
}
#flow .box .mds.open .inner{background-image:url(../images/common/icn_close.png);}
#flow .box .mds .num{
	display:block;
	float:left;
	width:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#189E81;
	color:#FFF;
	text-align:center;
	line-height:1.0;
	font-weight:bold;
}
#flow .box .mds .num span:nth-of-type(1){display:block; font-size:1.3rem;}
#flow .box .mds .num span:nth-of-type(2){font-size:1.7rem;}
#flow .box .mds .txt{
	display:block;
	float:left;
	width:70%;
	padding-top:15px;
	font-weight:bold;
	font-size:1.5rem;
}
#flow .box:nth-of-type(8) .mds .txt{
	font-size:1.3rem;
}
@media screen and (min-width: 480px){
	#flow .box:nth-of-type(8) .mds .txt{
		font-size:1.5rem;
	}
}
#flow .box .mds .txt span{
	display:block;
	padding-left:18px;
	padding-right:10px;
}
/*
#flow .box .mds .toggle{
	float:left;
	width:10%;
	padding-top:12px;
}
*/
#flow .box .detail .hlight{
	padding:15px 10px 10px;
	background-color:#EBFCF8;
	background-repeat:repeat-x;
	background-position:0 0;
	-webkit-background-size:5px 10px;
	-moz-background-size:5px 10px;
	background-size:5px 10px;
	background-image:url(../images/common/inner_shadow.png);
}
#flow .box .detail .left{
	float:left;
	width:25%;
}
#flow .box .detail .right{
	float:right;
	width:75%;
}
@media screen and (min-width: 480px){
	#flow .box .detail .left{
		width:13%;
	}
	#flow .box .detail .right{
		width:87%;
	}
}
#flow .box .detail .right p{
	color:#189E80;
	font-weight:bold;
}
#flow .box .detail .txt{
	padding:10px 10px 20px;
}