@charset "UTF-8";


.splide__container{
	box-sizing:border-box;
	position:relative
}
.splide__list{backface-visibility:hidden;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	margin:0!important;
	padding:0!important
}
.splide.is-initialized:not(.is-active) .splide__list{
	display:block
}
.splide__pagination{
	-ms-flex-align:center;
	align-items:center;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:center;
	justify-content:center;
	margin:0;
	pointer-events:none
}
.splide__pagination li{
	display:inline-block;
	line-height:1;
	list-style-type:none;
	margin:0;
	pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination{
	display:none
}
.splide__progress__bar{width:0}
.splide{
	position:relative;
	visibility:hidden
}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{
	backface-visibility:hidden;
	box-sizing:border-box;
	-ms-flex-negative:0;
	flex-shrink:0;
	list-style-type:none!important;
	margin:0;
	position:relative
}
.splide__slide img{
	vertical-align:bottom;
	width:100%;
}
.splide__spinner{
	animation:splide-loading 1s linear infinite;
	border:2px solid #999;
	border-left-color:transparent;
	border-radius:50%;
	bottom:0;
	contain:strict;
	display:inline-block;
	height:20px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:20px
}
.splide__sr{
	clip:rect(0 0 0 0);
	border:0;
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{
	overflow:hidden;
	position:relative;
	z-index:0
}
@keyframes splide-loading{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.splide__track--draggable{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.splide__track--fade>.splide__list>.splide__slide{
	margin:0!important;
	opacity:0;
	z-index:0
}
.splide__track--fade>.splide__list>.splide__slide.is-active{
	opacity:1;
	z-index:1
}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__arrow{
	-ms-flex-align:center;
	align-items:center;
	background:#ccc;
	border:0;
	border-radius:50%;
	cursor:pointer;
	display:-ms-flexbox;
	display:flex;
	height:2em;
	-ms-flex-pack:center;
	justify-content:center;
	opacity:.7;
	padding:0;
	position:absolute;
	bottom: -50px;
	transform:translateY(-50%);
	width:2em;
	z-index:1
}
.splide__arrow svg{
	fill:#000;
	height:1.2em;
	width:1.2em
}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled{opacity:.3}
.splide__arrow:focus-visible{
	outline:3px solid #0bf;
	outline-offset:3px
}
.splide__arrow--prev{
	background-image: url('/assets/images/common/sliderarrow-l.svg');
	background-size: contain;
	background-color: transparent; /* 背景色を消す */
	left:42%
	
}
.splide__arrow--prev:hover{
	background-image: url('/assets/images/common/sliderarrow-l-on.svg');
}
.splide__arrow--prev svg{transform:scaleX(-1)}
.splide__arrow--next{
	background-image: url('/assets/images/common/sliderarrow-r.svg');
	background-size: contain;
	background-color: transparent; /* 背景色を消す */
	right:42%
}
.splide__arrow--next:hover{
	background-image: url('/assets/images/common/sliderarrow-r-on.svg');
}
.splide.is-focus-in .splide__arrow:focus{
	outline:3px solid #0bf;
	outline-offset:3px
}

.company-search .splide__pagination{
	bottom:-30px;
	left:0;
	padding:0 1em;
	position:absolute;
	right:0;
	z-index:1
}
.for-professional .splide__pagination{
	bottom: -30px;
    left: -15px;
    padding: 0 1em;
    position: absolute;
    z-index: 1;
}
.splide__pagination__page{
	background:#ccc;
	border:0;
	border-radius:2px;
	display:inline-block;
	height:3px;
	margin:3px;
	opacity:.7;
	padding:0;
	position:relative;
	transition:transform .2s linear;
	width:20px
}
.splide__pagination__page.is-active{
	background:#0067CD;
	transform:scale(1.4);
	z-index:1
}
.splide__pagination__page:hover{
	cursor:pointer;
	opacity:.9
}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;
outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;
outline-offset:3px}
.splide__progress__bar{background:#ccc;
height:3px}
.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;
outline-offset:-3px}
}
@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}
}
@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;
outline-offset:-3px}
}
@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}
}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;
outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;
outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;
cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}
.splide__arrows--rtl .splide__arrow--prev{left:auto;
right:1em}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;
right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;
transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;
top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}
.splide__pagination--ttb{bottom:0;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
left:auto;
padding:1em 0;
right:.5em;
top:0}

@media screen and (max-width: 1028px) {
	.splide__arrow--prev{
		left:35%
	}
	.splide__arrow--next{
		right:35%
	}
}/*@media */


@media screen and (max-width: 500px) {
	.splide__arrow--prev{
		left:30%
	}
	.splide__arrow--next{
		right:30%
	}
}/*@media */