@charset "UTF-8";

.slideshow{
	position: relative;

	width: 100%;

	margin: auto;
	margin-top: 2em;
}

	.slide-screen{
		position: relative;
		left: 50%;

		transform: translateX(-50%);
	}

		.slideshow-slides{
			position: absolute;
			display: flex;
			width: 10000%;
		}

			.slide{
			}

				.slide img {
					display: block;
					width: 100%;
				}

				.slide p {
					padding-top: 1em;
					font-size: 16px;
					text-align: center;
				}



/* ナビゲーション */
.slideshow-nav span {
	position: absolute;
	top: 50%;

	width: 35px;
	height: 35px;

	border: 1px solid #074580;
	border-radius: 50%;

	background-color: #fff;

	cursor: pointer;
}

	.slideshow-nav span.prev {
		left: 0%;
		margin-left: 10px;
	}

	.slideshow-nav span.next {
		right: 0%;
		margin-right: 10px;
	}

            .slideshow-nav span::before {
			    position: absolute;
			    top: 10px;
			    left: 7px;

			    width: 13px;
			    height: 13px;

			    border-right: 4px solid #01417f;
			    border-bottom: 4px solid #01417f;

			    transform: rotate(-45deg);
			    z-index: 100;
			    content: "";
            }
				.slideshow-nav span.prev::before {
			    	left: 11px;
				    transform: rotate(135deg);
				}


	.slideshow-nav span.disabled {
		display: none;
	}



/* インジケーター */
.slideshow-indicator{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;

	text-align: center;
}

.slideshow-indicator span {
	display: inline-block;

	width: 20px;
	height: 20px;

	margin: 0 3px;
	border-radius: 50%;

	background-color: #cecece;
	opacity: 50%;

	cursor: pointer;
}


.slideshow-indicator span.active{
	background-color: #01417f;
	cursor: default;
	opacity: 100%;
}










/* ■□■――――――――――――――――■□■
            ＳＰーＰＣ ①
■□■―――――――――――――――――■□■ */
@media screen and (min-width:768px) {



}/* @media screen and (min-width:768px) */



/* ■□■――――――――――――――――■□■
            ＳＰーＰＣ ②
■□■―――――――――――――――――■□■ */
@media screen and (min-width:1000px) {



}/* @media screen and (min-width:1000px) */



/* ■□■――――――――――――――――■□■
            ＰＣ
■□■―――――――――――――――――■□■ */
@media screen and (min-width:1000px) {



}/* @media screen and (min-width:1000px) */