/* --------------------------------------------------------------------------------------
   CONTACT
--------------------------------------------------------------------------------------- */

.main article {
	margin-top: 50px;
	border-left: 5px solid #f8b516;
	padding-left: 5px;
	overflow: hidden;
}

.main article .imgfont {
	background: url(../img/contact/title_contact.jpg) no-repeat;
	width: 100px;
	height: 50px;
	float: left;
}

.main article .detail {
	float: left;
	width: 460px;
	margin-left: 85px;
}

.main article .detail p { margin-top: 20px; }
.main article .detail p:first-child { margin-top: 0; }

.main article .image {
	border: 3px solid #dfd9cd; 
	float: right;
}

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 767px) {
	
	.main article img {
		width: 100%;
		height: auto;
	}
	
	.main article {
		border: 3px double #c4bcac;
		padding: 4% !important;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	.main article .imgfont {
		float: none;
		margin-bottom: 5%;
	}
	
	.main article .detail {
		margin-left: 0;
		margin-top: 2%;
		width: 58%;
	}
	
	.main article .detail p { margin-top: 3%; }
	
	.main article .image { width: 38%; }
}


/* --------------------------------------------------------------------------------------
  スマホ用
--------------------------------------------------------------------------------------- */

@media(max-width: 766px) {
	
	.main article img {
		width: 100%;
		height: auto;
	}
	
	.main article {
		border: 3px double #c4bcac;
		padding: 4% !important;
		margin: 4% 4% 0;
	}
	
	.main article .imgfont {
		float: none;
		margin-bottom: 5%;
	}
	
	.main article .detail {
		margin-left: 0;
		margin-top: 2%;
		width: auto;
		float: none;
	}
	
	.main article .detail p { margin-top: 3%; }
	
	.main article .image { width: 38%; }
	
	.main article a { display: inline; }
	
	.main article br { display: none; }
}