@charset "utf-8";
/* box ******************************************************/
.outerBox {
  width: 1600px;
  max-width: 100%;
  min-width: 1024px;
  margin: 0 auto;
}
.secBox {
  margin: 2rem 0;
  padding: 4rem 0;
  box-sizing: border-box;
}
.inBoxL {
  width: 1280px;
  max-width: 95%;
  padding: 0 2rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.inBox {
  width: 920px;
  max-width: 95%;
  padding: 0 2rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.box100 {
  width: 100%;
}
.box95 {
  width: 95%;
  margin: 0 auto;
}
.box85 {
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .outerBox {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
  }
  .secBox {
    margin: 1.5rem 0;
    padding: 2rem 0;
    box-sizing: border-box;
  }
  .inBoxL {
    width: 600px;
    max-width: 100%;
    padding: 0 1.5rem;
  }
  .inBox {
    width: 520px;
    max-width: 100%;
    padding: 0 1.5rem;
  }
  .box95 {
    width: 100%;
    margin: 0 auto;
  }
  .box85 {
    width: 100%;
    margin: 0 auto;
  }
}
/* flex ******************************************************/
.wrap {
  display: flex;
  flex-wrap: wrap;
}
.JC-SB {
  justify-content: space-between;
}
.JC-CEN {
  justify-content: center;
}
.AI-CEN {
  align-items: center;
}
.AI-STR {
  align-items: stretch;
}
.AI-FS {
  align-items: flex-start;
}
.row-gapL {
  row-gap: 5rem;
}
.row-gapM {
  row-gap: 2rem;
}
.row-gapS {
  row-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .row-gapL {
    row-gap: 2.5rem;
  }
  .row-gapM {
    row-gap: 1.25rem;
  }
  .row-gapS {
    row-gap: 0.5rem;
  }
}

/* margin & padding ******************************************************/
/* padding */
.pdS {
  padding: 1.5rem 1rem;
  box-sizing: border-box;
}
.pdM {
  padding: 2.5rem;
  box-sizing: border-box;
}
.pdTL {
  padding-top: 3.5rem;
  box-sizing: border-box;
}
.pdBL {
  padding-bottom: 3.5rem;
  box-sizing: border-box;
}
/*  */

.pdLS {
  padding-left: 1.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .pdM {
    padding: 2rem 1.5rem;
  }
}
