@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

/* 新着情報 */

#newsList li{
	width:100%;
	display:table;
	font-size:117%;
}

.news-date{
	display:table-cell;
	width:130px;
	color:#333;
	vertical-align:top;
	padding:10px 0;
}

.news-ttl{
	display:table-cell;
	padding:10px 0;
	vertical-align:top;
}


/* ごあいさつ */

#greeting{
	font-size:117%;
	line-height:1.8;
}


/* フォトアルバム */

#photoList{
	width:100%;
	letter-spacing: -.40em;
}

#photoList li{
	display:inline-block;
	vertical-align:top;
	width:21.61383285302594%;
	letter-spacing: normal;
	margin:0 4.51488952929875% 4.51488952929875% 0;
}

#photoList li:nth-child(4n){ margin-right:0;}

.photo-date{
	color:#333;
	padding:10px 0;
}

.photo-txt{ font-size:117%;}



/* 事務所案内 */

#access{
	width:28.8%;
	float:left;
}

#access dt{
	font-size:200%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid;
}

#access dd{
	font-size:117%;
	line-height:1.5;
}

#gmapArea{
	width:67.1%;
	height:283px;
	float:right;
}

#gmap{
	width:100%;
	height:283px;
}


/* プロフィール */

#profileImg{
	width:30.25936599423631%;
	float:left;
}

#profile{
	width:65.3%;
	float:right;
}

#profile dt{
	color:#333;
	font-size:134%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid;
	position:relative;
}

#profile dt:before{
	display:block;
	content:"";
	width:50%;
	height:2px;
	background:#ccc;
	position:absolute;
	bottom:-2px;
	right:0;
	z-index:10;
}

#profile dd{
	font-size:117%;
	line-height:1.7;
}

/* 続きを見る */

.more{
	display:inline-block;
	padding:5px 15px;
	text-align:center;
	color:#333;
    background: #E1E1E1;
    border-radius: 5px;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  


/* TABLET */
@media screen and (max-width: 788px){


/* 事務所案内 */

#access{
	width:100%;
	float:none;
}

#gmapArea{
	width:100%;
	float:none;
	margin-top:20px;
}


/* プロフィール */

#profileImg{
	width:210px;
	float:none;
}

#profile{
	width:100%;
	float:none;
	margin-top:20px;
}

}


/* SP */
@media screen and (max-width: 560px){

/* 新着情報 */

.news-date{
	display:block;
	width:130px;
	padding:10px 0 0;
}

.news-ttl{
	display:block;
	padding:5px 0 10px;
}


/* photo */
#photoList{ padding-bottom:20px;}

#photoList li{
	display:block;
	width:100%;
	letter-spacing: normal;
	margin:0 0 20px;
	overflow:hidden;
}

.photoImg{
	width:35.7%;
	float:left;
}

.photoInfo{
	width:59.5%;
	float:right;
}

.photo-date{
	padding-top:0;
}


#access dt{ font-size:150%;}

}