@charset "UTF-8";
.p-swiper {
  width: 100%;
  height: 100%;
}
.p-swiper .e-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.p-swiper .e-slide_inner {
  width: 375px;
  height: 603px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) scale(var(--slide-scale, 1));
  transform-origin: center left;
  will-change: transform;
}
.p-swiper .e-background {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  aspect-ratio: 0.44;
  transform: translate(0, -50%);
}
.p-swiper.is-editor {
  border: solid 1px #CCC;
}
.p-swiper.is-editor .e-wrapper {
  position: static;
  height: 100%;
}
.p-swiper.is-editor .block-list-appender:not(.c-freebox *) {
  z-index: 999;
  background-color: rgba(53, 122, 181, 0.9);
  border: solid 1px #357AB5;
  text-align: center;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
}
.p-swiper.is-editor .block-list-appender:not(.c-freebox *) button {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  box-shadow: none;
  color: #fff;
  padding: 10px 20px !important;
  background-color: transparent;
}
.p-swiper.is-editor .block-list-appender:not(.c-freebox *) button[aria-label]::before {
  content: "＋ " attr(aria-label) " ＋";
  font-size: 1.1em;
}
.p-swiper.is-editor .block-list-appender:not(.c-freebox *) button svg {
  display: none;
}
.p-swiper.is-editor .e-slide > .block-list-appender {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}
.p-swiper.is-editor .e-slide_inner {
  transform: translate(0, -50%);
}
.p-swiper.is-editor .e-slide_inner::before, .p-swiper.is-editor .e-slide_inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #357AB5;
  position: absolute;
  left: 0;
  z-index: 9999;
}
.p-swiper.is-editor .e-slide_inner::before {
  top: 0;
}
.p-swiper.is-editor .e-slide_inner::after {
  bottom: 0;
}
.p-swiper > .swiper-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 95px;
}
.p-swiper > .swiper-buttons .swiper-button-next, .p-swiper > .swiper-buttons .swiper-button-prev {
  margin-top: 0;
  top: 0;
  width: 2.4em;
  height: 2.4em;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.p-swiper > .swiper-buttons .swiper-button-next::after, .p-swiper > .swiper-buttons .swiper-button-prev::after {
  font-size: 1.1em;
  color: #357AB5;
}
.p-swiper.m-vertical.is-editor > .e-wrapper {
  overflow-y: auto;
  scroll-snap-type: y mandatory;
}
.p-swiper.m-vertical.is-editor > .e-wrapper > .e-slide {
  scroll-snap-align: start;
}
.p-swiper.m-vertical.is-editor > .e-wrapper > .block-list-appender {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 999;
}
.p-swiper.m-horizontal > .e-pagination {
  top: 5px;
  bottom: auto;
}
.p-swiper.m-horizontal > .e-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 5px;
  margin: 5px 2px;
  border-radius: 999px;
}
.p-swiper.m-horizontal.is-editor > .e-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 0;
  scroll-snap-type: x mandatory;
}
.p-swiper.m-horizontal.is-editor > .e-wrapper > .e-slide {
  scroll-snap-align: start;
  flex: none;
}
.p-swiper.m-horizontal.is-editor > .e-wrapper > *:not(.block-list-appender) {
  flex-shrink: 0;
}
.p-swiper.m-horizontal.is-editor > .e-wrapper > .block-list-appender {
  height: 100%;
  position: sticky;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background, p.has-background {
  padding: .5em 1em;
  min-height: 50px;
  display: flex;
  display: -ms-flexbox;
  min-width: 100%;
  flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-freebox {
  position: absolute !important;
  z-index: 1;
  overflow: auto;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .05em;
  overflow: hidden;
  top: var(--top);
  left: var(--left);
  width: var(--width);
  height: var(--height);
  aspect-ratio: var(--aspect-ratio);
  transform: var(--transform);
  opacity: var(--opacity);
}
.c-freebox * {
  word-break: normal;
}
.c-freebox .wp-block-cover {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
}
.c-freebox .e-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.c-freebox .e-inner {
  background-color: var(--background-color);
  background-image: var(--background-image);
}
.c-freebox .e-inner {
  border-color: var(--border-color, transparent);
  border-width: var(--border-width, 0);
  border-style: var(--border-style, solid);
}
.c-freebox .e-inner {
  justify-content: var(--justify-content);
}
.c-freebox .e-inner2 {
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
}
.c-freebox .e-inner2 > * + * {
  margin-top: var(--children-margin-top);
}
.c-freebox .e-inner2 > * + h1, .c-freebox .e-inner2 > * + h2, .c-freebox .e-inner2 > * + h3, .c-freebox .e-inner2 > * + h4, .c-freebox .e-inner2 > * + h5, .c-freebox .e-inner2 > * + h6 {
  margin-top: calc(var(--children-margin-top) * 1.8);
}
.c-freebox .e-inner {
  border-radius: var(--border-radius);
}
.c-freebox.is-editor {
  overflow: visible;
}
.c-freebox.is-editor:hover {
  border: solid 1px rgba(53, 122, 181, 0.3);
}
.c-freebox.is-editor > * {
  z-index: 2;
}
.c-freebox.is-editor .e-inner {
  pointer-events: auto;
}
.c-freebox.is-editor::before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: transparent;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
  cursor: move;
}
.c-freebox.is-editor:hover::before {
  background-color: rgba(53, 122, 181, 0.3);
}
.c-freebox .is-icon img {
  border-radius: 999px;
  aspect-ratio: 1;
  object-fit: cover;
}
.c-freeboxGroup, .c-freeboxGroup_inner {
  width: 100%;
  height: 100%;
  min-width: 375px;
  min-height: 603px;
  position: relative;
}
.c-freeboxGroup ul, .c-freeboxGroup ol, .c-freeboxGroup_inner ul, .c-freeboxGroup_inner ol {
  margin: 0;
  padding: 0 0 0 1.5em;
}
.c-freeboxGroup ul li, .c-freeboxGroup ol li, .c-freeboxGroup_inner ul li, .c-freeboxGroup_inner ol li {
  margin: 0;
  padding: 0;
}
.c-freeboxGroup ul li + li, .c-freeboxGroup ol li + li, .c-freeboxGroup_inner ul li + li, .c-freeboxGroup_inner ol li + li {
  margin-top: .5em;
}
.c-freeboxGroup ul, .c-freeboxGroup_inner ul {
  list-style-type: disc;
}
.c-freeboxGroup ol, .c-freeboxGroup_inner ol {
  list-style-type: decimal;
}
.c-freeboxGroup dl dt, .c-freeboxGroup_inner dl dt {
  font-weight: 700;
}
.c-freeboxGroup dl dt + dd, .c-freeboxGroup_inner dl dt + dd {
  margin-top: .3em;
}
.c-freeboxGroup ul.is-check, .c-freeboxGroup ol.is-check, .c-freeboxGroup_inner ul.is-check, .c-freeboxGroup_inner ol.is-check {
  list-style-type: none;
  padding: 0;
}
.c-freeboxGroup ul.is-check li, .c-freeboxGroup ol.is-check li, .c-freeboxGroup_inner ul.is-check li, .c-freeboxGroup_inner ol.is-check li {
  padding-left: 1.5em;
  position: relative;
}
.c-freeboxGroup ul.is-check li::before, .c-freeboxGroup ol.is-check li::before, .c-freeboxGroup_inner ul.is-check li::before, .c-freeboxGroup_inner ol.is-check li::before {
  content: "";
  display: block;
  width: .4em;
  height: .7em;
  border: solid 0.3em #E86B79;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: .5em;
  left: 0;
  transform: rotate(45deg) translate(0, -50%);
}
.c-freeboxGroup ul.is-circle, .c-freeboxGroup ul.is-history, .c-freeboxGroup_inner ul.is-circle, .c-freeboxGroup_inner ul.is-history {
  list-style-type: none;
  padding: 0;
}
.c-freeboxGroup ul.is-circle li, .c-freeboxGroup ul.is-history li, .c-freeboxGroup_inner ul.is-circle li, .c-freeboxGroup_inner ul.is-history li {
  padding-left: 1.5em;
  position: relative;
}
.c-freeboxGroup ul.is-circle li::before, .c-freeboxGroup ul.is-history li::before, .c-freeboxGroup_inner ul.is-circle li::before, .c-freeboxGroup_inner ul.is-history li::before {
  content: "";
  display: block;
  display: block;
  width: 1em;
  height: 1em;
  background-color: #357AB5;
  border-radius: 999px;
  position: absolute;
  top: .7em;
  left: 0;
  z-index: 2;
  transform: translate(0, -50%);
}
.c-freeboxGroup ol.is-circle, .c-freeboxGroup ol.is-history, .c-freeboxGroup_inner ol.is-circle, .c-freeboxGroup_inner ol.is-history {
  list-style-type: none;
  padding: 0;
  counter-reset: number 0;
}
.c-freeboxGroup ol.is-circle li, .c-freeboxGroup ol.is-history li, .c-freeboxGroup_inner ol.is-circle li, .c-freeboxGroup_inner ol.is-history li {
  counter-increment: number;
  /* カウンターを進める */
  padding-left: 1.5em;
  position: relative;
}
.c-freeboxGroup ol.is-circle li::before, .c-freeboxGroup ol.is-history li::before, .c-freeboxGroup_inner ol.is-circle li::before, .c-freeboxGroup_inner ol.is-history li::before {
  content: counter(number);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  background-color: #357AB5;
  color: #fff;
  border-radius: 999px;
  position: absolute;
  top: .7em;
  left: -.2em;
  z-index: 2;
  transform: translate(0, -50%);
}
.c-freeboxGroup ul.is-history li, .c-freeboxGroup ol.is-history li, .c-freeboxGroup_inner ul.is-history li, .c-freeboxGroup_inner ol.is-history li {
  position: relative;
}
.c-freeboxGroup ul.is-history li::after, .c-freeboxGroup ol.is-history li::after, .c-freeboxGroup_inner ul.is-history li::after, .c-freeboxGroup_inner ol.is-history li::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #999;
  position: absolute;
  top: .7em;
  left: .5em;
  z-index: 1;
  transform: translate(-50%, 0);
}
.c-freeboxGroup ul.is-history li:last-child::after, .c-freeboxGroup ol.is-history li:last-child::after, .c-freeboxGroup_inner ul.is-history li:last-child::after, .c-freeboxGroup_inner ol.is-history li:last-child::after {
  display: none;
}
.c-freeboxGroup ul.is-flow, .c-freeboxGroup ol.is-flow, .c-freeboxGroup_inner ul.is-flow, .c-freeboxGroup_inner ol.is-flow {
  list-style-type: none;
  padding: 0;
  counter-reset: number 0;
}
.c-freeboxGroup ul.is-flow li, .c-freeboxGroup ol.is-flow li, .c-freeboxGroup_inner ul.is-flow li, .c-freeboxGroup_inner ol.is-flow li {
  counter-increment: number;
  /* カウンターを進める */
  padding: 1em .5em 1em 5em;
  border-radius: 10px;
  position: relative;
  background-color: rgba(135, 116, 107, 0.85);
  color: #fff;
}
.c-freeboxGroup ul.is-flow li::before, .c-freeboxGroup ol.is-flow li::before, .c-freeboxGroup_inner ul.is-flow li::before, .c-freeboxGroup_inner ol.is-flow li::before {
  content: counter(number,decimal-leading-zero);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(50%, -50%);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1;
}
.c-freeboxGroup ul.is-flow li::after, .c-freeboxGroup ol.is-flow li::after, .c-freeboxGroup_inner ul.is-flow li::after, .c-freeboxGroup_inner ol.is-flow li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-top: solid 7px rgba(135, 116, 107, 0.85);
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.c-freeboxGroup ul.is-flow li:last-child::after, .c-freeboxGroup ol.is-flow li:last-child::after, .c-freeboxGroup_inner ul.is-flow li:last-child::after, .c-freeboxGroup_inner ol.is-flow li:last-child::after {
  display: none;
}
.c-freeboxGroup ul.is-flow li + li, .c-freeboxGroup ol.is-flow li + li, .c-freeboxGroup_inner ul.is-flow li + li, .c-freeboxGroup_inner ol.is-flow li + li {
  margin-top: 1.5em;
}
.c-freeboxGroup ul.is-features, .c-freeboxGroup ol.is-features, .c-freeboxGroup_inner ul.is-features, .c-freeboxGroup_inner ol.is-features {
  list-style-type: none;
  padding: 0;
  counter-reset: number 0;
  display: flex;
  display: -ms-flexbox;
  min-width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-grid-row-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 0 15px;
}
.c-freeboxGroup ul.is-features li, .c-freeboxGroup ol.is-features li, .c-freeboxGroup_inner ul.is-features li, .c-freeboxGroup_inner ol.is-features li {
  flex: 0 1 calc(33.3333% - 10px);
  margin: 0;
  box-sizing: border-box;
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  -ms-grid-row-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #87746B;
  color: #fff;
  aspect-ratio: 1;
  border-radius: 999px;
  text-align: center;
}
.c-freeboxGroup.is-basis ul.is-circle li::before, .c-freeboxGroup.is-basis ol.is-circle li::before, .c-freeboxGroup.is-basis ul.is-history li::before, .c-freeboxGroup.is-basis ol.is-history li::before, .c-freeboxGroup_inner.is-basis ul.is-circle li::before, .c-freeboxGroup_inner.is-basis ol.is-circle li::before, .c-freeboxGroup_inner.is-basis ul.is-history li::before, .c-freeboxGroup_inner.is-basis ol.is-history li::before {
  background-color: #87746B;
}
.c-freeboxGroup.is-basis ul.is-flow li, .c-freeboxGroup.is-basis ol.is-flow li, .c-freeboxGroup_inner.is-basis ul.is-flow li, .c-freeboxGroup_inner.is-basis ol.is-flow li {
  background-color: rgba(135, 116, 107, 0.85);
}
.c-freeboxGroup.is-basis ul.is-flow li::after, .c-freeboxGroup.is-basis ol.is-flow li::after, .c-freeboxGroup_inner.is-basis ul.is-flow li::after, .c-freeboxGroup_inner.is-basis ol.is-flow li::after {
  border-top-color: rgba(135, 116, 107, 0.85);
}
.c-freeboxGroup.is-basis ul.is-features li, .c-freeboxGroup.is-basis ol.is-features li, .c-freeboxGroup_inner.is-basis ul.is-features li, .c-freeboxGroup_inner.is-basis ol.is-features li {
  background-color: #87746B;
}
.c-freeboxGroup.is-flower ul.is-circle li::before, .c-freeboxGroup.is-flower ol.is-circle li::before, .c-freeboxGroup.is-flower ul.is-history li::before, .c-freeboxGroup.is-flower ol.is-history li::before, .c-freeboxGroup_inner.is-flower ul.is-circle li::before, .c-freeboxGroup_inner.is-flower ol.is-circle li::before, .c-freeboxGroup_inner.is-flower ul.is-history li::before, .c-freeboxGroup_inner.is-flower ol.is-history li::before {
  background-color: #FEA585;
}
.c-freeboxGroup.is-flower ul.is-flow li, .c-freeboxGroup.is-flower ol.is-flow li, .c-freeboxGroup_inner.is-flower ul.is-flow li, .c-freeboxGroup_inner.is-flower ol.is-flow li {
  background-color: rgba(254, 165, 133, 0.85);
}
.c-freeboxGroup.is-flower ul.is-flow li::after, .c-freeboxGroup.is-flower ol.is-flow li::after, .c-freeboxGroup_inner.is-flower ul.is-flow li::after, .c-freeboxGroup_inner.is-flower ol.is-flow li::after {
  border-top-color: rgba(254, 165, 133, 0.85);
}
.c-freeboxGroup.is-flower ul.is-features li, .c-freeboxGroup.is-flower ol.is-features li, .c-freeboxGroup_inner.is-flower ul.is-features li, .c-freeboxGroup_inner.is-flower ol.is-features li {
  background-color: #FEA585;
}
.c-freeboxGroup.is-shine ul.is-circle li::before, .c-freeboxGroup.is-shine ol.is-circle li::before, .c-freeboxGroup.is-shine ul.is-history li::before, .c-freeboxGroup.is-shine ol.is-history li::before, .c-freeboxGroup_inner.is-shine ul.is-circle li::before, .c-freeboxGroup_inner.is-shine ol.is-circle li::before, .c-freeboxGroup_inner.is-shine ul.is-history li::before, .c-freeboxGroup_inner.is-shine ol.is-history li::before {
  background-color: #D0A643;
}
.c-freeboxGroup.is-shine ul.is-flow li, .c-freeboxGroup.is-shine ol.is-flow li, .c-freeboxGroup_inner.is-shine ul.is-flow li, .c-freeboxGroup_inner.is-shine ol.is-flow li {
  background-color: rgba(208, 166, 67, 0.85);
}
.c-freeboxGroup.is-shine ul.is-flow li::after, .c-freeboxGroup.is-shine ol.is-flow li::after, .c-freeboxGroup_inner.is-shine ul.is-flow li::after, .c-freeboxGroup_inner.is-shine ol.is-flow li::after {
  border-top-color: rgba(208, 166, 67, 0.85);
}
.c-freeboxGroup.is-shine ul.is-features li, .c-freeboxGroup.is-shine ol.is-features li, .c-freeboxGroup_inner.is-shine ul.is-features li, .c-freeboxGroup_inner.is-shine ol.is-features li {
  background-color: #D0A643;
}
.c-freeboxGroup.is-urban ul.is-circle li::before, .c-freeboxGroup.is-urban ol.is-circle li::before, .c-freeboxGroup.is-urban ul.is-history li::before, .c-freeboxGroup.is-urban ol.is-history li::before, .c-freeboxGroup_inner.is-urban ul.is-circle li::before, .c-freeboxGroup_inner.is-urban ol.is-circle li::before, .c-freeboxGroup_inner.is-urban ul.is-history li::before, .c-freeboxGroup_inner.is-urban ol.is-history li::before {
  background-color: #4B586B;
}
.c-freeboxGroup.is-urban ul.is-flow li, .c-freeboxGroup.is-urban ol.is-flow li, .c-freeboxGroup_inner.is-urban ul.is-flow li, .c-freeboxGroup_inner.is-urban ol.is-flow li {
  background-color: rgba(75, 88, 107, 0.85);
}
.c-freeboxGroup.is-urban ul.is-flow li::after, .c-freeboxGroup.is-urban ol.is-flow li::after, .c-freeboxGroup_inner.is-urban ul.is-flow li::after, .c-freeboxGroup_inner.is-urban ol.is-flow li::after {
  border-top-color: rgba(75, 88, 107, 0.85);
}
.c-freeboxGroup.is-urban ul.is-features li, .c-freeboxGroup.is-urban ol.is-features li, .c-freeboxGroup_inner.is-urban ul.is-features li, .c-freeboxGroup_inner.is-urban ol.is-features li {
  background-color: #4B586B;
}
.c-freeboxGroup.is-antique ul.is-circle li::before, .c-freeboxGroup.is-antique ol.is-circle li::before, .c-freeboxGroup.is-antique ul.is-history li::before, .c-freeboxGroup.is-antique ol.is-history li::before, .c-freeboxGroup_inner.is-antique ul.is-circle li::before, .c-freeboxGroup_inner.is-antique ol.is-circle li::before, .c-freeboxGroup_inner.is-antique ul.is-history li::before, .c-freeboxGroup_inner.is-antique ol.is-history li::before {
  background-color: #829373;
}
.c-freeboxGroup.is-antique ul.is-flow li, .c-freeboxGroup.is-antique ol.is-flow li, .c-freeboxGroup_inner.is-antique ul.is-flow li, .c-freeboxGroup_inner.is-antique ol.is-flow li {
  background-color: rgba(130, 147, 115, 0.85);
}
.c-freeboxGroup.is-antique ul.is-flow li::after, .c-freeboxGroup.is-antique ol.is-flow li::after, .c-freeboxGroup_inner.is-antique ul.is-flow li::after, .c-freeboxGroup_inner.is-antique ol.is-flow li::after {
  border-top-color: rgba(130, 147, 115, 0.85);
}
.c-freeboxGroup.is-antique ul.is-features li, .c-freeboxGroup.is-antique ol.is-features li, .c-freeboxGroup_inner.is-antique ul.is-features li, .c-freeboxGroup_inner.is-antique ol.is-features li {
  background-color: #829373;
}
.c-freeboxGroup.is-memory ul.is-circle li::before, .c-freeboxGroup.is-memory ol.is-circle li::before, .c-freeboxGroup.is-memory ul.is-history li::before, .c-freeboxGroup.is-memory ol.is-history li::before, .c-freeboxGroup_inner.is-memory ul.is-circle li::before, .c-freeboxGroup_inner.is-memory ol.is-circle li::before, .c-freeboxGroup_inner.is-memory ul.is-history li::before, .c-freeboxGroup_inner.is-memory ol.is-history li::before {
  background-color: #7CB2B2;
}
.c-freeboxGroup.is-memory ul.is-flow li, .c-freeboxGroup.is-memory ol.is-flow li, .c-freeboxGroup_inner.is-memory ul.is-flow li, .c-freeboxGroup_inner.is-memory ol.is-flow li {
  background-color: rgba(124, 178, 178, 0.85);
}
.c-freeboxGroup.is-memory ul.is-flow li::after, .c-freeboxGroup.is-memory ol.is-flow li::after, .c-freeboxGroup_inner.is-memory ul.is-flow li::after, .c-freeboxGroup_inner.is-memory ol.is-flow li::after {
  border-top-color: rgba(124, 178, 178, 0.85);
}
.c-freeboxGroup.is-memory ul.is-features li, .c-freeboxGroup.is-memory ol.is-features li, .c-freeboxGroup_inner.is-memory ul.is-features li, .c-freeboxGroup_inner.is-memory ol.is-features li {
  background-color: #7CB2B2;
}
.c-freeboxGroup.is-natural ul.is-circle li::before, .c-freeboxGroup.is-natural ol.is-circle li::before, .c-freeboxGroup.is-natural ul.is-history li::before, .c-freeboxGroup.is-natural ol.is-history li::before, .c-freeboxGroup_inner.is-natural ul.is-circle li::before, .c-freeboxGroup_inner.is-natural ol.is-circle li::before, .c-freeboxGroup_inner.is-natural ul.is-history li::before, .c-freeboxGroup_inner.is-natural ol.is-history li::before {
  background-color: #57AA36;
}
.c-freeboxGroup.is-natural ul.is-flow li, .c-freeboxGroup.is-natural ol.is-flow li, .c-freeboxGroup_inner.is-natural ul.is-flow li, .c-freeboxGroup_inner.is-natural ol.is-flow li {
  background-color: rgba(87, 170, 54, 0.85);
}
.c-freeboxGroup.is-natural ul.is-flow li::after, .c-freeboxGroup.is-natural ol.is-flow li::after, .c-freeboxGroup_inner.is-natural ul.is-flow li::after, .c-freeboxGroup_inner.is-natural ol.is-flow li::after {
  border-top-color: rgba(87, 170, 54, 0.85);
}
.c-freeboxGroup.is-natural ul.is-features li, .c-freeboxGroup.is-natural ol.is-features li, .c-freeboxGroup_inner.is-natural ul.is-features li, .c-freeboxGroup_inner.is-natural ol.is-features li {
  background-color: #57AA36;
}
.c-freeboxGroup.is-artistic ul.is-circle li::before, .c-freeboxGroup.is-artistic ol.is-circle li::before, .c-freeboxGroup.is-artistic ul.is-history li::before, .c-freeboxGroup.is-artistic ol.is-history li::before, .c-freeboxGroup_inner.is-artistic ul.is-circle li::before, .c-freeboxGroup_inner.is-artistic ol.is-circle li::before, .c-freeboxGroup_inner.is-artistic ul.is-history li::before, .c-freeboxGroup_inner.is-artistic ol.is-history li::before {
  background-color: #BA49BE;
}
.c-freeboxGroup.is-artistic ul.is-flow li, .c-freeboxGroup.is-artistic ol.is-flow li, .c-freeboxGroup_inner.is-artistic ul.is-flow li, .c-freeboxGroup_inner.is-artistic ol.is-flow li {
  background-color: rgba(186, 73, 190, 0.85);
}
.c-freeboxGroup.is-artistic ul.is-flow li::after, .c-freeboxGroup.is-artistic ol.is-flow li::after, .c-freeboxGroup_inner.is-artistic ul.is-flow li::after, .c-freeboxGroup_inner.is-artistic ol.is-flow li::after {
  border-top-color: rgba(186, 73, 190, 0.85);
}
.c-freeboxGroup.is-artistic ul.is-features li, .c-freeboxGroup.is-artistic ol.is-features li, .c-freeboxGroup_inner.is-artistic ul.is-features li, .c-freeboxGroup_inner.is-artistic ol.is-features li {
  background-color: #BA49BE;
}
.c-freeboxGroup.is-summertime ul.is-circle li::before, .c-freeboxGroup.is-summertime ol.is-circle li::before, .c-freeboxGroup.is-summertime ul.is-history li::before, .c-freeboxGroup.is-summertime ol.is-history li::before, .c-freeboxGroup_inner.is-summertime ul.is-circle li::before, .c-freeboxGroup_inner.is-summertime ol.is-circle li::before, .c-freeboxGroup_inner.is-summertime ul.is-history li::before, .c-freeboxGroup_inner.is-summertime ol.is-history li::before {
  background-color: #FFD700;
}
.c-freeboxGroup.is-summertime ul.is-flow li, .c-freeboxGroup.is-summertime ol.is-flow li, .c-freeboxGroup_inner.is-summertime ul.is-flow li, .c-freeboxGroup_inner.is-summertime ol.is-flow li {
  background-color: rgba(255, 215, 0, 0.85);
}
.c-freeboxGroup.is-summertime ul.is-flow li::after, .c-freeboxGroup.is-summertime ol.is-flow li::after, .c-freeboxGroup_inner.is-summertime ul.is-flow li::after, .c-freeboxGroup_inner.is-summertime ol.is-flow li::after {
  border-top-color: rgba(255, 215, 0, 0.85);
}
.c-freeboxGroup.is-summertime ul.is-features li, .c-freeboxGroup.is-summertime ol.is-features li, .c-freeboxGroup_inner.is-summertime ul.is-features li, .c-freeboxGroup_inner.is-summertime ol.is-features li {
  background-color: #FFD700;
}
.c-freeboxGroup.is-cafe ul.is-circle li::before, .c-freeboxGroup.is-cafe ol.is-circle li::before, .c-freeboxGroup.is-cafe ul.is-history li::before, .c-freeboxGroup.is-cafe ol.is-history li::before, .c-freeboxGroup_inner.is-cafe ul.is-circle li::before, .c-freeboxGroup_inner.is-cafe ol.is-circle li::before, .c-freeboxGroup_inner.is-cafe ul.is-history li::before, .c-freeboxGroup_inner.is-cafe ol.is-history li::before {
  background-color: #A57C65;
}
.c-freeboxGroup.is-cafe ul.is-flow li, .c-freeboxGroup.is-cafe ol.is-flow li, .c-freeboxGroup_inner.is-cafe ul.is-flow li, .c-freeboxGroup_inner.is-cafe ol.is-flow li {
  background-color: rgba(165, 124, 101, 0.85);
}
.c-freeboxGroup.is-cafe ul.is-flow li::after, .c-freeboxGroup.is-cafe ol.is-flow li::after, .c-freeboxGroup_inner.is-cafe ul.is-flow li::after, .c-freeboxGroup_inner.is-cafe ol.is-flow li::after {
  border-top-color: rgba(165, 124, 101, 0.85);
}
.c-freeboxGroup.is-cafe ul.is-features li, .c-freeboxGroup.is-cafe ol.is-features li, .c-freeboxGroup_inner.is-cafe ul.is-features li, .c-freeboxGroup_inner.is-cafe ol.is-features li {
  background-color: #A57C65;
}
.c-freeboxGroup ol[start="2"], .c-freeboxGroup_inner ol[start="2"] {
  counter-reset: number 1;
}
.c-freeboxGroup ol[start="3"], .c-freeboxGroup_inner ol[start="3"] {
  counter-reset: number 2;
}
.c-freeboxGroup ol[start="4"], .c-freeboxGroup_inner ol[start="4"] {
  counter-reset: number 3;
}
.c-freeboxGroup ol[start="5"], .c-freeboxGroup_inner ol[start="5"] {
  counter-reset: number 4;
}
.c-freeboxGroup ol[start="6"], .c-freeboxGroup_inner ol[start="6"] {
  counter-reset: number 5;
}
.c-freeboxGroup ol[start="7"], .c-freeboxGroup_inner ol[start="7"] {
  counter-reset: number 6;
}
.c-freeboxGroup ol[start="8"], .c-freeboxGroup_inner ol[start="8"] {
  counter-reset: number 7;
}
.c-freeboxGroup ol[start="9"], .c-freeboxGroup_inner ol[start="9"] {
  counter-reset: number 8;
}
.c-freeboxGroup ol[start="10"], .c-freeboxGroup_inner ol[start="10"] {
  counter-reset: number 9;
}
.c-freeboxGroup ol[start="11"], .c-freeboxGroup_inner ol[start="11"] {
  counter-reset: number 10;
}
.c-freeboxGroup ol[start="12"], .c-freeboxGroup_inner ol[start="12"] {
  counter-reset: number 11;
}
.c-freeboxGroup ol[start="13"], .c-freeboxGroup_inner ol[start="13"] {
  counter-reset: number 12;
}
.c-freeboxGroup ol[start="14"], .c-freeboxGroup_inner ol[start="14"] {
  counter-reset: number 13;
}
.c-freeboxGroup ol[start="15"], .c-freeboxGroup_inner ol[start="15"] {
  counter-reset: number 14;
}
.c-freeboxGroup ol[start="16"], .c-freeboxGroup_inner ol[start="16"] {
  counter-reset: number 15;
}
.c-freeboxGroup ol[start="17"], .c-freeboxGroup_inner ol[start="17"] {
  counter-reset: number 16;
}
.c-freeboxGroup ol[start="18"], .c-freeboxGroup_inner ol[start="18"] {
  counter-reset: number 17;
}
.c-freeboxGroup ol[start="19"], .c-freeboxGroup_inner ol[start="19"] {
  counter-reset: number 18;
}
.c-freeboxGroup ol[start="20"], .c-freeboxGroup_inner ol[start="20"] {
  counter-reset: number 19;
}
.c-freeboxGroup ol[start="21"], .c-freeboxGroup_inner ol[start="21"] {
  counter-reset: number 20;
}
.c-freeboxGroup ol[start="22"], .c-freeboxGroup_inner ol[start="22"] {
  counter-reset: number 21;
}
.c-freeboxGroup ol[start="23"], .c-freeboxGroup_inner ol[start="23"] {
  counter-reset: number 22;
}
.c-freeboxGroup ol[start="24"], .c-freeboxGroup_inner ol[start="24"] {
  counter-reset: number 23;
}
.c-freeboxGroup ol[start="25"], .c-freeboxGroup_inner ol[start="25"] {
  counter-reset: number 24;
}
.c-freeboxGroup ol[start="26"], .c-freeboxGroup_inner ol[start="26"] {
  counter-reset: number 25;
}
.c-freeboxGroup ol[start="27"], .c-freeboxGroup_inner ol[start="27"] {
  counter-reset: number 26;
}
.c-freeboxGroup ol[start="28"], .c-freeboxGroup_inner ol[start="28"] {
  counter-reset: number 27;
}
.c-freeboxGroup ol[start="29"], .c-freeboxGroup_inner ol[start="29"] {
  counter-reset: number 28;
}
.c-freeboxGroup ol[start="30"], .c-freeboxGroup_inner ol[start="30"] {
  counter-reset: number 29;
}
.c-freeboxGroup ol[start="31"], .c-freeboxGroup_inner ol[start="31"] {
  counter-reset: number 30;
}
.c-freeboxGroup ol[start="32"], .c-freeboxGroup_inner ol[start="32"] {
  counter-reset: number 31;
}
.c-freeboxGroup ol[start="33"], .c-freeboxGroup_inner ol[start="33"] {
  counter-reset: number 32;
}
.c-freeboxGroup ol[start="34"], .c-freeboxGroup_inner ol[start="34"] {
  counter-reset: number 33;
}
.c-freeboxGroup ol[start="35"], .c-freeboxGroup_inner ol[start="35"] {
  counter-reset: number 34;
}
.c-freeboxGroup ol[start="36"], .c-freeboxGroup_inner ol[start="36"] {
  counter-reset: number 35;
}
.c-freeboxGroup ol[start="37"], .c-freeboxGroup_inner ol[start="37"] {
  counter-reset: number 36;
}
.c-freeboxGroup ol[start="38"], .c-freeboxGroup_inner ol[start="38"] {
  counter-reset: number 37;
}
.c-freeboxGroup ol[start="39"], .c-freeboxGroup_inner ol[start="39"] {
  counter-reset: number 38;
}
.c-freeboxGroup ol[start="40"], .c-freeboxGroup_inner ol[start="40"] {
  counter-reset: number 39;
}
.c-freeboxGroup ol[start="41"], .c-freeboxGroup_inner ol[start="41"] {
  counter-reset: number 40;
}
.c-freeboxGroup ol[start="42"], .c-freeboxGroup_inner ol[start="42"] {
  counter-reset: number 41;
}
.c-freeboxGroup ol[start="43"], .c-freeboxGroup_inner ol[start="43"] {
  counter-reset: number 42;
}
.c-freeboxGroup ol[start="44"], .c-freeboxGroup_inner ol[start="44"] {
  counter-reset: number 43;
}
.c-freeboxGroup ol[start="45"], .c-freeboxGroup_inner ol[start="45"] {
  counter-reset: number 44;
}
.c-freeboxGroup ol[start="46"], .c-freeboxGroup_inner ol[start="46"] {
  counter-reset: number 45;
}
.c-freeboxGroup ol[start="47"], .c-freeboxGroup_inner ol[start="47"] {
  counter-reset: number 46;
}
.c-freeboxGroup ol[start="48"], .c-freeboxGroup_inner ol[start="48"] {
  counter-reset: number 47;
}
.c-freeboxGroup ol[start="49"], .c-freeboxGroup_inner ol[start="49"] {
  counter-reset: number 48;
}
.c-freeboxGroup ol[start="50"], .c-freeboxGroup_inner ol[start="50"] {
  counter-reset: number 49;
}
.c-freeboxGroup ol[start="51"], .c-freeboxGroup_inner ol[start="51"] {
  counter-reset: number 50;
}
.c-freeboxGroup ol[start="52"], .c-freeboxGroup_inner ol[start="52"] {
  counter-reset: number 51;
}
.c-freeboxGroup ol[start="53"], .c-freeboxGroup_inner ol[start="53"] {
  counter-reset: number 52;
}
.c-freeboxGroup ol[start="54"], .c-freeboxGroup_inner ol[start="54"] {
  counter-reset: number 53;
}
.c-freeboxGroup ol[start="55"], .c-freeboxGroup_inner ol[start="55"] {
  counter-reset: number 54;
}
.c-freeboxGroup ol[start="56"], .c-freeboxGroup_inner ol[start="56"] {
  counter-reset: number 55;
}
.c-freeboxGroup ol[start="57"], .c-freeboxGroup_inner ol[start="57"] {
  counter-reset: number 56;
}
.c-freeboxGroup ol[start="58"], .c-freeboxGroup_inner ol[start="58"] {
  counter-reset: number 57;
}
.c-freeboxGroup ol[start="59"], .c-freeboxGroup_inner ol[start="59"] {
  counter-reset: number 58;
}
.c-freeboxGroup ol[start="60"], .c-freeboxGroup_inner ol[start="60"] {
  counter-reset: number 59;
}
.c-freeboxGroup ol[start="61"], .c-freeboxGroup_inner ol[start="61"] {
  counter-reset: number 60;
}
.c-freeboxGroup ol[start="62"], .c-freeboxGroup_inner ol[start="62"] {
  counter-reset: number 61;
}
.c-freeboxGroup ol[start="63"], .c-freeboxGroup_inner ol[start="63"] {
  counter-reset: number 62;
}
.c-freeboxGroup ol[start="64"], .c-freeboxGroup_inner ol[start="64"] {
  counter-reset: number 63;
}
.c-freeboxGroup ol[start="65"], .c-freeboxGroup_inner ol[start="65"] {
  counter-reset: number 64;
}
.c-freeboxGroup ol[start="66"], .c-freeboxGroup_inner ol[start="66"] {
  counter-reset: number 65;
}
.c-freeboxGroup ol[start="67"], .c-freeboxGroup_inner ol[start="67"] {
  counter-reset: number 66;
}
.c-freeboxGroup ol[start="68"], .c-freeboxGroup_inner ol[start="68"] {
  counter-reset: number 67;
}
.c-freeboxGroup ol[start="69"], .c-freeboxGroup_inner ol[start="69"] {
  counter-reset: number 68;
}
.c-freeboxGroup ol[start="70"], .c-freeboxGroup_inner ol[start="70"] {
  counter-reset: number 69;
}
.c-freeboxGroup ol[start="71"], .c-freeboxGroup_inner ol[start="71"] {
  counter-reset: number 70;
}
.c-freeboxGroup ol[start="72"], .c-freeboxGroup_inner ol[start="72"] {
  counter-reset: number 71;
}
.c-freeboxGroup ol[start="73"], .c-freeboxGroup_inner ol[start="73"] {
  counter-reset: number 72;
}
.c-freeboxGroup ol[start="74"], .c-freeboxGroup_inner ol[start="74"] {
  counter-reset: number 73;
}
.c-freeboxGroup ol[start="75"], .c-freeboxGroup_inner ol[start="75"] {
  counter-reset: number 74;
}
.c-freeboxGroup ol[start="76"], .c-freeboxGroup_inner ol[start="76"] {
  counter-reset: number 75;
}
.c-freeboxGroup ol[start="77"], .c-freeboxGroup_inner ol[start="77"] {
  counter-reset: number 76;
}
.c-freeboxGroup ol[start="78"], .c-freeboxGroup_inner ol[start="78"] {
  counter-reset: number 77;
}
.c-freeboxGroup ol[start="79"], .c-freeboxGroup_inner ol[start="79"] {
  counter-reset: number 78;
}
.c-freeboxGroup ol[start="80"], .c-freeboxGroup_inner ol[start="80"] {
  counter-reset: number 79;
}
.c-freeboxGroup ol[start="81"], .c-freeboxGroup_inner ol[start="81"] {
  counter-reset: number 80;
}
.c-freeboxGroup ol[start="82"], .c-freeboxGroup_inner ol[start="82"] {
  counter-reset: number 81;
}
.c-freeboxGroup ol[start="83"], .c-freeboxGroup_inner ol[start="83"] {
  counter-reset: number 82;
}
.c-freeboxGroup ol[start="84"], .c-freeboxGroup_inner ol[start="84"] {
  counter-reset: number 83;
}
.c-freeboxGroup ol[start="85"], .c-freeboxGroup_inner ol[start="85"] {
  counter-reset: number 84;
}
.c-freeboxGroup ol[start="86"], .c-freeboxGroup_inner ol[start="86"] {
  counter-reset: number 85;
}
.c-freeboxGroup ol[start="87"], .c-freeboxGroup_inner ol[start="87"] {
  counter-reset: number 86;
}
.c-freeboxGroup ol[start="88"], .c-freeboxGroup_inner ol[start="88"] {
  counter-reset: number 87;
}
.c-freeboxGroup ol[start="89"], .c-freeboxGroup_inner ol[start="89"] {
  counter-reset: number 88;
}
.c-freeboxGroup ol[start="90"], .c-freeboxGroup_inner ol[start="90"] {
  counter-reset: number 89;
}
.c-freeboxGroup ol[start="91"], .c-freeboxGroup_inner ol[start="91"] {
  counter-reset: number 90;
}
.c-freeboxGroup ol[start="92"], .c-freeboxGroup_inner ol[start="92"] {
  counter-reset: number 91;
}
.c-freeboxGroup ol[start="93"], .c-freeboxGroup_inner ol[start="93"] {
  counter-reset: number 92;
}
.c-freeboxGroup ol[start="94"], .c-freeboxGroup_inner ol[start="94"] {
  counter-reset: number 93;
}
.c-freeboxGroup ol[start="95"], .c-freeboxGroup_inner ol[start="95"] {
  counter-reset: number 94;
}
.c-freeboxGroup ol[start="96"], .c-freeboxGroup_inner ol[start="96"] {
  counter-reset: number 95;
}
.c-freeboxGroup ol[start="97"], .c-freeboxGroup_inner ol[start="97"] {
  counter-reset: number 96;
}
.c-freeboxGroup ol[start="98"], .c-freeboxGroup_inner ol[start="98"] {
  counter-reset: number 97;
}
.c-freeboxGroup ol[start="99"], .c-freeboxGroup_inner ol[start="99"] {
  counter-reset: number 98;
}
.c-freeboxGroup ol[start="100"], .c-freeboxGroup_inner ol[start="100"] {
  counter-reset: number 99;
}

.p-card {
  position: relative;
  width: 100%;
  height: 100%;
}
