@charset "utf-8";

/* =========================================================

 module

========================================================= */

.l_mv {
	padding: 0 3.4364261168%;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}

.l_sixpillars {
	margin-top: 80px;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}

.l_sixpillars .titleline {
	display: flex;
	padding: 0 3.4364261168%;
}

.l_sixpillars .titleline h2 {
	width: 50%;
	line-height: 1.2;
	font-size: 6rem;
	font-weight: bold;
}

.l_sixpillars .titleline .read {
	width: 50%;
	color: #757575;
	font-size: 1.6rem;
	line-height: 1.5;
}

.l_sixpillars .slider_block {
	margin-top: 140px;
	padding: 0 3.4364261168%;
}

.l_sixpillars .swiper_sixpillars {
	overflow-x: visible;
}

.l_sixpillars .slide_initial {
	opacity: 0;
}

.l_sixpillars .slide_box {
	overflow: hidden;
}

.l_sixpillars .context_box {
	margin-top: 40px;
}

.l_sixpillars .context_box h3 {
	margin-bottom: 20px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
}

.l_sixpillars .context_box .text {
	color: #757575;
	font-size: 1.6rem;
	line-height: 1.5;
}

.l_sixpillars .slider_btn_block {
	display: flex;
	justify-content: flex-end;
	margin-top: 72px;
}

.l_product {
	margin-top: 120px;
	position: relative;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}

.l_product .image_block {
	width: 100%;
}

.l_product .context_block {
	position: absolute;
	color: #fff;
	bottom: 172px;
	left: 118px;
}

.l_product .context_block h2 {
	display: block;
	font-size: 3.2rem;
	font-weight: bold;
	margin: 20px auto 40px;
}

.l_product .context_block .read {
	width: 50%;
	font-size: 1.6rem;
	line-height: 1.5;
}

.l_product .btn {
	position: absolute;
	bottom: 80px;
	left: 118px;
}

@media (hover: hover) {

.l_sixpillars .slider_image img {
	transition: transform 0.32s ease;
}

.l_sixpillars .slider_image:hover img {
	transform: scale(1.25);
}

}

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

.l_product .context_block {
	bottom: 23.7972508591%;
	left: 1.7182130584%;
}

.l_product .btn {
	bottom: 6.8728522337%;
	left: 1.7182130584%;
}

}

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

.l_sixpillars .titleline {
	display: block;
}

.l_sixpillars .titleline h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.l_sixpillars .titleline .read {
	width: 100%;
}

}

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

.l_mv {
	padding: 0 10.4166666667vw;
}

.l_sixpillars {
	margin-top: 10.4166666667vw;
}

.l_sixpillars .titleline {
	display: block;
	padding: 0 10.4166666667vw;
}

.l_sixpillars .titleline h2 {
	width: 100%;
	font-size: 7.2916666667vw;
	margin-bottom: 7.8125vw;
}

.l_sixpillars .titleline .read {
	width: 100%;
	font-size: 4.1666666667vw;
}

.l_sixpillars .slider_block {
	margin-top: 20.8333333333vw;
	padding: 0 10.4166666667vw;
}

.l_sixpillars .context_box {
	margin-top: 10.4166666667vw;
}

.l_sixpillars .context_box h3 {
	margin-bottom: 7.8125vw;
	font-size: 6.25vw;
}

.l_sixpillars .context_box .text {
	font-size: 4.1666666667vw;
}

.l_sixpillars .slider_btn_block {
	justify-content: center;
	margin-top: 18.75vw;
}

.l_product {
	margin-top: 26.0416666667vw;
}

.l_product .context_block {
	width: 79.1666666667vw;
	right: 0;
	bottom: 36.4583333333vw;
	left: 0;
	margin: 0 auto;
}

.l_product .context_block h2 {
	font-size: 6.25vw;
	margin: 5.2083333333vw auto 10.4166666667vw;
}

.l_product .context_block .read {
	width: 100%;
	font-size: 4.1666666667vw;
}

.l_product .btn {
	display: block;
	right: 0;
	bottom: 15.625vw;
	left: 0;
	text-align: center;
	width: 79.1666666667vw;
	margin: 0 auto;
}

}