@charset "UTF-8";
/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.mv {
  background: url("../images/news/mv_bg.jpg") no-repeat;
  background-position: center 41%;
  background-size: cover; }

#news ul {
  color: #062f60; }
  #news ul li {
    padding: 30px 20px;
    display: flex;
    text-align: left;
    border-bottom: 2px solid #e5e4e0; }
    #news ul li .right {
      width: 130px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end; }
    #news ul li .left {
      width: calc(100% - 130px); }
@media screen and (max-width: 1200px) {
  #news ul li {
    padding: 2.5vw 1.6666666667vw; }
    #news ul li .right {
      width: 130px; }
    #news ul li .left {
      width: calc(100% - 130px); } }
@media screen and (max-width: 750px) {
  #news ul li {
    display: block;
    padding: 4vw 2.6666666667vw; }
    #news ul li .right {
      display: block;
      width: 100%;
      font-weight: bold;
      text-align: right; }
    #news ul li .left {
      width: 100%; } }

/* Pager style（外部化可） */
.pager {
  text-align: right;
  padding: 10px;
  clear: both;
  margin-top: 20px; }

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

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

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

.overPagerPattern {
  padding: 0 2px; }

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

  .pager a {
    margin: 0 4px; }

  .pager a.current {
    margin: 0 4px; } }
/* /Pager style */