/* ==========================================================================
   title
   ========================================================================== */
#news .main-contents h1 {
  background-image: url(../img/bg_main.jpg);
  margin: 0 0 70px; }

#news-wrap {
  margin-bottom: 70px; }
  #news-wrap #article-in {
    width: 95%;
    margin: 0 auto;
    line-height: 1.8; }
    #news-wrap #article-in .img-center {
      max-width: 100%;
      margin: 20px 0;
      width: auto;
      height: auto;
      display: block; }
    #news-wrap #article-in .img-left {
      margin: 0 40px 20px 0; }
    #news-wrap #article-in .img-right {
      margin: 0 0 20px 40px; }
  #news-wrap h2 {
    margin: 54px 0 25px;
    border-style: none none none solid;
    border-width: 0 0 0 4px;
    border-color: #51bac9; }
    #news-wrap h2:first-child {
      margin-top: 0; }
    #news-wrap h2 span {
      display: block;
      padding: 0 10px 3px;
      border-style: none none solid;
      border-width: 0 0 1px;
      border-color: #a8dce4;
      color: #0f93a5;
      font-size: 157.1428571429%;
      font-weight: normal;
      line-height: 1.364; }
  #news-wrap span.date {
    font-size: 123.0769230769%;
    font-weight: bold;
    margin-right: 3%;
    width: 11%;
    display: inline-block;
    vertical-align: top; }
  #news-wrap span.cate {
    font-size: 92.3076923077%;
    color: #fff;
    background-color: #51bac9;
    padding: 6px 0;
    margin-right: 3%;
    width: 12%;
    display: inline-block;
    text-align: center;
    vertical-align: top; }
  #news-wrap span.news-content {
    width: 71%;
    display: inline-block;
    vertical-align: top; }
  #news-wrap a span.news-content {
    text-decoration: underline; }
  #news-wrap .external span.news-content:after {
    text-decoration: none !important;
    display: inline-block;
    margin-left: 5px;
    font-size: 76.9230769231%;
    color: #0f93a5; }
  #news-wrap .tab-wrap {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #51bac9; }
    #news-wrap .tab-wrap .tab {
      overflow: hidden;
      text-align: center;
      width: 90%;
      margin: 0 auto -1px; }
      #news-wrap .tab-wrap .tab li {
        width: 48%;
        display: inline-block;
        float: left;
        background-color: #FFF;
        margin-right: 4%;
        margin-bottom: 0;
        padding: 20px 0;
        border: 1px solid #bebebe;
        border-bottom: 1px solid #51bac9;
        box-sizing: border-box;
        font-size: 138.4615384615%;
        font-weight: normal;
        cursor: pointer; }
      #news-wrap .tab-wrap .tab li.select {
        border: 1px solid #51bac9;
        border-bottom: 1px solid #fff;
        color: #0f93a5; }
      #news-wrap .tab-wrap .tab li:last-child {
        margin-right: 0; }
  #news-wrap .tab-content div {
    width: 100%; }
    #news-wrap .tab-content div ul li {
      background-color: #f8f8f8;
      padding: 20px; }
      #news-wrap .tab-content div ul li a {
        color: #363636;
        text-decoration: underline; }
      #news-wrap .tab-content div ul li a:hover {
        text-decoration: none; }
    #news-wrap .tab-content div ul li.bg-white {
      background-color: #fff; }
  #news-wrap .tab-content .hide {
    display: none; }
  #news-wrap .icon-arrow01 {
    width: 350px;
    margin: 20px 0 0 630px;
    background-color: #fff;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    text-align: center; }
    #news-wrap .icon-arrow01 a {
      color: #363636; }
      #news-wrap .icon-arrow01 a span {
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        font-size: 115.3846153846%;
        letter-spacing: 2px;
        text-align: center; }

@media screen and (max-width: 767px) {
  #news .main-contents h1 {
    margin: 0 0 30px; }

  #news-wrap span.date {
    font-size: 92.3076923077%;
    margin-right: 15px;
    width: 23%; }
  #news-wrap span.cate {
    font-size: 76.9230769231%;
    margin-right: 0;
    padding: 3px 0;
    width: 30%;
    text-align: center; }
  #news-wrap span.news-content {
    width: 100%;
    margin-top: 5px;
    display: block;
    line-height: 1.4; }
  #news-wrap h2 {
    margin: 15px 0 10px; }
    #news-wrap h2:first-child {
      margin-top: 0; }
    #news-wrap h2 span {
      padding: 2px 5px;
      font-size: 114.2857142857%; }
  #news-wrap .tab-wrap {
    margin-bottom: 15px; }
    #news-wrap .tab-wrap .tab li {
      padding: 12px 0;
      font-size: 100%; }
  #news-wrap .tab-content div ul li {
    padding: 15px; }
    #news-wrap .tab-content div ul li span.news-content {
      margin-top: 5px;
      display: block;
      line-height: 1.4; }
  #news-wrap .icon-arrow01 {
    width: 100%;
    margin: 20px 0 0; }
    #news-wrap .icon-arrow01 a span {
      font-size: 115.3846153846%;
      letter-spacing: 2px; } }