@charset 'utf-8';
/*============================
#general
============================*/
.page-main-img{
	background: url(../../../common/img/bg_01.jpg) top left /cover no-repeat;
}
.page-main__ttl-wrp {
	min-width: 600px;
}
.page-main__ttl{
	padding-left: 15px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.page-main__ttl span{
	font-size: 17px;
}
.linkbtn--pdf::after{
	content: "\f1c1";
	font-family: fontawesome;
	background: none;
}
/*------------------------------------------------
about
------------------------------------------------*/
.base-about-top{
	background-image: url(../img/about/bg_01.jpg);
}
.base-about__block{
	padding: 90px 0;
}
.base-about__block-img{
	width: 547px;
	height: 217px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.base-about-bottom{
	height: 420px;
}
.linkbtn{
	margin: 20px auto 0;
}
.base-product__item{
	margin-bottom: 0;
}
.base-product__list{
	align-items: stretch;
}
.base-product__item-name span{
	font-size: 13px;
}
.lcl-image{
	width: 1000px;
	height: 380px;
	background: url(../img/product/img_04.jpg) no-repeat center / cover;
	margin: 30px auto 0;
}

@media screen and (max-width: 767px){
	/* ---------------------------------------------------------------- SP ---- */
	/*============================
	#general
	============================*/
	.page-index .page-main-img{
		height: 300px;
		background-position: -140px;
	}
	.page-cnt{
		padding-bottom: 0;
	}
	.page-main-in {
		width: 100%;
		bottom: 20px;
	}
	.page-main__ttl-wrp {
		min-width: 200px;
		height: 70px;
	}
	.page-main__ttl{
		font-size: 15px;
		letter-spacing: 0.1em;
		padding-left: 10px;
	}
	.page-main__ttl span{
		font-size: 13px;
	}
	/*------------------------------------------------
	about
	------------------------------------------------*/
	.base-about__block{
		padding: 20px 15px 30px;
	}
	.base-about__block-ttl {
		margin-top: 0;
	}
	.base-about__block-img{
		width: 80vw;
		height: 32vw;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.base-about-bottom{
		height: 300px;
	}
	.linkbtn{
		margin: 20px auto 0;
	}
	/*------------------------------------------------
	product
	------------------------------------------------*/
	.base-product__item{
		width: 100%;
		margin-bottom: 40px;
	}
	.lcl-image{
		width: 100%;
		height: 34vw;
		margin: 20px auto 40px;
	}
}