@charset "UTF-8";
/* CSS Document */
/*会社概要ページ*/
.company-top-v {
	background: url("syounan-mainimg/IMG_s3.JPG") 0 30% no-repeat;
	background-size: cover;
	position: relative;
	height: 35vh;
}
.company-top-v::before {
	/* 透過した黒を重ねる */
	background-color: rgba(0, 0, 0, 0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

/*メニューページ*/
.menu-top-v {
	background: url("syounan-mainimg/IMG_4759.JPG") 50% 20% no-repeat;
	background-size: cover;
	position: relative;
	height: 35vh;
}
.menu-top-v::before {
	/* 透過した黒を重ねる */
	background-color: rgba(0, 0, 0, 0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

/*施工事例ページ*/
.works-top-v {
	background: url("syounan-mainimg/IMG_4768.JPG") 50% 50% no-repeat;
	background-size: cover;
	position: relative;
	height: 35vh;
}
.works-top-v::before {
	/* 透過した黒を重ねる */
	background-color: rgba(0, 0, 0, 0.1);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.main-title-wrap {
	position: absolute;
	padding: 20px;
	height: 100%;
	width: 100%;
}
.main-title {
	width: 100%;
	height: 100%;
	/*border: 3px solid #fff;*/
}
.main-title h2 {
	position: absolute;
	background: url("syounan-gozo/test-3.png");
	padding: 10px 20px;
	padding-bottom: 15px;
	left: 0;
	bottom: -10px;
	font-size: 1.3rem;
	font-weight:600;
	color: #222; 
	letter-spacing: 0rem;
	line-height: 0.7;
}
.main-title h2 span {
	font-size: 0.6rem;
	color: #00BAFF;
	letter-spacing: 0;
	font-weight: 800;
	text-shadow: none;
}
.main-title h2 span::before,.main-title h2 span::after {
	content: ' - ';
}

/*お客様の声ページ*/
.voice-top-v {
	background: url("syounan-mainimg/IMG_4769.JPG") 0 60% no-repeat;
	background-size: cover;
	position: relative;
	height: 35vh;
}
.voice-top-v::before {
	/* 透過した黒を重ねる */
	background-color: rgba(0, 0, 0, 0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}