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

/* about us
=================================================================== */
.contact#container { padding-bottom: 5%; }
.contact h3:before {
	content: '■';
	color: #1957A4;
}
.contact h3 {
	font-size: 1.786em;
	margin-bottom: 1%;
}
.contact .section { margin-bottom: 30px; }
@media screen and (max-width:640px){
.contact h3 { font-size: 1.571em; }
}

/* greeting
-------------------------------- */
.contact .section:nth-child(1) {
	background: repeat left top url(../common/img/base/bg_contents.png);
	border-top: 2px solid #F9F7E4;
	border-bottom: 2px solid #F9F7E4;
	padding: 2% 0;
}
.contact .section:nth-child(1) .mainblock .block { width: 45%; }
.contact .section:nth-child(1) .mainblock h5 { font-size: 1.714em; }
@media screen and (min-width:1025px){
.contact .section:nth-child(1) .mainblock {
	background: no-repeat right 50% url(img/photo01.png);
	-webkit-background-size: contain;
	background-size: contain;
	box-sizing: border-box;
	padding: 2% 0;
}
.contact .section:nth-child(1) .mainblock p { margin: 4% 0; }
.contact .section:nth-child(1) .mainblock h5 { text-align: right; }
}
@media screen and (max-width:1024px){
.contact .section:nth-child(1) .mainblock {
	background: no-repeat right 50% url(img/photo01.png);
	-webkit-background-size: 40% auto;
	background-size: 40% auto;
	box-sizing: border-box;
	padding: 2% 0;
}
.contact .section:nth-child(1) .mainblock .block { width: 55%; }
.contact .section:nth-child(1) .mainblock p { margin: 4% 0; }
.contact .section:nth-child(1) .mainblock h5 { text-align: right; }
}
@media screen and (max-width:640px){
.contact .section:nth-child(1) .mainblock {
	background: no-repeat right bottom url(img/photo01.png);
	-webkit-background-size: 45% auto;
	background-size: 45% auto;
	box-sizing: border-box;
	padding: 2% 2% 28% 2%;
}
.contact .section:nth-child(1) .mainblock .block { width: 100%; }
.contact .section:nth-child(1) .mainblock p { margin: 0 0 4%; }
.contact .section:nth-child(1) .mainblock h5 {
	float: left;
}
}
@media screen and (max-width:480px){
.contact .section:nth-child(1) .mainblock {
	background: no-repeat center bottom url(img/photo01.png);
	-webkit-background-size: 70% auto;
	background-size: 70% auto;
	box-sizing: border-box;
	padding: 2% 2% 50% 2%;
}
.contact .section:nth-child(1) .mainblock h5 {
	float: none;
	font-size: 1.357em;
}
}

/* company
-------------------------------- */
@media screen and (min-width:769px){
.contact #company .ph {
	width: 47.91667%;
	float: left;
}
.contact #company h4 {
	width: 47.91667%;
	float: right;
	text-align: center;
	margin-bottom: 2%;
}
.contact #company h4 img { width: 50%; }
.contact #company .date {
	display: table;
	width: 47.91667%;
	float: right;
	border-spacing: 5px;
}
}
@media screen and (max-width:768px){
.contact #company .ph {
	width: 45%;
	float: left;
	margin-bottom: 3%;
	margin-left: 5%;
}
.contact #company h4  {
	width: 40%;
	float: right;
	margin: 7% 5% 0 0;
}
.contact #company .date {
	display: table;
	width: 100%;
	border-spacing: 5px;
}
}
.contact #company dl { display: table-row; }
.contact #company dt,
.contact #company dd {
	display: table-cell;
	padding: 4px 6px;
}
.contact #company dt {
	background: #1655A1;
	color: #FFFFFF;
	width: 4em;
}
.contact #company dd {
	background: #EFEFEF;
}

/* map
-------------------------------- */
.contact #map-canvas {
	width: 100%;
	height: 300px;
}