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

/* 読み込み時 一瞬縦に並ぶのを回避 */
.slick_box {
  display: none;
}

/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら表示 */
.slick_box.slick-initialized {
  display: block;
}

/* Dots */
ul.service_slick .slick-dots {
    position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
    top: -1em;
	right: 3%;
	z-index: 10;
	display: flex;
	justify-content: flex-end;
}
@media screen and (min-width:769px) {
ul.service_slick .slick-dots {
    position: absolute;
	margin: 0;
	padding: 0;
    top: -30px;
	right: 10px;
}
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 5px;
    margin: 0 5px !important;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    display: block;
    width: 30px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
}

.slick-dots li button:before
{
    position: absolute;
	content: '';
	display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 5px;
	background: #0E3383;
	border-radius: 2.5px;
    text-align: center;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover,
.slick-dots li button:focus {
	background: #0E6D4D;
	border-radius: 2.5px;
}

/* Arrows */
.slick_prev,
.slick_next
{
    position: absolute;
	display: inline-block;
	margin: auto;
    top: 45%;
	text-decoration: none;
	z-index: 30;
	transition: 0.2s linear;
	z-index: 5;
}
.slick_prev::before {
	position: absolute;
	width: 2.5em;
	height: 2.5em;
	padding: 0;
	content:'';
	background: url("../images/icon/slick_prev.png") center / contain no-repeat;
	cursor: pointer;
}
 
.slick_next::after {
	position: absolute;
	width: 2.5em;
	height: 2.5em;
	padding: 0;
	content:'';
	background: url("../images/icon/slick_next.png") center / contain no-repeat;
	cursor: pointer;
}
.slick_prev
{
	left: 0;
	text-align: left;
}
.slick_next
{
	right: 0;
	text-align: right;
}
@media print, screen and (min-width:769px) {
.slick_prev::before {
	position: absolute;
	width: 30px;
	height: 56px;
	padding: 0;
	content:'';
	background: url(../images/icon/slick_prev.png) center / contain no-repeat;
	cursor: pointer;
}
 
.slick_next::after {
	position: absolute;
	width: 30px;
	height: 56px;
	padding: 0;
	content:'';
	background: url(../images/icon/slick_next.png) center / contain no-repeat;
	cursor: pointer;
}
.slick_prev
{
	left: -65px;
}
.slick_next
{
	right: -30px;
}
@media screen and (max-width:1360px) {
	.slick_prev
	{
		left: -45px;
	}
	.slick_next
	{
		right: -10px;
	}
}
.slick_prev:hover,
.slick_next:hover
{
    opacity: 0.8;
}
}
@media screen and (max-width:768px) {
.slick_prev
{
	top: 40% !important;
	left: -1.8em;
}
.slick_next
{
	top: 40% !important;
	right: 0.6em;
}
}