@charset "utf-8";



#sec_about {
	background: url("../img/company_head_pc.png") no-repeat center top;
	background-size: cover;
	height: 30.0rem;

}

@media screen and (max-width: 768px) {
	#sec_about {
		background: url("../img/company_head_sp.png") no-repeat center top;
		height: 20.0rem;
	}

}

#sec_about .ttl{
	font-size: 3.6rem;
	color: #C3695A;
	letter-spacing: .2em;
	position: absolute;
	top: 13rem;
	left: 50%;
	transform: translate(-50%, 0);
}

@media screen and (max-width: 768px) {

	#sec_about .ttl{
		font-size: 2.8rem;
		top: 8rem;
	}

}


@media screen and (max-width : 768px) {

	#sec_item-detail{
	padding-bottom: 4.0rem!important;
	}

	#sec_item-detail .grid {
		grid-template-columns: none!important;
		gap: 0!important;
		padding-top: 0;
	}
	#sec_item-detail .grid dt {
		font-size: 1.6rem!important;
		letter-spacing: 0;
		display: flex;
		flex-flow: column;
		margin-top: 1.3rem;
	}


}

.btn_top a{
	font-size: 1.8rem;
	color: #fff;
	position: relative;
	background: #C3695A;
	border-radius: 2rem;
	max-width: 36.0rem;
	width: 100%;
	height: 6.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6rem auto 0;
}

.btn_top a::before {
	content: '';
	position: absolute;
	left: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.3rem;
	height: 1.3rem;
	border-left: 0.2rem solid #fff;
	border-bottom: 0.2rem solid #fff;
	transform: translateY(-50%) rotate(45deg);
  }

@media screen and (max-width: 768px) {

	.btn_top a{
		width: 100%;
		max-width: initial;
		margin-top: 4rem;

	}

}

@media screen and (max-width : 768px) {

	#footer {
		padding-bottom: 3.0rem!important;
	}
}


/* ------------------------------
    responsive
------------------------------ */

@media screen and (min-width : 769px) {

	.sp {
		display:none!important;
	}

}

@media screen and (max-width : 768px) {

	.pc {
		display:none!important;
	}

}