@font-face {
  font-family: "NotoSans";
  font-display: swap;
  src: url("/common/fonts/NotoSans-R-Subset.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "NotoSansB";
  font-display: swap;
  src: url("/common/fonts/NotoSans-B-Subset.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Sawarabi";
  font-display: swap;
  src: url("/common/fonts/sawarabi-Subset.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@media print, screen {
  .bl_slider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto; }

  .slider_wrap {
    width: 66%;
    border-top: 2px solid #fff;
    overflow: hidden; }
    .slider_wrap li {
      position: relative; }
      .slider_wrap li a img {
        width: 100%; }
      .slider_wrap li .slider_corp {
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 3%;
        z-index: 10; }
        .slider_wrap li .slider_corp::after {
          position: absolute;
          content: '';
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5); }
        .slider_wrap li .slider_corp .corp_catch {
          position: relative;
          font-size: 2rem;
          line-height: 1.6;
          color: #fff;
          font-family: Sawarabi;
          z-index: 20; }
        .slider_wrap li .slider_corp .corp_info {
          display: flex;
          flex-wrap: wrap;
          min-width: 110px;
          z-index: 20; }
          .slider_wrap li .slider_corp .corp_info span {
            width: 100%;
            font-size: 1.1rem;
            line-height: 1.4;
            text-align: center; }
            .slider_wrap li .slider_corp .corp_info span:first-of-type {
              display: block;
              background: #fff;
              width: 100%;
              height: 22px;
              line-height: 22px;
              margin: 0 0 10px;
              border-radius: 11px; }
            .slider_wrap li .slider_corp .corp_info span + span {
              font-size: 1.1rem;
              color: #fff; }

  .bl_news {
    width: 90%;
    margin: 30px auto 35px; }
    .bl_news h3 {
      font-size: 1.6rem;
      font-weight: bold;
      font-family: 'NotoSans'; }
    .bl_news ul {
      margin: 0 auto 30px;
      width: 100%; }
    .bl_news li {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 20px 0;
      border-bottom: 1px solid #9FA0A0; }
      .bl_news li > span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 25px;
        font-size: 1.1rem;
        font-family: 'NotoSans';
        color: #fff; }
        .bl_news li > span.corporate {
          background: #ed6d1f; }
        .bl_news li > span.info {
          background: #6eba44; }
        .bl_news li > span.help {
          background: #2eb6aa; }
        .bl_news li > span.oshirase {
          background: #e8382f; }
        .bl_news li > span.column {
          background: #005D7F; }
      .bl_news li .news_txt {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 160px);
        align-items: center; }
        .bl_news li .news_txt .day {
          width: 130px;
          font-size: 1.1rem;
          padding: 0 20px; }
        .bl_news li .news_txt p {
          width: calc(100% - 130px);
          font-size: 1.2rem;
          line-height: 1.4; }
          .bl_news li .news_txt p a {
            display: block;
            font-size: 1.2rem;
            cursor: pointer; }
            .bl_news li .news_txt p a.nolink {
              pointer-events: none; }
    .bl_news .bt_news a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 235px;
      height: 36px;
      font-size: 1.1rem;
      font-family: 'Notosans';
      color: #fff;
      text-align: center;
      margin: 0 auto;
      border-radius: 18px;
      position: relative;
      color: #fff;
      background: linear-gradient(to bottom, #005D7F, #005D7F 50%, #002438);
      box-shadow: 1px 1px 0 0 #231815; }
      .bl_news .bt_news a::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border: 2px solid;
        border-color: #fff #fff transparent transparent;
        transform: rotate(45deg); }
      .bl_news .bt_news a::after {
        right: 7%;
        top: calc(50% - 4px); } }
@media screen and (max-width: 767px) {
  .slider_wrap {
    width: 100%; }
    .slider_wrap li .slider_corp .corp_catch {
      font-size: 1.4rem; }
    .slider_wrap li .slider_corp .corp_info {
      display: none; }

  .bl_news {
    width: 94%; }
    .bl_news h3 {
      text-align: center; }
    .bl_news li {
      justify-content: center; }
      .bl_news li > span {
        width: 50%;
        padding: 0.4rem;
        height: auto;
        margin-bottom: 10px; }
      .bl_news li .news_txt {
        width: 100%;
        text-align: center; }
        .bl_news li .news_txt .day {
          width: 100%;
          text-align: center;
          line-height: 2; }
        .bl_news li .news_txt p {
          width: 100%;
          text-align: center; }
    .bl_news .bt_news a {
      width: 50%;
      padding: 1rem;
      height: auto;
      border-radius: 2rem; }
      .bl_news .bt_news a::after {
        display: none; } }