#News {
  margin: 65px auto 0; }
  #News .title-en {
    margin: 0 auto; }
    #News .title-en .svg.news {
      width: 58px; }
  #News .title-ja {
    margin-top: 15px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: .1em; }
  #News .articles {
    margin-top: 70px;
    text-align: left;
    box-sizing: border-box; }
    #News .articles .article {
      border-bottom: 1px solid #535353;
      padding: 18px 0;
      position: relative;
      opacity: 0;
      transition: opacity 0.4s; }
      #News .articles .article:first-child {
        border-top: 1px solid #535353; }
      #News .articles .article.show {
        opacity: 1;
        left: 0; }
      #News .articles .article .title {
        font-size: 0.8em;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: 0.04em; }
      #News .articles .article .supple {
        display: inline-block;
        margin-top: 6px;
        font-size: 0.7em;
        color: grey; }

.morebtn {
  margin-top: 54px; }

.ddbtns {
  margin-top: 53px; }

.morebtn + .ddbtns {
  margin-top: 100px; }

#RelatedPosts {
  margin-top: 90px; }

#SNSArea {
  opacity: 0; }

@media screen and (min-width: 769px) {
  #News {
    margin-top: 148px; }
    #News .title-en .svg.news {
      width: 80px;
      top: -3px;
      left: -2px; }
    #News .title-ja {
      margin-top: 25px;
      font-size: 13px; }
    #News .articles {
      margin-top: 96px; }
      #News .articles .article {
        padding: 0; }
        #News .articles .article > .desc {
          display: inline-block;
          padding-top: 24px;
          padding-bottom: 29px;
          width: 100%; }
          #News .articles .article > .desc:hover .title {
            opacity: 0.6;
            transition: none; }
        #News .articles .article .title {
          font-size: 1em;
          letter-spacing: 0.05em;
          opacity: 1;
          transition: opacity 0.2s linear; }
        #News .articles .article .supple {
          font-feature-settings: 'palt';
          font-size: 0.95em;
          margin-top: 9px;
          letter-spacing: 0.1em; }
    #News .morebtn {
      margin-top: 99px; }
  .ddbtns {
    margin-top: 142px;
    width: 320px; }
    .ddbtns .ddbtn p img.category {
      width: 80px;
      left: -8px; }
  .morebtn + .ddbtns {
    margin-top: 150px; }
  .bkbtn {
    margin-top: 136px; }
    .bkbtn img.top {
      width: 37px;
      position: relative;
      left: -2px; }
    .bkbtn.arrow p:after {
      right: -33px; }
  #RelatedPosts {
    margin-top: 199px; } }