/* レスポンシブ */
@media screen and (min-width:768px) { 
.desktopin { 
display:block;
}
.mobilein { 
display:none;
}
}
@media screen and (max-width:767px) { 
.desktopin { 
display:none;
}
.mobilein { 
display:block;
}
}










.swiper-container {
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 0 0 40px;
	background-size: cover;
	background-position: center center;
	}
	@media screen and (max-width:767px) { 
	.swiper-container {
	padding: 0;
	}
	}
	
	.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	}
	.swiper-slide img {
	display: inline;
	width: auto;
	max-width: 100%;
	max-height: 500px;
	align-self: center;
	}
	@media screen and (max-width:767px) { 
	.swiper-slide img {
	max-height: 100%;
	}
	}
	
	.swiper-button-white:focus {
	outline: none;
	}
	.swiper-button-prev {
	left: 25px;
	}
	.swiper-button-next {
	right: 25px;
	}
	.swiper-button-next,
	.swiper-button-prev {
	--swiper-navigation-color: #13B5BB; //ここに変更する色を指定
	}
	
	/* SPは矢印を見た目非表示(desktopinと合わせて完全非表示) */
	@media screen and (max-width:767px) { 
	.swiper-button-next::after, 
	.swiper-button-prev::after {
	content: none !important;
	}
	}
	
	/* ページネーション */
	.swiper-pagination-bullet {
	width: 12px; /* 幅 */
	height: 12px; /* 高さ */
	background: #1ad9e0; /* 色：緑 */
	opacity: 0.3; /* 半透明（デフォルトでは0.2） */
	}
	/* 現在 */
	.swiper-pagination-bullet-active {
	width: 12px; /* 幅 */
	height: 12px; /* 高さ */
	background: #1ad9e0; /* 色：黄色 */
	opacity: 1; /* 不透明 */
	}
	
	
	/* ボタン */
	.btnSL-wrap {
	margin-top: 30px;
	z-index: 70;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 76%;
	}
	@media screen and (max-width:767px) { 
	.btnSL-wrap {
	margin-top: 20px;
	top: 75%;
	}
	}
	
	.btnSL {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	position: relative;
	display: inline-block;
	padding: 1.5rem 0rem;
	cursor: pointer;
	user-select: none;
	transition: all .3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: .1em;
	border-radius: .5rem;
	line-height: 2rem;
	width: 35%;
	}
	@media screen and (max-width:767px) { 
	.btnSL {
	font-size: 1.5rem;
	padding: 1.5rem 0rem;
	line-height: 1.5rem;
	width: 80%;
	}
	}
	.btnSL:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 1.2rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .7rem);
	right: .5rem;
	margin: 0;
	padding: 0;
	content: '\f054';
	}
	
	.btnSL--green {
	color: #fff;
	background-color: #15ced6;
	order: 1px solid #000;
	}
	.btnSL--green:hover {
	color: #fff;
	background-color: #17dce4;
	}
	.btnSL--green2 {
	color: #fff;
	background-color: #e60000;
	order: 1px solid #000;
	}
	.btnSL--green2:hover {
	color: #fff;
	background-color: #ff0000;
	}
	
	.mocchiri {
	animation: mocchiri 4s infinite;
	}
	@keyframes mocchiri {
	0% {
	transform: scale(1);
	}
	50% {
	transform: scale(0.95);
	}
	100% {
	transform: scale(1);
	}
	}
	
	/* ------------キラリ------------ */
	.shinybtn {   
	overflow: hidden;
	}
	.shinybtn::before {
	position: absolute;
	content: '';
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shinybtn 4s ease-in-out infinite;
	}
	@-webkit-keyframes shinybtn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}