/******************************
/*　サブページ別設定
******************************/
.img_disp2{
	width: 40%;
	margin: 2%;
}
.img_disp2-m{
	width: 6%;
}

/******************************
/* 背景画像＋文字
******************************/
#over_explain{
	height: 130vw;
	max-height: 400px;
	background:url(../img/about_wallpaint2.jpg) no-repeat left top;
	position: relative;
}
#over_explain p{
	position: absolute;
	bottom:0;
	right: 0;
	margin:0;
	padding: 1rem;
	line-height:1rem;
	font-size: 0.7rem;
	letter-spacing: 0;
	color: #FFF;
	background-color:hsla(60, 8%, 29%, 0.7);
}
@media(min-width:700px){
	#over_explain{
		height: 78vw;
		background:url(../img/about_wallpaint2.jpg) no-repeat left top;
		position: relative;
	}
	#over_explain p{
		position: absolute;
		margin:2% 2% 2% 40%;
		padding: 0.5rem;
		text-align: left;
		line-height:1.2rem;
		font-size:0.8rem;
		letter-spacing: 1px;
	}
}
@media(min-width:850px){
    #over_explain p{
		position: absolute;
		padding: 1rem;
		line-height:1.4rem;
    }
}
#over_explain2{
	/*縦横比を保持したまま背景画像が横幅で拡大縮小*/
	max-width: 960px;
	max-height: 200px;
	width: 100%;
	height: 20vw;
	background:url(../img/about_gaina_img.jpg) no-repeat left top; 
	background-size:100% auto;		/*高さ自動設定*/	
	text-align:left;
	position: relative;
}
#over_explain2 p{
	position: absolute;
	bottom: 1rem;
	padding: 1rem 20vw 1rem 1rem;
	font-size: 0.7rem;
}
@media(max-width:500px){
	#over_explain2 p{
		position: absolute;
		bottom: 1rem;
		padding:0.2rem 18vw 0.2rem 0.2rem;
		line-height:1rem;
		letter-spacing: -0.1rem;
		font-size: 0.6rem;
    }
}
.dsp_pc{
	display: block;
}
.dsp_sp{
	display: none;
}
@media(max-width:500px){
	.dsp_pc{
		display: none;
	}
	.dsp_sp{
		display: block;
	}
}

/**********************************************************
google map
***********************************************************/
/* 地図キャンパス */
#map-canvas {
	width: 95vw ;
	height: 75vw ;
}
@media (min-width: 960px) {
	#map-canvas {
		width:960px;
		margin: 0 auto;
		padding: 1rem;
		max-height: 750px;
	}
  }

/******************************
/* ｍａｉｌフォーム
******************************/
#formWrap {
	margin:1rem;
	color:rgb(22, 22, 22);				/*ｐ文字色*/
	text-align:left;
	line-height:1.5rem;
	font-family:小塚明朝 Pr6N;
}
#formWrap p{
	margin-bottom:1rem;
}
p.er_message p{
	margin-bottom:2rem;
	margin-left:1rem;
	color:#C33;				
}

.formTable{
	margin:0 auto 1rem;
	width: 94%;
	border-collapse:collapse;
}
.formTable tr th{
	border:1px solid #8d8d8d;
	padding:0.25rem;
	width:8rem;
	font-weight:normal;
	vertical-align:top;
}
.formTable tr td{
	border:1px solid #8d8d8d;
	padding:0.25rem;
}
.formTable tr td textarea{
	width: 95%;
	height: 20rem;
}
.formTable tr td input{
	box-sizing: border-box;
  }
@media(min-width:769px){
	#formWrap {
		margin:0.5rem;
		line-height:1.8rem;
	}
	.formTable{
		width:90%;
	}
	.formTable tr th{
		padding:0.5rem;
		width:10rem;
	}
	.formTable tr td{
		padding:0.5rem;
	}
}@media(max-width:340px){
	#formWrap {
		margin: 0;
		width: 100%;
	}
	.formTable{
		width: 100%;
	}
	.formTable tr th{
		font-size: 0.7rem;
	}
	.formTable tr td input{	/*はみ出し防止*/
		width: 80%;
		font-size: 0.7rem;
	}
}