@charset "utf-8";
/* box *******************************************/
.outerBox {
  width: 100%;
  margin: 0 auto;
}
.inBox {
  width: 1400px;
  max-width: 92%;
  min-width: 1024px;
  margin: 0 auto;
}
.cntBox {
  width: 95%;
  margin: 0 auto;
}
.secBox {
  margin: 200px auto;
  box-sizing: border-box;
}
article.outBox {
  background: #fff;
  min-width: 1024px;
}
/* margin *******************************************/
.mCtr {
  margin: 0 auto;
}
.mlAuto {
  margin-left: auto;
}
.mrAuto {
  margin-right: auto;
}
.mbS {
  margin-bottom: 12px;
}
.mbM {
  margin-bottom: 25px;
}
.mbL {
  margin-bottom: 45px;
}
.mbLL {
  margin-bottom: 75px;
}
.mtS {
  margin-top: 12px;
}
.mtM {
  margin-top: 30px;
}
.mtL {
  margin-top: 50px;
}
.mtLL {
  margin-top: 75px;
}

/* pd *******************************************/
.pdNone {
  padding: 0 !important;
}
.pdS {
  padding: 10px;
  box-sizing: border-box;
}
.pdM {
  padding: 20px !important;
  box-sizing: border-box;
}
.pdtL {
  padding-top: 100px;
  box-sizing: border-box;
}

/* position *******************************************/
.posRel {
  position: relative;
}
.posAbs {
  position: absolute;
}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
  /* box *******************************************/
  .inBox {
    width: 92%;
    max-width: 92%;
    min-width: auto;
    margin: 0 auto;
  }
  .cntBox {
    width: 95%;
    margin: 0 auto;
  }
  .secBox {
    margin: 100px auto;
  }
  article.outBox {
    min-width: auto;
  }

  /* margin *******************************************/
  .mCtr {
    margin: 0 auto;
  }
  .mlAuto {
    margin-left: auto;
  }
  .mrAuto {
    margin-right: auto;
  }
  .mbS {
    margin-bottom: 8px;
  }
  .mbM {
    margin-bottom: 20px;
  }
  .mbL {
    margin-bottom: 30px;
  }
  .mbLL {
    margin-bottom: 50px;
  }
  .mtS {
    margin-top: 8px;
  }
  .mtM {
    margin-top: 20px;
  }
  .mtL {
    margin-top: 30px;
  }
  .mtLL {
    margin-top: 50px;
  }

  /* pd *******************************************/
  .pdNone {
    padding: 0 !important;
  }
  .pdS {
    padding: 10px;
    box-sizing: border-box;
  }
  .pdM {
    padding: 20px !important;
    box-sizing: border-box;
  }
  .pdtL {
    padding-top: 45px;
  }

  /* position *******************************************/
}
@media only screen and (max-width: 468px) {
}