@charset "UTF-8";
/* CSS Document */
/*めいポタについて*/
#index-about{
	background:  no-repeat 80% bottom  #5d5756 url("../img/pota.gif");
	background-size: 13%;
	color:#fff;
	padding-top:100px;
}
#index-about .signmark img{
	width:100px;
	margin:2rem 0 0 0;
}

#index-about p,#index-class p{
	line-height: 2rem;
	letter-spacing: 1.2px;
	font-feature-settings: "palt";

}



/*スライダー*/
#slider-box{
position:relative;
	overflow: hidden;
    background-color: #5d5756;
    height: 100vh;
}
#slider-over{
	position: relative;
	height: 100vh;

}
#slider-over::after {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: center no-repeat url("../img/slider-over1.png") ;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
}
.slide-items {
  width: 100%;
  height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;}

.slide-items img {

  object-fit: cover;
}
.slick-slide{
width: 100%;
}
.slide-items img {
    width: 100%;
  object-fit: cover;}

#slider-catch {
display: flex;
	justify-content: center;
padding:0 3%;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
width:100%;
z-index: 100;
}
#slider-catch p{
	font-size:4rem;
	color: #fff;
	font-family: "ab-babywalk", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: block;}
#slider-catch img{
	width: 100%;
	max-width: 700px;
}

.slick-dots {
    top: 30%;
	bottom: auto;
    right: -5px;
	width:auto;
    transform: rotate(90deg);
	z-index: 101;
}
.slick-dots li {
    width: 40px;
    height: 2px;
}
.slick-dots li button {
    width: 40px;
    height: 2px;
}
.slick-dots li button:before {
    background-color: #5d5756;
    width: 40px;
    height: 2px;
    content: '';

}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
/*教室*/
#index-class {
	background: 95% 10% no-repeat url("../img/moon.png") ,
            no-repeat 80% 90% url("../img/sun.png");
	background-size: 15%;
}

/*お知らせ*/
#index-infomation {	
	background: 120% 120% no-repeat url("../img/mimoza.jpeg");
	background-size: 60%;
}
#index-infomation .box-container{
	 height: 100%;
    background-color: rgba(255, 255, 255, 0.5);

}
#index-infomation article{
	border-bottom:solid #5d5756 1px;
	padding:1% 0 0 0;
	margin: 1% 0 0  5px;

}
#index-infomation article .info-box{
	display: flex;
	
}
#index-infomation article .info-box .categry{
	font-weight:900;
	color:#a7af3a;
	margin:0 0 0 2%;
}
#index-infomation article h4{
	text-indent: 10px;
}
#index-infomation article div a:hover{
	font:bold;
	color:#a7af3a;}
#index-infomation article  a:hover{
	text-decoration: underline;
}

@media (max-width: 777px){
#index-class {
    background: no-repeat 98% 90% url(../img/sun.png);
    background-size: 15%;
}