/* theme
----------------------------------------------- */
.lpMen_business .cmp__lpModBadge {
  background-color: #384c77;
}
.lpMen_business .cmp__lpModNew {
  background-color: #384c77;
}
.lpMen_business .cmp__lpModCheck {
  background-color: #384c77;
}
.lpMen_business .c-lpModLimited span {
  background-color: #384c77;
}
.lpMen_business .pj__lpModPoint__label {
  color: #384c77;
}
.lpMen_business .cmp__lpModChecklist li:before {
  color: #384c77;
}

/* cmp__lpGif
----------------------------------------------- */
.lpMen_business .cmp__lpGif {
  position: relative;
  z-index: 1;
}
.lpMen_business .cmp__lpGif img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation-name: lpGif;
  animation-duration: 2s;
  animation-timing-function: steps(1);
  animation-iteration-count: infinite;
}

/* keyframes */
@keyframes lpGif {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* cmp__lpModNew
----------------------------------------------- */
/* sp */
@media only screen and (max-width: 768px) {
  .lpMen_business .pj__lpModCover .cmp__lpModTitle .cmp__lpModNew--wireflexible {
    top: -35px;
    left: -50px;
  }
  .lpMen_business .pj__lpModCover .cmp__lpModTitle .cmp__lpModNew--zoffsmart {
    top: -41px;
    left: -30px;
  }
}
/* pj__lpZoffsmartNav
----------------------------------------------- */
.lpMen_business .pj__lpZoffsmartNav {
  max-width: 980px;
  margin: auto;
  padding-top: 0;
}
.lpMen_business .pj__lpZoffsmartNav__column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: center;
  margin-left: -30px;
}
.lpMen_business .pj__lpZoffsmartNav__col {
  width: calc(50% - 30px);
  margin: 30px 0 0 30px;
}
.lpMen_business .pj__lpZoffsmartNav__col a {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 17px 0;
  padding-bottom: 49px;
  border: 1px solid #808080;
  border-radius: 6px;
  box-sizing: border-box;

  will-change: opacity;
}
.lpMen_business .pj__lpZoffsmartNav__side {
  width: 50%;
}
.lpMen_business .pj__lpZoffsmartNav__image {
  width: calc(50% - 17px);
  margin-right: 17px;
}
.lpMen_business .pj__lpZoffsmartNav__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15em;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
.lpMen_business .pj__lpZoffsmartNav__summary {
  margin-top: 10px;
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
.lpMen_business .pj__lpZoffsmartNav__summary + .pj__lpZoffsmartNav__title {
  margin-top: 6px;
}
.lpMen_business .pj__lpZoffsmartNav__new {
  position: absolute;
  top: -30px;
  left: 18px;
  z-index: 1;
}
.lpMen_business .pj__lpZoffsmartNav__arrow {
  position: absolute;
  right: 0;
  bottom: 13px;
  left: 0;
  z-index: 1;
}
.lpMen_business .pj__lpZoffsmartNav__list {
  display: flex;
  align-items: center;
  margin-top: 42px;
  border: 1px solid #808080;
  border-radius: 6px;
  box-sizing: border-box;
}
.lpMen_business .pj__lpZoffsmartNav__item {
  width: 100%;
  height: 134px;
  border-left: 1px solid #808080;
}
.lpMen_business .pj__lpZoffsmartNav__item:first-child {
  border-left: none;
}
.lpMen_business .pj__lpZoffsmartNav__item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: calc(100% - 17px);
  padding-bottom: 17px;

  will-change: opacity;
}
.lpMen_business .pj__lpZoffsmartNav__item a > *:first-child {
  margin-top: 0;
}

/* sp */
@media only screen and (max-width: 768px) {
  .lpMen_business .pj__lpZoffsmartNav {
    max-width: initial;
    margin: 0 20px;
    padding-top: 30px;
    padding-top: 0;
  }
  .lpMen_business .pj__lpZoffsmartNav__column {
    display: block;
  }
  .lpMen_business .pj__lpZoffsmartNav__col {
    width: auto;
  }
  .lpMen_business .pj__lpZoffsmartNav__col + .pj__lpZoffsmartNav__col {
    margin-top: 13px;
  }
  .lpMen_business .pj__lpZoffsmartNav__col a {
    display: block;
    padding: 30px;
    padding-bottom: 41px;
  }
  .lpMen_business .pj__lpZoffsmartNav__side {
    width: auto;
  }
  .lpMen_business .pj__lpZoffsmartNav__image {
    width: auto;
    margin: 19px 17px 0;
  }
  .lpMen_business .pj__lpZoffsmartNav__title {
    font-size: 16px;
  }
  .lpMen_business .pj__lpZoffsmartNav__summary {
    margin-top: 5px;
    font-size: 12px;
  }
  .lpMen_business .pj__lpZoffsmartNav__new {
    top: -7px;
    left: 12px;
  }
  .lpMen_business .pj__lpZoffsmartNav__arrow {
    bottom: 15px;
  }
  .lpMen_business .pj__lpZoffsmartNav__list {
    flex-wrap: wrap;
    margin: 0 0 0 -13px;
    border: none;
  }
  .lpMen_business .pj__lpZoffsmartNav__item {
    width: calc(50% - 15px);
    height: 118px;
    margin: 13px 0 0 13px;
    border: 1px solid #808080;
    border-radius: 6px;
  }
  .lpMen_business .pj__lpZoffsmartNav__item:first-child {
    border: 1px solid #808080;
  }
  .lpMen_business .pj__lpZoffsmartNav__item a {
    height: calc(100% - 15px);
    padding-bottom: 15px;
  }
}
/* pj__lpZoffsmartPoint
----------------------------------------------- */
.lpMen_business .pj__lpZoffsmartPoint {
  margin: 90px auto 0;
}
.lpMen_business .pj__lpZoffsmartPoint__column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 48px 0 0 -60px;
}
.lpMen_business .pj__lpZoffsmartPoint__col {
  width: calc(33.33% - 60px);
  margin-left: 60px;
}
.lpMen_business .pj__lpZoffsmartPoint__col figure {
  position: relative;
}
.lpMen_business .pj__lpZoffsmartPoint__col figure::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border: solid 1px #F00; */
  box-sizing: border-box;
  content: "";
}

