@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}

[data-animate*=crossFade] {
  animation-name: crossFade;
  animation-duration: 4000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes crossFade {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
[data-animate=rotate] {
  animation-name: rotate;
  animation-duration: 30000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: forwards;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes aniGoing {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  25% {
    opacity: 1;
  }
  50% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes swingItem {
  0% {
    transform: rotate(-6deg);
  }
  49.5% {
    transform: rotate(-6deg);
  }
  50% {
    transform: rotate(6deg);
  }
  99.5% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
[class*=anima][data-animate=slide-in] {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
[class*=anima][data-animate=slide-in] > * {
  overflow: hidden;
  display: block;
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
[class*=anima][data-animate=slide-in].onView, [class*=anima][data-animate=slide-in].onView > * {
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=fadein] {
  opacity: 0;
  will-change: opacity;
  transition: ease-in, opacity 1600ms;
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=fadein] > * {
  opacity: 0;
  will-change: opacity;
  transition: ease-in, opacity 1600ms;
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=fadein] > *:nth-child(1) {
  transition-delay: 0.5s;
}
[class*=anima][data-animate=fadein] > *:nth-child(2) {
  transition-delay: 1s;
}
[class*=anima][data-animate=fadein] > *:nth-child(3) {
  transition-delay: 1.5s;
}
[class*=anima][data-animate=fadein] > *:nth-child(4) {
  transition-delay: 2s;
}
[class*=anima][data-animate=fadein] > *:nth-child(5) {
  transition-delay: 2.5s;
}
[class*=anima][data-animate=fadein] > *:nth-child(6) {
  transition-delay: 3s;
}
[class*=anima][data-animate=fadein] > *:nth-child(7) {
  transition-delay: 3.5s;
}
[class*=anima][data-animate=fadein] > *:nth-child(8) {
  transition-delay: 4s;
}
[class*=anima][data-animate=fadein] > *:nth-child(9) {
  transition-delay: 4.5s;
}
[class*=anima][data-animate=fadein] > *:nth-child(10) {
  transition-delay: 5s;
}
[class*=anima][data-animate=fadein] > picture:nth-of-type(2) {
  transition-delay: 1.6s !important;
}
[class*=anima][data-animate=fadein].onView {
  opacity: 1;
}
[class*=anima][data-animate=fadein].onView > * {
  opacity: 1;
}
[class*=anima][data-animate=swing] {
  display: inline-block;
  animation-name: swingItem;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-duration: alternate;
  opacity: 0;
  will-change: opacity;
  transition: ease-in, opacity 1600ms;
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=swing].onView {
  opacity: 1;
}
[class*=anima][data-animate=swing].onView > * {
  opacity: 1;
}
[class*=anima][data-animate=border-animate] {
  opacity: 0;
  will-change: opacity;
  transition: ease-in, opacity 1600ms;
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=border-animate].onView {
  opacity: 1;
}
[class*=anima][data-animate=border-animate].onView > * {
  opacity: 1;
}
[class*=anima][data-animate=border-animate] .border {
  --border-default: 5px solid #d3ebc9;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  transition: ease-in, transform 250ms;
}
[class*=anima][data-animate=border-animate] .border:nth-child(1) {
  top: 0;
  left: 0;
  border-top: var(--border-default);
  transform: scaleX(0);
  transform-origin: left;
}
[class*=anima][data-animate=border-animate] .border:nth-child(2) {
  top: 0;
  left: 0;
  border-right: var(--border-default);
  transform: scaleY(0);
  transform-origin: top;
}
[class*=anima][data-animate=border-animate] .border:nth-child(3) {
  bottom: 0;
  left: 0;
  border-bottom: var(--border-default);
  transform: scaleX(0);
  transform-origin: right;
}
[class*=anima][data-animate=border-animate] .border:nth-child(4) {
  top: 0;
  right: 0;
  border-left: var(--border-default);
  transform: scaleY(0);
  transform-origin: bottom;
}
[class*=anima][data-animate=border-animate] .border:nth-child(1) {
  transition-delay: 0.75s;
}
[class*=anima][data-animate=border-animate] .border:nth-child(2) {
  transition-delay: 1s;
}
[class*=anima][data-animate=border-animate] .border:nth-child(3) {
  transition-delay: 1.25s;
}
[class*=anima][data-animate=border-animate] .border:nth-child(4) {
  transition-delay: 1.5s;
}
[class*=anima][data-animate=border-animate].onView .border:nth-child(1) {
  transform: scaleX(1);
}
[class*=anima][data-animate=border-animate].onView .border:nth-child(2) {
  transform: scaleY(1);
}
[class*=anima][data-animate=border-animate].onView .border:nth-child(3) {
  transform: scaleX(1);
}
[class*=anima][data-animate=border-animate].onView .border:nth-child(4) {
  transform: scaleY(1);
}
[class*=anima][data-animate=border-scale] {
  opacity: 0;
  will-change: opacity;
  transition: ease-in, opacity 1600ms;
  transform: translate3d(0, 0, 0);
}
[class*=anima][data-animate=border-scale].onView {
  opacity: 1;
}
[class*=anima][data-animate=border-scale].onView > * {
  opacity: 1;
}
[class*=anima][data-animate=border-scale] .border {
  --border-default: 1px solid #2d3238;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  transition: ease-in, transform 2000ms;
  transition-delay: 1.5s;
}
@media screen and (max-width: 767px) {
  [class*=anima][data-animate=border-scale] .border {
    --border-default: calc(1 * (100vw / 390)) solid #2d3238;
  }
}
[class*=anima][data-animate=border-scale] .border:nth-child(1) {
  width: 5rem;
  top: 0;
  left: 0;
  border-top: var(--border-default);
  transform: scaleX(0);
  transform-origin: left;
}
@media screen and (max-width: 767px) {
  [class*=anima][data-animate=border-scale] .border:nth-child(1) {
    width: calc(30 * (100vw / 390));
  }
}
[class*=anima][data-animate=border-scale] .border:nth-child(2) {
  height: 5rem;
  top: auto;
  bottom: 0;
  left: 0;
  border-right: var(--border-default);
  transform: scaleY(0);
  transform-origin: bottom;
}
@media screen and (max-width: 767px) {
  [class*=anima][data-animate=border-scale] .border:nth-child(2) {
    height: calc(30 * (100vw / 390));
  }
}
[class*=anima][data-animate=border-scale] .border:nth-child(3) {
  width: 5rem;
  bottom: 0;
  right: 0;
  left: auto;
  border-bottom: var(--border-default);
  transform: scaleX(0);
  transform-origin: right;
}
@media screen and (max-width: 767px) {
  [class*=anima][data-animate=border-scale] .border:nth-child(3) {
    width: calc(30 * (100vw / 390));
  }
}
[class*=anima][data-animate=border-scale] .border:nth-child(4) {
  height: 5rem;
  top: 0;
  right: 0;
  border-left: var(--border-default);
  transform: scaleY(0);
  transform-origin: top;
}
@media screen and (max-width: 767px) {
  [class*=anima][data-animate=border-scale] .border:nth-child(4) {
    height: calc(30 * (100vw / 390));
  }
}
[class*=anima][data-animate=border-scale].onView .border:nth-child(1) {
  transform: scaleX(1);
}
[class*=anima][data-animate=border-scale].onView .border:nth-child(2) {
  transform: scaleY(1);
}
[class*=anima][data-animate=border-scale].onView .border:nth-child(3) {
  transform: scaleX(1);
}
[class*=anima][data-animate=border-scale].onView .border:nth-child(4) {
  transform: scaleY(1);
}
[class*=anima]:not(.onView) * {
  animation-play-state: paused;
}
[class*=anima].onView * {
  animation-play-state: running;
}
[class*=anima][data-animate=slide-in-right] {
  transform: translateX(20rem);
}
[class*=anima][data-animate=slide-in-left] {
  transform: translateX(-20rem);
}
[class*=anima] [data-animate=ani-going] {
  animation: aniGoing;
  animation-duration: 2500ms;
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-iteration-count: infinite;
  animation-direction: forwards;
}

[data-src]::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainVisual-inner [data-animate=fadein] *:nth-child(1) {
    transition-delay: 1s;
  }
  #CK230615_giovanni .mainVisual-inner [data-animate=fadein] *:nth-child(2) {
    transition-delay: 1.5s;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-captionText .anima,
  #CK230615_giovanni .mainConcept-captionText .anima * {
    transition-delay: 0.5s;
  }
}
#CK230615_giovanni .article-list article [data-animate=fadein] .step-number::before {
  will-change: transform;
  transition: ease-in, transform 2250ms;
  transform: scaleX(0);
  transform-origin: left;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .article-list article [data-animate=fadein] .step-number::before {
    transition-delay: 1s;
  }
}
#CK230615_giovanni .article-list article [data-animate=fadein].onView .step-number::before {
  transform: scaleX(1);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .article-list article [data-animate=fadein] > *:nth-child(3) {
    transition-delay: 1s;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .step__image {
    transition-delay: 0s;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .step__description {
    transition-delay: 0.5s;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-text .anima,
  #CK230615_giovanni .finish-text .anima > * {
    transition-delay: 2s;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-text .anima,
  #CK230615_giovanni .finish-text .anima > * {
    transition-delay: 2s;
  }
}

@media screen and (max-width: 767px) {
  html .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  html .spOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

#CK230615_giovanni *,
#CK230615_giovanni *::after,
#CK230615_giovanni *::before {
  box-sizing: border-box;
}
#CK230615_giovanni * {
  margin: 0;
  padding: 0;
  font: inherit;
}
#CK230615_giovanni picture, #CK230615_giovanni svg, #CK230615_giovanni img, #CK230615_giovanni video {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}
#CK230615_giovanni a:link {
  pointer-events: all;
}
#CK230615_giovanni a:link:hover {
  cursor: pointer;
}
#CK230615_giovanni a.no_link {
  opacity: 1;
  pointer-events: none;
  border: none;
  text-decoration: none;
}
#CK230615_giovanni a.no_link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni a.no_link span {
    font-size: 1.6rem;
  }
}
#CK230615_giovanni ol, #CK230615_giovanni ul {
  list-style: none outside none;
}
#CK230615_giovanni input, #CK230615_giovanni textarea, #CK230615_giovanni button, #CK230615_giovanni select {
  font: inherit;
}
#CK230615_giovanni [class*=content],
#CK230615_giovanni [class*=__wrap],
#CK230615_giovanni [class*=-inner],
#CK230615_giovanni [class*=__image],
#CK230615_giovanni [class*=__item],
#CK230615_giovanni [class*=__video],
#CK230615_giovanni [class*=__caption] {
  position: relative;
  width: 100%;
}

