@charset "utf-8";
.l_overview_wrap {
  position: relative;
  z-index: 1;
  margin-top: -8em;
  background: rgba(255, 255, 255, .5);
    background-image: url("../image/sitetop/bg-icho.png");
    background-repeat: no-repeat;
    background-size: cover;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(24px);
}
.l_overview {
  max-width: 900px;
  width: auto;
  margin: 0 auto;
  padding-top: 3em;
  text-align: center;
}
.l_overview p {
  margin-bottom: 1em;
}
.l_overview a {
  /*ボタンの形状*/
  display: inline-block;
  color: #fff !important;
  padding: 8px 30px;
  font-size: clamp(1.125rem, 0.943rem + 0.91vw, 1.625rem);
  border-radius: 100px;
  text-decoration: none;
  font-weight: bold;
  max-width: 240px;
  width: 100%;
	margin-top: 1em;
  margin-bottom: 3em;
  outline: none;
  /*背景の色と形状*/ 
  background: linear-gradient(270deg, rgba(131,228,158,1) 0%, rgba(85,208,129,1) 25%, rgba(72 185 105) 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  /*アニメーションの指定*/
  transition: all 0.3s ease-out;
}
/*hoverした際の、背景の場所とテキスト色の変更*/
.l_overview a:hover {
  color: #fff;
  background-position: 99% 50%;
}

@media (max-width: 1100px) {
	.l_overview {
		max-width: 90%;}
}
/*履修者用サイトへの誘導*/
.l_to_med-salon{
	margin: 0 auto;
	padding-bottom: 3em;
}
.l_to_med-salon .l_box{
	width: 60%;
    margin: 0 auto;
    padding: 1em;
    /* background: rgba(255, 255, 255, .7); */
    border: 1px solid #ddd;
}
@media (max-width: 1100px) {
	.l_to_med-salon .l_box {
		width: 90%;
	}
}
.logo_sns_wrap{
    background: #F2F5F7 !important;
}
/*==================================================
スライダーのためのcss
===================================*/
#slider {
    position: relative;
    z-index: 0;
    top: 0;
  margin-bottom: 1em;
  width: 100%;
  height: 70vh; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}