/** style-page.css **/


/*==========================================
下層ページ共通
===========================================*/

header{ padding-bottom: 0;}
main{ padding-top: 0;}

/*==========================================
 見出し
===========================================*/

.contents_txt h3{
	margin-bottom: 50px;
}
.contents_txt h3 span {
	border-top: solid 2px #ccc;
	position: relative;
	font-size: 5rem;
	letter-spacing: 0.12em;
	color: #333;
	padding-top: 10px;
}

.contents_txt h3 span:before {
  position: absolute;
  content: " ";
  display: block;
  border-top: solid 2px #F7931E;
  top: -2px;
  width: 30%;
}

.contents_txt h4{
	font-size:1.1em;
	margin: 5px 0 40px;
}


/*==========================================
 mainImg
===========================================*/
#mainImg{}

/**********
 mainImg_pc
**********/
#mainImg_pc{
	height: calc(82vh - 110px);
	background: url("../staff/img/mainImg_staff.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
	#mainImg_pc{
		background: none;
		height: auto;
		width: 100%;
	}
}

#mainImgInner{
	position: relative;
	font-weight: bold;
	text-align: left;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}

#mainImgInner p{
    display: block;
    position: absolute;
    top: 30%;
    left: -1px;
}

#mainImgInner p span{
	font-size:3em;
	display: block;
}

@media screen and (max-width: 768px) {
	#mainImgInner{
		position: static;
		display: none;
	}
}

/**********
 mainImg_mb
**********/
#mainImg_mb{
	display:none;
}

@media screen and (max-width: 768px) {
	#mainImg_mb{
		display: block;
	}
	#mainImg_mb img{
		width: 100%;
	}
	#mainImg_mb p{
		font-size: 1.2em;
	}

}



/*==========================================
 topCom
===========================================*/
/** topCom **/
.topCom{}
.topCom h3{
	display: block;
	width: 30%;
	text-align: left;
}

.topCom h3 span{
	display: block;
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}

.topCom > div{
	width: 60%;
	text-align: left;
}


@media screen and (max-width: 768px) {
	.topCom h3{
		width: 100%;
	}
	.topCom > div{
		width: 100%;
		margin-top: 30px;
	}
}