#CK230615_giovanni .credits-text, #CK230615_giovanni .credits-title, #CK230615_giovanni .step-advice-title, #CK230615_giovanni .step-order > *::before, #CK230615_giovanni .step-number, #CK230615_giovanni .product-price,
#CK230615_giovanni .item-price, #CK230615_giovanni .section-title {
  font-family: "itc-benguiat", serif;
  font-style: italic;
}

.font_MC {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}

#CK230615_giovanni {
  /* ---------- Text Area ---------- */
  color: var(--base-font-color);
  text-align: left;
}
#CK230615_giovanni .mainVisual-text {
  font-size: 18px;
  line-height: 1.89;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-text {
    font-size: calc(28 * (100vw / 390));
    line-height: 1.79;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainVisual-text {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .section-title {
  font-size: var(--title-size, 5rem);
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .section-title {
    --title-size: calc(30 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .section-title {
    font-size: calc(50 * (100vw / 1400));
  }
}
#CK230615_giovanni .product-name,
#CK230615_giovanni .item-name {
  font-size: 1.8rem;
  line-height: 1.56;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .product-name,
  #CK230615_giovanni .item-name {
    font-size: calc(16 * (100vw / 390));
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .product-name,
  #CK230615_giovanni .item-name {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .product-price,
#CK230615_giovanni .item-price {
  font-size: 2.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .product-price,
  #CK230615_giovanni .item-price {
    font-size: calc(22 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .product-price,
  #CK230615_giovanni .item-price {
    font-size: calc(16 * (100vw / 1400));
  }
}
#CK230615_giovanni .product-price .tax,
#CK230615_giovanni .item-price .tax {
  font-size: 0.615em;
}
#CK230615_giovanni .mainConcept-description {
  color: #fff;
}
#CK230615_giovanni .mainConcept-description-title {
  font-size: 3rem;
  line-height: 1.73;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-description-title {
    font-size: calc(22 * (100vw / 390));
    line-height: 1.82;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainConcept-description-title {
    font-size: calc(30 * (100vw / 1400));
  }
}
#CK230615_giovanni .mainConcept-description-text {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-description-text {
    font-size: calc(14 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainConcept-description-text {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .step-number {
  font-size: var(--title-size, 5rem);
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-number {
    font-size: calc(45 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-number {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .step-point {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.92;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-point {
    font-size: calc(24 * (100vw / 1400));
    line-height: 1.56;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-point {
    font-size: calc(18 * (100vw / 390));
    line-height: 1.56;
  }
}
#CK230615_giovanni .step-order {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-order {
    font-size: calc(14 * (100vw / 390));
    line-height: 1.71;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-order {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .step-order-text {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-order-text {
    font-size: calc(14 * (100vw / 390));
    line-height: 1.71;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-order-text {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .step-order > *::before {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .step-order > *::before {
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-order > *::before {
    font-size: calc(12 * (100vw / 390));
    line-height: 1.7;
  }
}
#CK230615_giovanni .step-order .text-bold {
  font-weight: 600;
}
#CK230615_giovanni .step-advice-title {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #7fc482;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-advice-title {
    font-size: calc(18 * (100vw / 390));
    line-height: 1.78;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-advice-title {
    font-size: calc(20 * (100vw / 1400));
  }
}
#CK230615_giovanni .step-advice-text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .step-advice-text {
    font-size: calc(12 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .step-advice-text {
    font-size: calc(14 * (100vw / 1400));
  }
}
#CK230615_giovanni .credits-title {
  font-size: 1.8rem;
  line-height: 1.56;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .credits-title {
    font-size: calc(16 * (100vw / 390));
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .credits-title {
    font-size: calc(18 * (100vw / 1400));
  }
}
#CK230615_giovanni .credits-text {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .credits-text {
    font-size: calc(12 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .credits-text {
    font-size: calc(14 * (100vw / 1400));
  }
}

.c-text {
  text-align: center;
}

.flexbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flexbox > * {
  width: 100%;
  flex: 0 0 auto;
}

.break {
  flex-basis: 100%;
}

#CK230615_giovanni .btn-base {
  font-size: var(--btn-fontSize);
  font-family: var(--btn-fontType);
  color: var(--btn-text-color);
  border-color: var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  background-color: var(--btn-bg-color);
  width: var(--btn-width);
  height: var(--btn-height);
  transition: all 0.5s;
}
#CK230615_giovanni .btn-base > a {
  color: var(--btn-text-color);
}
#CK230615_giovanni .btn-wrap {
  position: relative;
  display: block;
  width: 100%;
}
#CK230615_giovanni .btn-action {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .btn-action {
    --btn-width: 214px;
    -webkit-margin-before: 40px;
            margin-block-start: 40px;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .btn-action {
    --btn-width: calc(410 * (100vw / 750));
    -webkit-margin-before: calc(45 * (100vw / 390));
            margin-block-start: calc(45 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .btn-action {
    --btn-width: calc(214 * (100vw / 1400));
    -webkit-margin-before: calc(40 * (100vw / 1400));
            margin-block-start: calc(40 * (100vw / 1400));
  }
}

/* ---------- Slider Control ---------- */
:root {
  --base-bg-color: #e3f2dd;
  --base-font-color: #2d3238;
}

#Wrap,
.wrapTop,
.wrapBottom {
  width: unset;
  max-width: 100%;
}

main {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  footer {
    margin-top: calc(150 * (100vw / 390));
  }
}

#CK230615_giovanni {
  background-color: var(--base-bg-color);
  /* ===================
  	　　 archive
  =================== */
  /* ===================
  　　 archive
  	=================== */
}
#CK230615_giovanni .inner-wrap {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .inner-wrap {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
    -webkit-margin-after: 150px;
            margin-block-end: 150px;
  }
}
#CK230615_giovanni .mainVisual-wrap {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
  -webkit-padding-before: 6rem;
          padding-block-start: 6rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-wrap {
    position: relative;
    max-width: 100%;
    -webkit-padding-before: calc(30 * (100vw / 390));
            padding-block-start: calc(30 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainVisual-wrap {
    max-width: calc(1100 * (100vw / 1400));
    -webkit-padding-before: calc(60 * (100vw / 1400));
            padding-block-start: calc(60 * (100vw / 1400));
  }
}
#CK230615_giovanni .mainVisual-wrap figure {
  --content-row: 1/2;
  --content-column: 1/3;
  display: grid;
  max-width: 96rem;
  grid-template-columns: 46rem 4rem 46rem;
  align-items: flex-start;
  margin-inline: auto;
  -webkit-margin-before: 5rem;
          margin-block-start: 5rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-wrap figure {
    --content-row: 2/3;
    --content-column: 1/3;
    max-width: calc(710 * (100vw / 390));
    grid-template-columns: calc(160 * (100vw / 390)) calc(30 * (100vw / 390)) calc(160 * (100vw / 390));
    -webkit-margin-before: calc(-15 * (100vw / 390));
            margin-block-start: calc(-15 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainVisual-wrap figure {
    max-width: calc(960 * (100vw / 1400));
    -webkit-margin-before: calc(50 * (100vw / 1400));
            margin-block-start: calc(50 * (100vw / 1400));
  }
}
#CK230615_giovanni .mainVisual-inner {
  display: grid;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-inner {
    max-width: calc(350 * (100vw / 390));
    margin-inline: auto;
  }
}
#CK230615_giovanni .mainVisual-image:nth-of-type(1) {
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 1;
  -webkit-margin-before: 8rem;
          margin-block-start: 8rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-image:nth-of-type(1) {
    -webkit-margin-before: calc(40 * (100vw / 390));
            margin-block-start: calc(40 * (100vw / 390));
  }
}
#CK230615_giovanni .mainVisual-image:nth-of-type(2) {
  grid-column: 2/4;
  grid-row: 1/2;
}
#CK230615_giovanni .mainVisual-text {
  --content-row: 1/2;
  --content-column: 1/3;
  max-width: 74rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainVisual-text {
    max-width: calc(311 * (100vw / 390));
  }
}
#CK230615_giovanni .content-list {
  position: relative;
}
#CK230615_giovanni .gridLayout {
  display: grid;
  grid-template-columns: var(--grid-columnLayout);
  align-items: var(--grid-align, flex-start);
  justify-content: var(--grid-justify, flex-start);
  -moz-column-gap: var(--grid-colGap);
       column-gap: var(--grid-colGap);
  row-gap: var(--grid-rowGap);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .gridLayout {
    grid-template-columns: var(--grid-columnLayout, minmax(0, 1fr));
  }
}
#CK230615_giovanni .gridLayout > * {
  width: var(--content-width);
  grid-row: var(--content-row);
  grid-column: var(--content-column);
  margin-block: var(--content-verticalOffset);
  margin-inline: var(--content-horizontalOffset);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .gridLayout.grid-col2 {
    --grid-columnLayout: repeat(2, 1fr);
  }
}
#CK230615_giovanni .section-content:not(:first-child) {
  -webkit-margin-before: var(--mtop-content);
          margin-block-start: var(--mtop-content);
}
#CK230615_giovanni .product-details {
  -webkit-margin-before: var(--mtop-productDetails);
          margin-block-start: var(--mtop-productDetails);
}
#CK230615_giovanni .product-name {
  -webkit-margin-before: var(--mtop-productName);
          margin-block-start: var(--mtop-productName);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .product-name {
    -webkit-margin-before: var(--mtop-productName, 1.1em);
            margin-block-start: var(--mtop-productName, 1.1em);
  }
}
#CK230615_giovanni .product-price {
  -webkit-margin-before: var(--mtop-productPrice);
          margin-block-start: var(--mtop-productPrice);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .product-price {
    -webkit-margin-before: var(--mtop-productPrice, 0.9em);
            margin-block-start: var(--mtop-productPrice, 0.9em);
  }
}
#CK230615_giovanni .product-description {
  -webkit-margin-before: var(--mtop-productDescription);
          margin-block-start: var(--mtop-productDescription);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .product-description {
    -webkit-margin-before: var(--mtop-productDescription, 2.2em);
            margin-block-start: var(--mtop-productDescription, 2.2em);
  }
}
#CK230615_giovanni section[id][class^=section] {
  margin-inline: auto;
  -webkit-margin-before: var(--section-margin);
          margin-block-start: var(--section-margin);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni section[id][class^=section] {
    max-width: 1020px;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni section[id][class^=section] {
    max-width: calc(670 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni section[id][class^=section] {
    max-width: calc(1020 * (100vw / 1400));
  }
}
#CK230615_giovanni article[class] > *:not(:first-child) {
  -webkit-margin-before: var(--mtop-articleSpace);
          margin-block-start: var(--mtop-articleSpace);
}
#CK230615_giovanni .itemUsed-wrap {
  max-width: 110rem;
  margin-inline: auto;
  -webkit-margin-before: 11.8rem;
          margin-block-start: 11.8rem;
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap {
    min-height: 59.2rem;
    -webkit-padding-before: 9.4rem;
            padding-block-start: 9.4rem;
    padding-inline: 11rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-wrap {
    max-width: calc(1100 * (100vw / 1400));
    min-height: calc(592 * (100vw / 1400));
    -webkit-margin-before: calc(118 * (100vw / 1400));
            margin-block-start: calc(118 * (100vw / 1400));
    -webkit-padding-before: calc(94 * (100vw / 1400));
            padding-block-start: calc(94 * (100vw / 1400));
    padding-inline: calc(110 * (100vw / 1400));
    -moz-column-gap: calc(195.7 * (100vw / 1400));
         column-gap: calc(195.7 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap {
    max-width: calc(350 * (100vw / 390));
    -webkit-margin-before: calc(60 * (100vw / 390));
            margin-block-start: calc(60 * (100vw / 390));
    -webkit-padding-before: calc(36 * (100vw / 390));
            padding-block-start: calc(36 * (100vw / 390));
    -webkit-padding-after: calc(40 * (100vw / 390));
            padding-block-end: calc(40 * (100vw / 390));
  }
}
#CK230615_giovanni .itemUsed-wrap .item {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .item {
    width: auto;
  }
}
#CK230615_giovanni .itemUsed-wrap .item__image {
  max-width: var(--itemImage-width);
  top: var(--itemImage-top);
  bottom: var(--itemImage-bottom);
  right: var(--itemImage-right);
  left: var(--itemImage-left);
  z-index: 1;
  pointer-events: none;
  position: absolute;
}
#CK230615_giovanni .itemUsed-wrap .item__detail {
  position: relative;
  width: 34rem;
  height: 21rem;
  padding-inline: var(--itemDetail-pInline);
  padding-block: var(--itemDetail-pBlock);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-wrap .item__detail {
    width: calc(340 * (100vw / 1400));
    height: calc(210 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .item__detail {
    width: calc(280 * (100vw / 390));
    min-height: calc(165 * (100vw / 390));
  }
}
#CK230615_giovanni .itemUsed-wrap .item-name {
  -webkit-margin-before: var(--mtop-productName);
          margin-block-start: var(--mtop-productName);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .item-name {
    -webkit-margin-before: var(--mtop-productName, 1.1em);
            margin-block-start: var(--mtop-productName, 1.1em);
  }
}
#CK230615_giovanni .itemUsed-wrap .item-price {
  -webkit-margin-before: var(--mtop-productPrice);
          margin-block-start: var(--mtop-productPrice);
}
#CK230615_giovanni .itemUsed-wrap .item-price .tax {
  -webkit-margin-start: 0.2em;
          margin-inline-start: 0.2em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .item-price {
    -webkit-margin-before: var(--mtop-productPrice, 0.9em);
            margin-block-start: var(--mtop-productPrice, 0.9em);
  }
}
#CK230615_giovanni .itemUsed-wrap .item-description {
  -webkit-margin-before: var(--mtop-productDescription);
          margin-block-start: var(--mtop-productDescription);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .item-description {
    -webkit-margin-before: var(--mtop-productDescription, 2.2em);
            margin-block-start: var(--mtop-productDescription, 2.2em);
  }
}
#CK230615_giovanni .itemUsed-wrap .item-btn-detail {
  max-width: 10rem;
  margin-inline: auto 3.8rem;
  margin-block: 3.8rem 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-wrap .item-btn-detail {
    max-width: calc(100 * (100vw / 1400));
    margin-inline: auto calc(35 * (100vw / 1400));
    margin-block: calc(38 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .item-btn-detail {
    max-width: calc(92 * (100vw / 390));
    margin-inline: auto calc(20 * (100vw / 390));
    margin-block: calc(24 * (100vw / 390)) 0;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox {
    -moz-column-gap: 19.57rem;
         column-gap: 19.57rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > * {
    width: auto;
  }
}
#CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) {
  -webkit-margin-before: 9rem;
          margin-block-start: 9rem;
  -webkit-margin-start: 0.2rem;
          margin-inline-start: 0.2rem;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) {
    --itemImage-width: 30.5rem;
    --itemImage-top: -25rem;
    --itemImage-left: -5.6rem;
    --itemDetail-pInline: 14.5rem 0;
    --itemDetail-pBlock: 4.4rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) {
    --itemImage-width: calc(305 * (100vw / 1400));
    -webkit-margin-before: calc(90 * (100vw / 1400));
            margin-block-start: calc(90 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) {
    --itemImage-width: calc(190 * (100vw / 390));
    --itemImage-top: calc(-78 * (100vw / 390));
    --mtop-productPrice: 0.4em;
    -webkit-margin-before: calc(76 * (100vw / 390));
            margin-block-start: calc(76 * (100vw / 390));
    -webkit-margin-start: calc(-2 * (100vw / 390));
            margin-inline-start: calc(-2 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) .item-name {
    -webkit-padding-start: 0.5em;
            padding-inline-start: 0.5em;
  }
}
#CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) .item-price {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) .item-price {
    left: -0.2em;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(1) .item__detail {
    -webkit-margin-start: calc(43 * (100vw / 390));
            margin-inline-start: calc(43 * (100vw / 390));
    -webkit-padding-before: calc(18 * (100vw / 390));
            padding-block-start: calc(18 * (100vw / 390));
    -webkit-padding-start: calc(120 * (100vw / 390));
            padding-inline-start: calc(120 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) {
    --itemImage-width: 25.3rem;
    --itemImage-top: -2rem;
    --itemImage-left: -15.4rem;
    --itemDetail-pInline: 9rem 0;
    --itemDetail-pBlock: 4.8rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) {
    --itemImage-width: calc(253 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) {
    --itemImage-width: calc(152 * (100vw / 390));
    --itemImage-top: calc(-58 * (100vw / 390));
    --itemImage-right: calc(6 * (100vw / 390));
    --itemDetail-pInline: calc(24 * (100vw / 390)) 0;
    --itemDetail-pBlock: calc(35 * (100vw / 390)) 0;
    --mtop-productName: 0;
    --mtop-productPrice: 0.35em;
    -webkit-margin-before: calc(80 * (100vw / 390));
            margin-block-start: calc(80 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item__detail {
    height: 24rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item__detail {
    -webkit-margin-start: calc(25 * (100vw / 390));
            margin-inline-start: calc(25 * (100vw / 390));
    min-height: calc(205 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item-image {
    position: absolute;
    --itemImage-top: calc(-156 * (100vw / 390));
    --itemImage-right: calc(6 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item-name {
    -webkit-padding-start: 0.4em;
            padding-inline-start: 0.4em;
  }
}
#CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item-price {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item-price {
    left: -0.3em;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .itemUsed-wrap .flexbox > *:nth-of-type(2) .item-btn-detail {
    margin-inline: auto calc(25 * (100vw / 390));
    margin-block: calc(10 * (100vw / 390)) 0;
  }
}
#CK230615_giovanni .itemUsed-list {
  background: url("");
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .itemUsed-list {
    --mtop-productPrice: 0.5em;
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .itemUsed-list {
    -webkit-margin-before: calc(50 * (100vw / 1400));
            margin-block-start: calc(50 * (100vw / 1400));
  }
}
#CK230615_giovanni .mainConcept-wrap {
  -webkit-margin-before: 12rem;
          margin-block-start: 12rem;
  background: url("../img/mainConcept-bg.jpg") no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainConcept-wrap {
    -webkit-margin-before: calc(120 * (100vw / 1400));
            margin-block-start: calc(120 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-wrap {
    background: url("../img/mainConcept-bg-sp.jpg") no-repeat;
    background-size: cover;
    -webkit-margin-before: calc(58 * (100vw / 390));
            margin-block-start: calc(58 * (100vw / 390));
  }
}
#CK230615_giovanni .mainConcept-inner {
  max-width: 108.8rem;
  margin-inline: auto;
  -webkit-padding-before: 12.2rem;
          padding-block-start: 12.2rem;
  -webkit-padding-after: 12rem;
          padding-block-end: 12rem;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-inner.grid-col2 {
    --grid-columnLayout: 50rem 6.6rem auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainConcept-inner {
    max-width: calc(1100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-inner {
    max-width: calc(370 * (100vw / 390));
    -webkit-padding-before: calc(50 * (100vw / 390));
            padding-block-start: calc(50 * (100vw / 390));
    -webkit-padding-after: calc(52 * (100vw / 390));
            padding-block-end: calc(52 * (100vw / 390));
  }
}
#CK230615_giovanni .mainConcept-inner figure {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-inner figure {
    --content-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-inner figure {
    --content-width: calc(320 * (100vw / 390));
    --content-verticalOffset: calc(-35 * (100vw / 390)) 0;
    --content-horizontalOffset: auto;
  }
}
#CK230615_giovanni .mainConcept-image-bg {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-image-bg {
    top: -2rem;
    left: -2.5rem;
    width: 55.2rem;
    height: 64rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .mainConcept-image-bg {
    top: calc(20 * (100vw / 1400));
    left: calc(-25 * (100vw / 1400));
    width: calc(552 * (100vw / 1400));
    height: calc(640 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-image-bg {
    top: calc(-12 * (100vw / 390));
    left: calc(-18 * (100vw / 390));
    width: calc(352.3 * (100vw / 390));
    height: calc(410.4 * (100vw / 390));
  }
}
#CK230615_giovanni .mainConcept-captionText {
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-captionText {
    --content-column: 2/4;
    --content-row: 1/2;
    -webkit-margin-before: 1.2rem;
            margin-block-start: 1.2rem;
    -webkit-margin-start: -8rem;
            margin-inline-start: -8rem;
    width: 57.7rem;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-description {
    --content-row: 1/2;
    --content-column: 3/4;
    --content-verticalOffset: 22rem 0;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-description {
    --content-width: calc(350 * (100vw / 390));
    --content-verticalOffset: calc(40* (100vw / 390)) 0;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .mainConcept-description-text {
    -webkit-margin-before: 1.2em;
            margin-block-start: 1.2em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .mainConcept-description-text {
    -webkit-margin-before: 1.1em;
            margin-block-start: 1.1em;
  }
}
#CK230615_giovanni .howTo-wrap {
  -webkit-margin-before: 11.4rem;
          margin-block-start: 11.4rem;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap {
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap {
    -webkit-margin-before: calc(114 * (100vw / 1400));
            margin-block-start: calc(114 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap {
    -webkit-margin-before: calc(58 * (100vw / 390));
            margin-block-start: calc(58 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list {
  max-width: 110rem;
  margin-inline: auto;
  -webkit-margin-before: 5.6rem;
          margin-block-start: 5.6rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list {
    -webkit-margin-before: calc(56 * (100vw / 1400));
            margin-block-start: calc(56 * (100vw / 1400));
    max-width: calc(1100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list {
    max-width: calc(350 * (100vw / 390));
    -webkit-margin-before: calc(34 * (100vw / 390));
            margin-block-start: calc(34 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list > * {
  --grid-colGap: 2rem;
  counter-reset: order-number;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list > * {
    --grid-colGap: calc(20 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list > * {
    --grid-rowGap: calc(22 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list > *:not(:first-child) {
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list > *:not(:first-child) {
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list > *:not(:first-child) {
    -webkit-margin-before: calc(45 * (100vw / 390));
            margin-block-start: calc(45 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list > *:nth-of-type(even) .step__image,
  #CK230615_giovanni .howTo-wrap .article-list > *:nth-of-type(even) .step-slider {
    --content-column: 2/3;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list > *:nth-of-type(even) figcaption,
  #CK230615_giovanni .howTo-wrap .article-list > *:nth-of-type(even) .step__description {
    --content-column: 1/2;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list > * figcaption {
    --content-row: 2/3;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step__description {
    --content-row: 1/2;
    --content-column: 2/3;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-number {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-number {
    -webkit-margin-before: 3.4rem;
            margin-block-start: 3.4rem;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-number h4 {
  max-width: var(--number-width);
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-number h4 {
    max-width: var(--number-width, 14rem);
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-number h4 {
    max-width: var(--number-width, calc(89 * (100vw / 390)));
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-number::before {
  content: "";
  width: 71%;
  height: 2px;
  background: #7fc482;
  position: absolute;
  top: 0.625em;
  right: 0;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-number::before {
    height: calc(1 * (100vw / 390));
    top: 0.45em;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-point {
  padding-block: 0.5em;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-point {
    -webkit-margin-before: 5.2rem;
            margin-block-start: 5.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-point {
    -webkit-margin-before: calc(52 * (100vw / 1400));
            margin-block-start: calc(52 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-point {
    -webkit-margin-before: calc(10 * (100vw / 390));
            margin-block-start: calc(10 * (100vw / 390));
    padding-block: 0.6em 0.5em;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-order {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}
#CK230615_giovanni .howTo-wrap .article-list .step-order > * {
  position: relative;
  -webkit-padding-start: 1.8em;
          padding-inline-start: 1.8em;
  counter-increment: order-number;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-order > * {
    -webkit-padding-start: 2em;
            padding-inline-start: 2em;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-order > *:not(:first-of-type) {
  -webkit-margin-before: 0.9em;
          margin-block-start: 0.9em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-order > *:not(:first-of-type) {
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-order > *::before {
  content: counter(order-number);
  background-color: #7fc482;
  border-radius: 50vh;
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-order > *::before {
    top: 0.25em;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-order > *::before {
    width: calc(20 * (100vw / 390));
    height: calc(20 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-advice {
  -webkit-margin-before: 4.5rem;
          margin-block-start: 4.5rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-advice {
    -webkit-margin-before: calc(40 * (100vw / 390));
            margin-block-start: calc(40 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-advice-title {
  position: relative;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-advice-title {
    -webkit-margin-start: -0.5em;
            margin-inline-start: -0.5em;
    -webkit-margin-before: -1em;
            margin-block-start: -1em;
    top: -0.6em;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-advice-title {
    -webkit-margin-start: -0.8em;
            margin-inline-start: -0.8em;
    -webkit-margin-before: -2em;
            margin-block-start: -2em;
    top: -0.2em;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-advice-inner {
  -webkit-margin-before: -0.85em;
          margin-block-start: -0.85em;
  padding-block: 2.4rem;
  padding-inline: 3rem;
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-advice-inner {
    padding-block: calc(26 * (100vw / 390)) calc(18 * (100vw / 390));
    padding-inline: calc(24 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step__image, #CK230615_giovanni .howTo-wrap .article-list .step-slider {
    --content-width: 50rem;
    --content-row: 1/4;
    --content-column: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list .step__image, #CK230615_giovanni .howTo-wrap .article-list .step-slider {
    --content-width: calc(500 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step__image, #CK230615_giovanni .howTo-wrap .article-list .step-slider {
    --content-width: calc(300 * (100vw / 390));
    margin-inline: auto;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-prev {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-prev {
    width: 1rem;
    left: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-prev {
    width: calc(8.5 * (100vw / 390));
    height: calc(14.2 * (100vw / 390));
    left: calc(10 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-prev::before {
  content: "";
  position: absolute;
  background-image: url("../img/slick_prev.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-next {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-next {
    width: 1rem;
    right: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-next {
    width: calc(8.5 * (100vw / 390));
    height: calc(14.2 * (100vw / 390));
    right: calc(10 * (100vw / 390));
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step-slider .slick-next::before {
  content: "";
  position: absolute;
  background-image: url("../img/slick_next.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step01 .gridLayout {
    align-items: center;
  }
  #CK230615_giovanni .howTo-wrap .article-list .step01 .step-slider {
    padding-top: 3.8rem;
  }

}
@media screen and (min-width: 768px) and (max-width: 1024px) {


}

@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-number {
    -webkit-margin-before: 3.4rem;
            margin-block-start: 3.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-number {
    -webkit-margin-before: calc(34 * (100vw / 1400));
            margin-block-start: calc(34 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-number {
    --number-width: calc(90 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-point {
    -webkit-margin-before: 4.5rem;
            margin-block-start: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-details {
    line-height: 1.86;
  }
}
#CK230615_giovanni .howTo-wrap .article-list .step02 .step-details > *:not(:first-child) {
  -webkit-margin-before: 1.5em;
          margin-block-start: 1.5em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step02 .step-details > *:not(:first-child) {
    -webkit-margin-before: 1.6em;
            margin-block-start: 1.6em;
    line-height: 1.86;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step03 {
    -webkit-margin-before: calc(52 * (100vw / 390));
            margin-block-start: calc(52 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step03 .step-number {
    --number-width: 15rem;
    -webkit-margin-before: 7rem;
            margin-block-start: 7rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step03 .step-number {
    --number-width: calc(95 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list .step03 .step-number {
    --number-width: calc(150 * (100vw / 1400));
    -webkit-margin-before: calc(70 * (100vw / 1400));
            margin-block-start: calc(70 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .howTo-wrap .article-list .step04 .step-number {
    --number-width: 14.3rem;
    -webkit-margin-before: 4.6rem;
            margin-block-start: 4.6rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .howTo-wrap .article-list .step04 .step-number {
    --number-width: calc(95 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .howTo-wrap .article-list .step04 .step-number {
    --number-width: calc(143 * (100vw / 1400));
    -webkit-margin-before: calc(46 * (100vw / 1400));
            margin-block-start: calc(46 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-wrap {
    --grid-colGap: 6rem;
    max-width: 106rem;
    margin-inline: auto;
    -webkit-margin-before: 15.8rem;
            margin-block-start: 15.8rem;
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-wrap {
    --grid-columnLayout: repeat(2, 1fr);
    -webkit-margin-before: calc(68 * (100vw / 390));
            margin-block-start: calc(68 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-wrap {
    --grid-colGap: calc(60 * (100vw / 1400));
    max-width: calc(1060 * (100vw / 1400));
    -webkit-margin-before: calc(158 * (100vw / 1400));
            margin-block-start: calc(158 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-wrap + .itemUsed-wrap {
    -webkit-margin-before: 12.6rem;
            margin-block-start: 12.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-wrap + .itemUsed-wrap {
    -webkit-margin-before: calc(126 * (100vw / 1400));
            margin-block-start: calc(126 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-wrap + .itemUsed-wrap {
    -webkit-margin-before: calc(68 * (100vw / 390));
            margin-block-start: calc(68 * (100vw / 390));
  }
}
#CK230615_giovanni .finish-image {
  position: relative;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image {
    --content-column: 1/3;
    --content-width: calc(250 * (100vw / 390));
  }
}
#CK230615_giovanni .finish-image-bg {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-image-bg {
    width: 54rem;
    height: 63.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-image-bg {
    width: calc(540 * (100vw / 1400));
    height: calc(633 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image-bg {
    width: calc(270.3 * (100vw / 390));
    height: calc(316.7 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image-01 {
    --content-row: 1/2;
    --content-horizontalOffset: calc(25 * (100vw / 390)) 0;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-image-01 [class*=bg] {
    top: -1.8rem;
    left: -2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-image-01 [class*=bg] {
    top: calc(-18 * (100vw / 390));
    left: calc(-20 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image-01 [class*=bg] {
    top: calc(-5 * (100vw / 390));
    left: calc(-10 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-image-02 {
    -webkit-margin-before: 14.5rem;
            margin-block-start: 14.5rem;
    --content-column: 2/3;
    --content-row: 1/3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-image-02 {
    -webkit-margin-before: calc(145 * (100vw / 1400));
            margin-block-start: calc(145 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image-02 {
    --content-row: 2/3;
    --content-verticalOffset: calc(40 * (100vw / 390)) 0;
    --content-horizontalOffset: auto calc(25 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-image-02 [class*=bg] {
    top: -1.2rem;
    left: -2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-image-02 [class*=bg] {
    top: calc(-12 * (100vw / 390));
    left: calc(-20 * (100vw / 390));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-image-02 [class*=bg] {
    top: calc(-10 * (100vw / 390));
    left: calc(-10 * (100vw / 390));
  }
}
#CK230615_giovanni .finish-text {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-text:nth-child(3) {
    --content-row: 1/2;
    --content-column: 2/3;
    -webkit-margin-before: 4rem;
            margin-block-start: 4rem;
    -webkit-margin-start: -15.5rem;
            margin-inline-start: -15.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-text:nth-child(3) {
    -webkit-margin-start: calc(-155 * (100vw / 1400));
            margin-inline-start: calc(-155 * (100vw / 1400));
    -webkit-margin-before: calc(40 * (100vw / 1400));
            margin-block-start: calc(40 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-text:nth-child(3) {
    --content-row: 1/2;
    --content-column: 2/3;
    --content-verticalOffset: calc(50 * (100vw / 390)) 0;
    --content-horizontalOffset: calc(15 * (100vw / 390)) 0;
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish {
    width: 28.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish {
    width: calc(288 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish {
    width: calc(143 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish:nth-child(2) {
    -webkit-margin-start: 18rem;
            margin-inline-start: 18rem;
    -webkit-margin-before: -3.5rem;
            margin-block-start: -3.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish:nth-child(2) {
    -webkit-margin-start: calc(180 * (100vw / 1400));
            margin-inline-start: calc(180 * (100vw / 1400));
    -webkit-margin-before: calc(-35 * (100vw / 1400));
            margin-block-start: calc(-35 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-text:nth-child(3) .finish:nth-child(2) {
    -webkit-margin-start: calc(28 * (100vw / 390));
            margin-inline-start: calc(28 * (100vw / 390));
    -webkit-margin-before: calc(-5 * (100vw / 390));
            margin-block-start: calc(-5 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) {
  #CK230615_giovanni .finish-text:nth-child(4) {
    --content-row: 2/3;
    --content-column: 1/3;
    -webkit-margin-before: -5rem;
            margin-block-start: -5rem;
    -webkit-margin-start: 3.8rem;
            margin-inline-start: 3.8rem;
    width: 58.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .finish-text:nth-child(4) {
    -webkit-margin-before: calc(-50 * (100vw / 1400));
            margin-block-start: calc(-50 * (100vw / 1400));
    -webkit-margin-start: calc(38 * (100vw / 1400));
            margin-inline-start: calc(38 * (100vw / 1400));
    width: calc(583 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .finish-text:nth-child(4) {
    --content-row: 2/3;
    --content-column: 1/2;
    --content-width: calc(170 * (100vw / 390));
    --content-verticalOffset: calc(104 * (100vw / 390)) 0;
    --content-horizontalOffset: calc(10 * (100vw / 390)) 0;
  }
}
#CK230615_giovanni .credits-wrap {
  -webkit-margin-before: 9.4rem;
          margin-block-start: 9.4rem;
  -webkit-padding-after: 11.2rem;
          padding-block-end: 11.2rem;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .credits-wrap {
    -webkit-margin-before: calc(90 * (100vw / 390));
            margin-block-start: calc(90 * (100vw / 390));
    -webkit-padding-after: calc(55 * (100vw / 390));
            padding-block-end: calc(55 * (100vw / 390));
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #CK230615_giovanni .credits-wrap {
    -webkit-margin-before: calc(94 * (100vw / 1400));
            margin-block-start: calc(94 * (100vw / 1400));
    -webkit-padding-after: calc(112 * (100vw / 1400));
            padding-block-end: calc(112 * (100vw / 1400));
  }
}
#CK230615_giovanni .credits-text {
  -webkit-margin-before: 0.8em;
          margin-block-start: 0.8em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .credits-text {
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
  }
}
#CK230615_giovanni .archive {
  padding: 6rem 0;
  background-color: #fff;
}
#CK230615_giovanni .archive .sec_ttl {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3rem;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
#CK230615_giovanni .archive_Area {
  width: 120rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
#CK230615_giovanni .archive_Area li {
  width: 28rem;
}
#CK230615_giovanni .archive_Area .archive_text {
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 2rem;
  text-align: center;
  -webkit-margin-before: 2.1em;
          margin-block-start: 2.1em;
}
@media screen and (max-width: 767px) {
  #CK230615_giovanni .archive {
    padding: 15.3846153846vw 0;
    background-color: #fff;
  }
  #CK230615_giovanni .archive .sec_ttl {
    font-size: 6.4102564103vw;
    line-height: 1.2;
    margin-bottom: 5.1282051282vw;
  }
  #CK230615_giovanni .archive_Area .archive_text {
    font-size: 3.5897435897vw;
    line-height: 1.3;
    margin-top: 2rem;
    text-align: center;
    -webkit-margin-before: 1.8em;
            margin-block-start: 1.8em;
  }
  #CK230615_giovanni .simplebar-wrapper {
    padding-bottom: 20px !important;
  }
  #CK230615_giovanni .scroll-area {
    width: 96.1538461538vw;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin-left: auto;
  }
  #CK230615_giovanni .scroll-area a {
    text-decoration: none;
  }
  #CK230615_giovanni .scroll-area ul {
    display: inline-flex;
    width: 302.5641025641vw;
    justify-content: space-between;
  }
  #CK230615_giovanni .scroll-area ul li {
    list-style-type: none;
    width: 71.7948717949vw;
  }
  #CK230615_giovanni .scroll-area ul li img {
    margin-bottom: 5.1282051282vw;
  }
  #CK230615_giovanni .scroll-area ul li p {
    text-align: center;
    font-size: 3.3333333333vw;
  }
  #CK230615_giovanni .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 0.5128205128vw !important;
    left: 0 !important;
    right: 0 !important;
  }
  #CK230615_giovanni .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0 !important;
    height: 0.5128205128vw !important;
  }
  #CK230615_giovanni .simplebar-scrollbar {
    width: 15.3846153846vw !important;
  }
  #CK230615_giovanni .simplebar-track.simplebar-horizontal {
    left: 0 !important;
    height: 0.5128205128vw !important;
    width: 64.1025641026vw !important;
    margin: auto !important;
  }
  #CK230615_giovanni .simplebar-scrollbar::before {
    background: #6E6E6E !important;
    top: 0 !important;
  }
  #CK230615_giovanni .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1 !important;
  }
  #CK230615_giovanni .simplebar-track {
    background: #F5F5F5;
  }
}