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

.view_more {
  color: #44af35;
  margin: 0 auto;
  margin-top: 40px; }

.pages .mv h2 span:nth-child(3) {
  transform: rotate(90deg) scaleY(-1); }
  @media screen and (max-width: 750px) {
    .pages .mv h2 span:nth-child(3) {
      transform: inherit; } }

#news {
  text-align: left; }
  #news .ttl {
    text-align: center; }
    #news .ttl h2 {
      line-height: 1.5;
      font-size: 21px;
      letter-spacing: 0.15rem; }
  #news .box_in ul {
    margin-top: 60px;
    background: #f3f3f3;
    padding: 40px; }
  #news .box_in .data {
    text-align: right;
    margin-top: 10px; }
  #news .box_in .txt_area .detailText {
    font-size: 16px !important; }
    #news .box_in .txt_area .detailText a {
      text-decoration: underline; }
    #news .box_in .txt_area .detailText span {
      font-size: 16px !important; }
  #news .box_in .txt_area .thumnail_area {
    margin-top: 40px;
    text-align: center; }
  #news .box_in .txt_area:nth-child(2n) {
    flex-flow: row-reverse; }
    #news .box_in .txt_area:nth-child(2n) .thumnail_area {
      margin-right: 20px; }

@media screen and (max-width: 750px) {
  #news .ttl .box_in {
    padding: 0 2.6666666667vw; }
  #news .ttl h2 {
    font-size: 18px;
    letter-spacing: 0.1rem; }
  #news .box_in ul {
    margin-top: 8vw;
    padding: 5.3333333333vw; }
  #news .box_in .data {
    margin-top: 1.3333333333vw; }
  #news .box_in .txt_area {
    display: block; }
    #news .box_in .txt_area .thumnail_area {
      margin-top: 5.3333333333vw; }
      #news .box_in .txt_area .thumnail_area .detailUpfile {
        text-align: center; }
    #news .box_in .txt_area:nth-child(2n-1) .thumnail_area {
      margin-left: 0px; }
    #news .box_in .txt_area:nth-child(2n) .thumnail_area {
      margin-right: 0px; } }