@charset "UTF-8";
/* CSS Document */

/*-----------------------------
hero-image
------------------------------*/
.hero-box{
	position:relative;
	height: 45.21vw;
}
.hero-box h2{
	position:absolute;
	width: 22.65vw;
	top:32.5vw;
	right: 14.68vw;
	z-index: 20
}

.hero-img01{
	position:absolute;
	width: 33.85vw;
	top:0;
	left: 0;
	
}
.img01{
	position:absolute;
	z-index: 10;
}
.hero-img01-1{
	position:absolute;
	width: 35.52vw;
	top:7.6vw;
	left: 3.54vw;
	z-index: 1;
}
.hero-img01-2{
	position:absolute;
	width: 13.9vw;
	top:25.52vw;
	left: 6.87vw;
	z-index: 5;
}
.hero-img02{
	position:absolute;
	width: 27.81vw;
	top:24.01vw;
	left: 32.65vw;
	z-index: 10
}
.hero-img02-1{
	position:absolute;
	width: 20.05vw;
	top:-17.29vw;
	right: -1.66vw;
}
.hero-img03{
	position:absolute;
	width: 33.85vw;
	top:3.85vw;
	right: 0;
	
}
.img03{
	position:absolute;
	z-index: 10;
}
.hero-img03-1{
	position:absolute;
	width: 14.58vw;
	top:20.78vw;
	right: 2.08vw;
	z-index: 1;
}
/*pagetop ボタン----------------------*/
	main {
	  position: relative;
	}
	.pagetop {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 10%;
	  z-index: 100;
	}

/*-----------------------------
先生たちの声
------------------------------*/
.teacher-box{
	background: url("../images/teacher/pc/mother.png") no-repeat;
	background-position: top 56px right;
	background-size: 28%;
	position:relative;

}
.teacher-lead{
	position: absolute;
	top:25vw;
	left: 28vw;
	z-index: 10;
	width: 100%;
}
.teacher-img{
	margin: 80px 0;
	padding-left: 30px;
	width: 49vw;
}

@media screen and (max-width: 1190px) {
	.teacher-lead{
		width: 55.2vw;
	}	
}

/*-----------------------------
黒板
------------------------------*/
.kokuban{
	background: url("../images/teacher/pc/kokuban.png") no-repeat;
	background-size: contain;
	margin-bottom: 100px;
	height: auto;
	padding: 3.3% 9.9% 6.3% 3.4%;
}
.kokuban li{
	margin-bottom: 5.6%;
}
.kokuban li:last-of-type{
	margin-bottom: 0;
}
	@media screen and (max-width: 1024px){
		.kokuban{
			background:url("../images/teacher/kokuban.png") no-repeat;
			margin-bottom: 100px;
			height: auto;
			padding: 6.3% 3.7%;
		}
	}

@media screen and (max-width: 768px) {
  	div{ 
	  	width: 100%; 
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.inner{
		box-sizing: border-box;
		width: 100%;
		padding:0 15px;
	} 
	/*pagetop ボタン----------------------*/
	main {
	  position: relative;
	}
	.pagetop {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 18%;
	  z-index: 90;
	}
	
	/*-----------------------------
	hero-image
	------------------------------*/
	.hero-box{
		position:relative;
		height: 98vw;
		background: url("../images/common/sp_bg.jpg") no-repeat;
		background-size: contain;
		margin-top: 50px;
	}
	.hero-box h2{
		position:absolute;
		width: 48.13vw;
		top:72.13vw;
		right: 47.6vw;
		z-index: 20
	}

	.hero-img01{
		position:absolute;
		width: 66.67vw;
		top:0.4vw;
		left:0;

	}
	.img01{
		position:absolute;
		z-index: 10;
	}
	
	.hero-img03{
		position: absolute;
		width: 57.01vw;
		top: 52vw;
		left: 40.27vw;
		z-index: 10;

	}
	.img03{
		position:absolute;
		z-index: 10;
	}
	.hero-img03-1{
		position:absolute;
		width: 14.58vw;
		top:20.78vw;
		right: 2.08vw;
		z-index: 1;
	}
	/*-----------------------------
	先生たちの声
	------------------------------*/
	.teacher-box{
		background: url(../images/teacher/sp/sp-lead-img.png) no-repeat;
		height: 62.53vw;
		background-size: 70% auto;
		background-position: center bottom 10px;

	}
	.teacher-lead{
		position: static;
		width: 100%;
		margin-top: 40px;
		text-align: center;
	}
	.teacher-img{
		margin: 40px 0;
		padding-left: 30px;
		width: 56.7vw;
	}
	/*-----------------------------
	黒板
	------------------------------*/
	.kokuban{
		background: url("../images/teacher/sp/kokuban.jpg") no-repeat;
		background-size: cover;
		margin-bottom: 10.1vw;
		height: auto;
		padding: 8.1vw 6.2vw 8.1vw 2.7vw;
	}
	.kokuban li{
	margin-bottom: 10.1vw;
	}
	.kokuban li:last-of-type{
		margin-bottom: 0;
	}


}