@charset "utf-8";

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

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

.mainimg h2 {
    position: absolute;
    top: 8%;
    left: 3%;
    width: 136px;
}

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

/*--------------------------------------------
 
      概要
 
---------------------------------------------*/
dl.rookie dt{
	width: 100%;
}


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


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

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

h4.catch{ display: none; }
h4.catch_sp{ display: block; }
h4.catch_sp img{ width: 100%; }

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


.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%;
}