#counseling-detail {
  background-color: #FFE;
  padding:5px;
}
#notice {
  background-color: #EEE;
}
#notice table {
  background-color: #EEE;
  width:80%;
}
#notice th {
  background-color: #DE9;
  padding:1px 3px 1px;
  white-space: nowrap;
}
#notice td {
  padding:1px 3px 1px;
  white-space: nowrap;
}
#counselingform{
  margin:0 auto 0;
  width:80%;
}
@media screen and (max-width: 768px) {
  #counselingform{
      margin:0 auto 0;
      width:100%;
  }
}
#counselingform table{
  margin:0 auto 0;
  width:90%;
  border: 1px #999 solid;
}
@media screen and (max-width: 768px) {
  #counselingform table{
      margin:0 auto 0;
      width:100%;
      border: 1px #999 solid;
  }
}
#counselingform th{
  font-weight:normal;
  background-color: #FF9;
  width:500px;
  padding:3px;
  text-align:center;
  border: 1px #999 solid;
}
#counselingform td{
  padding:3px;
  text-align:center;
  border: 1px #999 solid;
  line-height: 2.5em;
}
#contactform{
  margin:0 auto 0;
  width:80%;
}
@media screen and (max-width: 768px) {
  #contactform{
      margin:0 auto 0;
      width:100%;
  }
}
#contactform table{
  margin:0 auto 0;
  width:80%;
  border: 1px #999 solid;
}
@media screen and (max-width: 768px) {
  #contactform table{
      margin:0 auto 0;
      width:100%;
      border: 1px #999 solid;
  }
}
#contactform th{
  font-weight:normal;
  background-color: #FF9;
  width:500px;
  padding:3px;
  text-align:center;
  border: 1px #999 solid;
}
#contactform td{
  padding:3px;
  text-align:center;
  border: 1px #999 solid;
}
#top {
  /* background: #c2a353;
  height:600px; */
}
#top2 {
  /* background: #c2a353;
  height:600px; */
}
@media screen and (max-width: 768px) {
  #title{
      width:100%;
  }
  #top {
      height:400px;
  }
  #top img{
      padding-top:80px;
  }
  #top2 {
      height:400px;
  }
  #top2 img{
      padding-top:80px;
  }
}
@media screen and (max-width: 600px) {
  #top {
      height:300px;
  }
  #top2 {
      height:300px;
  }
}