@charset "UTF-8";

body, body *{font-family: 'Noto Sans JP', sans-serif;color:#555}



#main{padding:8em 1em}

#main a{color:#00a2e6;}
@media(min-width:681px){
	#main{background-image: url(../img/common/logo_academy.jpg); background-repeat: no-repeat; background-position:center 120px;}
}
h1{
	color:#00a2e6;
	font-size:3em;
	font-weight: bold	
}

h1 span{
	color:#b7b7b7;
	font-size:0.6em;
	padding-left:1em
}

@media(max-width:680px){
h1{
	color:#00a2e6;
	font-size:1.8em;

}

h1 span{
	color:#b7b7b7;
	font-size:0.7em;
	padding-left:0.5em
}	
}

.pro-w{
	width: 80%;
	margin: 0 auto;
	}

/*-*/

footer{
	background:#00a2e6;
	padding-top:0px;
	padding-bottom:2.5em;
}


footer>nav>div{width:150px}

footer>nav:first-child{

	padding-top: 30px;
	}

footer>nav a{
	color:#fff;
	font-size:14px;
	text-decoration:none
}

footer>aside{
	color:#fff;
	font-size:10px;
	padding-top:4.5em
}

@media(max-width:680px){

	footer>.tbl{width:28em}

	footer>nav:first-child{margin-bottom:0}

	footer>.tbl>div{
		display:inline-block;
		width:50%
	}

}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
  .clearfix {
	  display: inline-table;
  }

/*お問い合わせs*/
#main figure>a{
	background:#00a2e6;
	border:none;
	border-radius:.25em;
	color:#fff;
	font-size:22px;
	margin-top:3em;
	padding:1em 0;
	text-decoration:none;
	max-width:430px
}