@import url("global.css");

.bg_image {
	background: url(../contact/img/main.jpg) center center;
	background-size: cover;
	height: 520px;
	margin-bottom: 40px;
}

.contents .txt {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.contents .txt .image {
	float: right;
}
.contents .txt .fl {
	float: none;
	margin-right: 500px;
	text-align: left;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.9;
}
.contents .txt .fl .tel {
	margin-top: 20px;
	display: block;
	background-color: #F2ECE7;
	text-align: center;
	border-radius: 4px;
	color: #572513;
	line-height: 1;
	padding: 20px 0;
}
.contents .txt .fl p {
	margin-bottom: 20px;
}
.contents .txt .fl .tel p {
	font-size: 20px;
	font-weight: 600;
	padding-top: 4px;
}
.contents .txt .fl a {
	font-size: 48px;
	font-weight: 900;
	display: block;
	text-align: center;
	line-height: 1;
	color: #572513;
	margin-top: 15px;
	cursor: default;
}
.contents .txt .fl a span {
	font-weight: 600;
}

#mailformpro tr td p.note {
	font-size: 12px;
	margin-top: 10px;
}


/* ------------------------------------------------------------------------------------------------------------------------

/* 1099px（タブレット縦）以下から 1カラム表示

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1099px){

.bg_image {
	height: 320px;
	margin-bottom: 20px;
}

.contents .txt {
	width: auto;
	max-width: 100%;
	margin: 0 20px;
}
.contents .txt .image {
	width: 300px;
}
.contents .txt .fl {
	margin-right: 340px;
	font-size: 14px;
}
.contents .txt .fl .tel {
	margin-top: 20px;
	display: block;
	background-color: #F2ECE7;
	text-align: center;
	border-radius: 4px;
	color: #572513;
	line-height: 1;
	padding: 20px 0;
}
.contents .txt .fl .tel p {
	font-size: 16px;
	padding-top: 0;
}
.contents .txt .fl a {
	font-size: 30px;
}



}




/* ------------------------------------------------------------------------------------------------------------------------

/* 幅644px以下

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px){

.bg_image {
	height: 180px;
	margin-bottom: 10px;
}

.contents .txt {
	width: auto;
	max-width: 100%;
	margin: 0 10px;
}
.contents .txt .image {
	width: 100%;
	max-width: 360px;
	margin: 0 auto 20px;
}
.contents .txt .fl {
	margin-right: 0;
	font-size: 14px;
}
.contents .txt .fl .tel {
	margin-top: 20px;
	padding: 16px 0;
}
.contents .txt .fl .tel p {
	font-size: 14px;
}
.contents .txt .fl a {
	font-size: 25px;
	margin-top: 10px;
}
	


}