@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;
}

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

.staff{	margin-bottom:40px;}

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

.staff li{
	float:left;
	margin-right:8px;
}

.staff li a:hover{	opacity:0.7;}

.staff li:last-child{	margin:0;}


.office{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin-bottom:50px;
}

.office th,
.office td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:3%;
	vertical-align:text-top;
}

.office th{	background:#E0EDED;}

.mb-txt{	margin-bottom:50px;}

.mb-txt p{	margin-bottom:20px;}

.mb-txt p:last-child{	margin-bottom:0;}

.ofbig{	
	font-size:120%;
	line-height:1.5em;
}

.photo,
.access{	margin-bottom:50px;}

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

.photo li{
	float:left;
	width:31.6%;
	margin:0 2.6% 0 0;
}

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

.photo li:last-child{	margin:0;}

.access li{
	float:right;
	width:48%;
}

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

.access li:last-child{	float:left;}

.access a:hover{	opacity:0.8;}

.access li iframe{	width:100% !important;}

.stfarea{
	width:100%;
}

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


.stfarea .photo{
	float:left;
	margin-right:20px;
}

.stfarea .stfpro{
	float:right;
	border-top:2px solid #489395;
	width:340px;
	padding:20px 0 0;
}

.stfarea .stfpro .pro{
	color:#489395;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
}

.stfarea .stfpro .name{
	font-size:120%;
	background:url(../img/dobble-dot.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

.stfarea .stfpro .name strong{
	font-size:140%;
}

.stfarea .stfpro table{
	background:url(../img/dobble-dot.gif) repeat-x left bottom;
	margin-bottom:10px;
}

.stfarea .stfpro table th,
.stfarea .stfpro table td{
	padding:10px;}

.stfarea .stfpro th{
	width:30%;
}

.stfarea .stfpro table td dd{
	margin:0 0 5px 20px;}

.maxwid{	width:20% !important;}

.year{	
	font-weight:bold;
	color:#489395;
}

.comment{
	border:5px solid #ddd;
	padding:20px;
	margin-bottom:50px;
}

.comment p{	margin-bottom:20px;}

.comment p:last-child{	margin-bottom:0px;}

.pr-comment{
	color:#489395;
	font-size:120%;
}



/*--------------------------------------------
 
      アンカー調製
 
---------------------------------------------*/

#staff,
#mochizuki,
#kuroi,
#yamamoto,
#murate,
#yamashita,
#etou,
#tada,
#sato,
#ban{
    margin-top:-270px;
    padding-top:270px;
	display:block;
}


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

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