@charset "utf-8";

/*--------------------------------------------
 
      English 共通
 
---------------------------------------------*/

.f-link ul:after{ content:""; display: block; clear: both; }
.f-link ul{ display: inline-block; } 
.f-link ul{ display: block; }
.f-link li{ width: 33%; }
.f-link li:nth-child(2) { width: 33%; }


/*--------------------------------------------
 
      メインイメージ
 
---------------------------------------------*/

.mainimg{ width: 100%; margin: 0px auto; position: relative; }
.mainimg img{　width: 100%; height: auto; }

.mainimg h2 {
    position: absolute;
    top: 36%;
    left: 3%;
    width: 95px;
}

.topicpath{ 
	width: 94%;
	margin: 0px auto 30px;
	position: relative;
}

/*--------------------------------------------
 
      沿革
 
---------------------------------------------*/


.main_content{
	width: 94%;
	margin: 0px auto 20px;
	position: relative;
}

h3.tit {
    font-size: 16px;
    padding: 5px 20px;
}

h4.catch span{
	background:url(/common/img/pat02.gif) repeat-x left bottom;}


.sp-active{ display: inherit; }


/*--------------------------------------------
 
      事務所の特色
 
---------------------------------------------*/

.number_box::after { clear: both; content: ""; display: block; }
.number_box { display: inline-block; }
.number_box { display: block; }

.number_box dl{ 
	display: block; 
	width: auto;
	margin-bottom: 25px;
}
.number_box dl:nth-child(1),
.number_box dl:nth-child(3){ float: none; }
.number_box dl:nth-child(2),
.number_box dl:nth-child(4){ float: none; }


.number_box dt{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.06em;
    padding: 10px;
	padding-left: 50px;
	margin-bottom: 15px;
}

.number_box dl:nth-child(1) dt,
.number_box dl:nth-child(2) dt,
.number_box dl:nth-child(3) dt,
.number_box dl:nth-child(4) dt{
	background-size: 40px auto;
}
.number_box dd{
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 170%;
}