/* Slider */

.slide-items {
	width: 100vw;
	height: auto;
	/*max-width: 950px;*/
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

.slide-items .slide-items_img img {
	width: 100vw;
	object-fit: cover;
}

.slide-items{
	pointer-events: none;
}

.wrap_mv{
	position: relative;
	margin: 0 0 4.5vw;
	padding: 0;
}

.slide-logo_kb{
	position: absolute;
	top: 10%;
	left: 15%;
	width: 70%;
	display: block;
	z-index: 100;
}

.slider-items_sp{
	display: block;
}

.slider-items_pc{
	display: none;
}


#f_btm{
	position: relative;
	margin-top: -5vw;
	z-index: 80;
}
/*
#fv_tk{
	margin-top: -7px;
	z-index: 80;
}

#f_tokuten{
	position: absolute;
	z-index: 100;
}
*/


@media screen and (min-width: 750px){
	.slide-logo{
		position: absolute;
		top: 12%;
		left: 20%;
		width: 60%;
	}
	.slide-logo_kb{
		position: absolute;
		top: 10%;
		left: 20%;
		width: 60%;
	}
	.slide-235{
		width: 20%;
	}
	/*.slide-items_img{
		max-height: 500px;
		overflow: hidden;
	}*/
	.slider-items_sp{
		display: none;
	}
	.slider-items_pc{
		display: block;
	}
}


/* mrore */

.display_banner{
	cursor: pointer;
	display: block;
}

.display_banner:hover {
	opacity: 0.9;
}

.inner_content{
	display: none;
	margin: 0 auto;
}


/* carousel */		
		
.center {
	margin: 3vw auto 0;
	display: block;
}

.service_img{
	margin: 3vw auto 0;
	display: block;
}
		
.center img {
	width: 100%;
	height: auto;
	display: block;
}

.service_img img{
	width: 100%;
	height: auto;
	display: block;
}
		
.slick-arrow:before{
	content:""!important;
}

.c_txt{
	padding: 4vw 4vw 4vw;
	margin: 0 auto;
}

.service_wrap .service_t{
	text-align: center;
	margin: 0 auto 1vw;
	font-size: 4.5rem;
	font-weight: bold;
	letter-spacing: 2.1px;
	line-height: 1.3;
}

.service_carousel_text{
	padding: 3vw;
	margin: 0 auto;
}

.service_carousel_wrap{
	color: #ffffff;
}

.service_1 ,.service_2{
	margin: 0 1vw;
	background-color:#606060;
}

.service_carousel_text .service_st{
	font-size: 2.5rem;
	font-weight: bold;
}

.service_carousel_text .c_txt{
	padding: 0;
}
 
.service_carousel_wrap img {
	padding: 0;
	margin: 0;
}

.slick-arrow {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0;
	width: 20px;
	height: 38px;
	color: transparent;
	z-index: 99;
	transition: opacity 0.5s;
	opacity: 0.6;
}

.slick-arrow:hover {
	opacity: 0.4;
}

/* 共通設定 */
.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.slick-next::after,
.slick-prev::after {
	width: 25px;
	height: 25px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

/* next */
.slick-next {
	right: 26px;
}

.slick-next::after {
	right: 4px;
	transform: rotate(45deg);
}

/* prev */
.slick-prev {
	left: 26px;
}

.slick-prev::after {
	left: 4px;
	transform: rotate(-135deg);
}

.center .slick-next {
	right: 15px;
	top: -25%;
	z-index: 100;
}
		
.center .slick-prev {
	left: 15px;
	top: -25%;
	z-index: 100;
}

/* dots */

.dots-class button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.service_carousel_wrap .dots-class{
	display: flex;
	justify-content: center;
    margin: 15px auto 30px;
}

.service_carousel_wrap .dots-class li {
    width: 50px;
    height: 3px;
    background-color: #B5B5B5;
    margin-right: 15px;
    cursor: pointer;
    transition: background-color .5s ease;
}

.service_carousel_wrap .dots-class li.slick-active {
    background-color: #c49a3a;
}


/*.service_carousel_wrap .dots-class li:hover {
    background-color: #e6c69b;
}*/

.service_carousel_wrap .dots-class li:last-child {
    margin-right: 0;
}

/*.maker_car_bed {
	position: relative;
}*/

.maker_carousel .dots-class{
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: flex;
	justify-content: center;
}

.maker_carousel .dots-class li {
    width: 6px;
    height: 6px;
	border-radius: 50%;
    background-color: #B5B5B5;
    margin-right: 22px;
    cursor: pointer;
    transition: background-color .5s ease;
}

.maker_carousel .dots-class li.slick-active {
    background-color: #c49a3a;
}

/*.maker_carousel .dots-class li:hover {
    background-color: #e6c69b;
}*/

.maker_carousel .dots-class li:last-child {
    margin-right: 0;
}

@media screen and (max-width: 750px) {
	.slick-next::after,
	.slick-prev::after {
		width: 15px;
		height: 15px;
	}
	.slick-next {
		right: 30px;
	}
	.slick-prev {
		left: 30px;
	}
	.slick-next::after {
		right: 2px;
	}
	.center .slick-next {
		top: -20%;
	}
	.center .slick-prev{
		top:  -20%;
	}
	.service_wrap .service_t{
		font-size: 2.4rem;
	}
	.service_carousel_text .service_st{
		font-size: 1.7rem;
	}
	.service_carousel_text{
		padding: 6vw;
	}
}

/* 画像切り替え */

.center_img_pc ,.service_img_pc {
	display: block !important;
}

.center_img_sp ,.service_img_sp {
	display: none !important;
}
 
@media only screen and (max-width: 750px) {
    .center_img_pc ,.service_img_pc {
		display: none !important;
	}
    .center_img_sp ,.service_img_sp {
		display: block !important; 
	}
}

.maker_car_living, .maker_car_bed, .maker_car_dining, .service_car_1, .wrap_faq {
	margin: 0 auto 10vw;
	display: block;
}