@charset "UTF-8";




#mainimg{
	padding-top:30px;
	padding-bottom:20px;
	
	

}
/*!
#mainimg .rightbtn{
	width:100%;
	max-width:217px!important;

}

#mainimg .leftbtn{
	width:100%;
	max-width:960px!important;

}
#mainimg img{
	float:left;
}*/
.tbl-gakken td:first-child {
  
}
.tbl-gakken {
  margin: 1% auto;
  width:98%;
  font-size:2.0rem;
  font-weight:700;
 
 
}
.tbl-gakken th {
	color: #00A0E9;
	padding: 10px;
}
.tbl-gakken td {
  padding: 10px;border-collapse: collapse; border:solid #00A0E9 1px
}

.toptitle{
	background-image:url(../images/upper-bk62.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
}
.toptext  {
	width:98% !important;
	max-width:960px!important;
	margin:10px;
	
	
}
.toptext img {
	width:100% !important;
	max-width:960px!important;
	margin-top:20px;
}*/
.off{
	
}
#off img {
	width:100% !important;
	max-width:960px!important;
	margin-top:20px;
}
.gakko{
	background-image:url(../images/g.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:330px;
	font-size:2.0rem;
}
#gakko_sub{
	width:45%;
	padding-top:120px;
	margin:0 auto 0 30%;
}

#gakko_subtxt{
	width:50%;
	padding-top:55px;
	margin:0 auto 0 12%;
	font-size:2.4rem;
}
.how{
	background-image:url(../images/g2.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:856px;
	
}
#gakko_subtext{
	float:left;
	padding-top:8px;
	padding-left:90px;
	width:69%;
}
.gakkenk{
	background-image:url(../images/gakko3.jpg);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:515px;
}
#gakkenk_sub{
	width:39%;
	padding-top:130px;
	margin-left:10%;
	font-weight:700;
	float:left;
	font-size:2.0rem;
}
#gakkenk_subtext{
	width:38%;
	
	margin-left:8%;
	font-size:1.8rem;
	float:left;
}
.teian{
	background-image:url(../images/okosamano.jpg);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:709px;
}
#teian_g{
	width:70%;
	font-weight:700;
	font-size:1.8rem;
	padding-top:115px;
	margin:0 auto;
}
#teian_gtextA{
	width:25%;
	margin-top:255px;
	margin-left:8%;
	font-size:1.8rem;
	float:left;
}
#teian_gtextB{
	width:25%;
	margin-top:255px;
	margin-left:4%;
	font-size:1.8rem;
	float:left;
}
.campaign{
	background-image:url(../images/0902-3.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:691px;
}
.voice{
	background-image:url(../images/voice.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
	height:715px;
}
#seicho_g{
	width:70%;
	font-weight:700;
	font-size:1.8rem;
	padding-top:115px;
	margin:0 auto;
}
#seicho_gtextS{
	margin:0 auto;
	width:20%;
	font-weight:700;
	margin-top:265px;
	margin-left:12%;
	font-size:1.8rem;
	float:left;
}
#seicho_gtextSS{
	margin:0 auto;
	width:20%;
	font-weight:700;
	margin-top:265px;
	margin-left:10%;
	font-size:1.8rem;
	float:left;
}
#seicho_gtextSSS{
	margin:0 auto;
	width:20%;
	font-weight:700;
	margin-top:265px;
	margin-left:11%;
	font-size:1.8rem;
	float:left;
}
#seicho_gtextA{
	width:24%;
	margin-top:10px;
	margin-left:9%;
	font-size:1.8rem;
	float:left;
}

#seicho_gtextB{
	width:25%;
	margin-top:10px;
	margin-left:3%;
	font-size:1.8rem;
	float:left;
}
#seicho_gtextC{
	width:25%;
	margin-top:10px;
	margin-left:5%;
	font-size:1.8rem;
	float:left;
}

#about{
	background-image:url(../images/about-bk.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
}
#about img {
	width:100% !important;
	max-width:960px!important;
	margin-top:20px;
}

#merit{
	background-image:url(../images/merit-bk.png);
	background-repeat:no-repeat;
	background-position:bottom !important;
}
#merit img {
	width:100% !important;
	max-width:960px!important;
	margin-top:20px;
}
#under img {
	width:98% !important;
	max-width:960px;
	
	
}

#second img {
	width:95% !important;
	max-width:417px!important;
	margin-top:20px;
}
#round span{
	font-size:24px;
	font-weight:600;
	display:block;

}
#round img  {
	width:95% !important;
	max-width:278px!important;
	margin-top:20px;
}






#main {
	margin: 0 auto;
	width: 960px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;

}
#mainBox img {
	width: 100%;
	height:auto;
	vertical-align:top;
	max-width:959px;
	
}





/*フッター*/
footer {
	width: 100%;
	
}

#pageTop {
	width: 100%;
}

#pageTop p {
	width: 20%;
	max-width: 70px;
	margin: 10px 0 5px 90%;
}

#pageTop p img {
	width: 100%;
	height: auto;
}


@media screen and (max-width: 767px) {

	#PCimg {
		display: none;
	}
	
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	#SPimg {
		display: none;
	}
}




/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	transition:all 0.3s;
}



/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:50px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}