@charset "utf-8";
/*
.any {
  @mixin objectfit;
}
@mixin objectfit; でcover:デフォルト
@mixin objectfit contain; でcontain等に上書き
object-fit-images用
*/
@media (min-width: 1201px),print {
  .content {
    padding: 0;
    background-color: #f9f9f9;
  } 
   
  section {
    padding: 68px 0 76px;
  }
  
  .sec-ttl {
    font-weight: 700;
    font-size: 2.25rem;
    text-align: center;
  }
  .sec-ttl span {
    display: block;
    color: #959595;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    margin-top: 14px;
  }
    
  :root {
    --swiper-navigation-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .content {
    padding: 0;
    background-color: #f9f9f9;
  }
  section {
    padding: calc( var(--vw) * 5.3125 ) 0 calc( var(--vw) * 5.9375 );
  }
  .sec-ttl {
    font-weight: 700;
    font-size: calc( var(--vw) * 2.8125 );
    text-align: center;
  }
  .sec-ttl span {
    display: block;
    color: #959595;
    font-size: calc( var(--vw) * 1.875 );
    font-weight: 500;
    text-align: center;
    margin-top: calc( var(--vw) * 1.09375 );
  } 
 
  :root {
    --swiper-navigation-size: calc( var(--vw) * 2.1875 );
  }
  
}
@media only screen and (max-width: 767px) {
  .content {
    padding: 0;
    background-color: #f9f9f9;
  }
    
  section {
    padding: 12.760416666666666vw 5.208333333333334vw;
  }
  .sec-ttl {
    font-weight: 700;
    font-size: 5.208333333333334vw;
    text-align: center;
  }
  .sec-ttl span {
    display: block;
    color: #959595;
    font-size: 3.6458333333333335vw;
    font-weight: 500;
    text-align: center;
    margin-top: 1.3020833333333335vw;
  }

  .br_pc {
    display: none;
  }
}