@charset "UTF-8";


/***************************************************

	トップページ

***************************************************/

#kv_area{
	width: 780px;
	margin: 0 auto 60px;
	position: relative;
}

#kv_area img{
	width: 100%;
}

#kv_area .kv_logo{
	width: 113px;
	position: absolute;
	top: 30px;
	left: 30px;
}

#kv_area .slick-dots {
    display: flex;
    justify-content: flex-end;
}

#kv_area .slick-dots li button:before {
    font-size: 12px;
}


.caption_area{
	margin-bottom: 50px;
}

.caption_area .top_logo{
	width: 226px;
	margin: 0 auto 35px;
}

.caption_area .main_catch{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.9;
	text-align: center;
}


.top_image_area{

}

.top_image_area ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.top_image_area ul li{
	width: 125px;
	margin: 0 9px;
}





/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1200px){


#kv_area{
	width: 65vw;
	margin: 0 auto 5vw;
}

#kv_area .kv_logo{
	width: 9.416667vw;
	top: 2.5vw;
	left: 2.5vw;
}

#kv_area .slick-dots li button:before {
    font-size: 1vw;
}


.caption_area{
	margin-bottom: 4.166667vw;
}

.caption_area .top_logo{
	width: 18.833333vw;
	margin: 0 auto 2.916667vw;
}

.caption_area .main_catch{
	font-size: 1.5vw;
}

.top_image_area ul li{
	width: 10.416667vw;
	margin: 0 0.75vw;
}









}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){


#kv_area{
	width: 100%;
	margin: 0 auto 18.666667vw;
}

#kv_area .kv_logo{
	width: 25.6vw;
	top: 5.333333vw;
	left: 5.333333vw;
}

#kv_area .slick-dots {
    justify-content: center;
}

#kv_area .slick-dots li button:before {
    font-size: 2.666667vw;
}


.caption_area{
	margin-bottom: 10.666667vw;
}

.caption_area .top_logo{
	width: 48vw;
	margin: 0 auto 8vw;
}

.caption_area .main_catch{
	font-size: 4.266667vw;
	line-height: 1.8;
}

.top_image_area ul li{
	width: 26.133333vw;
	margin: 0 2.133333vw;
}



}