@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 300px) {
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw - 370px) * 0.2), 100vh);
	}
    #product .products .pro .two-col {
        width: 100%;
	}
    #product .products .pro.p1 {
        background: url(../img/index/pic_pro_01_sp.jpg) no-repeat center center / contain;
    }
}
@media screen and (min-width: 400px){
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw - 200px) * 0.2), 100vh)
	}
}
@media screen and (min-width: 430px){
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw - 100px) * 0.2), 100vh)
	}
}
@media screen and (min-width: 450px){
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw + 100px) * 0.2), 100vh)
	}
}
@media screen and (min-width: 500px){
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw + 300px) * 0.2), 100vh)
	}
}
@media screen and (min-width: 550px){
	.slick-track {
		height: clamp(69vh, calc(69vh + (100vw + 500px) * 0.2), 100vh)
	}
}
@media screen and (min-width: 600px){
	.slick-track {
		height: 800px;
	}
}
@media screen and (min-width: 650px){
	.slick-track {
		height: 850px;
	}
}
@media screen and (min-width: 700px){
	.slick-track {
		height: 900px;
	}
}
@media screen and (min-width: 768px) {
    #product .products .pro.p1 {
        background: url(../img/index/pic_pro_01.jpg) no-repeat center center / cover;
    }
}
@media print, screen and (min-width: 768px) {
	#product .products .text-box {
		width: 460px;
	}
    #product .products .text-box .two-col.right {
        justify-content: flex-start;
    }
}