@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__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}.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}

/* 追加CSS */
.splide__track--fade>.splide__list>.splide__slide {opacity: 0 !important; transition: opacity 1s ease !important;}
.splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1 !important;}
.home #mainVisual{background-color: #D7F0FB; color: #3E3026;}
@media print,screen and (min-width:769px) {
 .home #mainVisual { margin-top: -30px; }
}
/*.splide__slide::before { content: ""; position: absolute; top: 0px; left: 0; width: 100%; height: 12px; background: url("../images/home/bg_slide.png") repeat-x; }*/
.splide__slide img{width: 100%; height: auto; object-fit: cover; }
/*前へ・次へ*/
.splide__arrow{ position: absolute; top: 0; bottom: 0; margin: auto; height: 30px; z-index: 10; cursor: pointer; background: none; background: rgba(255,255,255,.6); border: none; border-radius: 20px; color: #17820B;}
.splide__arrow:hover{background: rgba(255,255,255,.9); color: #17820B;}
.splide__arrow svg {fill:#17820B;width: 20px; height: auto;}
.splide__arrow.inverse-blue svg,
.splide__arrow.inverse-black svg{fill:#FFFFFF;}
.splide__arrow--prev{ left: 10px; transform: rotate(180deg);}
.splide__arrow--next{ right: 10px;}
/*pagenation*/
.splide__pagination{gap:10px; position: absolute; left: 0; right: 0; bottom: 20px; margin: auto; z-index: 10;}
.splide__pagination button{background: none; color: #17820B; border: 2px solid #FFF; border-radius: 10px; width: 10px; height: 10px; }
.splide__pagination button.is-active{background:#17820B; color: #FFF; }
/*pause.play*/
.splide__toggle{ position: absolute; bottom: 15px; left: 10px; z-index: 9997; border: 2px solid #FFF; border-radius: 15px; text-indent: 9999px; width:30px;	height: 30px; background: none; cursor: pointer; color: #FFF; white-space: nowrap;}
.splide__toggle__play::before,
.splide__toggle__pause::before{content: ""; position: absolute; top: 30px; height: 16px;}
.splide__toggle__play::before{ top: 6px; left: 7px; width: 16px;	border: 8px solid transparent;	border-left: 13px solid #FFF;}
.splide__toggle__pause::before{ top: 6px; left: 6px; width: 14px; border-right: 4px solid #FFF; border-left: 4px solid #FFF;}
@media print,screen and (min-width: 769px) {
	.splide__slide img{ width: 1170px; height: 550px;}
 .splide__arrow{ height: 40px; padding: 0 5px;}
 .splide__arrow svg {width: 20px;}
 .splide__pagination{ bottom: 30px;}
 .splide__arrow--prev{ left: 20px;}
 .splide__arrow--next{ right: 20px;}
 .splide__pagination button{width: 20px; height: 20px;}
 .splide__toggle{ bottom: 30px; left: 20px;}
}
@media print,screen and (min-width:1170px) {
	.splide__slide  img{ width: 100%; height: auto;}
}
@media print,screen and (min-width:1301px) {
 .splide__toggle{  bottom: 14px;}
}

/*スライドキャプション*/
#mainVisual .splide__slide .caption{ position: absolute; width: 80%; top: 0; right: 0; bottom:0; left: 0; margin: auto; font-weight: 700;padding-top:40px;}
#mainVisual .splide__slide .caption img{object-fit: scale-down; max-height: 100px; height: auto; max-width: 100%; width: auto;}
.splide__slide .caption img{color:#3E3026; background: none !important;}
@media print,screen and (min-width:769px) {
 #mainVisual .splide__slide .caption{ bottom: 160px; max-height: 300px; padding-top:100px;}
 #mainVisual .splide__slide .caption img{max-height: 300px;}
}
@media print,screen and (min-width:1320px) {
	#mainVisual .splide__slide .caption img{ padding-top: 0;}
}
.inverse-black .splide__slide .caption,
.inverse-blue .splide__slide .caption{color: #FFF; background: none !important;}

