@charset "utf-8";

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

 module

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

.l_mv .mv_inner {
	margin: 0 auto;
	max-width: 1164px;
}

.l_works {
	margin: 90px auto 0;
	max-width: 1164px;
}

.l_works .slider_works ul li a {
	transition: all 0.7s ease;
	opacity: 1;
}

.l_works .slider_works ul li a:hover {
	opacity: 0.7;
}

.l_works .slider_works ul .brand {
	margin-top: 10px;
	font-size: 1.8rem;
	line-height: 1.2;
}

.l_works .slider_works ul .client {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.l_works .slider_works ul .date {
	font-size: 1.4rem;
	letter-spacing: 0.12em;
	line-height: 1.5;
}

.l_works .slider_works .arrow {
	display: flex;
	gap: 40px;
	margin: 60px auto 0;
	width: 240px;
}

.l_works .slider_works .arrow .swiper-button-prev {
	position: static;
	display: flex;
	flex-direction: column;
	width: 100px;
	height: 40px;
	color: #000;
}

.l_works .slider_works .arrow .swiper-button-prev::after {
	content: none;
}

.l_works .slider_works .arrow .swiper-button-next {
	position: static;
	display: flex;
	flex-direction: column;
	width: 100px;
	height: 40px;
	color: #000;
}

.l_works .slider_works .arrow .swiper-button-next::after {
	content: none;
}

.l_works .slider_works .arrow .arrow_prev {
	position: relative;
	display: block;
	margin-top: auto;
	width: 100px;
	height: 2px;
	background-color: #000;
}

.l_works .slider_works .arrow .arrow_prev::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 2px;
	background-color: #000;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}

.l_works .slider_works .arrow .arrow_next {
	position: relative;
	display: block;
	margin-top: auto;
	width: 100px;
	height: 2px;
	background-color: #000;
}

.l_works .slider_works .arrow .arrow_next::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 2px;
	background-color: #000;
	transform: rotate(45deg);
	transform-origin: bottom right;
}

.l_about {
	margin: 90px auto 0;
	max-width: 1164px;
}

.l_about .name_company {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.12em;
	line-height: 1.5;
}

.l_about dl {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 0;
	width: 50%;
	font-size: 1.8rem;
	line-height: 1.5;
}

.l_about dl dt {
	margin: 30px auto 0;
	padding-bottom: 30px;
	width: 23.3676975945%;
	border-bottom: 1px solid #000;
}

.l_about dl dd {
	margin: 30px auto 0;
	padding-bottom: 30px;
	width: 76.6323024055%;
	border-bottom: 1px solid #000;
}

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

.l_works {
	padding: 0 20px;
}

}

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

.l_works {
	margin-top: 13.0208333333vw;
	padding: 0;
}

.l_works .slider_works {
	overflow: visible;
	width: 68.75vw;
}

.l_works .slider_works ul li a:hover {
	opacity: 1;
}

.l_works .slider_works ul .brand {
	margin-top: 3.90625vw;
	font-size: 3.6458333333vw;
}

.l_works .slider_works ul .client {
	margin-top: 2.6041666667vw;
	font-size: 2.8645833333vw;
}

.l_works .slider_works ul .date {
	font-size: 2.8645833333vw;
}

.l_works .slider_works .arrow {
	margin-top: 7.8125vw;
}

.l_about {
	margin-top: 13.0208333333vw;
}

.l_about .name_company {
	font-size: 3.6458333333vw;
	letter-spacing: normal;
}

.l_about dl {
	margin-top: 9.1145833333vw;
	width: 89.5833333333vw;
	font-size: 2.8645833333vw;
}

.l_about dl dt {
	margin-top: 3.90625vw;
	padding-bottom: 3.90625vw;
	width: 26.1627906977%;
}

.l_about dl dd {
	margin-top: 3.90625vw;
	padding-bottom: 3.90625vw;
	width: 73.8372093023%;
}

}