@charset "utf-8";

#mainVisual{
	background: url("../img/mainVisual.jpg") no-repeat center / cover;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	#mainVisual .inner{
		justify-content: space-between;
	}
	#mainVisual .inner .logo{
		max-width: 330px;
		width: 100%;
	}

	#mainVisual .inner .page-ttl{
		font-size: 3rem;
		color: #fff;
		font-weight: 700;
		position: relative;
		padding-left: 20px;
	}
	#mainVisual .inner .page-ttl::before{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: calc(100% / 2);
		right: 100%;
	}

.inner{
	padding: 0 15px;
}

#sec_company{
	padding: 60px 0 100px;
}

#sec_company.bg_nami::after {
	background-image: url("../../img/bg_nami_gy.png");
}

#sec_contact .inner{
	padding: 0;
}

@media screen and (max-width: 767px){
	#mainVisual .inner{
		display: block;
		text-align: left;
	}
	#mainVisual .inner .logo{
		max-width: 250px;
	}
	#mainVisual .inner .page-ttl{
		font-size: 2.4rem;
		margin-left: 40px;
		padding-left: 10px;
	}
	#mainVisual .inner .page-ttl::before{
		width: 30px;
	}
}