@media screen and (max-width: 900px){
  header {height: 60px; padding: 15px 20px 10px;}
  .container {max-width: 100%;}
  .logo {width: 147px; height: 35px;} 
  .logo img {width: 147px;}
  section {padding-top: 100px;}
  .tit-box {margin-bottom: 30px;}
  .tit-box .tit {font-size: 30px; line-height: 1.17; padding: 0 20px; box-sizing: border-box; word-break: keep-all;}
  .tit-box .sub-tit {font-size: 15px;}

  .sub-tit-box {margin-bottom: 30px;}
  .sub-tit-box .tit {font-size: 21px;}
  .sub-tit-box .sub-tit {font-size: 14px;}

  .vod-box {width: 100%;}
  .vod-box iframe {height: 207px;}
  .vod-box .ds {margin-top: 10px; margin-bottom: 50px; font-size: 13px;}
  .content-item {padding: 0 20px; box-sizing: border-box;}
  .content-item ul {margin: 0 -5px;}
  .content-item ul li {margin-top: 10px; padding: 0 5px;}
  .content-item ul li a {padding: 20px 37px 14px;}
  .content-item ul li a .txt {display: none; white-space: nowrap;}
  .content-item ul li a .tit {margin-bottom: 5px; font-size: 18px; white-space: nowrap;}
  .content-item ul li a .img-box {width: 60px; min-height: 60px; height: auto;}
  .content-item ul li a .more {font-size: 14px;}

  footer {padding: 30px 0; margin-top: 50px;}
  footer .f-container {flex-flow: column; align-items: flex-start; max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  .f-logo {min-width: 147px; height: 35px; margin-bottom: 30px;}
  .adress p {font-size: 13px; word-break: keep-all;}
}

@media screen and (max-width: 350px) {
  .content-item ul li a .tit {font-size: 16px;}
  .content-item ul li a .more {font-size: 12px;}
  .content-item ul li a {padding: 20px 20px 14px;}
}