@charset "utf-8";
/**************************************************************
* Stylesheet for Top Page
*
* update: 2024/04/26 zenkyoken
*
***************************************************************/
/*********************************************
  Front Slider
**********************************************/
.sec-front-slider {
	background: url(../img/front-slider-bg.png) repeat left top;
  }
  @media screen and (min-width: 768px) {
	.sec-front-slider {
	  min-width: 1000px;
	  margin: 0 0 30px 0;
	}
  }
  @media screen and (max-width: 767px) {
	.sec-front-slider {
	  margin: 0 0 20px 0;
	}
  }
  @media screen and (min-width: 768px) {
	.block-main-slider {
		/* padding: 10px 0 50px 0; */
		padding: 10px 0 5px 0;
		overflow: hidden;
	  }
  }
  @media screen and (max-width: 767px) {
	.block-main-slider {
		/* padding: 10px 0; */
		padding: 10px 0 0 0;
		overflow: hidden;
	}
  }

  .list-main-slider {
	width: 100%;
	margin: 0 auto;
	overflow: visible;
  }
  .list-main-slider li img {
	opacity: 0.5;
  }
  @media screen and (min-width: 768px) {
	.list-main-slider li img {
	  max-width: 100%;
	  height: auto;
	}
  }
  @media screen and (max-width: 767px) {
	.list-main-slider li img {
	  max-height: 130px;
	}
  }
  .list-main-slider .slick-center img {
	opacity: 1;
  }
  
  /* トップスライドサムネイル */
  @media screen and (max-width: 767px) {
	.block-thumb-slider {
	  overflow: hidden;
	  height: 55px;
	}
  }
  .list-thumb-slider {
	  cursor: pointer;
  }
  .list-thumb-slider img {
	  width: 100%;
	  opacity: 0.6;
  }
  .list-thumb-slider .slick-current img {
	  opacity: 1;
  }

/*********************************************
　コース紹介スライダー  
**********************************************/
.sec-course-intro .inner {
	background-color: #fff;
}
.list-course-slider {
	background: #ffffff;
	padding: 15px;
	padding-bottom: 0;
	border: solid 1px #efefef;
	/* margin: 0 0 40px 0; */
	margin: 0;
	margin-bottom: 2rem;
	overflow: visible;
}
.list-course-slider .slick-dots {
	left: 0;
}
.list-course-slider .slick-dots li button:before {
	color: #ccc;
}
.list-course_pause_area {
	background-color: #fff;
	margin: 0 0 40px 0;
}

/*********************************************
  SNS Banner
**********************************************/
.sns-banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 40px 0;
}

.sns-banner li {
	margin: 0 10px 10px;
}

.sns-banner li a {
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	display: block;
}

.sns-banner li a.twitter {
	background: #000000;
}

.sns-banner li a.facebook {
	background: #4267b2;
}

.sns-banner li a.instagram {
	background: #b13eaf;
}

.sns-banner li a i {
	margin-right: 10px;
}

.fa-twitter:before {content: '𝕏';font-family: unset;font-weight: bold;}

@media only screen and (max-width: 736px) {}

/*********************************************
  
**********************************************/