@charset "utf-8";

/* for Common & Smartphone*/

#office{}


.greeting{
	background:#faf5f0;
	padding:20px;
}
.greetingTtl{
	color:#603813;
	font-size:153%;
	text-align:center;
	margin-bottom:10px;
}
.greetingTxtArea{
	margin-bottom:20px;
}
.greetingTxt{
	font-size:108%;
	text-align:left;
	line-height:2;
	margin-bottom:10px;
}
.greetingName{
	font-size:108%;
	text-align:right;
}
.greetingName span{
	font-size:140%;
}
.greetingPhoto{
	margin:0 auto;
	max-width:200px;
}



.officeList{
	text-align:left;
	border-bottom:1px dotted #ccc;
	margin:0 auto 40px;
	}
.officeList dt,
.officeList dd{
	font-size:108%;
	line-height:2.143;/*30pt*/
	padding:8px 10px;
	}
.officeList dt{
	border-top:1px dotted #ccc;
	color:#603813;
	font-weight:bold;
	}
.officeList dd{
	border-top:1px dotted #ccc;
	}


.gmapBtn a {
	display:block;
	position:relative;
	line-height:50px;
	background:#007a00;
	border-radius:4px;
	font-size:123%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-shadow:0px 2px 0px rgba(0,0,0,0.2);
	max-width:300px;
	margin:0 auto;
}
.gmapBtn a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}




/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}
	
/* for PC*/
@media print, screen and (min-width:768px) {

#office{}

.greeting{
	padding:30px;
}

.greetingTxtArea{
	float:left;
	width:65%;
}
.greetingPhoto{
	float:right;
	width:30%;
	max-width:192px;
}


.officeList{
	width:100%;
	overflow:hidden;
	background:#fff;/*dtの背景色*/
	}
.officeList dt,
.officeList dd{
	line-height:2;
	padding:10px 0;
	}
.officeList dt{
	width:20%;
	float:left;
	border-top:1px dotted #ccc;
	}
.officeList dd{
	width:80%;
	float:left;
	border-left:0 solid #fff; /*長くなる要素にあわせて*/
	border-top:1px dotted #ccc;
	background:#fff;
	}
.officeList dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
	}







}


/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	}

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { 

}