@charset "utf-8";
	
/*--------------------------------------------
 
      ご相談の流れ（index.html）
 
---------------------------------------------*/

h3.works{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	background:url(../img/dobble-dot.gif) repeat-x left bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

h3.gothic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	background:url(../img/dobble-dot.gif) repeat-x left bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

.flow-sigle{
	text-align:center;
	margin:0px auto 40px;
}

.flow-sigle img{
	width:100%;
	height:auto;
}

h4.detail{
	border-top:2px solid #489395;
	padding:20px 0;
	font-size:120%;
	font-weight:bold;
	background:url(../img/dobble-dot.gif) repeat-x left bottom;
	margin-bottom:20px;
}

.flowbox{
	box-shadow: 0 0 0 1px #ddd inset;
	margin-bottom:20px;
}

.flowbox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .flowbox { zoom:1; }
*:first-child+html .flowbox { zoom:1; }

.flowbox li{
	float:left;
	border-right:1px solid #ddd;
	width:39%;
	padding:5% 5% 5%;
}

.flowbox li img{
	width:100%;
	height:auto;
}

.flowbox li:last-child{
	border-right:none;
}

.flowbox .mail a{
	background:url(../../common/img/icon-mail.png) no-repeat 5% center #926807;
	padding:8px 5% 8px 10%;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:110%;
	line-height:1.5em;
	width:85%;
	display:block;
}

.flowbox .mail a:hover{
	opacity:0.8;
}

.arrow{
	background:url(../img/arrow.gif) no-repeat center bottom;
	padding:0 0 50px 0;
	margin-bottom:50px;
}

@media screen and (min-width: 767px){   
  .brpc { display:inline !important; }
}

@media screen and (max-width: 767px){   
  .brpc { display:none !important; }
}