/*===============================================
●style.css 画面の横幅が737px以上
===============================================*/
@media print, screen and (min-width: 737px){

.spec{
	display: table;
	width:744px;
	margin: 0 auto;
	padding: 50px 0;
	border-bottom: solid 1px #CCC;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}
.spec:first-of-type{ padding-top: 15px;}
.spec h3.office{
	display: table-cell;
	width: 222px;
	padding-left: 8px;
	padding-right: ;
	font-weight:bold;
	vertical-align: top;
}

.spec .add {
	display: table-cell;
	width:340px;
	padding-left: 41px;
	font-weight:bold;
		vertical-align: top;
}
.spec .add h4{
	display: block;
	width: 72px;
	height: 17px;
	margin: 0 0 14px;
	padding: 5px 0;
	border: solid 1px #CCC;
	text-align: center;
}
.spec .add p {	margin: 0 0 14px;}
.spec .add a {
	display: block;
	margin: 0 0 38px;
	color: #333;
}
.spec .map{
	display: table-cell;
	width:172px;
	vertical-align: top;
}
.spec .map	a:last-of-type img{	margin-left: 5px;}
.spec .map	a:first-of-type img{	margin-bottom: 1px;}

}
/*===============================================
●smart.css  画面の横幅が736pxまで
===============================================*/
@media only screen and (max-width:736px){
.spec{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 7% 0;
	border-bottom: solid 1px #CCC;
	text-align: left;
	font-size: 0.82em;
	line-height: 1.4em;
	font-weight: normal;
}
.spec:first-of-type{ padding-top: 15px;}
.spec h3 {
	width: 100%;
	margin: 0 auto 12px;
	border-left:3px double #DD473D;
	padding: 0 8px;
		font-size: 1.1em;
	font-weight:bold;
	vertical-align: top;
}
.spec .add {
	font-weight:bold;
}
.spec .add h4{
	display: block;
	width: 72px;
	height: 17px;
	margin: 18px 0 12px;
	padding: 5px 0;
	border: solid 1px #CCC;
	text-align: center;
}
.spec .add p {	margin: 0 0 14px;}
.spec .add a {
	display: block;
	margin: 0 0 ;
	color: #333;
}
.spec .map{
	margin: 0;
	text-align: right;
}

}


