@charset "UTF-8";


@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1440px) {
  /* pg-module-aboutus */
  .pg-module-aboutus {padding: 50px 0 60px;}
  .pg-module-aboutus .lc{width:calc(50% - 50px)}
  .pg-module-aboutus .lc .roll .sum {margin-bottom: 20px;}
  .pg-module-aboutus .lc .note {padding:30px 0 0;}
  .pg-module-aboutus .lc .note p {font-size: 14px;}
  .pg-module-aboutus .lc .note span {font-size:20px;}
}

@media screen and (max-width: 1366px){

}


@media screen and (max-width: 1024px) {
    
  .container{
    width: 100%;
    padding: 0 3%;
  }

  /* pg-module-aboutus */
  .pg-module-aboutus {padding:40px 0 40px;background-size: cover;background-position: center center;}
  .pg-module-aboutus .lc{width:100%}
  .pg-module-aboutus .lc .roll{margin-bottom:30px}
  .pg-module-aboutus .lc .roll .sum{margin-bottom:0;font-size:16px;line-height:16px}
  .pg-module-aboutus .lc .roll .sum span{font-size:24px}
  .pg-module-aboutus .lc .note{padding:0}
  .pg-module-aboutus .lc .note p{font-size:14px}
  .pg-module-aboutus .lc .note span{font-size:18px}
  .pg-module-aboutus .rc {margin-top:20px}
  .pg-module-aboutus .rc:before {position:static}
    
}


@media screen and (min-width: 1000px) and (max-width:1600px) {
    .container{
      width: 90%;
    }
}