@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap");
:root {
  --main-color:#C40019;
  --main-light-color:#FFF4F0;
  --sub-color:#E1CD49;
  --sub-light-color:#FFFDDE;
  --red:#E80F12;
  --yellow:#E1CD49;
  --blue:#8FD2ED;
  --green:#2DB564;
  --lightgreen:#b2e260;
  --pink:#e27777;
  --sky:#17BCD6;
  --cream:#f5f5f5;
  --carmine:#d73c3c;
  --brown:#703D22;
  --orange:#ffa100;
  --perple:#917eaa;
  --lightperple:#f7f1f6;
  --black:#333;
  --gray:#b9b4af;
  --white:#fff;
  --transparent:transparent;
}

.main-color {
  color: var(--main-color) !important;
}

.bg_main-color {
  background-color: var(--main-color);
}

.main-light-color {
  color: var(--main-light-color) !important;
}

.bg_main-light-color {
  background-color: var(--main-light-color);
}

.sub-color {
  color: var(--sub-color) !important;
}

.bg_sub-color {
  background-color: var(--sub-color);
}

.sub-light-color {
  color: var(--sub-light-color) !important;
}

.bg_sub-light-color {
  background-color: var(--sub-light-color);
}

.red {
  color: var(--red) !important;
}

.bg_red {
  background-color: var(--red);
}

.yellow {
  color: var(--yellow) !important;
}

.bg_yellow {
  background-color: var(--yellow);
}

.blue {
  color: var(--blue) !important;
}

.bg_blue {
  background-color: var(--blue);
}

.green {
  color: var(--green) !important;
}

.bg_green {
  background-color: var(--green);
}

.lightgreen {
  color: var(--lightgreen) !important;
}

.bg_lightgreen {
  background-color: var(--lightgreen);
}

.pink {
  color: var(--pink) !important;
}

.bg_pink {
  background-color: var(--pink);
}

.sky {
  color: var(--sky) !important;
}

.bg_sky {
  background-color: var(--sky);
}

.cream {
  color: var(--cream) !important;
}

.bg_cream {
  background-color: var(--cream);
}

.carmine {
  color: var(--carmine) !important;
}

.bg_carmine {
  background-color: var(--carmine);
}

.brown {
  color: var(--brown) !important;
}

.bg_brown {
  background-color: var(--brown);
}

.orange {
  color: var(--orange) !important;
}

.bg_orange {
  background-color: var(--orange);
}

.perple {
  color: var(--perple) !important;
}

.bg_perple {
  background-color: var(--perple);
}

.lightperple {
  color: var(--lightperple) !important;
}

.bg_lightperple {
  background-color: var(--lightperple);
}

.black {
  color: var(--black) !important;
}

.bg_black {
  background-color: var(--black);
}

.gray {
  color: var(--gray) !important;
}

.bg_gray {
  background-color: var(--gray);
}

.white {
  color: var(--white) !important;
}

.bg_white {
  background-color: var(--white);
}

.transparent {
  color: var(--transparent) !important;
}

.bg_transparent {
  background-color: var(--transparent);
}

.gap-0 {
  gap: 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-0 {
    gap: 0px !important;
  }
}

.gap-0-0 {
  gap: 0px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-0 {
    gap: 0px 0px;
  }
}

.gap-0-5 {
  gap: 0px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-5 {
    gap: 0px 5px;
  }
}

.gap-0-10 {
  gap: 0px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-10 {
    gap: 0px 10px;
  }
}

.gap-0-15 {
  gap: 0px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-15 {
    gap: 0px 15px;
  }
}

.gap-0-20 {
  gap: 0px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-20 {
    gap: 0px 20px;
  }
}

.gap-0-25 {
  gap: 0px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-25 {
    gap: 0px 25px;
  }
}

.gap-0-30 {
  gap: 0px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-30 {
    gap: 0px 30px;
  }
}

.gap-0-35 {
  gap: 0px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-35 {
    gap: 0px 35px;
  }
}

.gap-0-40 {
  gap: 0px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-40 {
    gap: 0px 40px;
  }
}

.gap-0-45 {
  gap: 0px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-45 {
    gap: 0px 45px;
  }
}

.gap-0-50 {
  gap: 0px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-50 {
    gap: 0px 50px;
  }
}

.gap-0-55 {
  gap: 0px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-55 {
    gap: 0px 55px;
  }
}

.gap-0-60 {
  gap: 0px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-60 {
    gap: 0px 60px;
  }
}

.gap-0-65 {
  gap: 0px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-65 {
    gap: 0px 65px;
  }
}

.gap-0-70 {
  gap: 0px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-70 {
    gap: 0px 70px;
  }
}

.gap-0-75 {
  gap: 0px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-75 {
    gap: 0px 75px;
  }
}

.gap-0-80 {
  gap: 0px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-80 {
    gap: 0px 80px;
  }
}

.gap-0-85 {
  gap: 0px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-85 {
    gap: 0px 85px;
  }
}

.gap-0-90 {
  gap: 0px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-90 {
    gap: 0px 90px;
  }
}

.gap-0-95 {
  gap: 0px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-95 {
    gap: 0px 95px;
  }
}

.gap-0-100 {
  gap: 0px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-0-100 {
    gap: 0px 100px;
  }
}

.mgt0 {
  margin-top: 0px;
}

.mgb0 {
  margin-bottom: 0px;
}

.mgl0 {
  margin-left: 0px;
}

.mgr0 {
  margin-right: 0px;
}

.pdt0 {
  padding-top: 0px;
}

.pdb0 {
  padding-bottom: 0px;
}

.pdl0 {
  padding-left: 0px;
}

.pdr0 {
  padding-right: 0px;
}

