@charset "UTF-8";
/* CSS Document */

.officeBox {
	padding-bottom:13px;
	margin-bottom:25px;
	border-bottom:solid 1px #FECA2E;
	overflow:hidden;
}

.officeBox p {
	margin-top:5px;
	margin-bottom:5px;
}

div.tel {
	float:left;
}

div.map {
	text-align:right;
}

div.access {
	margin-top:10px;
	padding:5px;
	border:solid 1px #DADADA;
	overflow:hidden;
}

div.access li {
	float:left;
	width:290px;
}

dl {
	width:585px;
}

dt {
	float:left;
	clear:left;
	width:9em;
}

dt,dd {
	height:1.5em;
}

dd {
	float:left;
}

dl.honsya dd {
	width:200px;
}

#office1,#office3 {
	width:350px;
	float:left;
}

#office2,#office4 {
	margin-left:363px;
}

#office2 table,
#office4 table {
	width:230px;
	margin-left:30px;
}

#office2 table.tel th,
#office4 table.tel th {
	font-weight:bold;
	font-size:110%;
    padding: 5px;
}

#office2 table.tel td,
#office4 table.tel td {
    padding: 5px;
}

#office2 td.tNumber,
#office4 td.tNumber {
	text-align:right;
}

#office4_2 {
	clear:both;
	margin-top:13px;
	overflow:hidden;
}

#office4_2 li {
	margin-top:13px;
	margin-right:37px;
	margin-bottom:16px;
	text-align:center;
	float:left;
}

#office4_2 li p {
	border:solid 1px #DADADA;
	padding:5px;
	margin-top:13px;
	width:190px;
}

ul.office {
	width:960px;
}

ul.office li {
	float:left;
	overflow:hidden;
}

ul.office li.data {
	width:560px;
}

ul.office li p {
	margin-left:13px;
}

@media screen and (max-width:600px) {
	#office1,#office3 {
		width:350px;
		margin: 0 auto;
		float: none;
	}
	#office2,#office4 {
		margin-left: 0;
	}

	div.tel,div.map {
		float: none;
		margin: 20px auto;
	}
	div.tel{
		background-color: #eee;
		width: calc(90% - 20px);
		padding: 10px;
	}
	div.map iframe {
		text-align: center;
		width: 100%;
	}
	
	div.access {
		width: 90%;
		margin: 0 auto;
	}
	
	#office2 table, #office4 table {
		width: 70%;
		margin: 0 auto;
	}
	
	div.access li {
		width: 100%;
	}
	
	dl.honsya {
		width: 100%;
	}
	dl.honsya dt {
		font-weight: bold !important;
		float: left;
	}
	dl.honsya dd {
		padding-left: 1em !important;
		width: 50%;
	}
	dl.kashima {
		width: 100%;
	}
	dl.kashima dt {
		font-weight: bold !important;
		float: left;
	}
	dl.kashima dd {
		padding-left: 1em !important;
		width: 62%;
	}
	dd {
		padding-left: 1em !important;
	}
	
	dt,dd {
		height: auto;
		padding-bottom: 5px !important;
	}
	
	#office4_2 li {
		margin: 0 0 10px 0 ;
		width: 50%;
		float: left;
	}
	#office4_2 li img {
		width: 90%;
		margin: 0 auto;
	}

	#office4_2 li p {
		border:solid 1px #DADADA;
		padding:5px;
		width:70%;
		margin: 0 auto;
	}
	
	ul.office {
		width: 100%;
	}
	ul.office li.data,	
	ul.office li.map {
		width: 100%;
	}
	
	ul.office li.img img {
		width:  90%;
		height: auto;
		margin: 0 auto;
		padding-left: 20px;
	}
	
	ul.office li {
		width: 100%;
	}
	
	ul.office li.map iframe {
		text-align: center;
		width: 100%;
	}
}