/*! Writen  by SCSS */
.sec01 {
  padding: 100px 20px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      padding: 70px 20px; } }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding: 60px 20px; } }

.sec02 {
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .sec02 {
      margin-bottom: 70px; } }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 60px; } }
  .sec02 .news_wrap {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 25px 0; }
    @media screen and (max-width: 480px) {
      .sec02 .news_wrap {
        padding: 20px 0; } }
    .sec02 .news_wrap .news_in {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid rgba(102, 102, 102, 0.5);
      font-size: 14px; }
      @media screen and (max-width: 768px) {
        .sec02 .news_wrap .news_in {
          font-size: 13px; } }
      @media screen and (max-width: 480px) {
        .sec02 .news_wrap .news_in {
          padding-bottom: 15px;
          margin-bottom: 15px; } }
      .sec02 .news_wrap .news_in:nth-last-of-type(1) {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
      .sec02 .news_wrap .news_in .news_l {
        width: 10em; }
        @media screen and (max-width: 480px) {
          .sec02 .news_wrap .news_in .news_l {
            width: 100%;
            margin-bottom: 5px; } }
      .sec02 .news_wrap .news_in .news_r {
        width: calc(100% - 12em); }
        @media screen and (max-width: 480px) {
          .sec02 .news_wrap .news_in .news_r {
            width: 100%; } }
        body:not(.mobile) .sec02 .news_wrap .news_in .news_r a:hover {
          text-decoration: underline; }

/*# sourceMappingURL=news.css.map */