/** CSS Easing functions */ /* Bulma Utilities */
.wp-block-starter-principes-omotenashi {
  background-color: var(--wp--preset--color--black);
  position: relative;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi {
    min-height: calc(100vh - 82px);
  }
}
.wp-block-starter-principes-omotenashi #concept-bp-count {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.wp-block-starter-principes-omotenashi #concept-bp-count.show {
  opacity: 1;
}
.wp-block-starter-principes-omotenashi #concept-bp-count .wp-block-button__link.wp-element-button {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  pointer-events: none;
  font-weight: 400;
  min-height: 44px;
  padding: calc(0.5em + 2px) 1.125em;
}
.wp-block-starter-principes-omotenashi .schema {
  background-color: rgba(255, 255, 255, 0.03);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: clamp(0rem, 3.6341rem - 5.6782vw, 2.25rem);
  padding-bottom: clamp(1.25rem, 6.2973rem - 7.8864vw, 4.375rem);
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi .schema {
    height: 68%;
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .wp-block-starter-principes-omotenashi .schema #principes-omotenashi {
    -webkit-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi .schema #principes-omotenashi {
    width: 100%;
    height: 100%;
  }
}
.wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe {
  opacity: 0.3;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  cursor: pointer;
}
.wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe .bulle {
  transform-box: fill-box;
  -webkit-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -o-transform 0.4s ease;
}
.wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe.active, .wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe:hover {
  opacity: 1;
}
.wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe.active .bulle, .wp-block-starter-principes-omotenashi .schema #principes-omotenashi .principe:hover .bulle {
  -webkit-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.wp-block-starter-principes-omotenashi .parcours {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  height: auto;
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi .parcours {
    min-height: 32%;
  }
}
.wp-block-starter-principes-omotenashi .parcours .timeline {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
  background-color: var(--wp--preset--color--black);
  position: relative;
}
.wp-block-starter-principes-omotenashi .parcours .timeline #currentPhase {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--size-5);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.wp-block-starter-principes-omotenashi .parcours .timeline #currentPhase::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background-color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step {
  background-color: red;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 4px;
  opacity: 0.5;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.active {
  opacity: 1;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.phase-1 {
  background-color: #f49600;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.phase-2 {
  background-color: #6eb528;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.phase-3 {
  background-color: #009ed3;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.phase-4 {
  background-color: #523e92;
}
.wp-block-starter-principes-omotenashi .parcours .timeline .timeline-step.phase-5 {
  background-color: var(--wp--preset--color--light-grey);
}
.wp-block-starter-principes-omotenashi .parcours .carrousel {
  width: 100%;
  height: calc(100% - 4px);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(2.25rem, 1.4811rem + 3.1546vw, 3.5rem) 6.25%;
  height: calc(32vh - 82px);
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi .parcours .carrousel {
    padding: clamp(1.5rem, 0.6233rem + 1.3699vw, 2.25rem) 6.25%;
  }
}
.wp-block-starter-principes-omotenashi .parcours .carrousel.slick-initialized {
  opacity: 1;
  height: auto;
}
.wp-block-starter-principes-omotenashi .parcours .principe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media only screen and (min-width: 1620px) {
  .wp-block-starter-principes-omotenashi .parcours .principe {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.wp-block-starter-principes-omotenashi .parcours .principe.slick-current {
  opacity: 1;
}
.wp-block-starter-principes-omotenashi .parcours .principe .phase {
  font-size: var(--wp--preset--font-size--size-4);
  margin: 0;
}
.wp-block-starter-principes-omotenashi .parcours .principe .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: var(--wp--preset--font-size--size-3);
  text-transform: uppercase;
  color: var(--wp--preset--color--black);
  margin: 0.9375rem 0 1.25rem;
}
.wp-block-starter-principes-omotenashi .parcours .principe .title svg {
  width: 40px;
  height: auto;
}
.wp-block-starter-principes-omotenashi .parcours .principe .description {
  font-size: var(--wp--preset--font-size--size-5);
  font-weight: 300;
  margin: 0 0 1.25rem;
}
@media only screen and (min-width: 1620px) {
  .wp-block-starter-principes-omotenashi .parcours .principe .wp-block-button {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-starter-principes-omotenashi .parcours .principe .wp-block-button {
    margin: 0 0 0 auto;
  }
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-1 .phase {
  color: #f49600;
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-1 .wp-block-button .wp-block-button__link.wp-element-button {
  background-color: #f49600;
  color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-1 .wp-block-button .wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--black);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-2 .phase {
  color: #6eb528;
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-2 .wp-block-button .wp-block-button__link.wp-element-button {
  background-color: #6eb528;
  color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-2 .wp-block-button .wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--black);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-3 .phase {
  color: #009ed3;
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-3 .wp-block-button .wp-block-button__link.wp-element-button {
  background-color: #009ed3;
  color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-3 .wp-block-button .wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--black);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-4 .phase {
  color: #523e92;
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-4 .wp-block-button .wp-block-button__link.wp-element-button {
  background-color: #523e92;
  color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-4 .wp-block-button .wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--black);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-5 .phase {
  color: var(--wp--preset--color--light-grey);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-5 .wp-block-button .wp-block-button__link.wp-element-button {
  background-color: var(--wp--preset--color--light-grey);
  color: var(--wp--preset--color--white);
}
.wp-block-starter-principes-omotenashi .parcours .principe.phase-5 .wp-block-button .wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--black);
}

.wp-block-starter-concept-omotenashi.block-editor-block-list__block {
  height: 100%;
}
.wp-block-starter-concept-omotenashi.block-editor-block-list__block > div {
  height: 100%;
  width: 100%;
}
.wp-block-starter-concept-omotenashi.block-editor-block-list__block > div > .wp-block-starter-concept-omotenashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}