@charset "utf-8";
/* box *******************************************/
.outerBox {
  max-width: 1400px;
  min-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.secBox {
  padding: 130px 0;
  box-sizing: border-box;
}
.inBox {
  width: 85%;
  margin: 0 auto;
}
.innerBox {
  width: 80%;
  margin: 0 auto;
  z-index: 1;
}

/* flex *******************************************/
.flex {
  display: flex;
}
.flexWrap {
  flex-wrap: wrap;
}
.flexCtr {
  align-items: center;
}
.flex .cnt60,
.flex .cnt50,
.flex .cnt40 {
  padding: 1em;
  box-sizing: border-box;
}

/* cntBox *******************************************/
.cnt100 {
  width: 100%;
}
.cnt95 {
  width: 95%;
}
.cnt90 {
  width: 90%;
}
.cnt80 {
  width: 80%;
}
.cnt70 {
  width: 70%;
}
.cnt60 {
  width: 60%;
}
.cnt57 {
  width: 57%;
}
.cnt50 {
  width: 50%;
}
.cnt49 {
  width: 49%;
}
.cnt47 {
  width: 47%;
}
.cnt40 {
  width: 40%;
}
.cnt31 {
  width: 31%;
}
.cnt6 {
  width: 6%;
}
.cnt3 {
  width: 3%;
}
.cnt2 {
  width: 2%;
}

/* margin *******************************************/
.mCtr {
  margin: 0 auto;
}
.mLAuto {
  margin-left: auto;
}
.mRAuto {
  margin-right: auto;
}
.mbS {
  margin-bottom: 12px;
}
.mbM {
  margin-bottom: 30px;
}
.mbL {
  margin-bottom: 50px;
}
.mbLL {
  margin-bottom: 75px;
}
.mtS {
  margin-top: 12px;
}
.mtM {
  margin-top: 30px;
}
.mtL {
  margin-top: 50px;
}
.mtLL {
  margin-top: 75px;
}

/* pd *******************************************/
.pd-LeftL {
  padding-left: 5% !important;
  box-sizing: border-box;
}
.pd-RightL {
  padding-right: 5% !important;
  box-sizing: border-box;
}
.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 *******************************************/
  .outerBox {
    max-width: auto;
    min-width: 100%;
    width: 100%;
  }
  .secBox {
    padding: 50px 0;
  }
  .inBox {
    width: 90%;
  }
  .innerBox {
    width: 90%;
  }

  /* flex *******************************************/
  .flex {
    display: flex;
  }
  .flexWrap {
    flex-wrap: wrap;
  }
  .flexCtr {
    align-items: center;
  }
  .flex .cnt60,
  .flex .cnt50,
  .flex .cnt40 {
    padding: 0;
  }

  /* cntBox *******************************************/
  .cnt100 {
    width: 100%;
  }
  .cnt95 {
    width: 100%;
  }
  .cnt90 {
    width: 100%;
  }
  .cnt80 {
    width: 90%;
  }
  .cnt70 {
    width: 70%;
  }
  .cnt60 {
    width: 100%;
  }
  .cnt57 {
    width: 100%;
  }
  .cnt50 {
    width: 100%;
  }
  .cnt49 {
    width: 100%;
  }
  .cnt47 {
    width: 100%;
  }
  .cnt40 {
    width: 100%;
  }
  .cnt31 {
    width: 100%;
  }
  .cnt6 {
    width: 6%;
  }
  .cnt3 {
    width: 3%;
  }

  /* 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) {
}