.lpMen_business .pj__lpZoffsmartPoint h4 {
  font-weight: 600;
  font-size: 26px;
  line-height: normal;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
.lpMen_business .pj__lpZoffsmartPoint p {
  margin-top: 30px;
}
.lpMen_business .pj__lpZoffsmartPoint p + p {
  margin-top: 15px;
}

/* sp */
@media only screen and (max-width: 768px) {
  .lpMen_business .pj__lpZoffsmartPoint {
    margin-top: 60px;
  }
  .lpMen_business .pj__lpZoffsmartPoint__column {
   /*  justify-content: space-between; */
    margin: 0 0 0 -12px;
  }
  .lpMen_business .pj__lpZoffsmartPoint__col {
    width: calc(50% - 16px);
    margin: 30px 0 0 10px;
  }
  .lpMen_business .pj__lpZoffsmartPoint p {
    margin-top: 24px;
    line-height: 1.8;
  }
  .lpMen_business .pj__lpZoffsmartPoint p + p {
    margin-top: 12px;
  }
  .lpMen_business .pj__lpZoffsmartPoint small {
    text-align: left;
  }
}


/* 取扱店舗一覧をみる
----------------------------------------------- */
.lpMen_business .lpModShoplist__button .cmp__lpModButton {
  background-color: #808080;
}

/* Shoplist
----------------------------------------------- */
.lpMenBusinessShoplist__header .cmp__lpModTitle--h3 {
  padding-top: 12px;
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .lpMenBusinessShoplist__header .cmp__lpModTitle--h3 {
    padding-top: 8px;
    font-size: 20px;
  }
}

/* 20231013追加 */
.pj__lpModCover .pj__lpModCover__header.lpMenBusiness__basicTitle {
  width: 100%;
  text-align: center;
}

.pj__lpModCover .pj__lpModCover__header.lpMenBusiness__basicTitle p {
  text-align: center;
}
/* .lpMen_business .ly__lpModSection__header,
.lpMen_business .ly__lpModSection {
  margin-top: -70px;
}*/
@media only screen and (max-width: 768px) {
  .pj__lpZoffsmartNav__new.lpMenBusiness__new {
    top: -11px;
    left: -20px;
  }
}

/* 20231018追加 */
.lpMen_business .pj__lpZoffsmartNav__side.lpMenBusiness__navButton {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .lpMen_business .ly__lpModSection__header,
  .lpMen_business .ly__lpModSection.lpMenBusiness__container {
    margin-top: 0;
    padding-top: 100px;
  }
}


/* 20240216追加 */
.pj__lpMenBusiness__NavTitle {
  margin: 40px 0 0;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.pj__lpMenBusinessPrice__Button {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin: 24px 0 0;
}

@media only screen and (min-width: 769px) {
  .pj__lpMenBusinessPrice__Button li {
    margin: 0 2% 2% 0; 
  }
  .pj__lpMenBusinessPrice__Button li:nth-child(3n) {
    margin-right: 0;
  }
  .ly__lpModSection__button .cmp__lpModButton {
    width: 350px;
  }
}

@media only screen and (max-width: 769px) {
  .lpMen_business .ly__lpModSection--first {
    padding-top: 20px;
  }
  .lpMen_business .pj__lpModConcept  p,
  .cmp__lpModPrice {
    text-align: center;
  }
  .pj__lpMenBusiness__NavTitle {
    margin: 32px 0 0;
    font-size: 18px;
  }
  .lpMen_business .pj__lpModNav {
    margin-top: 20px;
  }
  .pj__lpMenBusinessPrice__Button {
    flex-wrap: wrap;
    margin: 18px 0 0;
  }
  .pj__lpMenBusinessPrice__Button li {
    width: 48%;
    margin: 0 2% 2% 0; 
  }
  .pj__lpMenBusinessPrice__Button li:nth-child(2n) {
    margin-right: 0;
  }
  .lpMen_business .pj__lpModNav.is--arrow .pj__lpModNav__item a {
    padding-bottom: 16px;
  }
  .lpMen_business .pj__lpModNav__item a {
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .lpMen_business .pj__lpModNav .pj__lpModNav__item .cmp__lpModNew{
    left: 2px;
  }
  .lpMen_business .pj__lpModNav .pj__lpModNav__item .cmp__lpModNew{
  }
  .lpMen_business .cmp__lpModButton span {
    font-size: 15px;
  }
  .lpMen_business .pj__lpModNav figure + .pj__lpModNav__side {
    width: calc(50% - 0px);
    text-align: center;
  }
  .lpMen_business .pj__lpModNav figure {
    padding: 0 10px 0 20px;
  }
}
/* 20240412追加 */
@media only screen and (max-width: 769px) {
  .lpMen_business .pj__lpModMv__item figcaption {
    background-color: #fff;
  }
}