@charset "UTF-8";
/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */
#newsheaderArea {
  width: 100%;
  height: 95px;
  background: #ffffff; }
  #newsheaderArea #headerBox {
    line-height: 95px; }
    #newsheaderArea #headerBox img {
      vertical-align: middle; }
    #newsheaderArea #headerBox .headerList {
      font-size: 0; }
      #newsheaderArea #headerBox .headerList li {
        display: inline-block;
        height: 95px;
        line-height: 95px; }

#newsArea {
  width: 1030px;
  margin-left: auto;
  margin-right: auto; }
  #newsArea .newsTitle {
    font-size: 26px;
    color: #4e4e4e; }
  #newsArea .gradientBtn {
    padding: 0 1em;
    line-height: 2em;
    font-size: 13px;
    text-decoration: none;
    color: #FFF;
    background-image: radial-gradient(circle, #2587c4 0%, #15405b 100%);
    transition: .4s; }
  #newsArea .grayLine {
    border-bottom: solid 2px #c0c6cb;
    padding-bottom: 10px; }
  #newsArea .newsBox {
    padding: 20px 0;
    background: url(/news/img/grayLine.png) center bottom repeat-x; }
  #newsArea .newsBox p {
    line-height: 150%; }
  #newsArea .btnBox {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 130px 0; }
    #newsArea .btnBox .backBtn {
      width: 350px;
      height: 50px;
      border-radius: 5.5px;
      background: #848484;
      text-align: center;
      color: #fff;
      padding: 10px 0;
      box-sizing: border-box; }
      #newsArea .btnBox .backBtn span:before {
        font-family: 'FontAwesome';
        font-size: 120%;
        content: "\f100";
        color: #fff;
        margin-right: 5px; }
    #newsArea .btnBox .nextBtn {
      width: 350px;
      height: 50px;
      border-radius: 5.5px;
      background: #15405b;
      text-align: center;
      color: #fff;
      padding: 10px 0;
      box-sizing: border-box; }
      #newsArea .btnBox .nextBtn span:after {
        font-family: 'FontAwesome';
        font-size: 120%;
        content: "\f101";
        color: #fff;
        margin-left: 5px; }
  #newsArea .icoWin:after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 21px;
    /*画像の幅*/
    height: 16px;
    /*画像の高さ*/
    background-image: url(/groupware/img/icoWindowBlue.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 15px; }
  #newsArea a.icoWin:visited {
    color: #323232;
    text-decoration: none; }
  #newsArea a.icoWin:hover {
    color: #808080;
    text-decoration: none; }
  .newsTop {
    position: relative;
    top: -150px;
    display: block; }