@charset "UTF-8";

/* ==========================================================================
    top style
============================================================================= */

.l-mv {
	/*     background: linear-gradient(180deg, rgba(217,52,44,1) 0%, rgba(139,33,28,1) 89.4%, #F4F5F5 89.4%, #F4F5F5 100%); */
	/* background: linear-gradient(180deg, rgba(205, 27, 47, 1) 0%, rgba(139, 33, 28, 1) 100%); */
/*     padding-bottom: 16.527vw; */
    position: relative;
}
/* 
.l-mv::after {
	content: "";
	position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 35.27vw solid #f4f5f5;
    border-left: calc(100vw - 15px) solid transparent;
} */

.l-mv__inner {
    width: 100%;
    margin-inline: auto;
	position: relative;
    z-index: 10;
}

.l-mv__inner img {
	width: 100%;
}

.mv_slider {
	background: #fff;
}

.mv_slider .mv_slider-item:not(:first-child) {
  display: none;
}

.mv_slider.slick-initialized .mv_slider-item:not(:first-child) {
  display: block;
}

.mv_slider .mv_slider-item img {
	transition: all .5s;
}

.mv_slider .mv_slider-item a:hover img {
	filter: brightness(1.25);
}


.mv_slider.slick-slider .slick-dots {
	text-align: left
}

.mv_slider.slick-slider .slick-dots li {
	opacity: 0.3;
}

.mv_slider.slick-slider .slick-dots li.slick-active {
	opacity: 1;
}

.mv_slider.slick-slider .slick-dots li,
.mv_slider.slick-slider .slick-dots li button,
.mv_slider.slick-slider .slick-dots li button:before {
	width: 8px;
	height: 8px;
	content: "";
	margin: 0;
}

.mv_slider.slick-slider .slick-dots li button {
	background: #fff;
	padding: 0;
}

.mv_slider.slick-slider .slick-dots li + li button {
	margin-top: 8px;
}

.l-topcont {
	margin-top: 80px;
/* 	margin-bottom: -16.527vw; */
	padding-bottom: 84px;
/* 	transform: translateY(-16.527vw); */
}
@media screen and (max-width: 1035px) {
	.l-topcont {
		margin-bottom: 174px;
	}
}

.l-topcont .l-column {
	margin-top: 80px;
}

.l-topcont .lead {
	margin-bottom: 24px;
}

.l-topcont .btn {
	margin-top: 24px;
}

.products,
.sales {
	padding: 67px 0 76px;
}

.products .hdg-1,
.sales .hdg-1 {
	margin-bottom: 40px
}

.slider_line-item {
	margin-inline: 8px;
	text-align: center;
}

.slider_line-item .figure {
    aspect-ratio: 1;
    /* background-color: #fff; */
    width: 100%;
    max-width: 200px;
    height: auto;
    place-content: center;
    margin: 0 auto;
}

.slider_line-item .figure img {
	margin-inline: auto;
	height: 100%;
	width: 100%;
	object-fit: contain;
	background-color: #fff;
}

.slider_line-item .detail .ttl {
	color :#222E87;
	font-weight: 500;
	margin-top: 15px;
}

.slider_liner .slick-prev,
.slider_liner .slick-next,
.wp-asp-grid-row .slick-prev,
.wp-asp-grid-row .slick-next {
    background: #222E87;
    width: 32px;
    height: 32px;
	z-index: 100;
}

.slider_liner .slick-prev:before,
.slider_liner .slick-next:before,
.wp-asp-grid-row .slick-prev:before,
.wp-asp-grid-row .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	display: block;
    opacity: 1;
}

.slider_liner .slick-prev:before,
.wp-asp-grid-row .slick-prev:before {
    transform: rotate(180deg);
}

.slider_liner .slick-prev,
.wp-asp-grid-row .slick-prev {
    left: 0;
}

.slider_liner .slick-next,
.wp-asp-grid-row .slick-next {
    right: 0;
}

.wp-asp-grid-row .slick-arrow {
	padding: 0;
}

.business {
	padding: 56px 0 88px;
}

.business__lead {
	font-size: 4.4rem;
	font-weight: 500;
	line-height: 1.4545;
	margin: 40px 0 32px;
	text-align: center;
}
.list-figure .box .ttl h3{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
   font-size: 3.5rem;
}
.oem-odm {
	padding: 64px 0 106px;
}

.oem-odm .hdg-1 {
	margin-bottom: 64px;
}

.sales #asp-sort-wrapper,
.sales #wp-asp-search-form,
.sales .wp-asp-product-price {
	display: none;
}

.sales .wp-asp-product-name {
	color: #222E87;
	margin-top: 15px;
	padding-bottom: 0;
}

.sales .wp-asp-grid-item {
	background: inherit;
	margin: 0;
    opacity: 0.4;
    transition: opacity 0.5s;
	width: 280px;
}

.sales .wp-asp-grid-item:hover {
	opacity: 1;
}

.sales .wp-asp-grid-item a img {
	transition: all .5s;
}

.sales .wp-asp-grid-item a:hover img {
	filter: brightness(1.15);
}

.information {
	padding: 64px 0 76px;
}

.information .hdg-1 {
	margin-bottom: 72px
}

.information .card__inner:hover {
	text-decoration: underline;
}

.information hr {
  background-color: #44484A;
}

@media screen and (min-width: 1000px) {
	.mv_slider.slick-slider .slick-dots {
        right: 20px;
        top: 20px;
        width: 10px;
	}
	
	.mv_slider.slick-slider .slick-dots li {
		display: block;
	}

	.mv_slider.slick-slider .slick-prev {
		left: 0px;
	}

	.mv_slider.slick-slider .slick-next {
		right: 0px;
	}
}

@media screen and (max-width: 999.98px) {
	.mv_slider.slick-slider .slick-dots li {
		margin-left: 8px;
	}
}

@media screen and (min-width: 768px) {
	.sales .wp-asp-grid-item:has(+ .slick-center),
	.sales .wp-asp-grid-item.slick-center,
	.sales .wp-asp-grid-item.slick-center + .wp-asp-grid-item {
		opacity: 1;
	}
}


@media screen and (max-width: 767.98px) {
	.l-mv {
		padding-bottom: 36.527vw;
	}
	
	.l-mv::after {
		border-bottom: 25.27vw solid #f4f5f5;
	}
	
	.l-mv__inner {
		margin-inline: 15px;
		width: auto;
	}
	
	.mv_slider.slick-slider .slick-prev {
		left: -8px;
	}

	.mv_slider.slick-slider .slick-next {
		right: -8px;
	}
	
	.l-topcont {
		margin-top: 120px;
		margin-bottom: -36.527vw;
		transform: translateY(-36.527vw);
	}

	.sales .wp-asp-grid-item.slick-center {
		opacity: 1;
	}
	
	.information .card>li + li {
		margin-top: 30px;
	}
}

@media screen and (max-width: 576.98px) {
	.business__lead {
		font-size: 2.6rem;
	}
}