@charset 'UTF-8';
/* Slider */
/*
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/

/*

REGULAR SLIDE

*/
/* Arrows */
.regular .slick-prev,
.regular .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 4.1rem;
    height: 7.4rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.regular .slick-prev:hover,
.regular .slick-prev:focus,
.regular .slick-next:hover,
.regular .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.regular .slick-prev:hover:before,
.regular .slick-prev:focus:before,
.regular .slick-next:hover:before,
.regular .slick-next:focus:before
{
    opacity: 1;
}
.regular .slick-prev.slick-disabled:before,
.regular .slick-next.slick-disabled:before
{
    opacity: .25;
}

.regular .slick-prev:before,
.regular .slick-next:before
{
    font-family: 'slick';
    font-size: 2rem;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.regular .slick-prev
{
    /*left: -25px;*/
	left:10rem;
	z-index:999;
}

.regular .slick-prev:before
{
    content: '';
	background:url(/images/visual/mv_bt_prev.png) no-repeat;
	width:4.1rem; height:7.4rem;
	display:block;
}


.regular .slick-next
{
	right:10rem;
	z-index:999;
}

.regular .slick-next:before
{
    content: '';
	background:url(/images/visual/mv_bt_next.png) no-repeat;
	width:4.1rem; height:7.4rem;
	display:block;
}

/* Dots */
.regular.slick-dotted.slick-slider
{
   /* margin-bottom: 30px;
	height:100%;*/
	margin:0;
}

.regular .slick-dots
{
    position: absolute;
    top: 64%;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	z-index:999;

	display:none;
}
.regular .slick-dots li
{
    position: relative;

    display: inline-block;

  
    margin: 0 0.4rem;
    padding: 0;

    cursor: pointer;
}
.regular .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 1.2rem;
    height: 1.2rem;
    padding: 0.5rem;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.regular .slick-dots li button:hover,
.regular .slick-dots li button:focus
{
    outline: none;
}
.regular .slick-dots li button:hover:before,
.regular .slick-dots li button:focus:before
{
    opacity: 1;
}
.regular .slick-dots li button:before
{
    font-family: 'slick';
    position: absolute;
    top: 0;
    left: 0;

    width: 1.2rem;
    height: 1.2rem;

    content: '';
    text-align: center;

    opacity: .75;
    background:#fff;
	border-radius:100%;
	transition:all ease 0.1s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.regular .slick-dots li.slick-active button:before
{
    opacity: 1.0;
    width:3rem;
	border-radius:1.2rem;
}

.regular .slick-dots li.slick-active button {width:3rem;}


@media screen and (max-width:1336px){
	.regular .slick-prev {
		left:2rem;
	}
	.regular .slick-next {
		right:2rem;
	}
}



@media screen and (max-width:1024px){
	.regular .slick-dotted.slick-slider {
		height: calc(100% - 5.4rem); 
		margin-top: 5.4rem;
	}
}


@media screen and (max-width:768px){	
	.regular .slick-prev, .regular .slick-next {
		width:2rem; 
		height:3.5rem;
	}
	.regular .slick-prev:before,
	.regular .slick-next:before {
		background-size:100% auto; 
		width:2rem; 
		height:3.5rem;
	}
	.regular .slick-dots {
		bottom:4rem;
	}
} 

@media screen and (max-width:540px){
	.regular .slick-prev, 
	.regular .slick-next {
		display:none!important;
	}


	
}

/*

//REGULAR SLIDE

*/









/*

num4_slide SLIDE

*/
/* Arrows */
.num4_slide .slick-prev,
.num4_slide .slick-next
{
    font-size: 0;
    line-height: 0;
	border:0;
	background:none;
    position: absolute;
    top: -7.6rem;

    display: block;

	width:4.2rem; 
	height:2.4rem;
    

    cursor: pointer;

	z-index:999;
	outline:none;
}


.num4_slide .slick-prev {
	right:4rem;
}
.num4_slide .slick-next {
	right:2rem;
}

.num4_slide .slick-prev:before
{
    content: '';
	border:0;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	width:1.4rem;
	height:1.4rem;
	position:absolute; 
	top:0.2rem;
	left:0.4rem;
	transform:rotate(-45deg);
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.num4_slide .slick-prev:before {
		top:0.3rem; 
		left:0.3rem;
	}
}



.num4_slide .slick-next:before
{
    content: '';
	border:0;
	border-top:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	width:1.4rem;
	height:1.4rem;
	position:absolute; 
	top:0.3rem; right:0.2rem;
	transform:rotate(45deg);
}




.num4_slide .slick-prev:hover::before {
	border-top:0.1rem solid #444;	
	border-left:0.1rem solid #444;
}
.num4_slide .slick-next:hover::before {
	border-top:0.1rem solid #444;	
	border-right:0.1rem solid #444;
}

.num4_slide .slick-prev:hover::after,
.num4_slide .slick-next:hover::after {
	background:#444;
}

/* Dots */
.num4_slide .slick-dotted.slick-slider
{
   /* margin-bottom: 30px;
	height:100%;*/
	margin:0;
}

.num4_slide .slick-dots
{
    position: absolute;
    bottom: 10rem;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	z-index:9999;

	display:none;
}
.num4_slide .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 2rem;
    height: 2rem;
    margin: 0 0.8rem;
    padding: 0;

    cursor: pointer;
}
.num4_slide .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 2rem;
    height: 2rem;
    padding: 0.5rem;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.num4_slide .slick-dots li button:hover,
.num4_slide .slick-dots li button:focus
{
    outline: none;
}
.num4_slide .slick-dots li button:hover:before,
.num4_slide .slick-dots li button:focus:before
{
    opacity: 1;
}
.num4_slide .slick-dots li button:before
{
    font-family: 'slick';
    position: absolute;
    top: 0;
    left: 0;

    width: 2.2rem;
    height: 2.2rem;

    content: '';
    text-align: center;

    opacity: .75;
    background:#fff;
	border-radius:100%;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.num4_slide .slick-dots li.slick-active button:before
{
    opacity: 1.0;
    color: #fff;
}

.num4_slide .slick-initialized .slick-slide {margin:0 1.5rem;}





@media screen and (max-width:540px){
	.num4_slide .slick-prev, 
	.num4_slide .slick-next {
		width:1.5rem;
	}

	.num4_slide .slick-next {
		right:1rem;
	}
}



/*

//num4_slide SLIDE

*/