@charset "UTF-8";


/* メインビジュアル *
 * ****************************************** */

#mv {
	padding: 0;
}


/* 矢印 */
.splide__arrow {
	background: none;
}
.splide__arrow--prev {
	left: 16%;
}
.splide__arrow--next {
	right: 16%;
}
.splide__arrow svg {
	fill: #BA9847;
    width: 90px;
    height: 90px;
}

/* ページネーション */
.splide__pagination {
	position: static;
	margin-top: 18px;
}
.splide__pagination__page {
	margin: 0 6px;
	width: 12px;
	height: 12px;
}
.splide__pagination__page.is-active {
	background: #BA9847;
}

@media screen and (max-width: 1800px) {
	.splide__arrow--prev {
		left: calc(7% + 1em);
	}
	.splide__arrow--next {
		right: calc(7% + 1em);
	}
}
@media screen and (max-width: 1194px) {
	.splide__arrow--prev {
		left: 1em;
	}
	.splide__arrow--next {
		right: 1em;
	}
}



/* あとで消す？　*/
#mv li.slide2,
#mv li.slide3 {
	position: relative;
}
#mv li.slide2 .slide2-button {
	position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
#mv li.slide2 .slide2-button a.slide2-btn {
	display: inline-block;
	background: #1a39af;
	color: #FFF;
	padding: 8px 30px;
	border-radius: 3px;
}
#mv li.slide3 .slide3-button {
	position: absolute;
    bottom: 23%;
    left: 0;
    width: 58%;
}
#mv li.slide3 .slide3-button a.slide3-btn {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    margin: 0 auto;
    background: #FFC84D;
    color: #FFF;
    box-shadow: 0 4px 0 #E5B347;
    position: relative;
    border-radius: 50vh;
    transition: .3s;
}
#mv li.slide3 .slide3-button a.slide3-btn:hover {
	opacity: 1;
	transform: translateY(3px);
	background: #FFB619;
	box-shadow: 0 2px 0 #E5B347;
}
#mv li.slide3 .slide3-button a.slide3-btn span {
	display: block;
	padding: 12px 12px 12px 60px;
	position: relative;
}
#mv li.slide3 .slide3-button a.slide3-btn span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #FFF;
  border-radius: 50vh;
}
#mv li.slide3 .slide3-button a.slide3-btn span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #fec84d;
}

@media screen and (max-width: 1194px) {
	#mv li.slide3 .slide3-button {
		bottom: 19%;
	}
}
@media screen and (max-width: 768px) {
	#mv li.slide3 .slide3-button {
		bottom: 16%;
	}
}
@media screen and (max-width: 559px) {
	#mv li.slide3 .slide3-button {
		left: 50%;
		transform: translateX(-50%);
	}
}

/* あとで消す？　*/