/*--- 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 {
  padding: 60px 0 40px;
  text-align: left;
  letter-spacing: 0.05rem; }
  #news .box_in {
    box-shadow: 0 0 10px #d6d5ca;
    padding: 40px;
    background: #fffdf4; }
  #news .data {
    margin-top: 5px;
    letter-spacing: 0;
    text-align: right;
    font-size: 14px; }
    @media screen and (max-width: 1080px) {
      #news .data {
        text-align: right;
        padding-right: 4%; } }
  #news .ttl {
    font-size: 24px;
    letter-spacing: -0.01rem;
    border-bottom: 1px solid #000000;
    line-height: 1.5;
    padding-bottom: 10px; }
    @media screen and (max-width: 1080px) {
      #news .ttl {
        width: 90%;
        margin: 0 auto; } }
  #news .contens_area {
    margin-top: 20px; }
  #news #detail {
    font-size: 16px;
    padding: 0; }
    @media screen and (max-width: 1080px) {
      #news #detail {
        padding: 10px 40px 25px 40px; } }
    #news #detail .detailText a {
      text-decoration: underline; }
    #news #detail .detailText:not(:first-child) {
      margin-top: 20px; }
    #news #detail .detailText span {
      font-size: 16px !important; }
    #news #detail .thumnail_area {
      margin-top: 10px; }
  #news .more {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05rem;
    text-align: center;
    margin-top: 40px; }
    #news .more a {
      text-decoration: none;
      color: #fff;
      display: inline-block;
      max-width: 350px;
      width: 90%;
      background: #2ea8ff;
      text-align: center;
      padding: 20px; }

@media screen and (max-width: 750px) {
  #news {
    padding: 0; }
    #news .box_in {
      padding: 5.3333333333vw; }
    #news .data {
      margin-top: 5px;
      font-size: 14px;
      padding-right: 0; }
    #news .ttl {
      width: 100%;
      font-size: 16px;
      line-height: 1.3;
      padding-bottom: 10px; }
    #news .contens_area {
      margin-top: 1.3333333333vw; }
    #news #detail {
      font-size: 14px;
      padding: 0; }
      #news #detail .detailText span {
        font-size: 14px !important; }
    #news .more {
      margin-top: 5.3333333333vw; } }