@charset "UTF-8";
/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.mv .ttl {
  padding: 120px 0 60px;
  color: #fff;
  background: #2eb2ff; }
  .mv .ttl .box_in {
    position: relative; }
  .mv .ttl .ttl_txt .sub {
    font-size: 24px;
    position: relative; }
    .mv .ttl .ttl_txt .sub:before {
      content: '';
      display: inline-block;
      background: #fff;
      width: 60px;
      height: 1px;
      position: relative;
      top: -8px;
      left: -10px; }
    .mv .ttl .ttl_txt .sub:after {
      content: '';
      display: inline-block;
      background: #fff;
      width: 60px;
      height: 1px;
      position: relative;
      top: -8px;
      right: -10px; }
  .mv .ttl .ttl_txt h2 {
    font-size: 45px;
    line-height: 1.3; }
    @media screen and (max-width: 1100px) {
      .mv .ttl .ttl_txt h2 {
        font-size: 40px; } }
  @media screen and (max-width: 750px) {
    .mv .ttl {
      background: #fff;
      color: #2eb2ff;
      padding: 16vw 0 8vw; } }
  @media screen and (max-width: 750px) and (max-width: 480px) {
    .mv .ttl {
      padding: 24vw 0 8vw; } }
  @media screen and (max-width: 750px) {
      .mv .ttl .ttl_txt .sub {
        font-size: 5.0666666667vw; }
        .mv .ttl .ttl_txt .sub:before {
          width: 8vw;
          background: #2eb2ff; }
        .mv .ttl .ttl_txt .sub:after {
          width: 8vw;
          background: #2eb2ff; }
      .mv .ttl .ttl_txt h2 {
        font-size: 8.933333vw;
        line-height: 1.3;
        margin-top: 1vw; } }

.wrap_content {
  padding-bottom: 60px; }

#news ul li {
  position: relative;
  border-top: 1px solid #000;
  padding: 20px 10px;
  display: flex;
  text-align: left;
  justify-content: space-between;
  align-items: center; }
  #news ul li .images {
    width: 150px; }
    #news ul li .images img {
      width: 100%; }
  #news ul li .txt_area {
    letter-spacing: 0.05rem;
    width: calc(97% - 150px);
    text-align: left;
    margin-bottom: 30px; }
    #news ul li .txt_area .con a {
      pointer-events: none; }
  #news ul li:last-child {
    border-bottom: 1px solid #000; }
  #news ul li .more {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05rem;
    margin-top: 20px;
    text-align: right;
    position: absolute;
    bottom: 8px;
    right: 8px; }
    #news ul li .more a {
      color: #fff;
      display: inline-block;
      width: 156px;
      background: #000;
      text-align: center;
      padding: 10px; }
      #news ul li .more a:hover {
        transition: 0.3s;
        background: #2ea8ff;
        opacity: 1; }

@media screen and (max-width: 480px) {
  #news .box_in {
    padding: 0; }
  #news ul {
    margin-top: 2vw; }
    #news ul li {
      padding: 6.333333vw 4.1666666667vw;
      display: block; }
      #news ul li .images {
        width: 100%;
        text-align: center; }
        #news ul li .images img {
          width: 75%; }
      #news ul li .txt_area {
        line-height: 1.5;
        margin-top: 2.6666666667vw;
        width: 100%;
        margin-bottom: 0; }
      #news ul li:last-child {
        border-bottom: 1px solid #000; }
      #news ul li .more {
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
        margin: 4vw auto 0 auto; }
        #news ul li .more a {
          padding: 3.333333vw;
          width: 100%; } }
/* Pager style（外部化可） */
.pager {
  text-align: right;
  padding: 10px;
  clear: both;
  margin-top: 20px; }

/*ページャーボタン*/
.pager a {
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  color: #333;
  padding: 3px 7px 2px;
  text-decoration: none;
  margin: 0 2px; }

/*現在のページのボタン*/
.pager a.current {
  background: #999;
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  padding: 3px 7px 2px;
  margin: 0 2px;
  text-decoration: none; }

.pager a:hover {
  background: #999;
  color: #fff; }

.overPagerPattern {
  padding: 0 2px; }

@media screen and (max-width: 750px) {
  .pager {
    text-align: center;
    margin-top: 40px;
    padding: 0; }

  .pager a {
    margin: 0 4px; }

  .pager a.current {
    margin: 0 4px; } }
/* /Pager style */
/*reset*/
.btn {
  width: 100%;
  border-radius: inherit; }