@media screen and (min-width: 749px) {
  .md-mgt0 {
    margin-top: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb0 {
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl0 {
    margin-left: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr0 {
    margin-right: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt0 {
    padding-top: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb0 {
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl0 {
    padding-left: 0px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr0 {
    padding-right: 0px;
  }
}

.radius-0 {
  border-radius: 0px;
  overflow: hidden;
}

.gap-5 {
  gap: 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-5 {
    gap: 5px !important;
  }
}

.gap-5-0 {
  gap: 5px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-0 {
    gap: 5px 0px;
  }
}

.gap-5-5 {
  gap: 5px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-5 {
    gap: 5px 5px;
  }
}

.gap-5-10 {
  gap: 5px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-10 {
    gap: 5px 10px;
  }
}

.gap-5-15 {
  gap: 5px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-15 {
    gap: 5px 15px;
  }
}

.gap-5-20 {
  gap: 5px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-20 {
    gap: 5px 20px;
  }
}

.gap-5-25 {
  gap: 5px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-25 {
    gap: 5px 25px;
  }
}

.gap-5-30 {
  gap: 5px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-30 {
    gap: 5px 30px;
  }
}

.gap-5-35 {
  gap: 5px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-35 {
    gap: 5px 35px;
  }
}

.gap-5-40 {
  gap: 5px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-40 {
    gap: 5px 40px;
  }
}

.gap-5-45 {
  gap: 5px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-45 {
    gap: 5px 45px;
  }
}

.gap-5-50 {
  gap: 5px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-50 {
    gap: 5px 50px;
  }
}

.gap-5-55 {
  gap: 5px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-55 {
    gap: 5px 55px;
  }
}

.gap-5-60 {
  gap: 5px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-60 {
    gap: 5px 60px;
  }
}

.gap-5-65 {
  gap: 5px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-65 {
    gap: 5px 65px;
  }
}

.gap-5-70 {
  gap: 5px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-70 {
    gap: 5px 70px;
  }
}

.gap-5-75 {
  gap: 5px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-75 {
    gap: 5px 75px;
  }
}

.gap-5-80 {
  gap: 5px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-80 {
    gap: 5px 80px;
  }
}

.gap-5-85 {
  gap: 5px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-85 {
    gap: 5px 85px;
  }
}

.gap-5-90 {
  gap: 5px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-90 {
    gap: 5px 90px;
  }
}

.gap-5-95 {
  gap: 5px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-95 {
    gap: 5px 95px;
  }
}

.gap-5-100 {
  gap: 5px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-5-100 {
    gap: 5px 100px;
  }
}

.mgt5 {
  margin-top: 5px;
}

.mgb5 {
  margin-bottom: 5px;
}

.mgl5 {
  margin-left: 5px;
}

.mgr5 {
  margin-right: 5px;
}

.pdt5 {
  padding-top: 5px;
}

.pdb5 {
  padding-bottom: 5px;
}

.pdl5 {
  padding-left: 5px;
}

.pdr5 {
  padding-right: 5px;
}

@media screen and (min-width: 749px) {
  .md-mgt5 {
    margin-top: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb5 {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl5 {
    margin-left: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr5 {
    margin-right: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt5 {
    padding-top: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb5 {
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl5 {
    padding-left: 5px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr5 {
    padding-right: 5px;
  }
}

.radius-5 {
  border-radius: 5px;
  overflow: hidden;
}

.gap-10 {
  gap: 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-10 {
    gap: 10px !important;
  }
}

.gap-10-0 {
  gap: 10px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-0 {
    gap: 10px 0px;
  }
}

.gap-10-5 {
  gap: 10px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-5 {
    gap: 10px 5px;
  }
}

.gap-10-10 {
  gap: 10px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-10 {
    gap: 10px 10px;
  }
}

.gap-10-15 {
  gap: 10px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-15 {
    gap: 10px 15px;
  }
}

.gap-10-20 {
  gap: 10px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-20 {
    gap: 10px 20px;
  }
}

.gap-10-25 {
  gap: 10px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-25 {
    gap: 10px 25px;
  }
}

.gap-10-30 {
  gap: 10px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-30 {
    gap: 10px 30px;
  }
}

.gap-10-35 {
  gap: 10px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-35 {
    gap: 10px 35px;
  }
}

.gap-10-40 {
  gap: 10px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-40 {
    gap: 10px 40px;
  }
}

.gap-10-45 {
  gap: 10px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-45 {
    gap: 10px 45px;
  }
}

.gap-10-50 {
  gap: 10px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-50 {
    gap: 10px 50px;
  }
}

.gap-10-55 {
  gap: 10px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-55 {
    gap: 10px 55px;
  }
}

.gap-10-60 {
  gap: 10px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-60 {
    gap: 10px 60px;
  }
}

.gap-10-65 {
  gap: 10px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-65 {
    gap: 10px 65px;
  }
}

.gap-10-70 {
  gap: 10px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-70 {
    gap: 10px 70px;
  }
}

.gap-10-75 {
  gap: 10px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-75 {
    gap: 10px 75px;
  }
}

.gap-10-80 {
  gap: 10px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-80 {
    gap: 10px 80px;
  }
}

.gap-10-85 {
  gap: 10px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-85 {
    gap: 10px 85px;
  }
}

.gap-10-90 {
  gap: 10px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-90 {
    gap: 10px 90px;
  }
}

.gap-10-95 {
  gap: 10px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-95 {
    gap: 10px 95px;
  }
}

.gap-10-100 {
  gap: 10px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-10-100 {
    gap: 10px 100px;
  }
}

.mgt10 {
  margin-top: 10px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgl10 {
  margin-left: 10px;
}

.mgr10 {
  margin-right: 10px;
}

.pdt10 {
  padding-top: 10px;
}

.pdb10 {
  padding-bottom: 10px;
}

.pdl10 {
  padding-left: 10px;
}

.pdr10 {
  padding-right: 10px;
}

@media screen and (min-width: 749px) {
  .md-mgt10 {
    margin-top: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb10 {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl10 {
    margin-left: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr10 {
    margin-right: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt10 {
    padding-top: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb10 {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl10 {
    padding-left: 10px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr10 {
    padding-right: 10px;
  }
}

.radius-10 {
  border-radius: 10px;
  overflow: hidden;
}

.gap-15 {
  gap: 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-15 {
    gap: 15px !important;
  }
}

.gap-15-0 {
  gap: 15px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-0 {
    gap: 15px 0px;
  }
}

.gap-15-5 {
  gap: 15px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-5 {
    gap: 15px 5px;
  }
}

.gap-15-10 {
  gap: 15px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-10 {
    gap: 15px 10px;
  }
}

.gap-15-15 {
  gap: 15px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-15 {
    gap: 15px 15px;
  }
}

.gap-15-20 {
  gap: 15px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-20 {
    gap: 15px 20px;
  }
}

.gap-15-25 {
  gap: 15px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-25 {
    gap: 15px 25px;
  }
}

.gap-15-30 {
  gap: 15px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-30 {
    gap: 15px 30px;
  }
}

.gap-15-35 {
  gap: 15px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-35 {
    gap: 15px 35px;
  }
}

.gap-15-40 {
  gap: 15px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-40 {
    gap: 15px 40px;
  }
}

.gap-15-45 {
  gap: 15px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-45 {
    gap: 15px 45px;
  }
}

.gap-15-50 {
  gap: 15px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-50 {
    gap: 15px 50px;
  }
}

.gap-15-55 {
  gap: 15px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-55 {
    gap: 15px 55px;
  }
}

.gap-15-60 {
  gap: 15px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-60 {
    gap: 15px 60px;
  }
}

.gap-15-65 {
  gap: 15px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-65 {
    gap: 15px 65px;
  }
}

.gap-15-70 {
  gap: 15px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-70 {
    gap: 15px 70px;
  }
}

.gap-15-75 {
  gap: 15px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-75 {
    gap: 15px 75px;
  }
}

.gap-15-80 {
  gap: 15px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-80 {
    gap: 15px 80px;
  }
}

.gap-15-85 {
  gap: 15px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-85 {
    gap: 15px 85px;
  }
}

.gap-15-90 {
  gap: 15px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-90 {
    gap: 15px 90px;
  }
}

.gap-15-95 {
  gap: 15px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-95 {
    gap: 15px 95px;
  }
}

.gap-15-100 {
  gap: 15px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-15-100 {
    gap: 15px 100px;
  }
}

.mgt15 {
  margin-top: 15px;
}

.mgb15 {
  margin-bottom: 15px;
}

.mgl15 {
  margin-left: 15px;
}

.mgr15 {
  margin-right: 15px;
}

.pdt15 {
  padding-top: 15px;
}

.pdb15 {
  padding-bottom: 15px;
}

.pdl15 {
  padding-left: 15px;
}

.pdr15 {
  padding-right: 15px;
}

@media screen and (min-width: 749px) {
  .md-mgt15 {
    margin-top: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb15 {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl15 {
    margin-left: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr15 {
    margin-right: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt15 {
    padding-top: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb15 {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl15 {
    padding-left: 15px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr15 {
    padding-right: 15px;
  }
}

.radius-15 {
  border-radius: 15px;
  overflow: hidden;
}

.gap-20 {
  gap: 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-20 {
    gap: 20px !important;
  }
}

.gap-20-0 {
  gap: 20px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-0 {
    gap: 20px 0px;
  }
}

.gap-20-5 {
  gap: 20px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-5 {
    gap: 20px 5px;
  }
}

.gap-20-10 {
  gap: 20px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-10 {
    gap: 20px 10px;
  }
}

.gap-20-15 {
  gap: 20px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-15 {
    gap: 20px 15px;
  }
}

.gap-20-20 {
  gap: 20px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-20 {
    gap: 20px 20px;
  }
}

.gap-20-25 {
  gap: 20px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-25 {
    gap: 20px 25px;
  }
}

.gap-20-30 {
  gap: 20px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-30 {
    gap: 20px 30px;
  }
}

.gap-20-35 {
  gap: 20px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-35 {
    gap: 20px 35px;
  }
}

.gap-20-40 {
  gap: 20px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-40 {
    gap: 20px 40px;
  }
}

.gap-20-45 {
  gap: 20px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-45 {
    gap: 20px 45px;
  }
}

.gap-20-50 {
  gap: 20px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-50 {
    gap: 20px 50px;
  }
}

.gap-20-55 {
  gap: 20px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-55 {
    gap: 20px 55px;
  }
}

.gap-20-60 {
  gap: 20px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-60 {
    gap: 20px 60px;
  }
}

.gap-20-65 {
  gap: 20px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-65 {
    gap: 20px 65px;
  }
}

.gap-20-70 {
  gap: 20px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-70 {
    gap: 20px 70px;
  }
}

.gap-20-75 {
  gap: 20px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-75 {
    gap: 20px 75px;
  }
}

.gap-20-80 {
  gap: 20px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-80 {
    gap: 20px 80px;
  }
}

.gap-20-85 {
  gap: 20px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-85 {
    gap: 20px 85px;
  }
}

.gap-20-90 {
  gap: 20px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-90 {
    gap: 20px 90px;
  }
}

.gap-20-95 {
  gap: 20px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-95 {
    gap: 20px 95px;
  }
}

.gap-20-100 {
  gap: 20px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-20-100 {
    gap: 20px 100px;
  }
}

.mgt20 {
  margin-top: 20px;
}

.mgb20 {
  margin-bottom: 20px;
}

.mgl20 {
  margin-left: 20px;
}

.mgr20 {
  margin-right: 20px;
}

.pdt20 {
  padding-top: 20px;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdl20 {
  padding-left: 20px;
}

.pdr20 {
  padding-right: 20px;
}

@media screen and (min-width: 749px) {
  .md-mgt20 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb20 {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl20 {
    margin-left: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr20 {
    margin-right: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt20 {
    padding-top: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb20 {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl20 {
    padding-left: 20px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr20 {
    padding-right: 20px;
  }
}

.radius-20 {
  border-radius: 20px;
  overflow: hidden;
}

.gap-25 {
  gap: 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-25 {
    gap: 25px !important;
  }
}

.gap-25-0 {
  gap: 25px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-0 {
    gap: 25px 0px;
  }
}

.gap-25-5 {
  gap: 25px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-5 {
    gap: 25px 5px;
  }
}

.gap-25-10 {
  gap: 25px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-10 {
    gap: 25px 10px;
  }
}

.gap-25-15 {
  gap: 25px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-15 {
    gap: 25px 15px;
  }
}

.gap-25-20 {
  gap: 25px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-20 {
    gap: 25px 20px;
  }
}

.gap-25-25 {
  gap: 25px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-25 {
    gap: 25px 25px;
  }
}

.gap-25-30 {
  gap: 25px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-30 {
    gap: 25px 30px;
  }
}

.gap-25-35 {
  gap: 25px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-35 {
    gap: 25px 35px;
  }
}

.gap-25-40 {
  gap: 25px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-40 {
    gap: 25px 40px;
  }
}

.gap-25-45 {
  gap: 25px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-45 {
    gap: 25px 45px;
  }
}

.gap-25-50 {
  gap: 25px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-50 {
    gap: 25px 50px;
  }
}

.gap-25-55 {
  gap: 25px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-55 {
    gap: 25px 55px;
  }
}

.gap-25-60 {
  gap: 25px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-60 {
    gap: 25px 60px;
  }
}

.gap-25-65 {
  gap: 25px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-65 {
    gap: 25px 65px;
  }
}

.gap-25-70 {
  gap: 25px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-70 {
    gap: 25px 70px;
  }
}

.gap-25-75 {
  gap: 25px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-75 {
    gap: 25px 75px;
  }
}

.gap-25-80 {
  gap: 25px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-80 {
    gap: 25px 80px;
  }
}

.gap-25-85 {
  gap: 25px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-85 {
    gap: 25px 85px;
  }
}

.gap-25-90 {
  gap: 25px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-90 {
    gap: 25px 90px;
  }
}

.gap-25-95 {
  gap: 25px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-95 {
    gap: 25px 95px;
  }
}

.gap-25-100 {
  gap: 25px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-25-100 {
    gap: 25px 100px;
  }
}

.mgt25 {
  margin-top: 25px;
}

.mgb25 {
  margin-bottom: 25px;
}

.mgl25 {
  margin-left: 25px;
}

.mgr25 {
  margin-right: 25px;
}

.pdt25 {
  padding-top: 25px;
}

.pdb25 {
  padding-bottom: 25px;
}

.pdl25 {
  padding-left: 25px;
}

.pdr25 {
  padding-right: 25px;
}

@media screen and (min-width: 749px) {
  .md-mgt25 {
    margin-top: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb25 {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl25 {
    margin-left: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr25 {
    margin-right: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt25 {
    padding-top: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb25 {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl25 {
    padding-left: 25px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr25 {
    padding-right: 25px;
  }
}

.radius-25 {
  border-radius: 25px;
  overflow: hidden;
}

.gap-30 {
  gap: 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-30 {
    gap: 30px !important;
  }
}

.gap-30-0 {
  gap: 30px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-0 {
    gap: 30px 0px;
  }
}

.gap-30-5 {
  gap: 30px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-5 {
    gap: 30px 5px;
  }
}

.gap-30-10 {
  gap: 30px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-10 {
    gap: 30px 10px;
  }
}

.gap-30-15 {
  gap: 30px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-15 {
    gap: 30px 15px;
  }
}

.gap-30-20 {
  gap: 30px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-20 {
    gap: 30px 20px;
  }
}

.gap-30-25 {
  gap: 30px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-25 {
    gap: 30px 25px;
  }
}

.gap-30-30 {
  gap: 30px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-30 {
    gap: 30px 30px;
  }
}

.gap-30-35 {
  gap: 30px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-35 {
    gap: 30px 35px;
  }
}

.gap-30-40 {
  gap: 30px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-40 {
    gap: 30px 40px;
  }
}

.gap-30-45 {
  gap: 30px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-45 {
    gap: 30px 45px;
  }
}

.gap-30-50 {
  gap: 30px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-50 {
    gap: 30px 50px;
  }
}

.gap-30-55 {
  gap: 30px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-55 {
    gap: 30px 55px;
  }
}

.gap-30-60 {
  gap: 30px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-60 {
    gap: 30px 60px;
  }
}

.gap-30-65 {
  gap: 30px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-65 {
    gap: 30px 65px;
  }
}

.gap-30-70 {
  gap: 30px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-70 {
    gap: 30px 70px;
  }
}

.gap-30-75 {
  gap: 30px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-75 {
    gap: 30px 75px;
  }
}

.gap-30-80 {
  gap: 30px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-80 {
    gap: 30px 80px;
  }
}

.gap-30-85 {
  gap: 30px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-85 {
    gap: 30px 85px;
  }
}

.gap-30-90 {
  gap: 30px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-90 {
    gap: 30px 90px;
  }
}

.gap-30-95 {
  gap: 30px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-95 {
    gap: 30px 95px;
  }
}

.gap-30-100 {
  gap: 30px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-30-100 {
    gap: 30px 100px;
  }
}

.mgt30 {
  margin-top: 30px;
}

.mgb30 {
  margin-bottom: 30px;
}

.mgl30 {
  margin-left: 30px;
}

.mgr30 {
  margin-right: 30px;
}

.pdt30 {
  padding-top: 30px;
}

.pdb30 {
  padding-bottom: 30px;
}

.pdl30 {
  padding-left: 30px;
}

.pdr30 {
  padding-right: 30px;
}

@media screen and (min-width: 749px) {
  .md-mgt30 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb30 {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl30 {
    margin-left: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr30 {
    margin-right: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt30 {
    padding-top: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb30 {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl30 {
    padding-left: 30px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr30 {
    padding-right: 30px;
  }
}

.radius-30 {
  border-radius: 30px;
  overflow: hidden;
}

.gap-35 {
  gap: 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-35 {
    gap: 35px !important;
  }
}

.gap-35-0 {
  gap: 35px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-0 {
    gap: 35px 0px;
  }
}

.gap-35-5 {
  gap: 35px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-5 {
    gap: 35px 5px;
  }
}

.gap-35-10 {
  gap: 35px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-10 {
    gap: 35px 10px;
  }
}

.gap-35-15 {
  gap: 35px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-15 {
    gap: 35px 15px;
  }
}

.gap-35-20 {
  gap: 35px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-20 {
    gap: 35px 20px;
  }
}

.gap-35-25 {
  gap: 35px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-25 {
    gap: 35px 25px;
  }
}

.gap-35-30 {
  gap: 35px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-30 {
    gap: 35px 30px;
  }
}

.gap-35-35 {
  gap: 35px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-35 {
    gap: 35px 35px;
  }
}

.gap-35-40 {
  gap: 35px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-40 {
    gap: 35px 40px;
  }
}

.gap-35-45 {
  gap: 35px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-45 {
    gap: 35px 45px;
  }
}

.gap-35-50 {
  gap: 35px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-50 {
    gap: 35px 50px;
  }
}

.gap-35-55 {
  gap: 35px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-55 {
    gap: 35px 55px;
  }
}

.gap-35-60 {
  gap: 35px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-60 {
    gap: 35px 60px;
  }
}

.gap-35-65 {
  gap: 35px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-65 {
    gap: 35px 65px;
  }
}

.gap-35-70 {
  gap: 35px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-70 {
    gap: 35px 70px;
  }
}

.gap-35-75 {
  gap: 35px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-75 {
    gap: 35px 75px;
  }
}

.gap-35-80 {
  gap: 35px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-80 {
    gap: 35px 80px;
  }
}

.gap-35-85 {
  gap: 35px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-85 {
    gap: 35px 85px;
  }
}

.gap-35-90 {
  gap: 35px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-90 {
    gap: 35px 90px;
  }
}

.gap-35-95 {
  gap: 35px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-95 {
    gap: 35px 95px;
  }
}

.gap-35-100 {
  gap: 35px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-35-100 {
    gap: 35px 100px;
  }
}

.mgt35 {
  margin-top: 35px;
}

.mgb35 {
  margin-bottom: 35px;
}

.mgl35 {
  margin-left: 35px;
}

.mgr35 {
  margin-right: 35px;
}

.pdt35 {
  padding-top: 35px;
}

.pdb35 {
  padding-bottom: 35px;
}

.pdl35 {
  padding-left: 35px;
}

.pdr35 {
  padding-right: 35px;
}

@media screen and (min-width: 749px) {
  .md-mgt35 {
    margin-top: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb35 {
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl35 {
    margin-left: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr35 {
    margin-right: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt35 {
    padding-top: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb35 {
    padding-bottom: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl35 {
    padding-left: 35px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr35 {
    padding-right: 35px;
  }
}

.radius-35 {
  border-radius: 35px;
  overflow: hidden;
}

.gap-40 {
  gap: 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-40 {
    gap: 40px !important;
  }
}

.gap-40-0 {
  gap: 40px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-0 {
    gap: 40px 0px;
  }
}

.gap-40-5 {
  gap: 40px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-5 {
    gap: 40px 5px;
  }
}

.gap-40-10 {
  gap: 40px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-10 {
    gap: 40px 10px;
  }
}

.gap-40-15 {
  gap: 40px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-15 {
    gap: 40px 15px;
  }
}

.gap-40-20 {
  gap: 40px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-20 {
    gap: 40px 20px;
  }
}

.gap-40-25 {
  gap: 40px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-25 {
    gap: 40px 25px;
  }
}

.gap-40-30 {
  gap: 40px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-30 {
    gap: 40px 30px;
  }
}

.gap-40-35 {
  gap: 40px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-35 {
    gap: 40px 35px;
  }
}

.gap-40-40 {
  gap: 40px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-40 {
    gap: 40px 40px;
  }
}

.gap-40-45 {
  gap: 40px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-45 {
    gap: 40px 45px;
  }
}

.gap-40-50 {
  gap: 40px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-50 {
    gap: 40px 50px;
  }
}

.gap-40-55 {
  gap: 40px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-55 {
    gap: 40px 55px;
  }
}

.gap-40-60 {
  gap: 40px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-60 {
    gap: 40px 60px;
  }
}

.gap-40-65 {
  gap: 40px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-65 {
    gap: 40px 65px;
  }
}

.gap-40-70 {
  gap: 40px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-70 {
    gap: 40px 70px;
  }
}

.gap-40-75 {
  gap: 40px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-75 {
    gap: 40px 75px;
  }
}

.gap-40-80 {
  gap: 40px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-80 {
    gap: 40px 80px;
  }
}

.gap-40-85 {
  gap: 40px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-85 {
    gap: 40px 85px;
  }
}

.gap-40-90 {
  gap: 40px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-90 {
    gap: 40px 90px;
  }
}

.gap-40-95 {
  gap: 40px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-95 {
    gap: 40px 95px;
  }
}

.gap-40-100 {
  gap: 40px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-40-100 {
    gap: 40px 100px;
  }
}

.mgt40 {
  margin-top: 40px;
}

.mgb40 {
  margin-bottom: 40px;
}

.mgl40 {
  margin-left: 40px;
}

.mgr40 {
  margin-right: 40px;
}

.pdt40 {
  padding-top: 40px;
}

.pdb40 {
  padding-bottom: 40px;
}

.pdl40 {
  padding-left: 40px;
}

.pdr40 {
  padding-right: 40px;
}

@media screen and (min-width: 749px) {
  .md-mgt40 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb40 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl40 {
    margin-left: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr40 {
    margin-right: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt40 {
    padding-top: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb40 {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl40 {
    padding-left: 40px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr40 {
    padding-right: 40px;
  }
}

.radius-40 {
  border-radius: 40px;
  overflow: hidden;
}

.gap-45 {
  gap: 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-45 {
    gap: 45px !important;
  }
}

.gap-45-0 {
  gap: 45px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-0 {
    gap: 45px 0px;
  }
}

.gap-45-5 {
  gap: 45px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-5 {
    gap: 45px 5px;
  }
}

.gap-45-10 {
  gap: 45px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-10 {
    gap: 45px 10px;
  }
}

.gap-45-15 {
  gap: 45px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-15 {
    gap: 45px 15px;
  }
}

.gap-45-20 {
  gap: 45px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-20 {
    gap: 45px 20px;
  }
}

.gap-45-25 {
  gap: 45px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-25 {
    gap: 45px 25px;
  }
}

.gap-45-30 {
  gap: 45px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-30 {
    gap: 45px 30px;
  }
}

.gap-45-35 {
  gap: 45px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-35 {
    gap: 45px 35px;
  }
}

.gap-45-40 {
  gap: 45px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-40 {
    gap: 45px 40px;
  }
}

.gap-45-45 {
  gap: 45px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-45 {
    gap: 45px 45px;
  }
}

.gap-45-50 {
  gap: 45px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-50 {
    gap: 45px 50px;
  }
}

.gap-45-55 {
  gap: 45px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-55 {
    gap: 45px 55px;
  }
}

.gap-45-60 {
  gap: 45px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-60 {
    gap: 45px 60px;
  }
}

.gap-45-65 {
  gap: 45px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-65 {
    gap: 45px 65px;
  }
}

.gap-45-70 {
  gap: 45px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-70 {
    gap: 45px 70px;
  }
}

.gap-45-75 {
  gap: 45px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-75 {
    gap: 45px 75px;
  }
}

.gap-45-80 {
  gap: 45px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-80 {
    gap: 45px 80px;
  }
}

.gap-45-85 {
  gap: 45px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-85 {
    gap: 45px 85px;
  }
}

.gap-45-90 {
  gap: 45px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-90 {
    gap: 45px 90px;
  }
}

.gap-45-95 {
  gap: 45px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-95 {
    gap: 45px 95px;
  }
}

.gap-45-100 {
  gap: 45px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-45-100 {
    gap: 45px 100px;
  }
}

.mgt45 {
  margin-top: 45px;
}

.mgb45 {
  margin-bottom: 45px;
}

.mgl45 {
  margin-left: 45px;
}

.mgr45 {
  margin-right: 45px;
}

.pdt45 {
  padding-top: 45px;
}

.pdb45 {
  padding-bottom: 45px;
}

.pdl45 {
  padding-left: 45px;
}

.pdr45 {
  padding-right: 45px;
}

@media screen and (min-width: 749px) {
  .md-mgt45 {
    margin-top: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb45 {
    margin-bottom: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl45 {
    margin-left: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr45 {
    margin-right: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt45 {
    padding-top: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb45 {
    padding-bottom: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl45 {
    padding-left: 45px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr45 {
    padding-right: 45px;
  }
}

.radius-45 {
  border-radius: 45px;
  overflow: hidden;
}

.gap-50 {
  gap: 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-50 {
    gap: 50px !important;
  }
}

.gap-50-0 {
  gap: 50px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-0 {
    gap: 50px 0px;
  }
}

.gap-50-5 {
  gap: 50px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-5 {
    gap: 50px 5px;
  }
}

.gap-50-10 {
  gap: 50px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-10 {
    gap: 50px 10px;
  }
}

.gap-50-15 {
  gap: 50px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-15 {
    gap: 50px 15px;
  }
}

.gap-50-20 {
  gap: 50px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-20 {
    gap: 50px 20px;
  }
}

.gap-50-25 {
  gap: 50px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-25 {
    gap: 50px 25px;
  }
}

.gap-50-30 {
  gap: 50px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-30 {
    gap: 50px 30px;
  }
}

.gap-50-35 {
  gap: 50px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-35 {
    gap: 50px 35px;
  }
}

.gap-50-40 {
  gap: 50px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-40 {
    gap: 50px 40px;
  }
}

.gap-50-45 {
  gap: 50px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-45 {
    gap: 50px 45px;
  }
}

.gap-50-50 {
  gap: 50px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-50 {
    gap: 50px 50px;
  }
}

.gap-50-55 {
  gap: 50px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-55 {
    gap: 50px 55px;
  }
}

.gap-50-60 {
  gap: 50px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-60 {
    gap: 50px 60px;
  }
}

.gap-50-65 {
  gap: 50px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-65 {
    gap: 50px 65px;
  }
}

.gap-50-70 {
  gap: 50px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-70 {
    gap: 50px 70px;
  }
}

.gap-50-75 {
  gap: 50px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-75 {
    gap: 50px 75px;
  }
}

.gap-50-80 {
  gap: 50px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-80 {
    gap: 50px 80px;
  }
}

.gap-50-85 {
  gap: 50px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-85 {
    gap: 50px 85px;
  }
}

.gap-50-90 {
  gap: 50px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-90 {
    gap: 50px 90px;
  }
}

.gap-50-95 {
  gap: 50px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-95 {
    gap: 50px 95px;
  }
}

.gap-50-100 {
  gap: 50px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-50-100 {
    gap: 50px 100px;
  }
}

.mgt50 {
  margin-top: 50px;
}

.mgb50 {
  margin-bottom: 50px;
}

.mgl50 {
  margin-left: 50px;
}

.mgr50 {
  margin-right: 50px;
}

.pdt50 {
  padding-top: 50px;
}

.pdb50 {
  padding-bottom: 50px;
}

.pdl50 {
  padding-left: 50px;
}

.pdr50 {
  padding-right: 50px;
}

@media screen and (min-width: 749px) {
  .md-mgt50 {
    margin-top: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb50 {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl50 {
    margin-left: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr50 {
    margin-right: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt50 {
    padding-top: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb50 {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl50 {
    padding-left: 50px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr50 {
    padding-right: 50px;
  }
}

.radius-50 {
  border-radius: 50px;
  overflow: hidden;
}

.gap-55 {
  gap: 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-55 {
    gap: 55px !important;
  }
}

.gap-55-0 {
  gap: 55px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-0 {
    gap: 55px 0px;
  }
}

.gap-55-5 {
  gap: 55px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-5 {
    gap: 55px 5px;
  }
}

.gap-55-10 {
  gap: 55px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-10 {
    gap: 55px 10px;
  }
}

.gap-55-15 {
  gap: 55px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-15 {
    gap: 55px 15px;
  }
}

.gap-55-20 {
  gap: 55px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-20 {
    gap: 55px 20px;
  }
}

.gap-55-25 {
  gap: 55px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-25 {
    gap: 55px 25px;
  }
}

.gap-55-30 {
  gap: 55px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-30 {
    gap: 55px 30px;
  }
}

.gap-55-35 {
  gap: 55px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-35 {
    gap: 55px 35px;
  }
}

.gap-55-40 {
  gap: 55px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-40 {
    gap: 55px 40px;
  }
}

.gap-55-45 {
  gap: 55px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-45 {
    gap: 55px 45px;
  }
}

.gap-55-50 {
  gap: 55px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-50 {
    gap: 55px 50px;
  }
}

.gap-55-55 {
  gap: 55px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-55 {
    gap: 55px 55px;
  }
}

.gap-55-60 {
  gap: 55px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-60 {
    gap: 55px 60px;
  }
}

.gap-55-65 {
  gap: 55px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-65 {
    gap: 55px 65px;
  }
}

.gap-55-70 {
  gap: 55px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-70 {
    gap: 55px 70px;
  }
}

.gap-55-75 {
  gap: 55px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-75 {
    gap: 55px 75px;
  }
}

.gap-55-80 {
  gap: 55px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-80 {
    gap: 55px 80px;
  }
}

.gap-55-85 {
  gap: 55px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-85 {
    gap: 55px 85px;
  }
}

.gap-55-90 {
  gap: 55px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-90 {
    gap: 55px 90px;
  }
}

.gap-55-95 {
  gap: 55px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-95 {
    gap: 55px 95px;
  }
}

.gap-55-100 {
  gap: 55px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-55-100 {
    gap: 55px 100px;
  }
}

.mgt55 {
  margin-top: 55px;
}

.mgb55 {
  margin-bottom: 55px;
}

.mgl55 {
  margin-left: 55px;
}

.mgr55 {
  margin-right: 55px;
}

.pdt55 {
  padding-top: 55px;
}

.pdb55 {
  padding-bottom: 55px;
}

.pdl55 {
  padding-left: 55px;
}

.pdr55 {
  padding-right: 55px;
}

@media screen and (min-width: 749px) {
  .md-mgt55 {
    margin-top: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb55 {
    margin-bottom: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl55 {
    margin-left: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr55 {
    margin-right: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt55 {
    padding-top: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb55 {
    padding-bottom: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl55 {
    padding-left: 55px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr55 {
    padding-right: 55px;
  }
}

.radius-55 {
  border-radius: 55px;
  overflow: hidden;
}

.gap-60 {
  gap: 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-60 {
    gap: 60px !important;
  }
}

.gap-60-0 {
  gap: 60px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-0 {
    gap: 60px 0px;
  }
}

.gap-60-5 {
  gap: 60px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-5 {
    gap: 60px 5px;
  }
}

.gap-60-10 {
  gap: 60px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-10 {
    gap: 60px 10px;
  }
}

.gap-60-15 {
  gap: 60px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-15 {
    gap: 60px 15px;
  }
}

.gap-60-20 {
  gap: 60px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-20 {
    gap: 60px 20px;
  }
}

.gap-60-25 {
  gap: 60px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-25 {
    gap: 60px 25px;
  }
}

.gap-60-30 {
  gap: 60px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-30 {
    gap: 60px 30px;
  }
}

.gap-60-35 {
  gap: 60px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-35 {
    gap: 60px 35px;
  }
}

.gap-60-40 {
  gap: 60px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-40 {
    gap: 60px 40px;
  }
}

.gap-60-45 {
  gap: 60px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-45 {
    gap: 60px 45px;
  }
}

.gap-60-50 {
  gap: 60px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-50 {
    gap: 60px 50px;
  }
}

.gap-60-55 {
  gap: 60px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-55 {
    gap: 60px 55px;
  }
}

.gap-60-60 {
  gap: 60px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-60 {
    gap: 60px 60px;
  }
}

.gap-60-65 {
  gap: 60px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-65 {
    gap: 60px 65px;
  }
}

.gap-60-70 {
  gap: 60px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-70 {
    gap: 60px 70px;
  }
}

.gap-60-75 {
  gap: 60px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-75 {
    gap: 60px 75px;
  }
}

.gap-60-80 {
  gap: 60px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-80 {
    gap: 60px 80px;
  }
}

.gap-60-85 {
  gap: 60px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-85 {
    gap: 60px 85px;
  }
}

.gap-60-90 {
  gap: 60px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-90 {
    gap: 60px 90px;
  }
}

.gap-60-95 {
  gap: 60px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-95 {
    gap: 60px 95px;
  }
}

.gap-60-100 {
  gap: 60px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-60-100 {
    gap: 60px 100px;
  }
}

.mgt60 {
  margin-top: 60px;
}

.mgb60 {
  margin-bottom: 60px;
}

.mgl60 {
  margin-left: 60px;
}

.mgr60 {
  margin-right: 60px;
}

.pdt60 {
  padding-top: 60px;
}

.pdb60 {
  padding-bottom: 60px;
}

.pdl60 {
  padding-left: 60px;
}

.pdr60 {
  padding-right: 60px;
}

@media screen and (min-width: 749px) {
  .md-mgt60 {
    margin-top: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb60 {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl60 {
    margin-left: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr60 {
    margin-right: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt60 {
    padding-top: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb60 {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl60 {
    padding-left: 60px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr60 {
    padding-right: 60px;
  }
}

.radius-60 {
  border-radius: 60px;
  overflow: hidden;
}

.gap-65 {
  gap: 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-65 {
    gap: 65px !important;
  }
}

.gap-65-0 {
  gap: 65px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-0 {
    gap: 65px 0px;
  }
}

.gap-65-5 {
  gap: 65px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-5 {
    gap: 65px 5px;
  }
}

.gap-65-10 {
  gap: 65px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-10 {
    gap: 65px 10px;
  }
}

.gap-65-15 {
  gap: 65px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-15 {
    gap: 65px 15px;
  }
}

.gap-65-20 {
  gap: 65px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-20 {
    gap: 65px 20px;
  }
}

.gap-65-25 {
  gap: 65px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-25 {
    gap: 65px 25px;
  }
}

.gap-65-30 {
  gap: 65px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-30 {
    gap: 65px 30px;
  }
}

.gap-65-35 {
  gap: 65px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-35 {
    gap: 65px 35px;
  }
}

.gap-65-40 {
  gap: 65px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-40 {
    gap: 65px 40px;
  }
}

.gap-65-45 {
  gap: 65px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-45 {
    gap: 65px 45px;
  }
}

.gap-65-50 {
  gap: 65px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-50 {
    gap: 65px 50px;
  }
}

.gap-65-55 {
  gap: 65px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-55 {
    gap: 65px 55px;
  }
}

.gap-65-60 {
  gap: 65px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-60 {
    gap: 65px 60px;
  }
}

.gap-65-65 {
  gap: 65px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-65 {
    gap: 65px 65px;
  }
}

.gap-65-70 {
  gap: 65px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-70 {
    gap: 65px 70px;
  }
}

.gap-65-75 {
  gap: 65px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-75 {
    gap: 65px 75px;
  }
}

.gap-65-80 {
  gap: 65px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-80 {
    gap: 65px 80px;
  }
}

.gap-65-85 {
  gap: 65px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-85 {
    gap: 65px 85px;
  }
}

.gap-65-90 {
  gap: 65px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-90 {
    gap: 65px 90px;
  }
}

.gap-65-95 {
  gap: 65px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-95 {
    gap: 65px 95px;
  }
}

.gap-65-100 {
  gap: 65px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-65-100 {
    gap: 65px 100px;
  }
}

.mgt65 {
  margin-top: 65px;
}

.mgb65 {
  margin-bottom: 65px;
}

.mgl65 {
  margin-left: 65px;
}

.mgr65 {
  margin-right: 65px;
}

.pdt65 {
  padding-top: 65px;
}

.pdb65 {
  padding-bottom: 65px;
}

.pdl65 {
  padding-left: 65px;
}

.pdr65 {
  padding-right: 65px;
}

@media screen and (min-width: 749px) {
  .md-mgt65 {
    margin-top: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb65 {
    margin-bottom: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl65 {
    margin-left: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr65 {
    margin-right: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt65 {
    padding-top: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb65 {
    padding-bottom: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl65 {
    padding-left: 65px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr65 {
    padding-right: 65px;
  }
}

.radius-65 {
  border-radius: 65px;
  overflow: hidden;
}

.gap-70 {
  gap: 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-70 {
    gap: 70px !important;
  }
}

.gap-70-0 {
  gap: 70px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-0 {
    gap: 70px 0px;
  }
}

.gap-70-5 {
  gap: 70px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-5 {
    gap: 70px 5px;
  }
}

.gap-70-10 {
  gap: 70px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-10 {
    gap: 70px 10px;
  }
}

.gap-70-15 {
  gap: 70px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-15 {
    gap: 70px 15px;
  }
}

.gap-70-20 {
  gap: 70px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-20 {
    gap: 70px 20px;
  }
}

.gap-70-25 {
  gap: 70px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-25 {
    gap: 70px 25px;
  }
}

.gap-70-30 {
  gap: 70px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-30 {
    gap: 70px 30px;
  }
}

.gap-70-35 {
  gap: 70px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-35 {
    gap: 70px 35px;
  }
}

.gap-70-40 {
  gap: 70px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-40 {
    gap: 70px 40px;
  }
}

.gap-70-45 {
  gap: 70px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-45 {
    gap: 70px 45px;
  }
}

.gap-70-50 {
  gap: 70px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-50 {
    gap: 70px 50px;
  }
}

.gap-70-55 {
  gap: 70px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-55 {
    gap: 70px 55px;
  }
}

.gap-70-60 {
  gap: 70px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-60 {
    gap: 70px 60px;
  }
}

.gap-70-65 {
  gap: 70px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-65 {
    gap: 70px 65px;
  }
}

.gap-70-70 {
  gap: 70px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-70 {
    gap: 70px 70px;
  }
}

.gap-70-75 {
  gap: 70px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-75 {
    gap: 70px 75px;
  }
}

.gap-70-80 {
  gap: 70px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-80 {
    gap: 70px 80px;
  }
}

.gap-70-85 {
  gap: 70px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-85 {
    gap: 70px 85px;
  }
}

.gap-70-90 {
  gap: 70px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-90 {
    gap: 70px 90px;
  }
}

.gap-70-95 {
  gap: 70px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-95 {
    gap: 70px 95px;
  }
}

.gap-70-100 {
  gap: 70px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-70-100 {
    gap: 70px 100px;
  }
}

.mgt70 {
  margin-top: 70px;
}

.mgb70 {
  margin-bottom: 70px;
}

.mgl70 {
  margin-left: 70px;
}

.mgr70 {
  margin-right: 70px;
}

.pdt70 {
  padding-top: 70px;
}

.pdb70 {
  padding-bottom: 70px;
}

.pdl70 {
  padding-left: 70px;
}

.pdr70 {
  padding-right: 70px;
}

@media screen and (min-width: 749px) {
  .md-mgt70 {
    margin-top: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb70 {
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl70 {
    margin-left: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr70 {
    margin-right: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt70 {
    padding-top: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb70 {
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl70 {
    padding-left: 70px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr70 {
    padding-right: 70px;
  }
}

.radius-70 {
  border-radius: 70px;
  overflow: hidden;
}

.gap-75 {
  gap: 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-75 {
    gap: 75px !important;
  }
}

.gap-75-0 {
  gap: 75px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-0 {
    gap: 75px 0px;
  }
}

.gap-75-5 {
  gap: 75px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-5 {
    gap: 75px 5px;
  }
}

.gap-75-10 {
  gap: 75px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-10 {
    gap: 75px 10px;
  }
}

.gap-75-15 {
  gap: 75px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-15 {
    gap: 75px 15px;
  }
}

.gap-75-20 {
  gap: 75px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-20 {
    gap: 75px 20px;
  }
}

.gap-75-25 {
  gap: 75px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-25 {
    gap: 75px 25px;
  }
}

.gap-75-30 {
  gap: 75px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-30 {
    gap: 75px 30px;
  }
}

.gap-75-35 {
  gap: 75px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-35 {
    gap: 75px 35px;
  }
}

.gap-75-40 {
  gap: 75px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-40 {
    gap: 75px 40px;
  }
}

.gap-75-45 {
  gap: 75px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-45 {
    gap: 75px 45px;
  }
}

.gap-75-50 {
  gap: 75px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-50 {
    gap: 75px 50px;
  }
}

.gap-75-55 {
  gap: 75px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-55 {
    gap: 75px 55px;
  }
}

.gap-75-60 {
  gap: 75px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-60 {
    gap: 75px 60px;
  }
}

.gap-75-65 {
  gap: 75px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-65 {
    gap: 75px 65px;
  }
}

.gap-75-70 {
  gap: 75px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-70 {
    gap: 75px 70px;
  }
}

.gap-75-75 {
  gap: 75px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-75 {
    gap: 75px 75px;
  }
}

.gap-75-80 {
  gap: 75px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-80 {
    gap: 75px 80px;
  }
}

.gap-75-85 {
  gap: 75px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-85 {
    gap: 75px 85px;
  }
}

.gap-75-90 {
  gap: 75px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-90 {
    gap: 75px 90px;
  }
}

.gap-75-95 {
  gap: 75px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-95 {
    gap: 75px 95px;
  }
}

.gap-75-100 {
  gap: 75px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-75-100 {
    gap: 75px 100px;
  }
}

.mgt75 {
  margin-top: 75px;
}

.mgb75 {
  margin-bottom: 75px;
}

.mgl75 {
  margin-left: 75px;
}

.mgr75 {
  margin-right: 75px;
}

.pdt75 {
  padding-top: 75px;
}

.pdb75 {
  padding-bottom: 75px;
}

.pdl75 {
  padding-left: 75px;
}

.pdr75 {
  padding-right: 75px;
}

@media screen and (min-width: 749px) {
  .md-mgt75 {
    margin-top: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb75 {
    margin-bottom: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl75 {
    margin-left: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr75 {
    margin-right: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt75 {
    padding-top: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb75 {
    padding-bottom: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl75 {
    padding-left: 75px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr75 {
    padding-right: 75px;
  }
}

.radius-75 {
  border-radius: 75px;
  overflow: hidden;
}

.gap-80 {
  gap: 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-80 {
    gap: 80px !important;
  }
}

.gap-80-0 {
  gap: 80px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-0 {
    gap: 80px 0px;
  }
}

.gap-80-5 {
  gap: 80px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-5 {
    gap: 80px 5px;
  }
}

.gap-80-10 {
  gap: 80px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-10 {
    gap: 80px 10px;
  }
}

.gap-80-15 {
  gap: 80px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-15 {
    gap: 80px 15px;
  }
}

.gap-80-20 {
  gap: 80px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-20 {
    gap: 80px 20px;
  }
}

.gap-80-25 {
  gap: 80px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-25 {
    gap: 80px 25px;
  }
}

.gap-80-30 {
  gap: 80px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-30 {
    gap: 80px 30px;
  }
}

.gap-80-35 {
  gap: 80px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-35 {
    gap: 80px 35px;
  }
}

.gap-80-40 {
  gap: 80px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-40 {
    gap: 80px 40px;
  }
}

.gap-80-45 {
  gap: 80px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-45 {
    gap: 80px 45px;
  }
}

.gap-80-50 {
  gap: 80px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-50 {
    gap: 80px 50px;
  }
}

.gap-80-55 {
  gap: 80px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-55 {
    gap: 80px 55px;
  }
}

.gap-80-60 {
  gap: 80px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-60 {
    gap: 80px 60px;
  }
}

.gap-80-65 {
  gap: 80px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-65 {
    gap: 80px 65px;
  }
}

.gap-80-70 {
  gap: 80px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-70 {
    gap: 80px 70px;
  }
}

.gap-80-75 {
  gap: 80px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-75 {
    gap: 80px 75px;
  }
}

.gap-80-80 {
  gap: 80px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-80 {
    gap: 80px 80px;
  }
}

.gap-80-85 {
  gap: 80px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-85 {
    gap: 80px 85px;
  }
}

.gap-80-90 {
  gap: 80px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-90 {
    gap: 80px 90px;
  }
}

.gap-80-95 {
  gap: 80px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-95 {
    gap: 80px 95px;
  }
}

.gap-80-100 {
  gap: 80px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-80-100 {
    gap: 80px 100px;
  }
}

.mgt80 {
  margin-top: 80px;
}

.mgb80 {
  margin-bottom: 80px;
}

.mgl80 {
  margin-left: 80px;
}

.mgr80 {
  margin-right: 80px;
}

.pdt80 {
  padding-top: 80px;
}

.pdb80 {
  padding-bottom: 80px;
}

.pdl80 {
  padding-left: 80px;
}

.pdr80 {
  padding-right: 80px;
}

@media screen and (min-width: 749px) {
  .md-mgt80 {
    margin-top: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb80 {
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl80 {
    margin-left: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr80 {
    margin-right: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt80 {
    padding-top: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb80 {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl80 {
    padding-left: 80px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr80 {
    padding-right: 80px;
  }
}

.radius-80 {
  border-radius: 80px;
  overflow: hidden;
}

.gap-85 {
  gap: 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-85 {
    gap: 85px !important;
  }
}

.gap-85-0 {
  gap: 85px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-0 {
    gap: 85px 0px;
  }
}

.gap-85-5 {
  gap: 85px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-5 {
    gap: 85px 5px;
  }
}

.gap-85-10 {
  gap: 85px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-10 {
    gap: 85px 10px;
  }
}

.gap-85-15 {
  gap: 85px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-15 {
    gap: 85px 15px;
  }
}

.gap-85-20 {
  gap: 85px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-20 {
    gap: 85px 20px;
  }
}

.gap-85-25 {
  gap: 85px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-25 {
    gap: 85px 25px;
  }
}

.gap-85-30 {
  gap: 85px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-30 {
    gap: 85px 30px;
  }
}

.gap-85-35 {
  gap: 85px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-35 {
    gap: 85px 35px;
  }
}

.gap-85-40 {
  gap: 85px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-40 {
    gap: 85px 40px;
  }
}

.gap-85-45 {
  gap: 85px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-45 {
    gap: 85px 45px;
  }
}

.gap-85-50 {
  gap: 85px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-50 {
    gap: 85px 50px;
  }
}

.gap-85-55 {
  gap: 85px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-55 {
    gap: 85px 55px;
  }
}

.gap-85-60 {
  gap: 85px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-60 {
    gap: 85px 60px;
  }
}

.gap-85-65 {
  gap: 85px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-65 {
    gap: 85px 65px;
  }
}

.gap-85-70 {
  gap: 85px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-70 {
    gap: 85px 70px;
  }
}

.gap-85-75 {
  gap: 85px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-75 {
    gap: 85px 75px;
  }
}

.gap-85-80 {
  gap: 85px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-80 {
    gap: 85px 80px;
  }
}

.gap-85-85 {
  gap: 85px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-85 {
    gap: 85px 85px;
  }
}

.gap-85-90 {
  gap: 85px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-90 {
    gap: 85px 90px;
  }
}

.gap-85-95 {
  gap: 85px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-95 {
    gap: 85px 95px;
  }
}

.gap-85-100 {
  gap: 85px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-85-100 {
    gap: 85px 100px;
  }
}

.mgt85 {
  margin-top: 85px;
}

.mgb85 {
  margin-bottom: 85px;
}

.mgl85 {
  margin-left: 85px;
}

.mgr85 {
  margin-right: 85px;
}

.pdt85 {
  padding-top: 85px;
}

.pdb85 {
  padding-bottom: 85px;
}

.pdl85 {
  padding-left: 85px;
}

.pdr85 {
  padding-right: 85px;
}

@media screen and (min-width: 749px) {
  .md-mgt85 {
    margin-top: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb85 {
    margin-bottom: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl85 {
    margin-left: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr85 {
    margin-right: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt85 {
    padding-top: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb85 {
    padding-bottom: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl85 {
    padding-left: 85px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr85 {
    padding-right: 85px;
  }
}

.radius-85 {
  border-radius: 85px;
  overflow: hidden;
}

.gap-90 {
  gap: 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-90 {
    gap: 90px !important;
  }
}

.gap-90-0 {
  gap: 90px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-0 {
    gap: 90px 0px;
  }
}

.gap-90-5 {
  gap: 90px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-5 {
    gap: 90px 5px;
  }
}

.gap-90-10 {
  gap: 90px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-10 {
    gap: 90px 10px;
  }
}

.gap-90-15 {
  gap: 90px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-15 {
    gap: 90px 15px;
  }
}

.gap-90-20 {
  gap: 90px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-20 {
    gap: 90px 20px;
  }
}

.gap-90-25 {
  gap: 90px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-25 {
    gap: 90px 25px;
  }
}

.gap-90-30 {
  gap: 90px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-30 {
    gap: 90px 30px;
  }
}

.gap-90-35 {
  gap: 90px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-35 {
    gap: 90px 35px;
  }
}

.gap-90-40 {
  gap: 90px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-40 {
    gap: 90px 40px;
  }
}

.gap-90-45 {
  gap: 90px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-45 {
    gap: 90px 45px;
  }
}

.gap-90-50 {
  gap: 90px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-50 {
    gap: 90px 50px;
  }
}

.gap-90-55 {
  gap: 90px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-55 {
    gap: 90px 55px;
  }
}

.gap-90-60 {
  gap: 90px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-60 {
    gap: 90px 60px;
  }
}

.gap-90-65 {
  gap: 90px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-65 {
    gap: 90px 65px;
  }
}

.gap-90-70 {
  gap: 90px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-70 {
    gap: 90px 70px;
  }
}

.gap-90-75 {
  gap: 90px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-75 {
    gap: 90px 75px;
  }
}

.gap-90-80 {
  gap: 90px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-80 {
    gap: 90px 80px;
  }
}

.gap-90-85 {
  gap: 90px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-85 {
    gap: 90px 85px;
  }
}

.gap-90-90 {
  gap: 90px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-90 {
    gap: 90px 90px;
  }
}

.gap-90-95 {
  gap: 90px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-95 {
    gap: 90px 95px;
  }
}

.gap-90-100 {
  gap: 90px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-90-100 {
    gap: 90px 100px;
  }
}

.mgt90 {
  margin-top: 90px;
}

.mgb90 {
  margin-bottom: 90px;
}

.mgl90 {
  margin-left: 90px;
}

.mgr90 {
  margin-right: 90px;
}

.pdt90 {
  padding-top: 90px;
}

.pdb90 {
  padding-bottom: 90px;
}

.pdl90 {
  padding-left: 90px;
}

.pdr90 {
  padding-right: 90px;
}

@media screen and (min-width: 749px) {
  .md-mgt90 {
    margin-top: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb90 {
    margin-bottom: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl90 {
    margin-left: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr90 {
    margin-right: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt90 {
    padding-top: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb90 {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl90 {
    padding-left: 90px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr90 {
    padding-right: 90px;
  }
}

.radius-90 {
  border-radius: 90px;
  overflow: hidden;
}

.gap-95 {
  gap: 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-95 {
    gap: 95px !important;
  }
}

.gap-95-0 {
  gap: 95px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-0 {
    gap: 95px 0px;
  }
}

.gap-95-5 {
  gap: 95px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-5 {
    gap: 95px 5px;
  }
}

.gap-95-10 {
  gap: 95px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-10 {
    gap: 95px 10px;
  }
}

.gap-95-15 {
  gap: 95px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-15 {
    gap: 95px 15px;
  }
}

.gap-95-20 {
  gap: 95px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-20 {
    gap: 95px 20px;
  }
}

.gap-95-25 {
  gap: 95px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-25 {
    gap: 95px 25px;
  }
}

.gap-95-30 {
  gap: 95px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-30 {
    gap: 95px 30px;
  }
}

.gap-95-35 {
  gap: 95px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-35 {
    gap: 95px 35px;
  }
}

.gap-95-40 {
  gap: 95px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-40 {
    gap: 95px 40px;
  }
}

.gap-95-45 {
  gap: 95px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-45 {
    gap: 95px 45px;
  }
}

.gap-95-50 {
  gap: 95px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-50 {
    gap: 95px 50px;
  }
}

.gap-95-55 {
  gap: 95px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-55 {
    gap: 95px 55px;
  }
}

.gap-95-60 {
  gap: 95px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-60 {
    gap: 95px 60px;
  }
}

.gap-95-65 {
  gap: 95px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-65 {
    gap: 95px 65px;
  }
}

.gap-95-70 {
  gap: 95px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-70 {
    gap: 95px 70px;
  }
}

.gap-95-75 {
  gap: 95px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-75 {
    gap: 95px 75px;
  }
}

.gap-95-80 {
  gap: 95px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-80 {
    gap: 95px 80px;
  }
}

.gap-95-85 {
  gap: 95px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-85 {
    gap: 95px 85px;
  }
}

.gap-95-90 {
  gap: 95px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-90 {
    gap: 95px 90px;
  }
}

.gap-95-95 {
  gap: 95px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-95 {
    gap: 95px 95px;
  }
}

.gap-95-100 {
  gap: 95px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-95-100 {
    gap: 95px 100px;
  }
}

.mgt95 {
  margin-top: 95px;
}

.mgb95 {
  margin-bottom: 95px;
}

.mgl95 {
  margin-left: 95px;
}

.mgr95 {
  margin-right: 95px;
}

.pdt95 {
  padding-top: 95px;
}

.pdb95 {
  padding-bottom: 95px;
}

.pdl95 {
  padding-left: 95px;
}

.pdr95 {
  padding-right: 95px;
}

@media screen and (min-width: 749px) {
  .md-mgt95 {
    margin-top: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb95 {
    margin-bottom: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl95 {
    margin-left: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr95 {
    margin-right: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt95 {
    padding-top: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb95 {
    padding-bottom: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl95 {
    padding-left: 95px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr95 {
    padding-right: 95px;
  }
}

.radius-95 {
  border-radius: 95px;
  overflow: hidden;
}

.gap-100 {
  gap: 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-100 {
    gap: 100px !important;
  }
}

.gap-100-0 {
  gap: 100px 0px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-0 {
    gap: 100px 0px;
  }
}

.gap-100-5 {
  gap: 100px 5px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-5 {
    gap: 100px 5px;
  }
}

.gap-100-10 {
  gap: 100px 10px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-10 {
    gap: 100px 10px;
  }
}

.gap-100-15 {
  gap: 100px 15px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-15 {
    gap: 100px 15px;
  }
}

.gap-100-20 {
  gap: 100px 20px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-20 {
    gap: 100px 20px;
  }
}

.gap-100-25 {
  gap: 100px 25px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-25 {
    gap: 100px 25px;
  }
}

.gap-100-30 {
  gap: 100px 30px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-30 {
    gap: 100px 30px;
  }
}

.gap-100-35 {
  gap: 100px 35px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-35 {
    gap: 100px 35px;
  }
}

.gap-100-40 {
  gap: 100px 40px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-40 {
    gap: 100px 40px;
  }
}

.gap-100-45 {
  gap: 100px 45px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-45 {
    gap: 100px 45px;
  }
}

.gap-100-50 {
  gap: 100px 50px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-50 {
    gap: 100px 50px;
  }
}

.gap-100-55 {
  gap: 100px 55px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-55 {
    gap: 100px 55px;
  }
}

.gap-100-60 {
  gap: 100px 60px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-60 {
    gap: 100px 60px;
  }
}

.gap-100-65 {
  gap: 100px 65px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-65 {
    gap: 100px 65px;
  }
}

.gap-100-70 {
  gap: 100px 70px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-70 {
    gap: 100px 70px;
  }
}

.gap-100-75 {
  gap: 100px 75px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-75 {
    gap: 100px 75px;
  }
}

.gap-100-80 {
  gap: 100px 80px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-80 {
    gap: 100px 80px;
  }
}

.gap-100-85 {
  gap: 100px 85px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-85 {
    gap: 100px 85px;
  }
}

.gap-100-90 {
  gap: 100px 90px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-90 {
    gap: 100px 90px;
  }
}

.gap-100-95 {
  gap: 100px 95px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-95 {
    gap: 100px 95px;
  }
}

.gap-100-100 {
  gap: 100px 100px;
}

@media screen and (min-width: 749px) {
  .gap-md-100-100 {
    gap: 100px 100px;
  }
}

.mgt100 {
  margin-top: 100px;
}

.mgb100 {
  margin-bottom: 100px;
}

.mgl100 {
  margin-left: 100px;
}

.mgr100 {
  margin-right: 100px;
}

.pdt100 {
  padding-top: 100px;
}

.pdb100 {
  padding-bottom: 100px;
}

.pdl100 {
  padding-left: 100px;
}

.pdr100 {
  padding-right: 100px;
}

@media screen and (min-width: 749px) {
  .md-mgt100 {
    margin-top: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgb100 {
    margin-bottom: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgl100 {
    margin-left: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-mgr100 {
    margin-right: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdt100 {
    padding-top: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdb100 {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdl100 {
    padding-left: 100px;
  }
}

@media screen and (min-width: 749px) {
  .md-pdr100 {
    padding-right: 100px;
  }
}

.radius-100 {
  border-radius: 100px;
  overflow: hidden;
}

.grid-1-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.grid-md-1-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-1-box {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-2-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid-md-2-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-2-box {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-3-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.grid-md-3-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-3-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid-4-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-md-4-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-4-box {
    grid-template-columns: repeat(4, 1fr);
  }
}

.grid-5-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.grid-md-5-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-5-box {
    grid-template-columns: repeat(5, 1fr);
  }
}

.grid-6-box {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.grid-md-6-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-6-box {
    grid-template-columns: repeat(6, 1fr);
  }
}

.grid-7-box {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.grid-md-7-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-7-box {
    grid-template-columns: repeat(7, 1fr);
  }
}

.grid-8-box {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

.grid-md-8-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-8-box {
    grid-template-columns: repeat(8, 1fr);
  }
}

.grid-9-box {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

.grid-md-9-box {
  display: grid;
}
@media screen and (min-width: 749px) {
  .grid-md-9-box {
    grid-template-columns: repeat(9, 1fr);
  }
}

.grid-2column-1-1 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-1-1 {
    grid-template-columns: 1fr 1fr;
  }
}
.grid-2column-1-2 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-1-2 {
    grid-template-columns: 1fr 2fr;
  }
}
.grid-2column-1-3 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-1-3 {
    grid-template-columns: 1fr 3fr;
  }
}
.grid-2column-1-4 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-1-4 {
    grid-template-columns: 1fr 4fr;
  }
}
.grid-2column-1-5 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-1-5 {
    grid-template-columns: 1fr 5fr;
  }
}
.grid-2column-2-1 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-2-1 {
    grid-template-columns: 2fr 1fr;
  }
}
.grid-2column-2-2 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-2-2 {
    grid-template-columns: 2fr 2fr;
  }
}
.grid-2column-2-3 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-2-3 {
    grid-template-columns: 2fr 3fr;
  }
}
.grid-2column-2-4 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-2-4 {
    grid-template-columns: 2fr 4fr;
  }
}
.grid-2column-2-5 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-2-5 {
    grid-template-columns: 2fr 5fr;
  }
}
.grid-2column-3-1 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-3-1 {
    grid-template-columns: 3fr 1fr;
  }
}
.grid-2column-3-2 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-3-2 {
    grid-template-columns: 3fr 2fr;
  }
}
.grid-2column-3-3 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-3-3 {
    grid-template-columns: 3fr 3fr;
  }
}
.grid-2column-3-4 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-3-4 {
    grid-template-columns: 3fr 4fr;
  }
}
.grid-2column-3-5 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-3-5 {
    grid-template-columns: 3fr 5fr;
  }
}
.grid-2column-4-1 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-4-1 {
    grid-template-columns: 4fr 1fr;
  }
}
.grid-2column-4-2 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-4-2 {
    grid-template-columns: 4fr 2fr;
  }
}
.grid-2column-4-3 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-4-3 {
    grid-template-columns: 4fr 3fr;
  }
}
.grid-2column-4-4 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-4-4 {
    grid-template-columns: 4fr 4fr;
  }
}
.grid-2column-4-5 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-4-5 {
    grid-template-columns: 4fr 5fr;
  }
}
.grid-2column-5-1 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-5-1 {
    grid-template-columns: 5fr 1fr;
  }
}
.grid-2column-5-2 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-5-2 {
    grid-template-columns: 5fr 2fr;
  }
}
.grid-2column-5-3 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-5-3 {
    grid-template-columns: 5fr 3fr;
  }
}
.grid-2column-5-4 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-5-4 {
    grid-template-columns: 5fr 4fr;
  }
}
.grid-2column-5-5 {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 749px) {
  .grid-2column-5-5 {
    grid-template-columns: 5fr 5fr;
  }
}
.centering {
  place-content: center;
}

@font-face {
  font-family: "KozGoPr6N";
  src: url("../font/KozGoPr6N-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
*, *::before, *::after {
  box-sizing: border-box;
  line-height: 1.6;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-padding-top: 30px;
  font-size: 4.75vw;
}
@media screen and (min-width: 749px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 18px;
  }
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
  border: none;
  font-weight: normal;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
  color: var(--black);
  padding-top: 90px;
}
@media screen and (min-width: 992px) {
  body {
    padding-top: 130px;
  }
}

button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  max-height: 100%;
}

input, button, textarea, select {
  font: inherit;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

body {
  font-size: 1rem;
}
@media screen and (max-width: 748.99px) {
  body {
    font-size: 4.25vw;
  }
}

h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
}

h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

p {
  margin-bottom: 0.5rem;
}
p a {
  color: #00f;
}

ul, ol, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

@media screen and (min-width: 749px) {
  .sp_only, .lineup_mv .mv_sp {
    display: none;
  }
}

@media screen and (max-width: 748.99px) {
  .pc_only, .lineup_mv .mv_pc {
    display: none;
  }
}

.inner {
  width: 100%;
  max-width: 1530px;
  padding: 0 15px;
  margin: 0 auto;
}

.outer {
  width: 100%;
  max-width: 1730px;
  padding: 0 15px;
  margin: 0 auto;
}

.has-text-align-center {
  text-align: center;
}

/* ================================================================== 
    MAIN
================================================================== */
.link_design a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 10px 20px;
  margin: 20px 0;
  border: 1px solid #333;
  text-align: center;
  transition: all 0.5s ease;
  overflow: hidden;
}
.link_design a:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #333;
  z-index: -1;
  transition: all 0.5s ease;
}
.link_design a:hover {
  color: #fff;
}
.link_design a:hover:before {
  right: 0;
}
.link_design.center a {
  margin-left: auto;
  margin-right: auto;
}
.link_design.right a {
  margin-left: auto;
}
@media screen and (min-width: 749px) {
  .link_design.mb-right a {
    margin-left: auto;
    margin-right: 0;
  }
}

.link_design2 {
  text-align: right;
}
.link_design2.center {
  text-align: center;
}
.link_design2.left {
  text-align: left;
}
@media screen and (max-width: 748.99px) {
  .link_design2.wide a {
    display: block;
    text-align: center;
  }
}
.link_design2 a {
  position: relative;
  display: inline-block;
  padding: 3px 1rem;
  border: 1px solid;
  font-family: "inglesa-caps-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 1.5rem;
  line-height: 1;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media screen and (max-width: 748.99px) {
  .link_design2 a {
    font-size: 1rem;
  }
}
.link_design2 a:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #333;
  z-index: -1;
  transition: all 0.4s ease;
}
.link_design2 a:after {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: 0.4rem;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: translateY(-1px) rotate(-45deg);
  margin-left: 10px;
}
@media screen and (min-width: 749px) {
  .link_design2 a:after {
    transform: translateY(-3px) rotate(-45deg);
  }
}
.link_design2 a:hover {
  color: #fff;
}
.link_design2 a:hover:before {
  right: 0;
}
.link_design2 a:hover:after {
  border-color: #fff;
}

.h2_style, .qualityanddetails h2, .items h2 {
  margin-bottom: 80px;
  background: linear-gradient(to bottom, transparent 49%, var(--black) 49%, var(--black) 51%, transparent 51%);
  text-align: center;
  font-family: "inglesa-caps-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 3.5rem;
  letter-spacing: 0.5rem;
}
@media screen and (min-width: 749px) {
  .h2_style, .qualityanddetails h2, .items h2 {
    background: linear-gradient(to bottom, transparent 49%, var(--black) 49%, var(--black) 51%, transparent 51%);
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .h2_style, .qualityanddetails h2, .items h2 {
    font-size: 6rem;
  }
}
.h2_style strong, .qualityanddetails h2 strong, .items h2 strong {
  padding: 0 10px;
  background: #fff;
  line-height: 1;
}

.page_title .page_title_wrapper {
  padding: 3rem 0;
}
.page_title .page_title_wrapper hgroup {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 748.99px) {
  .page_title .page_title_wrapper .inner > * {
    flex-direction: column;
  }
}

.qa .faq_container {
  margin-bottom: 3rem;
}
.qa .faq_container h5 button span:first-child {
  margin-right: 0.5rem;
  font-size: 2rem;
  font-family: "inglesa-caps-variable", sans-serif;
  font-variation-settings: "wght" 400;
  text-transform: uppercase;
}
.qa .faq_container .accordion-body span:first-child {
  font-size: 2rem;
  font-family: "inglesa-caps-variable", sans-serif;
  font-variation-settings: "wght" 400;
  text-transform: uppercase;
}

.pagination {
  justify-content: center;
}
.pagination ul {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.pagination ul li {
  border: 1px solid;
}
.pagination ul li a, .pagination ul li span {
  display: block;
  padding: 5px 10px;
  color: #000;
  text-align: center;
}
.pagination ul li span {
  background: #000;
  color: #fff;
}

.slide-up {
  margin-bottom: -30px;
  opacity: 0;
  transition: all 0.5s ease;
}
.slide-up.active {
  margin-bottom: 0;
  opacity: 1;
}

.header_pc {
  display: none;
  height: 130px;
}
@media screen and (min-width: 992px) {
  .header_pc {
    display: block;
  }
}
.header_pc .header_inner nav {
  padding: 1rem 1rem 1rem 3rem;
}
.header_pc .header_inner nav h1, .header_pc .header_inner nav .h1_style {
  max-width: 335px;
  width: 25%;
}
.header_pc .header_inner nav ul {
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  .header_pc .header_inner nav ul {
    gap: 25px;
  }
}
.header_pc .header_inner nav ul:first-child {
  margin-bottom: 10px;
}
.header_pc .header_inner nav ul li a {
  color: #333;
  font-weight: bold;
}
.header_pc .header_inner nav ul li a:hover {
  opacity: 0.8;
}
.header_pc .header_inner nav ul li a:has(i) {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
.header_pc .header_inner nav ul li a:has(i) i {
  margin-right: 5px;
  font-size: 1.3rem;
}
.header_pc .header_inner nav ul li.reserve_btn a {
  padding: 2px 40px;
  background: #000;
  color: #fff;
}

.header_sp {
  height: 85px;
}
@media screen and (min-width: 992px) {
  .header_sp {
    display: none;
  }
}
.header_sp .header_inner {
  position: relative;
  z-index: 9999;
  background: #fff;
  padding: 10px;
}
.header_sp .header_inner .navbar {
  justify-content: center;
}
.header_sp .header_inner .drawer-hamburger {
  margin-top: 13px;
  margin-right: 10px;
}
.header_sp .drawer-nav {
  margin-top: 85px;
  border-top: 2px solid #000;
  padding-top: 10px;
}
.header_sp .nav-link {
  color: #333;
  text-align: center;
}
.header_sp .reserve_btn {
  padding: 1rem 0;
  text-align: center;
}
.header_sp .reserve_btn a {
  display: inline-block;
  width: 80%;
  padding: 5px 0;
  background: #000;
  color: #fff;
}
.header_sp .icon_list {
  display: flex;
  gap: 15px;
  justify-content: center;
  padding-bottom: 15px;
}

footer {
  margin-top: 150px;
}
footer .footer_box {
  padding: 80px 0;
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
}
@media screen and (min-width: 992px) {
  footer .footer_box {
    padding: 120px 0;
  }
}
footer .footer_box figure {
  height: 100%;
  place-content: center;
}
@media screen and (max-width: 748.99px) {
  footer .footer_box figure {
    width: 70%;
    margin: 0 auto;
  }
}
footer .footer_box ul li {
  line-height: 2;
}

.home .top #mv {
  position: relative;
  border-bottom: 2px solid #000;
}
.home .top #mv .text {
  position: absolute;
  color: #fff;
  top: 0;
  left: 55%;
  width: 45%;
  height: 90%;
  place-content: center;
}
.home .top #mv .text h2 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 749px) {
  .home .top #mv .text h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .home .top #mv .text h2 {
    font-size: 2.6rem;
  }
}
.home .top #mv .text p {
  font-size: 0.8rem;
}
@media screen and (min-width: 749px) {
  .home .top #mv .text p {
    font-size: 1.5rem;
  }
}
.home .top #mv .mv_logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  max-width: 1660px;
  opacity: 0.7;
}
.home .top .about {
  padding: 4rem 0;
  border-bottom: 2px solid #000;
}
@media screen and (min-width: 749px) {
  .home .top .about {
    padding: 8rem 0;
  }
}
.home .top .about .about_block {
  display: grid;
  gap: 4rem;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block {
    gap: 6rem;
  }
}
.home .top .about .about_block figure {
  border: 2px solid #000;
  overflow: hidden;
}
@media screen and (max-width: 748.99px) {
  .home .top .about .about_block figure {
    width: 95%;
  }
}
.home .top .about .about_block figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .top .about .about_block .text h2 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block .text h2 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block .text h2 {
    margin-bottom: 3rem;
    font-size: 2.5rem;
  }
}
.home .top .about .about_block .text p {
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block .text p {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block .text p {
    margin-bottom: 3rem;
  }
}
.home .top .about .about_block:first-child {
  margin-bottom: 4rem;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:first-child {
    margin-bottom: 4rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block:first-child {
    margin-bottom: 8rem;
    grid-template-columns: 1.2fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  .home .top .about .about_block:first-child {
    grid-template-columns: 1030px 1fr;
  }
}
.home .top .about .about_block:first-child figure {
  border-radius: 0 3rem 3rem 0;
  border-left: none;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:first-child figure {
    border-radius: 0 100px 100px 0;
  }
}
.home .top .about .about_block:first-child .text {
  padding-left: 20%;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:first-child .text {
    padding-left: 0;
    padding-right: 5%;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block:first-child .text {
    padding-right: 10%;
  }
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:last-child {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block:last-child {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (min-width: 1600px) {
  .home .top .about .about_block:last-child {
    grid-template-columns: 1fr 1030px;
  }
}
.home .top .about .about_block:last-child figure {
  border-radius: 3rem 0 0 3rem;
  border-right: none;
}
@media screen and (max-width: 748.99px) {
  .home .top .about .about_block:last-child figure {
    margin-left: auto;
  }
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:last-child figure {
    border-radius: 100px 0 0 100px;
    order: 2;
  }
}
.home .top .about .about_block:last-child .text {
  padding-left: 20%;
}
@media screen and (min-width: 749px) {
  .home .top .about .about_block:last-child .text {
    padding-left: 5%;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .about .about_block:last-child .text {
    padding-left: 10%;
  }
}
.home .top .method {
  aspect-ratio: 1/1;
  place-content: center;
  background: url("../img/top/bg_method_sp.jpg") no-repeat center center/cover;
  border-bottom: 2px solid #000;
}
@media screen and (min-width: 749px) {
  .home .top .method {
    aspect-ratio: 384/183;
    background: url("../img/top/bg_method.jpg") no-repeat center center/cover;
  }
}
.home .top .method .method_inner {
  width: 50%;
  padding-left: 5%;
}
@media screen and (min-width: 749px) {
  .home .top .method .method_inner {
    width: auto;
    padding-left: 15%;
  }
}
.home .top .method .method_inner h2 {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 749px) {
  .home .top .method .method_inner h2 {
    font-size: 2.5rem;
  }
}
.home .top .method .method_inner p {
  margin-bottom: 2.5rem;
  font-size: 0.7rem;
}
@media screen and (min-width: 749px) {
  .home .top .method .method_inner p {
    font-size: 1.2rem;
  }
}
.home .top .method .method_inner p a:hover {
  color: #000;
}
.home .top .method .method_inner p a:hover:after {
  border-width: 3px;
  border-color: #000;
}
.home .top .comparison {
  aspect-ratio: 15/26;
  background: url("../img/top/bg_comparison_sp.jpg") no-repeat center center/cover;
  border-bottom: 2px solid #000;
}
@media screen and (min-width: 749px) {
  .home .top .comparison {
    aspect-ratio: 384/183;
    background: url("../img/top/bg_comparison.jpg") no-repeat center center/cover;
  }
}
.home .top .comparison .comparison_inner {
  display: grid;
  gap: 2rem;
  place-content: center;
  max-width: 1650px;
  height: 100%;
  margin-left: auto;
  padding: 0 20px;
}
@media screen and (min-width: 749px) {
  .home .top .comparison .comparison_inner {
    grid-template-columns: 1fr 1fr;
    padding: 0;
    gap: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .comparison .comparison_inner {
    grid-template-columns: 1.5fr 1fr;
    gap: 6rem;
  }
}
@media screen and (min-width: 1600px) {
  .home .top .comparison .comparison_inner {
    grid-template-columns: 720px 1fr;
  }
}
.home .top .comparison .comparison_inner * {
  color: #fff;
}
.home .top .comparison .comparison_inner > *:first-child {
  order: 2;
}
@media screen and (min-width: 749px) {
  .home .top .comparison .comparison_inner > *:first-child {
    order: 0;
    padding: 0;
  }
}
.home .top .comparison .comparison_inner > *:first-child > div {
  align-items: flex-end;
}
.home .top .comparison .comparison_inner > *:first-child p {
  margin-top: 1.5rem;
}
@media screen and (max-width: 748.99px) {
  .home .top .comparison .comparison_inner > *:first-child p {
    font-size: 0.5rem;
  }
}
.home .top .comparison .comparison_inner > *:last-child {
  align-items: flex-end;
}
.home .top .comparison .comparison_inner > *:last-child h2 {
  margin-bottom: 1rem;
  border-bottom: 1px solid;
  font-size: 1.5rem;
}
@media screen and (min-width: 749px) {
  .home .top .comparison .comparison_inner > *:last-child h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .comparison .comparison_inner > *:last-child h2 {
    margin-bottom: 2.8rem;
    font-size: 3rem;
  }
}
.home .top .comparison .comparison_inner > *:last-child h3 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (min-width: 749px) {
  .home .top .comparison .comparison_inner > *:last-child h3 {
    margin-bottom: 3rem;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .home .top .comparison .comparison_inner > *:last-child h3 {
    margin-bottom: 3.5rem;
    font-size: 2.2rem;
  }
}
.home .top .comparison .comparison_inner > *:last-child p {
  font-size: 0.8rem;
}
@media screen and (min-width: 749px) {
  .home .top .comparison .comparison_inner > *:last-child p {
    font-size: 1.2rem;
  }
}

.about_method {
  padding: 5rem 0 2.5rem;
  background: url("../img/top/bg_about_method.jpg") center center/cover;
  border-bottom: 2px solid #000;
}
.about_method figure {
  width: 95%;
  max-width: 1345px;
  margin: 0 auto;
}
@media screen and (max-width: 748.99px) {
  .about_method figure {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.about_method p {
  color: #fff;
  font-size: 0.5rem;
}
@media screen and (min-width: 749px) {
  .about_method p {
    font-size: 1rem;
  }
}
.about_method p a {
  margin-top: 1rem;
}
.about_method p a:after {
  border-color: #fff;
}

.lineup h2 {
  margin-bottom: 0;
}
@media screen and (min-width: 749px) {
  .lineup h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.lineup h2 + p {
  margin: 1rem 0 2rem;
}
@media screen and (min-width: 749px) {
  .lineup h2 + p {
    margin: 3rem 0 5rem;
  }
}
.lineup .right p {
  margin-bottom: 1rem;
  line-height: 2;
}

.lineup_mv {
  position: relative;
}
.lineup_mv h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1 {
    font-size: 2.7rem;
  }
}
.lineup_mv h1.preande_style {
  left: 5%;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1.preande_style {
    left: 25%;
  }
}
.lineup_mv h1.curvaceous_style {
  left: 50%;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1.curvaceous_style {
    left: 45%;
  }
}
.lineup_mv h1.decorte_style {
  left: 10%;
}
.lineup_mv h1.liberdigne_style {
  left: 42%;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1.liberdigne_style {
    left: 53%;
  }
}
.lineup_mv h1.monmarier_style {
  left: 17%;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1.monmarier_style {
    left: 5%;
  }
}
.lineup_mv h1.method_style {
  left: 5%;
}
@media screen and (min-width: 749px) {
  .lineup_mv h1.method_style {
    left: 17%;
  }
}
@media screen and (min-width: 749px) {
  .lineup_mv .mv_sp {
    display: none;
  }
}
@media screen and (max-width: 748.99px) {
  .lineup_mv .mv_pc {
    display: none;
  }
}

.concept {
  padding: 2rem 1rem;
  text-align: center;
}
@media screen and (min-width: 749px) {
  .concept {
    padding: 4rem 0 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .concept {
    padding: 5rem 0 3.5rem;
  }
}
.concept h2 {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 749px) {
  .concept h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .concept h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
}
.concept h3 {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 749px) {
  .concept h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .concept h3 {
    margin-bottom: 3.5rem;
    font-size: 2.5rem;
  }
}
.concept p {
  margin-bottom: 1rem;
  font-size: 0.55rem;
}
@media screen and (min-width: 749px) {
  .concept p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .concept p {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 748.99px) {
  .concept.monmarie_style p {
    margin-bottom: 0 !important;
  }
}

.item_list figure + p {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 748.99px) {
  .item_list figure + p {
    font-size: 0.6rem;
  }
}

.qualityanddetails, .items {
  margin-top: 100px;
}
.qualityanddetails h2 + p, .items h2 + p {
  font-size: 1.2rem;
}

.qualityanddetails .inner {
  max-width: 1760px;
}
@media screen and (max-width: 748.99px) {
  .qualityanddetails h2 {
    background: linear-gradient(to right, transparent 20%, #fff 20%, #fff 80%, transparent 80%), linear-gradient(to bottom, transparent 49.7%, var(--black) 49.7%, var(--black) 50.2%, transparent 50.2%);
    line-height: 1;
    margin-bottom: 2rem;
  }
}
.qualityanddetails h3 {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (min-width: 749px) {
  .qualityanddetails h3 {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .qualityanddetails h3 {
    font-size: 2rem;
  }
}
.qualityanddetails h4 {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (min-width: 749px) {
  .qualityanddetails h4 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .qualityanddetails h4 {
    font-size: 1.5rem;
  }
}
.qualityanddetails h4.bg_line {
  margin: 2rem 0 1rem;
  background: linear-gradient(to bottom, transparent 48%, var(--black) 48%, var(--black) 51%, transparent 51%);
  font-size: 1rem;
}
@media screen and (min-width: 749px) {
  .qualityanddetails h4.bg_line {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .qualityanddetails h4.bg_line {
    margin: 4rem 0 1.5rem;
    font-size: 1.8rem;
  }
}
.qualityanddetails h4.bg_line strong {
  background: #fff;
  padding-right: 10px;
  font-weight: normal;
}
.qualityanddetails p {
  font-size: 0.6rem;
}
@media screen and (min-width: 749px) {
  .qualityanddetails p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .qualityanddetails p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .qualityanddetails p.fs36 {
    font-size: 1.8rem;
  }
}
.qualityanddetails p .has_border-bottom {
  display: inline-block;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #aaa;
}
.qualityanddetails .curvaceous_style h3 {
  margin-bottom: 5rem;
  font-size: 1.6rem;
}
.qualityanddetails .curvaceous_style h4 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
.qualityanddetails .curvaceous_style p {
  margin-bottom: 5rem;
  font-size: 1.4rem;
}

.items .inner {
  max-width: 1860px;
}
.items ul li {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 10px;
  font-size: 0.8rem;
}
@media screen and (min-width: 749px) {
  .items ul li {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .items ul li {
    font-size: 1.5rem;
  }
}
.items ul li:before {
  content: "";
  display: inline-block;
  background-color: #c2c3c0;
  height: 1rem;
  width: 3px;
  margin: 0 10px;
}

.page_links {
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.page_links > * {
  width: calc(50% - 10px);
}
@media screen and (min-width: 749px) {
  .page_links > * {
    width: calc(33.3333333333% - 10px);
  }
}
@media screen and (min-width: 1200px) {
  .page_links > * {
    width: calc(11.1111111111% - 10px);
  }
}
.page_links > * a {
  display: block;
  padding: 5px;
  border: 1px solid #333;
  font-size: 0.6rem;
  text-align: center;
}

.title_box {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.title_box h3 {
  margin-bottom: 0;
}
.title_box + p {
  margin-bottom: 1rem;
  font-size: 0.8rem;
}

.bdl {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  border-left: 1px solid #333;
}

.table_design {
  margin-top: 1rem;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}
.table_design dl {
  display: flex;
  border-bottom: 1px solid #333;
}
.table_design dl dt {
  width: 24%;
  padding: 3px 0;
  border-right: 1px solid #333;
  font-weight: normal;
  text-align: center;
}
.table_design dl dd {
  width: 38%;
  padding: 3px 0;
  border-right: 1px solid #333;
  text-align: center;
}

.bd_box {
  border: 1px solid;
}

.lineup_title {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 749px) {
  .lineup_title {
    width: 75%;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .lineup_title {
    min-width: 360px;
  }
}
.lineup_title figure {
  height: 40px;
}
@media screen and (max-width: 748.99px) {
  .lineup_title figure {
    height: 25px;
    text-align: center;
  }
}
.lineup_title figure.h50 {
  height: 50px;
}
@media screen and (max-width: 748.99px) {
  .lineup_title figure.h50 {
    height: 25px;
  }
}
.lineup_title figure.h60 {
  height: 60px;
}
@media screen and (max-width: 748.99px) {
  .lineup_title figure.h60 {
    height: 25px;
  }
}
.lineup_title figure img {
  width: auto;
}
.lineup_title p {
  margin-top: 5px;
  font-size: 0.7rem;
  text-align: center;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media screen and (max-width: 748.99px) {
  .lineup_title p {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 749px) {
  .lineup_title p {
    margin-top: 0;
    padding-left: 20px;
    text-align: left;
  }
}

.color_name {
  margin-top: 2rem;
  font-size: 2rem;
}
.color_name + p {
  margin-bottom: 1rem;
}

.lineup_link_box {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 3rem;
}
@media screen and (min-width: 749px) {
  .lineup_link_box {
    margin-top: 5rem;
  }
}
.lineup_link_box a {
  padding: 5px 20px;
  border: 1px solid var(--gray);
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.other_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.other_title_box h2 {
  margin: 0;
}
@media screen and (max-width: 748.99px) {
  .other_title_box h2 {
    font-size: 1.4rem;
  }
}
.other_title_box h2 + p {
  margin: 0;
}

.color_box {
  display: flex;
  align-items: center;
  margin-bottom: 1;
}
.color_box p {
  width: 170px;
  text-align: right;
  margin-bottom: 0 !important;
}
.color_box .wp-block-custom-grid-box > * {
  width: 20px;
  aspect-ratio: 1/1;
}
.color_box .wp-block-custom-grid-box > * p {
  width: 100%;
  height: 100%;
}
.color_box .wp-block-custom-grid-box > * p.bg_color1 {
  background: #FFB9B9;
}
.color_box .wp-block-custom-grid-box > * p.bg_color2 {
  background: #8DB4E2;
}
.color_box .wp-block-custom-grid-box > * p.bg_color3 {
  background: #974706;
}
.color_box .wp-block-custom-grid-box > * p.bg_color4 {
  background: #000000;
}
.color_box .wp-block-custom-grid-box > * p.bg_color5 {
  background: #2D347B;
}
.color_box .wp-block-custom-grid-box > * p.bg_color6 {
  background: #00B050;
}
.color_box .wp-block-custom-grid-box > * p.bg_color7 {
  background: #FDC701;
}
.color_box .wp-block-custom-grid-box > * p.bg_color8 {
  background: #FFCC99;
}
.color_box .wp-block-custom-grid-box > * p.bg_color9 {
  background: #996600;
}
.color_box .wp-block-custom-grid-box > * p.bg_color10 {
  background: #FF0066;
}
.color_box .wp-block-custom-grid-box > * p.bg_color11 {
  background: #0058B0;
}

.method .method_description {
  padding: 2rem 0;
}
@media screen and (min-width: 749px) {
  .method .method_description {
    padding: 7rem 0;
  }
}
@media screen and (min-width: 1400px) {
  .method .method_description {
    padding: 9rem 0;
  }
}
.method .method_description p {
  margin-bottom: 2rem;
}
@media screen and (max-width: 748.99px) {
  .method .method_description p {
    font-size: 0.8rem;
  }
}
.method .method_description figure {
  width: 80%;
  max-width: 1165px;
}
.method .designwear {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 749px) {
  .method .designwear {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
}
.method .designwear h2 {
  padding: 1rem 0 1rem 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #aaa;
  font-size: 1.5rem;
}
@media screen and (min-width: 749px) {
  .method .designwear h2 {
    padding: 0 0 1rem 3rem;
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .designwear h2 {
    padding: 0 0 1rem 5rem;
    font-size: 2.5rem;
  }
}
.method .designwear p {
  padding-left: 2rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
@media screen and (min-width: 749px) {
  .method .designwear p {
    padding-left: 3rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .designwear p {
    padding-left: 5rem;
    font-size: 1.5rem;
  }
}
.method .build {
  margin-bottom: 3rem;
}
@media screen and (min-width: 749px) {
  .method .build {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build {
    margin-bottom: 12rem;
  }
}
.method .build h2 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 748.99px) {
  .method .build h2 {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }
}
.method .build .build_body .left {
  position: relative;
}
@media screen and (min-width: 749px) {
  .method .build .build_body .left {
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build .build_body .left {
    padding-right: 6rem;
  }
}
@media screen and (min-width: 749px) {
  .method .build .build_body .left:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    height: 1px;
    width: 100%;
    background: var(--gray);
    z-index: -1;
  }
}
@media screen and (min-width: 749px) {
  .method .build .build_body .right {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build .build_body .right {
    padding-left: 2.5rem;
  }
}
.method .build .build_body .right h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
@media screen and (min-width: 749px) {
  .method .build .build_body .right h3 {
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build .build_body .right h3 {
    font-size: 2rem;
  }
}
.method .build .build_body .right p {
  margin-bottom: 1rem;
  font-size: 0.6rem;
}
@media screen and (min-width: 749px) {
  .method .build .build_body .right p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build .build_body .right p {
    font-size: 1.5rem;
  }
}
.method .build .build_body > *:first-child .left {
  padding-top: 5rem;
}
.method .build .build_body > *:first-child .left > *:first-child {
  position: relative;
}
.method .build .build_body > *:first-child .left > *:first-child img {
  max-width: 105%;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:first-child .left > *:first-child img {
    max-width: 100%;
  }
}
.method .build .build_body > *:first-child .left > *:last-child {
  margin-left: -1%;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:first-child .left > *:last-child {
    margin-left: 0;
  }
}
.method .build .build_body > *:first-child .left > *:last-child img {
  margin-top: 1rem;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:first-child .left > *:last-child img {
    margin-top: -5rem;
  }
}
.method .build .build_body > *:nth-child(2) .left:before {
  width: 40%;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:nth-child(2) .left img {
    margin-top: -2rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .build .build_body > *:nth-child(2) .left img {
    margin-top: -5rem;
  }
}
.method .build .build_body > *:nth-child(3) .left > *:first-child {
  position: relative;
}
.method .build .build_body > *:nth-child(3) .left > *:first-child img {
  max-width: 105%;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:nth-child(3) .left > *:first-child img {
    max-width: 100%;
    margin-top: -5rem;
  }
}
.method .build .build_body > *:nth-child(3) .left > *:last-child {
  margin-left: -1%;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:nth-child(3) .left > *:last-child {
    margin-left: 0;
  }
}
.method .build .build_body > *:nth-child(3) .left > *:last-child img {
  margin-top: 1rem;
}
@media screen and (min-width: 749px) {
  .method .build .build_body > *:nth-child(3) .left > *:last-child img {
    margin-top: 0;
  }
}
@media screen and (max-width: 748.99px) {
  .method .build .build_body > *:nth-child(4) > * {
    order: 2;
  }
}
.method .build .build_body > *:nth-child(4) > *.right {
  order: 1;
}
.method .salon {
  margin-bottom: 3rem;
}
@media screen and (min-width: 749px) {
  .method .salon {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .salon {
    margin-bottom: 12rem;
  }
}
.method .salon .text {
  place-content: center;
  order: 2;
}
@media screen and (min-width: 749px) {
  .method .salon .text {
    order: 0;
  }
}
.method .salon .has_border-bottom {
  padding-top: 1rem;
  padding-left: 2rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #aaa;
  text-align: left;
  font-size: 1.7rem;
}
@media screen and (min-width: 749px) {
  .method .salon .has_border-bottom {
    padding-left: 0;
    padding-right: 2rem;
    font-size: 1.3rem;
    text-align: right;
  }
}
@media screen and (min-width: 992px) {
  .method .salon .has_border-bottom {
    font-size: 2.5rem;
    padding-right: 3.5rem;
  }
}
.method .salon p {
  margin-bottom: 1.5rem;
  padding-left: 2rem;
  font-size: 0.7rem;
  text-align: left;
}
@media screen and (min-width: 749px) {
  .method .salon p {
    padding-left: 0;
    padding-right: 2rem;
    font-size: 1.1rem;
    text-align: right;
  }
}
@media screen and (min-width: 1400px) {
  .method .salon p {
    padding-right: 3.5rem;
    font-size: 1.5rem;
  }
}
.method .feature {
  margin-bottom: 3rem;
}
@media screen and (min-width: 749px) {
  .method .feature {
    margin-bottom: 8rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .feature {
    margin-bottom: 12rem;
  }
}
.method .feature h2 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 748.99px) {
  .method .feature h2 {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .feature h2 {
    margin-bottom: 5rem;
  }
}
.method .feature .text {
  order: 2;
}
@media screen and (min-width: 749px) {
  .method .feature .text {
    order: 0;
  }
}
.method .feature h3 {
  padding: 0.5rem 0 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #aaa;
  font-size: 1rem;
}
@media screen and (min-width: 749px) {
  .method .feature h3 {
    margin-bottom: 2rem;
    padding: 2rem 0;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .feature h3 {
    font-size: 1.6rem;
  }
}
.method .feature p {
  margin-bottom: 1rem;
  font-size: 0.7rem;
}
@media screen and (min-width: 749px) {
  .method .feature p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .feature p {
    margin-bottom: 3rem;
    font-size: 1.5rem;
  }
}
.method .flow h2 {
  margin-bottom: 0;
}
.method .flow h2 + p {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 749px) {
  .method .flow h2 + p {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 748.99px) {
  .method .flow div:has(figure) {
    order: 2;
  }
}
@media screen and (max-width: 748.99px) {
  .method .flow div:has(figure) figure {
    padding-left: 3%;
  }
}
@media screen and (min-width: 992px) {
  .method .flow .grid-md-2-box {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .grid-md-2-box {
    grid-template-columns: 830px 1fr;
  }
}
.method .flow .right .step_outer {
  display: flex;
  margin-bottom: 1.5rem;
  padding-left: 3%;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer {
    padding-left: 0;
    margin-bottom: 3.5rem;
  }
}
.method .flow .right .step_outer .step_box {
  margin-right: 1.5rem;
}
@media screen and (max-width: 748.99px) {
  .method .flow .right .step_outer .step_box {
    display: flex;
    align-items: center;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 748.99px) {
  .method .flow .right .step_outer .step_box .step {
    display: flex;
  }
}
.method .flow .right .step_outer .step_box .step p {
  line-height: 1;
  color: var(--gray);
  font-size: 1rem;
  font-family: "inglesa-caps-variable", sans-serif;
  margin: 0.1rem 0;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .step_box .step p {
    margin-bottom: -1rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right .step_outer .step_box .step p {
    margin-bottom: -1.5rem;
    font-size: 1.5rem;
  }
}
.method .flow .right .step_outer .step_box .step p em {
  font-style: normal;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .step_box .step p em {
    display: inline-block;
    transform: rotate(90deg);
  }
}
.method .flow .right .step_outer .step_box .num {
  color: var(--gray);
  font-size: 2rem;
  line-height: 1;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .step_box .num {
    margin-left: -1.7rem;
    font-size: 6rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right .step_outer .step_box .num {
    margin-left: -2rem;
    font-size: 8.5rem;
  }
}
.method .flow .right .step_outer .text {
  padding-right: 1rem;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .text {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right .step_outer .text {
    padding-right: 2rem;
    margin-top: 7rem;
  }
}
.method .flow .right .step_outer .text h3 {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .text h3 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right .step_outer .text h3 {
    margin-bottom: 2.5rem;
    font-size: 2rem;
  }
}
.method .flow .right .step_outer .text p {
  font-size: 0.6rem;
}
@media screen and (min-width: 749px) {
  .method .flow .right .step_outer .text p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right .step_outer .text p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 749px) {
  .method .flow .right > *:nth-child(1) .step_outer .step_box {
    margin-right: 0;
  }
}
.method .flow .right > *:nth-child(1) .step_outer .step_box .num {
  margin-left: -0.3rem;
  margin-right: -0.4rem;
}
@media screen and (min-width: 749px) {
  .method .flow .right > *:nth-child(1) .step_outer .step_box .num {
    margin-right: 0;
    margin-left: -2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right > *:nth-child(1) .step_outer .step_box .num {
    margin-left: -3.5rem;
  }
}
.method .flow .right > *:nth-child(4) .step_outer .step_box {
  margin-right: 1rem;
}
@media screen and (min-width: 749px) {
  .method .flow .right > *:nth-child(4) .step_outer .step_box .num {
    margin-left: -1.7rem;
  }
}
@media screen and (min-width: 1400px) {
  .method .flow .right > *:nth-child(4) .step_outer .step_box .num {
    margin-left: -2.5rem;
  }
}

.news_inner {
  max-width: 1460px;
  padding: 0 30px;
  margin: 0 auto;
}
.news_inner h2 {
  border-bottom: 1px solid var(--gray);
  font-family: "inglesa-caps-variable", sans-serif;
  font-variation-settings: "wght" 400;
  font-size: 6rem;
}
.news_inner ul {
  margin-bottom: 3rem;
}
.news_inner ul li a {
  display: grid;
  padding: 3rem 0;
  grid-template-columns: 1fr 4fr;
  gap: 50px;
  border-bottom: 1px solid var(--gray);
  font-size: 1.5rem;
}
.news_inner ul li a time {
  font-family: "Zen Old Mincho", serif;
}

.single_news_inner {
  max-width: 830px;
  padding: 0 15px;
  margin: 0 auto;
}

.category_box {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.category_box p {
  border: 1px solid;
  padding: 3px 10px;
}

.salon .salon-category-item {
  margin-bottom: 2rem;
}
.salon .salon-category-name {
  position: relative;
  padding: 0.5rem;
  border-bottom: 1px solid;
  font-size: 2rem;
  cursor: pointer;
}
.salon .salon-category-name:before, .salon .salon-category-name:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 1px;
  height: 20px;
  background: #000;
  transition: all 0.2s linear;
}
.salon .salon-category-name:before {
  right: 20px;
  transform: translateY(-50%);
}
.salon .salon-category-name:after {
  right: 20px;
  transform: translateY(-50%) rotate(90deg);
}
.salon .salon-category-name.is-active:before {
  transform: translateY(-50%) rotate(90deg);
}
.salon .salon-subCategory-list {
  display: none;
}
.salon .salon-subCategory-list .salon-area {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 40px;
  font-size: 1.5rem;
}
.salon .salon-subCategory-list .salon-area:before, .salon .salon-subCategory-list .salon-area:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 1px;
  height: 15px;
  background: #000;
  transition: all 0.2s linear;
}
.salon .salon-subCategory-list .salon-area:before {
  left: 25px;
  transform: translateY(-50%) rotate(0);
}
.salon .salon-subCategory-list .salon-area:after {
  left: 25px;
  transform: translateY(-50%) rotate(90deg);
}
.salon .salon-subCategory-list .salon-area.is-active:before {
  transform: translateY(-50%) rotate(90deg);
}
.salon .salon-subCategory-list .salon-shop-list {
  display: none;
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 749px) {
  .salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer .salon-shop-item {
  border: 1px solid;
  padding: 2rem;
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer .salon-shop-item .salon-shop-name {
  margin-bottom: 1rem;
  font-weight: bold;
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer .salon-shop-item .salon-shop-add {
  margin-bottom: 0.5rem;
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer .salon-shop-item .salonBtn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.salon .salon-subCategory-list .salon-shop-list .salon-sho-list-outer .salon-shop-item .salonBtn-group a {
  display: block;
  padding: 10px 0;
  border: 1px solid;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.single-salon .salonList-section {
  position: relative;
}
.single-salon .salonList-section .salonList-ttl {
  font-size: 2rem;
  text-align: center;
}
.single-salon .salonList-section .btn-salonContact {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 0;
  width: 255px;
  height: 60px;
  border: 1px solid;
  line-height: 35px;
}
.single-salon .salonList-section .map-area {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 749px) {
  .single-salon .salonList-section .map-area {
    padding-bottom: 37.5%;
  }
}
.single-salon .salonList-section .salonList-dl {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid #d8cebe;
}
@media screen and (min-width: 749px) {
  .single-salon .salonList-section .salonList-dl {
    grid-template-columns: 220px 1fr;
  }
}
.single-salon .salonList-section .salonList-dl:last-child {
  border-bottom: 1px solid #d8cebe;
}
.single-salon .salonList-section .salonList-dl .salonList-dt {
  padding: 0 30px;
  font-weight: bold;
  place-content: center;
}
.single-salon .salonList-section .salonList-dl .salonList-dd {
  font-size: 1.4rem;
  line-height: 2.25;
  padding: 0 10px 10px;
}
@media screen and (min-width: 749px) {
  .single-salon .salonList-section .salonList-dl .salonList-dd {
    position: relative;
    padding: 25px 65px;
  }
}
.single-salon .salonList-section .salonList-dl .btn {
  width: 255px;
  height: 60px;
  border: 1px solid;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 749px) {
  .single-salon .salonList-section .salonList-dl .btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}

.marukoapp h2 {
  text-align: center;
}
.marukoapp .box_parent {
  margin-bottom: 3rem;
}
.marukoapp .box_parent:has(.box_half_child) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}
@media screen and (min-width: 749px) {
  .marukoapp .box_parent:has(.box_half_child) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.marukoapp .box_parent:has(.box_child) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}
@media screen and (min-width: 749px) {
  .marukoapp .box_parent:has(.box_child) {
    grid-template-columns: repeat(3, 1fr);
  }
}
.marukoapp .box_parent .box_child {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.marukoapp .box_parent .box_child p {
  flex: 1;
}
.marukoapp .box_parent_narrow {
  width: 80%;
  margin: 2rem auto 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.marukoapp .box_parent_narrow .box_half_child {
  width: calc(50% - 15px);
}
.marukoapp p {
  margin-bottom: 1rem;
}/*# sourceMappingURL=style.css.map */