@charset "utf-8";

img{width:100%;}

a{color:black;
  text-decoration: none;}

a:hover{color:grey;}


.contents{width:100%;
          max-width: 500px;
          margin:0 auto;}

.logo{width:70%;
      margin:25px auto 20px auto;
      text-align: center;}

h1{font-size:17px;}

.border{
	border: solid 1px #ffc200;
    background-color: #ffc200;
    text-align: center;
}

span.white{color:white;font-weight: bold;}

.target{text-align: center;
        margin: 20px auto;}

.teacherimgbox{width:100%;
               margin:20px auto;}

.imgbox{width:100%;
        margin:0 auto;}

.left,.right{width:50%;
             float:left;}

.left p,.right p{text-align: center;font-size:12px;}

.teacherandparents{width:90%;
                   margin:20px auto;}

span.bold{font-weight: bold;}

article.to{margin:20px auto;}

.brackets-box{
  margin: 1em 0;
  padding: 1em;
  border-radius: 10px/20%;
  border: solid;
  border-width: 0 3px;
  border-color: #ffc200;
}

.brackets-box p{
  margin: 0;
  padding: 0;
}

h2{font-size:17px;
   text-align: center;}

h4{font-size:13px;
   margin-top:30px;
   margin-bottom: -20px;}

h5{text-align: center;}

footer{text-align: center;}