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

/* 読み込み時 一瞬縦に並ぶのを回避 */
.slick_box {
	display: none;
	transition: opacity .2s linear;
}
.slick_box.slick-initialized {
	 display: block;
}

/* Arrows */
.slick-prev,
.slick-next,
.slick-prev_w,
.slick-next_w
{
    position: absolute;
	display: inline-block;
	margin: auto;
	text-decoration: none;
	z-index: 30;
	transition: 0.2s linear;
}
.slick-prev::before {
	position: absolute;
	width: 2em;
	height: 2em;
	padding: 0;
	content:'';
	background: url(../images/icon/prev1.png) center / contain no-repeat;
	cursor: pointer;
}
 
.slick-next::after {
	position: absolute;
	width: 2em;
	height: 2em;
	padding: 0;
	content:'';
	background: url(../images/icon/next1.png) center / contain no-repeat;
	cursor: pointer;
}
.slick-prev_w::before {
	position: absolute;
	width: 2em;
	height: 2em;
	padding: 0;
	content:'';
	background: url(../images/icon/prev2.png) center / contain no-repeat;
	cursor: pointer;
}
 
.slick-next_w::after {
	position: absolute;
	width: 2em;
	height: 2em;
	padding: 0;
	content:'';
	background: url(../images/icon/next2.png) center / contain no-repeat;
	cursor: pointer;
}
.slick-prev,
.slick-prev_w
{
	left: 0;
	text-align: left;
}
.slick-next,
.slick-next_w
{
	right: 0;
	text-align: right;
}
@media print, screen and (min-width:769px) {
.slick-prev::before {
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0;
	content:'';
	background: url(../images/icon/prev1.png) center / contain no-repeat;
	cursor: pointer;
}
 
.slick-next::after {
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0;
	content:'';
	background: url(../images/icon/next1.png) center / contain no-repeat;
	cursor: pointer;
}
.slick-prev_w::before {
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0;
	content:'';
	background: url(../images/icon/prev2.png) center / contain no-repeat;
	cursor: pointer;
}
 
.slick-next_w::after {
	position: absolute;
	width: 38px;
	height: 38px;
	padding: 0;
	content:'';
	background: url(../images/icon/next2.png) center / contain no-repeat;
	cursor: pointer;
}
.slick-prev,
.slick-prev_w
{
	top: 110px;
	left: -50px;
}
.slick-next,
.slick-next_w
{
	top: 110px;
	right: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev_w:hover,
.slick-next_w:hover
{
    opacity: 0.8;
}
}
@media screen and (max-width:768px) {
.slick-prev,
.slick-prev_w
{
	top: 7em;
	left: 0.5em;
}
.slick-next,
.slick-next_w
{
	top: 7em;
	right: 2.5em;
}
}

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

.slick-dots {
	width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px auto 0;
	padding: 0;
	list-style: none;
}

.slick-dots li {
    width: 30px !important;
    height: 8px !important;
	margin: 0 5px !important;
	padding: 0;
    background-color: #ccc;
	border-radius: 4px;
    cursor: pointer;
}
.slick-dots li.slick-active {
    background-color: #15559F;
}


@keyframes progressbar-anime {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}