#sec01 {
  padding-top: 88px;
  margin-top: 65px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
  #sec01 {
      padding-top: 15px;
      margin-top:0;
      }
  }
#sec01 > h3.black_title {
  margin-bottom: 40px;
}

#sec01 > .container > dl > dt {
  font-size: 20px;
  font-weight:bold;
  padding-bottom: 20px;
}
#sec01 > .container > dl > dt > h1{
  font-weight:bold;
}
#sec01 > .container > dl > dd > .news_img {
  width: 100%;
  height: 480px;
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;
  margin-bottom: 22px;
}
#sec01 > .container > dl > dd > p.date {
  padding-bottom: 30px;
  color: #646464;
  text-align:right;
}
#sec01 > .container > dl > dd > .news_content {
  padding-bottom: 40px;
  font-size: 16px;
}
#sec01 > .container > .return {
  text-align:center;
}
#sec01 > .container > .return img {
  height: 25px;
}
#sec01 > .container > .return a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.box {
    background:#eee;
    border:1px solid #ccc;
    padding:5px 10px;
    width:40%;
}
h2 {
    font-size: 22px;
    font-weight: bold;
}


@media only screen and (max-width: 768px) {
#sec01 > .container > dl > dd > .news_img {
  height: 400px;
}
    .box {
        width: 93%;
    }
    .news_content img {
        width: 90% !important;
        height: auto;
    }
}
@media only screen and (max-width: 568px) {
#sec01 > .container > dl > dd > .news_img {
  height: 300px;
}
}
@media only screen and (max-width: 360px) {
#sec01 > .container > dl > dd > .news_img {
  height: 260px;
}
}