/* --------------------------------------------------------------------------- */
/* Top Layout */
/* --------------------------------------------------------------------------- */

.mainSlider {
    margin: -25px auto 20px;
    overflow-x: hidden;
}

.slide{
    display: none;
    margin: 0 auto;
}
.slide figure,
.slide a{
    margin: 0 8px;
	padding: 5px;
}
.slide a{
    opacity: 1;
    transition: opacity 0.5s ease;
}
.slide a img{
	box-shadow: 2px 2px 5px #ddd;
}
.slide a:hover{
    opacity: 0.75;
}
.slide .slick-initialized{
  display: block;
}
.slick-dots{
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    display: inline-block;
}
.slick-dots li button{
    width: 10px;
    height: 10px;
    margin: 0 6px;
    padding: 0;
    text-indent: -9999px;
    border-radius: 100%;
    background-color: #f2eff6;
    border: none;
    cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
    background-color: #ec1000;
}
.slide-prev{
    width: 26px;
    height: 40px;
    margin: auto;
    position: absolute;
    left: 15%;
    top: 35%;
    z-index: 2;
    cursor: pointer;
}
.slide-next{
    width: 26px;
    height: 40px;
    margin: auto;
    position: absolute;
    right: 15%;
    top: 35%;
    z-index: 2;
    cursor: pointer;
}
.slider img{
	object-fit: contain;
}
.slick-list {
    margin: 0 -15px;
}
.slick-slide {
    margin: 0 15px;
    height: 200px;
}

.top-content-list .harf p{
	margin: 0 0 20px;
}

.list-type01.flex-box{
    gap: 0;
}

.faq ul li{
    margin: 0 0 10px 50px;
    position: relative;
    list-style: none;
}

.faq ul li::before{
    display: inline-block;
    width: 32px;
    height: 30px;
    content: '';
    background: #fff url(/img2/common/icn_faq2.png) no-repeat top left / 100%;
    position: absolute;
    top: -4px;
    left: -45px;
    margin-right: 10px;
    transition: .5s ease !important;
}

.faq ul li:hover::before{
    background: #fff url(/img2/common/icn_faq_on.png) no-repeat top left / 100%;
}



/* --------------------------------------------------------------------------- */
/* Responsive Setting */
/* --------------------------------------------------------------------------- */

@media only, screen and (max-width: 820px) {
	
	.top-content-list{
		display: block;
	}
	.top-content-list .harf{
		width: 100%;
	}
	
	
}/*max820*/



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

    .top-content-list .harf p {
        margin: 0 0 10px;
    }

    .slide{
        margin: 0 auto 30px;
    }
    .slick-list {
        margin: 0 -8px;
      }
      .slick-slide {
        margin: 0 8px;
        height: 160px;
      }
	
}/*max768*/