@charset "UTF-8";
#b-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background: var(-color-body);
}
#b-loading.disable {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
#b-loading .loading_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#b-loading p, #b-loading svg {
  width: 57px;
  height: 111px;
}
#b-loading svg {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#b-loading p {
  position: relative;
}
#b-loading p span {
  position: absolute;
  width: 57px;
  overflow: hidden;
  bottom: 0px;
  left: 0px;
  top: auto;
  display: block;
}
#b-loading p span:nth-of-type(1) {
  height: 111px;
}
#b-loading p span:nth-of-type(1) svg {
  fill: #A1C1C9;
}
#b-loading p span:nth-of-type(2) {
  height: 0%;
  transition: height 0.05s linear;
}
#b-loading p span:nth-of-type(2) svg {
  fill: var(--color-white);
}

@media all and (min-width: 769px) {
  .start #b-loading .loading_inner {
    width: calc(100% + var(--scrollbar));
  }
  #b-loading p, #b-loading svg {
    width: 75px;
    height: 146px;
  }
  #b-loading p span, #b-loading svg span {
    width: 75px;
  }
  #b-loading p span:nth-of-type(1), #b-loading svg span:nth-of-type(1) {
    height: 146px;
  }
  #b-loading p span:nth-of-type(2), #b-loading svg span:nth-of-type(2) {
    height: 0%;
  }
}
#lp_chantowa {
  box-sizing: border-box;
}
#lp_chantowa img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
#lp_chantowa #kv {
  width: 100%;
  position: relative;
  height: 100svh;
}
#lp_chantowa #kv .s-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: var(--color-body);
  overflow: hidden;
}
#lp_chantowa #kv .s-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#lp_chantowa #kv .c-kv_movie_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t,
#lp_chantowa #kv .c-kv_movie_wrap span.u-b {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  display: block;
  pointer-events: none;
  z-index: 2;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t:before, #lp_chantowa #kv .c-kv_movie_wrap span.u-t:after,
#lp_chantowa #kv .c-kv_movie_wrap span.u-b:before,
#lp_chantowa #kv .c-kv_movie_wrap span.u-b:after {
  content: "";
  position: absolute;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t {
  top: calc(var(--header-height) - 8px);
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t:before {
  top: 0px;
  left: 0px;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t:after {
  top: 0px;
  right: 0px;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-b {
  bottom: 0px;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-t {
  width: 100%;
  aspect-ratio: 390/51;
  height: 13.08vw;
  display: block;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/t0_sp.svg) top left no-repeat;
  background-size: cover;
}
#lp_chantowa #kv .c-kv_movie_wrap span.u-b {
  width: 102%;
  aspect-ratio: 390/38;
  height: 9.74vw;
  left: -1%;
  display: block;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/b0_sp.svg) top left no-repeat;
  background-size: cover;
}
#lp_chantowa #kv .kv_movie {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
#lp_chantowa #kv .kv_movie.c-sp iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  height: max(100svh, 177.7777777778vw);
  width: calc(1.7777777778 * max(100svh, 177.7777777778vw));
  transform: translate(-50%, -50%);
  border: 0;
  max-width: inherit;
}
#lp_chantowa #kv .kv_movie.c-pc {
  display: none;
}
#lp_chantowa #kv .kv_movie:before {
  content: "";
}
#lp_chantowa #kv h1 {
  margin-inline: auto;
  width: 120px;
  aspect-ratio: 120/28;
  line-height: 1;
  display: block;
  position: relative;
  z-index: 2;
  top: calc(var(--header-height) + 26px);
}
#lp_chantowa #kv h2 {
  width: 13.33vw;
  position: absolute;
  bottom: min(14.62vw, 57px);
  right: min(4.62vw, 18px);
  aspect-ratio: 85/451;
}
#lp_chantowa #kv .c-scroll {
  position: absolute;
  bottom: 0px;
  width: 36px;
  left: 50%;
  margin-left: -18px;
}
#lp_chantowa #kv .c-scroll p {
  width: 36px;
  aspect-ratio: 36/7;
  height: 7px;
  margin-bottom: 10px;
}
@keyframes scroll {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
#lp_chantowa #kv .c-scroll .bar {
  width: 1px;
  height: 50px;
  background: var(--color-base);
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
#lp_chantowa #kv .c-scroll .bar span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--color-white);
  ;-webkit-animation: scroll 2s ease-in-out 0s infinite;
  -moz-animation: scroll 2s ease-in-out 0s infinite;
  animation: scroll 2s ease-in-out 0s infinite;
}

@media all and (min-width: 769px) {
  #lp_chantowa #kv .c-kv_movie_wrap span.u-t {
    aspect-ratio: revert;
    height: 100%;
    top: 0px;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-b {
    aspect-ratio: revert;
    height: 100%;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-t,
  #lp_chantowa #kv .c-kv_movie_wrap span.u-b {
    background: none;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-t:before {
    width: 8.05vw;
    aspect-ratio: 103/192;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/t0.svg) top left no-repeat;
    background-size: cover;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-t:after {
    width: 8.05vw;
    aspect-ratio: 103/192;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/t1.svg) top left no-repeat;
    background-size: cover;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-b {
    bottom: 0px;
    width: 100%;
    left: 0px;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-b:before {
    bottom: 0px;
    left: 0px;
    width: 3.44vw;
    aspect-ratio: 44/121;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/b0.svg) top left no-repeat;
    background-size: cover;
  }
  #lp_chantowa #kv .c-kv_movie_wrap span.u-b:after {
    bottom: 0px;
    right: 0px;
    width: 3.44vw;
    aspect-ratio: 44/121;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/kv/b1.svg) top left no-repeat;
    background-size: cover;
  }
  #lp_chantowa #kv .s-inner {
    position: absolute;
    width: 100%;
    height: calc(100% - var(--header-height));
    top: calc(var(--header-height));
    left: 0px;
  }
  #lp_chantowa #kv .s-content {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }
  #lp_chantowa #kv h1 {
    width: 150px;
    top: 40px;
  }
  #lp_chantowa #kv h2 {
    width: 85px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    right: min(7.81vw, 100px);
  }
  #lp_chantowa #kv .c-scroll {
    width: 40px;
    margin-left: -20px;
  }
  #lp_chantowa #kv .c-scroll p {
    width: 40px;
    height: 10px;
    margin-bottom: 10px;
  }
  #lp_chantowa #kv .kv_movie {
    scale: 1.1;
  }
  #lp_chantowa #kv .kv_movie.c-sp {
    display: none;
  }
  #lp_chantowa #kv .kv_movie.c-pc {
    display: block;
  }
  #lp_chantowa #kv .kv_movie iframe {
    position: absolute;
    width: 100vw;
    min-width: 177.78vh;
    min-height: 100%;
    height: 56.25vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul {
  width: calc(100% - 34px);
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6.15vw;
  row-gap: 2.56vw;
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul li {
  width: 17.18vw;
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul li a {
  display: block;
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul li a figure {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  border-radius: 100vmax;
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul li a figure img {
  width: 10vw;
  height: auto;
}
#lp_chantowa :is(#nav_items,
#fixed_nav_items) ul li a p {
  font-size: 2.56vw;
  line-height: 1.3;
  color: var(--color-black);
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  margin-top: 1.28vw;
}
#lp_chantowa #nav_items {
  width: var(--block-inner-width);
  margin-inline: auto;
  padding: 3.59vw 0 5.9vw 0;
  background: var(--color-blue-block);
  border-radius: var(--border-block);
}
#lp_chantowa #nav_items .c-ttl {
  margin-bottom: 4.1vw;
  text-align: center;
}
#lp_chantowa #nav_items .c-ttl p {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  font-size: var(--fs-ttl-styling);
}
#lp_chantowa .item {
  width: var(--block-inner-width);
  margin-inline: auto;
  position: relative;
}
#lp_chantowa .item.other .item_inner {
  padding-bottom: 13px;
}
#lp_chantowa .item .item_inner {
  width: 100%;
  position: relative;
  height: 100%;
  padding-bottom: 100vh;
  box-sizing: content-box;
}
#lp_chantowa .item .c-item_content {
  position: sticky;
  top: 0px;
}
#lp_chantowa .item .b-item_top {
  position: relative;
  z-index: 2;
}
#lp_chantowa .item .b-item_top .c-item_top_inner {
  border-radius: var(--border-block) var(--border-block) 0 0;
  background: var(--color-blue-block);
  position: relative;
  top: var(--margin-block);
}
#lp_chantowa .item .b-item_btm {
  position: relative;
  border-radius: 0 0 var(--border-block) var(--border-block);
  background: var(--color-blue-block);
}
#lp_chantowa .item .c-item_visual {
  width: var(--item-visual-width);
  margin-inline: auto;
  padding: 7px 0;
  display: flex;
  flex-flow: column;
  row-gap: min(3.33vw, 13px);
  --btn-height: 12.82vw;
}
#lp_chantowa .item :is(.img_main,
.col_points) {
  aspect-ratio: 364/546;
}
#lp_chantowa .item .col_coordinate {
  position: relative;
}
#lp_chantowa .item .col_coordinate .img_main {
  width: 100%;
  border-radius: var(--border-block-inner);
  overflow: clip;
  position: relative;
}
#lp_chantowa .item .col_coordinate .img_main img {
  pointer-events: none;
  user-select: none;
}
#lp_chantowa .item .col_coordinate .c-advice {
  position: absolute;
  width: calc(100% - 26px);
  height: var(--btn-advice-height);
  bottom: min(3.33vw, 13px);
  right: min(3.33vw, 13px);
}
#lp_chantowa .item .col_coordinate .c-advice .advice_content_wrap {
  overflow: hidden;
}
#lp_chantowa .item .col_coordinate .c-advice .advice_content_inner {
  padding: calc(var(--btn-advice-height)) 0px 13px 13px;
  position: relative;
  border-radius: var(--advice-radius);
}
#lp_chantowa .item .col_coordinate .c-advice p {
  margin-top: -0.3em;
}
#lp_chantowa .item .col_coordinate .c-advice p span {
  font-size: var(--fs-10-11);
  line-height: 1.7;
  display: block;
}
#lp_chantowa .item .col_coordinate .c-advice ul li {
  font-size: var(--fs-10-10);
  line-height: 1.8;
}
#lp_chantowa .item .col_coordinate .c-advice ul li a {
  text-decoration: underline;
  text-underline-offset: 1px;
}
#lp_chantowa .item .col_coordinate .c-advice button {
  width: var(--advice-width);
  position: absolute;
  right: 0px;
  top: 0px;
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit {
  padding-top: min(1.54vw, 6px);
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p {
  font-size: var(--fs-coordinate-credit);
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p br {
  display: none;
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p br.both {
  display: block;
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p br.u-sp {
  display: block;
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p a {
  text-decoration: underline;
}
#lp_chantowa .item .col_coordinate .c-coordinate_credit p small {
  font-size: var(--fs-coordinate-credit-small);
}
#lp_chantowa .item .col_coordinate button {
  height: var(--btn-advice-height);
  background: var(--color-white);
  border-radius: min(2.05vw, 8px);
}
#lp_chantowa .item .col_coordinate button span.inr {
  display: flex;
  column-gap: min(2.05vw, 8px);
  height: var(--btn-advice-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 min(1.28vw, 5px) 0 min(3.33vw, 13px);
}
#lp_chantowa .item .col_coordinate button span.txt {
  font-size: var(--btn-advice-text);
  font-weight: 500;
  white-space: nowrap;
}
#lp_chantowa .item .col_coordinate button span.c-icon_plus {
  width: var(--btn-advice-circle);
  height: var(--btn-advice-circle);
  display: block;
  border-radius: 100vmax;
  background: var(--color-blue-txt);
  position: relative;
}
#lp_chantowa .item .col_coordinate button span.c-icon_plus span.v, #lp_chantowa .item .col_coordinate button span.c-icon_plus span.h {
  background: var(--color-white);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100vmax;
}
#lp_chantowa .item .col_coordinate button span.c-icon_plus span.v {
  width: 2px;
  height: min(2.56vw, 10px);
  margin: max(-1.28vw, -5px) 0 0 -1px;
}
#lp_chantowa .item .col_coordinate button span.c-icon_plus span.h {
  width: min(2.56vw, 10px);
  height: 2px;
  top: 50%;
  margin: -1px 0 0 max(-1.28vw, -5px);
}
#lp_chantowa .item .c-ttl_item h3 {
  font-weight: 700;
  font-size: var(--fs-item-name);
  letter-spacing: 0.04em;
  margin-bottom: min(0.77vw, 3px);
}
#lp_chantowa .item .c-ttl_item dl {
  display: flex;
}
#lp_chantowa .item .c-ttl_item dl dt, #lp_chantowa .item .c-ttl_item dl dd {
  font-size: var(--fs-item-info);
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500 !important;
  font-style: normal;
}
#lp_chantowa .item .col_points {
  position: relative;
  width: 100%;
  background: var(--color-blue-block-inner);
  border-radius: var(--border-block-inner);
}
#lp_chantowa .item .col_points .c-wrap_img_item {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-block);
  border-radius: var(--border-block-inner);
  overflow: hidden;
}
#lp_chantowa .item .col_points .c-wrap_img_item figure {
  width: var(--img-item-main-width);
  margin-inline: auto;
}
#lp_chantowa .item .col_points .c-wrap_img_item figure img {
  user-select: none;
  pointer-events: none;
}
#lp_chantowa .item .col_points .c-wrap_img_item .c-close_point {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#lp_chantowa .item .col_points .c-ttl_item {
  position: absolute;
  top: min(5.13vw, 20px);
  left: min(3.33vw, 13px);
}
#lp_chantowa .item .col_points .c-wrap_btn {
  width: var(--btn-cart-width);
  position: absolute;
  left: 13px;
  bottom: 13px;
}
#lp_chantowa .item .col_points button[data-point] {
  width: var(--btn-point-width);
  height: var(--btn-point-width);
  display: grid;
  place-content: center;
  background: var(--color-white);
  position: absolute;
  border-radius: 100vmax;
  top: 50%;
  left: 50%;
}
#lp_chantowa .item .col_points button[data-point] span.c-icon {
  width: min(2.05vw, 8px);
  height: min(4.1vw, 16px);
}
#lp_chantowa .item .col_points button[data-point] span.c-icon svg {
  fill: var(--color-body);
}
#lp_chantowa .item .b-item_btm {
  padding-top: min(11.54vw, 45px);
  padding-bottom: min(12.82vw, 50px);
}
#lp_chantowa .item .b-item_btm .c-wrap_btn {
  margin-top: min(9.74vw, 38px);
}
#lp_chantowa .item .c-item_description {
  width: var(--item-visual-width);
  margin-inline: auto;
}
#lp_chantowa .item .c-item_description .c-ttl {
  padding-left: 6px;
}
#lp_chantowa .item .c-item_description .c-ttl h4 {
  font-weight: 700;
  font-size: var(--fs-item-ttl-description);
  letter-spacing: 0.04em;
}
#lp_chantowa .item .c-item_bottom_cols {
  margin-top: min(5.13vw, 20px);
}
#lp_chantowa .item .c-item_bottom_cols .c-lead {
  width: calc(100% - 12px);
  margin-inline: auto;
}
#lp_chantowa .item .c-item_bottom_cols .c-lead p {
  font-size: var(--fs-item-lead);
  line-height: 1.66;
  letter-spacing: 0.04em;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors {
  margin-top: min(10.26vw, 40px);
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--item-color-gap);
  row-gap: 1.03vw;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li {
  width: calc((100% - var(--item-color-gap) * 3) / 4);
  background: var(--color-white);
  border-radius: min(2.05vw, 8px);
  overflow: hidden;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color {
  width: 100%;
  aspect-ratio: 88/142;
  display: flex;
  align-items: center;
  background: var(--color-blue-block-inner);
  justify-content: center;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color figure {
  width: min(18.72vw, 73px);
  aspect-ratio: 73/98;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color p {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500 !important;
  font-style: normal;
  line-height: 1.1;
  font-size: var(--fs-item-color-text);
  width: 100%;
  text-align: center;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .txt_buy {
  width: 100%;
  height: var(--btn-item-color-height);
  display: flex;
  align-items: center;
  justify-content: center;
}
#lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .txt_buy p {
  font-size: var(--fs-btn-item-color-buy);
  font-weight: 700;
}
#lp_chantowa .item .c-other_styling {
  margin-top: min(10.26vw, 40px);
}
#lp_chantowa .item .c-other_styling .c-ttl_styling {
  text-align: center;
  margin-bottom: min(4.1vw, 16px);
}
#lp_chantowa .item .c-other_styling .c-ttl_styling h4 {
  line-height: 1;
}
#lp_chantowa .item .c-other_styling .c-ttl_styling h4 span {
  font-size: var(--fs-ttl-styling);
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
}
#lp_chantowa .item .c-other_styling .disable-slide .c-list_styling {
  scroll-snap-type: revert;
  scroll-snap-stop: revert;
  overflow-x: visible;
}
#lp_chantowa .item .c-other_styling .disable-slide .c-list_styling ul li:last-child {
  margin-right: 0px;
}
#lp_chantowa .item .c-other_styling .disable-slide .c-nav_slideshow {
  display: none;
}
#lp_chantowa .item .c-other_styling .c-list_styling {
  width: 100%;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul.nosnap {
  scroll-snap-stop: none;
  scroll-behavior: auto;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul.nosnap li {
  scroll-snap-align: none;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul.disable {
  scroll-behavior: auto;
  pointer-events: none;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul li {
  flex-shrink: 0;
  width: calc((100% - 2.05vw) / 2);
  scroll-snap-align: start;
  margin-right: min(2.05vw, 8px);
}
#lp_chantowa .item .c-other_styling .c-list_styling ul li figure {
  border-radius: min(2.05vw, 8px);
  overflow: hidden;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul li .c-styling_credit {
  margin-top: min(0.77vw, 3px);
}
#lp_chantowa .item .c-other_styling .c-list_styling ul li .c-styling_credit dl {
  display: flex;
  align-items: center;
}
#lp_chantowa .item .c-other_styling .c-list_styling ul li .c-styling_credit dl dt, #lp_chantowa .item .c-other_styling .c-list_styling ul li .c-styling_credit dl dd {
  font-size: var(--fs-styling-credit);
  line-height: 1.5;
}
#lp_chantowa .item .c-nav_slideshow {
  width: 100%;
  position: relative;
  display: flex;
  height: var(--btn-slide-styling-width);
  align-items: center;
  margin-top: min(3.59vw, 14px);
}
#lp_chantowa .item .c-nav_slideshow ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-item: center;
  column-gap: min(1.28vw, 5px);
}
#lp_chantowa .item .c-nav_slideshow ul li {
  width: min(7.69vw, 30px);
  height: 2px;
}
#lp_chantowa .item .c-nav_slideshow ul li button {
  width: min(7.69vw, 30px);
  height: 2px;
  border-radius: 100vmax;
  background: var(--color-slide-nav);
}
#lp_chantowa .item .c-nav_slideshow ul li button span {
  text-indent: -100000px;
  display: block;
}
#lp_chantowa .item .c-nav_slideshow ul li button.active {
  background: var(--color-active-slide-nav);
}
#lp_chantowa .item .c-nav_slideshow button {
  width: var(--btn-slide-styling-width);
  height: var(--btn-slide-styling-width);
  display: grid;
  place-content: center;
  background: var(--bg-btn-color);
  border-radius: 100vmax;
  position: absolute;
}
#lp_chantowa .item .c-nav_slideshow button.c-btn_prev {
  left: 0px;
}
#lp_chantowa .item .c-nav_slideshow button.c-btn_prev span.c-icon {
  position: relative;
  left: max(-0.26vw, -1px);
}
#lp_chantowa .item .c-nav_slideshow button.c-btn_next {
  right: 0px;
}
#lp_chantowa .item .c-nav_slideshow button.c-btn_next span.c-icon {
  position: relative;
  left: min(0.26vw, 1px);
}
#lp_chantowa .item .c-nav_slideshow button span.c-icon {
  width: min(2.56vw, 10px);
  height: min(2.56vw, 10px);
}
#lp_chantowa .item .c-nav_slideshow button span.c-icon svg {
  fill: var(--color-white);
}
#lp_chantowa .item .c-nav_slideshow button.disable {
  opacity: var(--disable-opacity);
  pointer-events: none;
}
#lp_chantowa .item {
  /* ------------------------------------------------------------
  other
  ------------------------------------------------------------ */
}
#lp_chantowa .item.other .u-pc {
  display: none;
}
#lp_chantowa .item.other .c-item_description .c-ttl h4 {
  font-size: var(--fs-item-ttl-other-description);
  line-height: 1.4;
}
#lp_chantowa .item.other .c-item_description .c-ttl h4 span.t {
  display: block;
}
#lp_chantowa .item.other button.c-btn_slide {
  width: var(--btn-slide-styling-width);
  height: var(--btn-slide-styling-width);
  display: grid;
  place-content: center;
  background: var(--bg-btn-color);
  border-radius: 100vmax;
  position: absolute;
}
#lp_chantowa .item.other button.c-btn_slide.c-btn_prev {
  left: 0px;
}
#lp_chantowa .item.other button.c-btn_slide.c-btn_prev span.c-icon {
  position: relative;
  left: max(-0.26vw, -1px);
}
#lp_chantowa .item.other button.c-btn_slide.c-btn_next {
  right: 0px;
}
#lp_chantowa .item.other button.c-btn_slide.c-btn_next span.c-icon {
  position: relative;
  left: min(0.26vw, 1px);
}
#lp_chantowa .item.other button.c-btn_slide span.c-icon {
  width: min(2.56vw, 10px);
  height: min(2.56vw, 10px);
}
#lp_chantowa .item.other button.c-btn_slide span.c-icon svg {
  fill: var(--color-white);
}
#lp_chantowa .item.other button.c-btn_slide.disable {
  opacity: var(--disable-opacity);
}
#lp_chantowa .item.other .img_main.js-slide-main ul {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#lp_chantowa .item.other .img_main.js-slide-main ul.nosnap {
  scroll-snap-stop: none;
  scroll-behavior: auto;
}
#lp_chantowa .item.other .img_main.js-slide-main ul.nosnap li {
  scroll-snap-align: none;
}
#lp_chantowa .item.other .img_main.js-slide-main ul.disable {
  scroll-behavior: auto;
  pointer-events: none;
}
#lp_chantowa .item.other .img_main.js-slide-main ul li {
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: start;
  aspect-ratio: 364/546;
}
#lp_chantowa .item.other .c-item_content {
  position: sticky;
  top: 7px;
}
#lp_chantowa .item.other .c-item_content .c-item_wrap {
  background: var(--color-blue-block);
  border-radius: var(--border-block);
  padding-bottom: 12.82vw;
}
#lp_chantowa .item.other .c-item_content .c-item_wrap .c-item_visual .c-ttl_item {
  padding: 18px 6px 0 6px;
}
#lp_chantowa .item.other .c-item_content .js-slide-main {
  position: relative;
}
#lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul.nosnap {
  scroll-snap-stop: none;
  scroll-behavior: auto;
}
#lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul.nosnap li {
  scroll-snap-align: none;
}
#lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul.disable {
  scroll-behavior: auto;
  pointer-events: none;
}
#lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul li {
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: start;
  aspect-ratio: 364/546;
}
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev.c-btn_prev,
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next.c-btn_prev {
  left: 6px;
}
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev.c-btn_next,
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next.c-btn_next {
  right: 6px;
}
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev.disable,
#lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next.disable {
  opacity: var(--disable-opacity);
}
#lp_chantowa .item.other .c-ttl_item dl dt, #lp_chantowa .item.other .c-ttl_item dl dd {
  font-size: var(--fs-other-item-info);
}
#lp_chantowa .item.other .c-item_description {
  margin-top: min(11.54vw, 45px);
}
#lp_chantowa .item.other .c-item_description .c-lead p {
  font-size: var(--fs-other-item-lead);
}
#lp_chantowa .item.other .c-item_bottom_staffsnap .c-wrap_btn {
  margin-top: 10.26vw;
}
#lp_chantowa .item.other .c-item_colors {
  margin-top: min(8.97vw, 35px);
  display: flex;
  justify-content: space-between;
}
#lp_chantowa .item.other .c-item_colors .btn_l,
#lp_chantowa .item.other .c-item_colors .btn_r {
  width: var(--color-slideshow-btn-width);
  padding-top: 41.03vw;
  position: relative;
}
#lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_prev,
#lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_prev {
  left: 0px;
}
#lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_next,
#lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_next {
  right: 0px;
}
#lp_chantowa .item.other .c-item_colors .btn_l button span.c-icon,
#lp_chantowa .item.other .c-item_colors .btn_r button span.c-icon {
  width: min(2.56vw, 10px);
  height: min(2.56vw, 10px);
}
#lp_chantowa .item.other .c-item_colors .c-slideshow_colors {
  width: var(--color-slideshow-width);
  overflow: hidden;
}
#lp_chantowa .item.other .c-item_colors ul {
  width: 100%;
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  column-gap: 0;
  row-gap: 0px;
  flex-wrap: revert;
}
#lp_chantowa .item.other .c-item_colors ul li {
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: start;
  background: none;
  border-radius: 0;
  position: relative;
}
#lp_chantowa .item.other .c-item_colors ul li figure {
  width: 100%;
}
#lp_chantowa .item.other .c-item_colors ul li .color_name {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
#lp_chantowa .item.other .c-item_colors ul li .color_name p {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500 !important;
  font-style: normal;
  font-size: var(--fs-item-other-color-text);
  width: 100%;
  text-align: center;
}
#lp_chantowa .item.other .c-item_bottom_staffsnap {
  width: var(--innerW);
  margin-inline: auto;
}
#lp_chantowa .item.other .c-item_bottom_staffsnap .c-img_main_sub {
  display: none;
}
#lp_chantowa .item.other .c-item_bottom_staffsnap .c-nav_slideshow {
  margin-top: 24px;
}
#lp_chantowa .item.other .c-item_bottom_staffsnap button.c-btn_prev {
  left: 13px;
  margin-top: 13px;
}
#lp_chantowa .item.other .c-item_bottom_staffsnap button.c-btn_next {
  right: 13px;
  margin-top: 13px;
}
#lp_chantowa .item.other .c-nav_slideshow {
  width: var(--innerW);
  margin-inline: auto;
  height: 2px;
}
#lp_chantowa .c-fukidashi {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transform: translate3d(0, 10px, 0);
  transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
#lp_chantowa .c-fukidashi {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--fukidashi-width);
  height: var(--fukidashi-height);
  z-index: 3;
}
#lp_chantowa .c-fukidashi:after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #FFFFFF transparent transparent transparent;
  position: absolute;
  bottom: -5px;
  left: 50%;
}
#lp_chantowa .c-fukidashi.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#lp_chantowa .c-fukidashi.active .s0:nth-of-type(1) .s1 {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.1s;
}
#lp_chantowa .c-fukidashi.active .s0:nth-of-type(2) .s1 {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.2s;
}
#lp_chantowa .c-fukidashi.active .s0:nth-of-type(3) .s1 {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.3s;
}
#lp_chantowa .c-fukidashi.active .s0:nth-of-type(4) .s1 {
  transform: translate3d(0, 0, 0);
  transition-delay: 0.4s;
}
#lp_chantowa .c-fukidashi .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: var(--fukidashi-padding);
  background: var(--color-white);
  border-radius: var(--fukidashi-radius);
}
#lp_chantowa .c-fukidashi p.point {
  margin-bottom: 0.2em;
}
#lp_chantowa .c-fukidashi p.point span.s1 {
  font-size: var(--fs-fukidashi-title);
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  line-height: 1;
}
#lp_chantowa .c-fukidashi p span.s0 {
  font-size: var(--fs-fukidashi-text);
  letter-spacing: 0.04em;
  line-height: 1;
  display: block;
  margin-bottom: 0.6em;
}
#lp_chantowa .c-fukidashi p span.s0 span.s1 {
  line-height: 1;
}
#lp_chantowa .c-fukidashi p span.s0 {
  width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
#lp_chantowa .c-fukidashi p span.s0 span.s1 {
  text-align: justify;
  width: 100%;
  display: block;
  transform: translate3d(0, 110%, 0);
  transition: transform 0.4s ease;
}

@media all and (min-width: 769px) {
  #lp_chantowa #b-items {
    width: 100%;
    max-width: var(--max-width);
    margin-inline: auto;
  }
  #lp_chantowa .item {
    padding-bottom: 0px;
  }
  #lp_chantowa .item:nth-last-of-type(2), #lp_chantowa .item:nth-last-of-type(1) {
    padding-bottom: 20px;
  }
  #lp_chantowa button.nav_block {
    display: none;
  }
  #lp_chantowa .c-color p.txt_color {
    width: 36px;
    aspect-ratio: 32/7;
    height: 10px;
  }
  #lp_chantowa .item#item2 .c-item_visual, #lp_chantowa .item#item4 .c-item_visual, #lp_chantowa .item#item6 .c-item_visual {
    flex-direction: row;
  }
  #lp_chantowa .item#item2 .col_coordinate .c-advice, #lp_chantowa .item#item4 .col_coordinate .c-advice, #lp_chantowa .item#item6 .col_coordinate .c-advice {
    right: auto;
    left: 20px;
  }
  #lp_chantowa .item#item2 .col_coordinate .c-advice button, #lp_chantowa .item#item4 .col_coordinate .c-advice button, #lp_chantowa .item#item6 .col_coordinate .c-advice button {
    right: 0;
    left: 0px;
  }
  #lp_chantowa .item .c-item_visual {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row-reverse;
    column-gap: 20px;
    padding: var(--margin-block) 0;
    --btn-height: min(4.69vw, 60px);
  }
  #lp_chantowa .item .c-ttl_item h3 {
    margin-bottom: min(0.23vw, 3px);
  }
  #lp_chantowa .item .col_points,
  #lp_chantowa .item .col_coordinate {
    width: calc(50% - 10px);
  }
  #lp_chantowa .item .col_coordinate {
    position: relative;
  }
  #lp_chantowa .item .col_coordinate .img_main {
    aspect-ratio: 364/546;
  }
  #lp_chantowa .item .col_coordinate .c-coordinate_credit {
    position: absolute;
    width: 100%;
    text-align: right;
  }
  #lp_chantowa .item .col_coordinate .c-coordinate_credit p br {
    display: block;
  }
  #lp_chantowa .item .col_coordinate .c-coordinate_credit p br.u-sp {
    display: none;
  }
  #lp_chantowa .item .col_coordinate button {
    border-radius: min(0.63vw, 8px);
  }
  #lp_chantowa .item .col_coordinate button span.inr {
    column-gap: 0;
    justify-content: space-between;
    padding: 0 min(0.47vw, 6px) 0 min(1.17vw, 15px);
  }
  #lp_chantowa .item .col_coordinate button span.inr span.txt {
    letter-spacing: -0.07em;
  }
  #lp_chantowa .item .col_coordinate .c-advice {
    width: calc(100% - 40px);
    bottom: 20px;
    right: 20px;
    overflow: clip;
  }
  #lp_chantowa .item .col_coordinate .c-advice .advice_content_inner {
    padding: calc(var(--btn-advice-height)) 0px 20px 20px;
  }
  #lp_chantowa .item .col_coordinate .c-advice .advice_content_inner p {
    margin-top: -0.5em;
    position: relative;
  }
  #lp_chantowa .item .col_coordinate .c-advice .advice_content_inner p span {
    line-height: 1.72;
  }
  #lp_chantowa .item .col_points .c-ttl_item {
    position: absolute;
    top: min(2.34vw, 30px);
    left: min(3.13vw, 40px);
  }
  #lp_chantowa .item .col_points .c-wrap_btn {
    width: calc(100% - var(--margin-r) * 2);
    left: var(--margin-r);
    bottom: var(--margin-r);
  }
  #lp_chantowa .item .col_points button[data-point] span.c-icon {
    width: min(0.86vw, 11px);
    height: min(1.68vw, 21.5px);
  }
  #lp_chantowa .item .b-item_btm {
    padding: min(4.84vw, 62px) 0 min(5.47vw, 70px) 0;
  }
  #lp_chantowa .item .c-description {
    width: var(--block-inner-width);
    margin-inline: auto;
  }
  #lp_chantowa .item .c-description .c-ttl {
    padding-left: 0px;
  }
  #lp_chantowa .item .c-description h4 span {
    line-height: 1.33;
  }
  #lp_chantowa .item .c-item_bottom_cols {
    width: calc(100% - 40px);
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    margin-top: var(--margin-block);
    position: relative;
  }
  #lp_chantowa .item .c-item_bottom_cols .c-lead {
    width: 100%;
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors {
    margin-top: min(2.97vw, 38px);
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors ul {
    row-gap: min(0.78vw, 10px);
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li {
    border-radius: min(0.63vw, 8px);
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color {
    aspect-ratio: 112/180;
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color figure {
    width: 82.15%;
    margin-inline: auto;
    aspect-ratio: 92/124;
    position: relative;
    top: max(-0.47vw, -6px);
  }
  #lp_chantowa .item .c-item_bottom_cols .c-item_colors ul li .img_color p {
    margin-top: min(0.78vw, 10px);
  }
  #lp_chantowa .item .c-item_bottom_cols .c-wrap_btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(50% - 30px);
  }
  #lp_chantowa .item .c-item_bottom_col_l,
  #lp_chantowa .item .c-item_bottom_col_r {
    width: calc(50% - 30px);
  }
  #lp_chantowa .item .c-item_bottom_col_l {
    padding-bottom: min(7.03vw, 90px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling {
    margin-top: 0;
    padding-top: min(0.39vw, 5px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-ttl_styling {
    text-align: left;
    margin-bottom: min(1.41vw, 18px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-list_styling {
    width: 100%;
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-list_styling ul {
    scroll-snap-stop: always;
    scroll-behavior: smooth;
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-list_styling ul li {
    flex-shrink: 0;
    width: calc((100% - min(0.78vw, 10px)) / 2);
    scroll-snap-align: revert;
    scroll-snap-align: start;
    margin-right: min(0.78vw, 10px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-list_styling ul li figure {
    border-radius: min(2.05vw, 8px);
    overflow: hidden;
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-list_styling ul li .c-styling_credit {
    margin-top: min(0.78vw, 10px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling {
    height: var(--btn-slide-styling-width);
    align-items: center;
    margin-top: min(2.11vw, 27px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-item: center;
    column-gap: min(0.39vw, 5px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling ul li {
    width: min(2.34vw, 30px);
    height: 2px;
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling ul li button {
    width: min(2.34vw, 30px);
    height: 2px;
    border-radius: 100vmax;
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling button.c-btn_prev span.c-icon {
    left: max(-0.08vw, -1px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling button.c-btn_next span.c-icon {
    left: min(0.08vw, 1px);
  }
  #lp_chantowa .item .c-item_bottom_col_r .c-other_styling .c-nav_styling button span.c-icon {
    width: min(0.78vw, 10px);
    height: min(0.78vw, 10px);
  }
  #lp_chantowa .item .c-nav_slideshow {
    margin-top: min(1.72vw, 22px);
  }
  #lp_chantowa .item {
    /* ------------------------------------------------------------
    other
    ------------------------------------------------------------ */
  }
  #lp_chantowa .item.other {
    --btn-height: min(3.91vw, 50px);
  }
  #lp_chantowa .item.other .u-sp {
    display: none;
  }
  #lp_chantowa .item.other .u-pc {
    display: block;
  }
  #lp_chantowa .item.other .item_inner {
    padding-bottom: 0px;
  }
  #lp_chantowa .item.other .img_main.js-slide-main ul {
    display: block;
    scroll-snap-type: revert;
    scroll-snap-stop: revert;
  }
  #lp_chantowa .item.other .img_main.js-slide-main ul li {
    scroll-snap-align: revert;
  }
  #lp_chantowa .item.other .img_main.js-slide-main ul li:nth-child(2) {
    display: none;
  }
  #lp_chantowa .item.other .img_main.js-slide-main button.c-btn_prev,
  #lp_chantowa .item.other .img_main.js-slide-main button.c-btn_next {
    display: none;
  }
  #lp_chantowa .item.other .col_coordinate .c-coordinate_credit {
    text-align: left;
  }
  #lp_chantowa .item.other .c-item_content {
    top: auto;
    position: relative;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap {
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    padding-bottom: min(3.75vw, 48px);
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info {
    width: min(33.91vw, 520.8px);
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info .c-wrap_img_item,
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info .c-item_description {
    width: calc(100% - 50px);
    margin: 0 0 0 10px;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info .c-wrap_img_item {
    width: calc(100% - 20px);
    margin-top: 20px;
    padding-top: min(0.7vw, 9px);
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info .c-item_description {
    margin-top: min(1.56vw, 24px);
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_info .c-item_bottom_cols {
    width: 100%;
    display: block;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_visual {
    width: min(49.3vw, 757.2px);
    right: min(0vw, 0px);
    position: relative;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_visual .c-item_visual {
    width: calc(100% - 20px - min(14.06vw, 216px));
    display: block;
    margin: 0;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-other_visual .c-item_visual .col_coordinate {
    width: 100%;
  }
  #lp_chantowa .item.other .c-item_content .c-item_wrap .c-item_bottom_staffsnap {
    position: absolute;
    width: min(14.06vw, 216px);
    right: 20px;
    top: 0px;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul {
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main .c-slideshow_colors ul li {
    width: 100%;
    scroll-snap-align: start;
    aspect-ratio: 364/546;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev,
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next {
    z-index: 3;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev.c-btn_prev,
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next.c-btn_prev {
    left: 6px;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev.c-btn_next,
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next.c-btn_next {
    right: 6px;
  }
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_prev span.c-icon,
  #lp_chantowa .item.other .c-item_content .js-slide-main button.c-btn_next span.c-icon {
    width: min(0.78vw, 10px);
    height: min(0.78vw, 10px);
  }
  #lp_chantowa .item.other .c-item_description {
    margin-top: min(1.72vw, 22px);
    width: 100%;
  }
  #lp_chantowa .item.other .c-item_description .c-description {
    width: 100%;
  }
  #lp_chantowa .item.other .c-item_description .c-description .c-ttl {
    padding-left: 0px;
  }
  #lp_chantowa .item.other .c-item_description .c-wrap_btn {
    position: relative;
    width: 100%;
    margin-top: min(1.56vw, 20px);
  }
  #lp_chantowa .item.other .js-slideshow {
    width: 100%;
  }
  #lp_chantowa .item.other .c-list_styling.type_vertical ul {
    display: block;
    display: flex;
    flex-direction: column;
    row-gap: min(3.13vw, 40px);
  }
  #lp_chantowa .item.other .c-item_colors {
    width: min(23.83vw, 366px);
    margin-inline: auto;
    margin-top: min(2.03vw, 26px);
  }
  #lp_chantowa .item.other .c-item_colors .btn_l,
  #lp_chantowa .item.other .c-item_colors .btn_r {
    padding-top: min(8.83vw, 135.6px);
  }
  #lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_prev,
  #lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_prev {
    left: 0px;
  }
  #lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_prev span.c-icon,
  #lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_prev span.c-icon {
    position: relative;
    left: max(-0.26vw, -1px);
  }
  #lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_next,
  #lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_next {
    right: 0px;
  }
  #lp_chantowa .item.other .c-item_colors .btn_l button.c-btn_next span.c-icon,
  #lp_chantowa .item.other .c-item_colors .btn_r button.c-btn_next span.c-icon {
    position: relative;
    left: min(0.26vw, 1px);
  }
  #lp_chantowa .item.other .c-item_colors .btn_l button span.c-icon,
  #lp_chantowa .item.other .c-item_colors .btn_r button span.c-icon {
    width: min(2.56vw, 10px);
    height: min(2.56vw, 10px);
  }
  #lp_chantowa .item.other .c-item_colors .c-slideshow_colors {
    width: min(14.77vw, 226.8px);
    overflow: hidden;
  }
  #lp_chantowa .item.other .c-item_colors ul {
    scroll-snap-stop: always;
    scroll-behavior: smooth;
    column-gap: 0;
    row-gap: 0px;
    flex-wrap: revert;
  }
  #lp_chantowa .item.other .c-item_colors ul li {
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
    background: none;
    border-radius: 0;
    position: relative;
  }
  #lp_chantowa .item.other .c-item_colors ul li figure {
    width: 100%;
    height: min(19.77vw, 303.6px);
  }
  #lp_chantowa .item.other .c-item_colors ul li figure img {
    max-width: revert;
    width: 100%;
  }
  #lp_chantowa .item.other .c-other_styling {
    margin-top: 0px;
  }
  #lp_chantowa .item.other .c-styling_slideshow .c-list_styling ul li {
    width: 100%;
    margin-right: 0px;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap {
    width: 100%;
    margin-inline: 0;
    padding-top: 20px;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap .c-img_main_sub {
    display: block;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap .c-img_main_sub figure {
    border-radius: min(0.63vw, 8px);
    overflow: hidden;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap .c-ttl_styling {
    margin-top: 0;
    text-align: left;
    margin-bottom: min(0.63vw, 9.6px);
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap .c-styling_slideshow {
    position: relative;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap .c-nav_slideshow {
    width: 100%;
    margin-top: 24px;
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap button.c-btn_prev {
    left: min(-1.02vw, -15.6px);
    margin-top: 0px;
    top: min(8.28vw, 127.2px);
  }
  #lp_chantowa .item.other .c-item_bottom_staffsnap button.c-btn_next {
    right: min(-1.02vw, -15.6px);
    margin-top: 0px;
    top: min(8.28vw, 127.2px);
  }
}
@media all and (min-width: 1280px) and (min-height: 730px) {
  #lp_chantowa #nav_items ul {
    justify-content: space-between;
    row-gap: 0;
  }
  #lp_chantowa #nav_items ul li {
    height: 67px;
  }
}
#lp_chantowa #concept {
  margin-bottom: 3.33vw;
  padding-top: 13px;
  position: relative;
  --fs-concept-lead: 3.08vw;
  --fs-concept-title: 3.59vw;
}
#lp_chantowa #concept .s-inner {
  width: var(--block-inner-width);
  margin-inline: auto;
  position: relative;
  background: var(--color-white);
  border-radius: var(--border-block);
}
#lp_chantowa #concept .c-col2 {
  width: calc(100% - 14px);
  margin-inline: auto;
  padding: 7px 0 0 0;
}
#lp_chantowa #concept .concept_img {
  width: 100%;
  aspect-ratio: 364/512;
  position: relative; /*border-radius: var(--border-block-inner); overflow: hidden;*/
}
#lp_chantowa #concept .concept_img span.u-t,
#lp_chantowa #concept .concept_img span.u-b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#lp_chantowa #concept .concept_img span.u-t:before, #lp_chantowa #concept .concept_img span.u-t:after,
#lp_chantowa #concept .concept_img span.u-b:before,
#lp_chantowa #concept .concept_img span.u-b:after {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
}
#lp_chantowa #concept .concept_img span.u-t:before {
  width: 18.72vw;
  aspect-ratio: 73/48;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/t0_sp.svg) top left no-repeat;
  top: -1px;
  left: -1px;
}
#lp_chantowa #concept .concept_img span.u-t:after {
  width: 18.72vw;
  aspect-ratio: 73/48;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/t1_sp.svg) top left no-repeat;
  top: -1px;
  right: -1px;
}
#lp_chantowa #concept .concept_img span.u-b:before {
  width: 5.9vw;
  aspect-ratio: 23/35;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/b0_sp.svg) top left no-repeat;
  bottom: -1px;
  left: -1px;
}
#lp_chantowa #concept .concept_img span.u-b:after {
  width: 5.9vw;
  aspect-ratio: 23/35;
  background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/b1_sp.svg) top left no-repeat;
  bottom: -1px;
  right: -1px;
}
#lp_chantowa #concept .concept_txt {
  width: 100 #lp_chantowa #concept .concept_txt;
  margin-inline: auto;
  padding: 10.26vw 0 12.05vw 4.87vw;
}
#lp_chantowa #concept .concept_txt p {
  color: var(--color-base);
}
#lp_chantowa #concept .concept_txt p.en {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  font-size: var(--fs-concept-title);
  line-height: 1;
}
#lp_chantowa #concept .concept_txt .lead {
  margin-top: 11.28vw;
}
#lp_chantowa #concept .concept_txt .lead p {
  font-size: var(--fs-concept-lead);
  letter-spacing: 0.08em;
  line-height: 2;
  font-weight: 500;
}
#lp_chantowa #concept .concept_txt .lead p span {
  display: block;
}
#lp_chantowa #concept .concept_txt h2 {
  margin-top: 8.21vw;
}
#lp_chantowa #concept .concept_txt h2 span {
  display: block;
  line-height: 1;
}
#lp_chantowa #concept .concept_txt h2 span.t0 {
  width: 74.1vw;
  aspect-ratio: 289/19;
  margin-bottom: 4.1vw;
}
#lp_chantowa #concept .concept_txt h2 span.t1 {
  width: 72.31vw;
  aspect-ratio: 280/19;
}
#lp_chantowa #concept .concept_txt h3 {
  margin-top: 13.33vw;
  width: 64.1vw;
  margin-inline: auto;
}
#lp_chantowa #concept .c-logo {
  width: 12.56vw;
  position: absolute;
  top: 7.69vw;
  right: 18.97vw;
}
#lp_chantowa #concept .c-logo svg {
  fill: var(--color-white);
}
#lp_chantowa .b-other-items {
  width: 100%;
  position: relative;
  padding-top: var(--other-items-top);
  margin-top: var(--other-items-top);
}
#lp_chantowa .b-other-items:before {
  content: "";
  width: 100vw;
  height: calc(100% + 37px);
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background: var(--color-base);
}

@media all and (min-width: 769px) {
  #lp_chantowa #concept {
    margin-bottom: 0;
    padding-top: 20px;
    --fs-concept-lead: min(0.94vw, 14.4px);
    --fs-concept-title: min(1.02vw, 15.6px);
  }
  #lp_chantowa #concept .s-inner {
    max-width: calc(var(--max-width) - 40px);
  }
  #lp_chantowa #concept .c-col2 {
    width: calc(100% - 40px);
    padding: 20px 0 20px 0;
    display: flex;
    align-items: center;
  }
  #lp_chantowa #concept .concept_img {
    aspect-ratio: 780/650;
    width: 65%;
  }
  #lp_chantowa #concept .concept_img span.u-t:before {
    width: min(7.19vw, 110.4px);
    aspect-ratio: 92/172;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/t0.svg) top left no-repeat;
  }
  #lp_chantowa #concept .concept_img span.u-t:after {
    width: min(7.19vw, 110.4px);
    aspect-ratio: 92/172;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/t1.svg) top left no-repeat;
    right: -1px;
  }
  #lp_chantowa #concept .concept_img span.u-b:before {
    width: min(3.05vw, 46.8px);
    aspect-ratio: 39/107;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/b0.svg) top left no-repeat;
    left: 0px;
    bottom: -1px;
  }
  #lp_chantowa #concept .concept_img span.u-b:after {
    width: min(3.05vw, 46.8px);
    aspect-ratio: 39/107;
    background: url(/ec/img/usr/pg/cont/1chantowa-series/26ss/concept/b1.svg) top left no-repeat;
    right: -1px;
    bottom: -1px;
  }
  #lp_chantowa #concept .concept_txt {
    width: 35%;
    margin-inline: 0;
    padding: 0 0 0 min(4.92vw, 75.6px);
  }
  #lp_chantowa #concept .concept_txt .lead {
    margin-top: min(3.91vw, 60px);
  }
  #lp_chantowa #concept .concept_txt h2 {
    margin-top: min(3.2vw, 49.2px);
  }
  #lp_chantowa #concept .concept_txt h2 span {
    display: block;
    line-height: 1;
  }
  #lp_chantowa #concept .concept_txt h2 span.t0 {
    width: min(25.39vw, 390px);
    margin-bottom: min(1.09vw, 16.8px);
  }
  #lp_chantowa #concept .concept_txt h2 span.t1 {
    width: min(24.77vw, 380.4px);
  }
  #lp_chantowa #concept .concept_txt h3 {
    margin-top: min(4.92vw, 75.6px);
    width: min(19.92vw, 306px);
    margin-inline: 0;
  }
  #lp_chantowa #concept .c-logo {
    width: min(7.73vw, 118.8px);
    top: min(7.19vw, 110.4px);
    right: min(11.72vw, 180px);
  }
  #lp_chantowa .b-other-items:before {
    content: "";
    width: 100vw;
    height: calc(100% + 80px);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    background: var(--color-base);
  }
}
#lp_chantowa #item1 .col_points button[data-point="0"] {
  margin: -21.03vw 0 0 -19.23vw;
}
#lp_chantowa #item1 .col_points button[data-point="1"] {
  margin: -0.51vw 0 0 7.69vw;
}
#lp_chantowa #item1 .col_points button[data-point="2"] {
  margin: 16.67vw 0 0 -12.82vw;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="0"] {
  margin: -46.67vw 0 0 -26.92vw;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="0"]:after {
  left: 19%;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="1"] {
  margin: -26.15vw 0 0 -6.92vw;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="1"]:after {
  left: 31.5%;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="2"] {
  margin: 26.92vw 0 0 -15.9vw;
}
#lp_chantowa #item1 .c-fukidashi[data-point-description="2"]:after {
  left: 10%;
  border-width: 0px 6px 8px 6px;
  border-color: transparent transparent #FFFFFF transparent;
  top: -5px;
  bottom: auto;
}
#lp_chantowa #item2 .col_points button[data-point="0"] {
  margin: -39.74vw 0 0 8.97vw;
}
#lp_chantowa #item2 .col_points button[data-point="1"] {
  margin: -5.13vw 0 0 -23.08vw;
}
#lp_chantowa #item2 .col_points button[data-point="2"] {
  margin: 11.54vw 0 0 8.97vw;
}
#lp_chantowa #item2 .c-fukidashi:after {
  left: 10%;
  border-width: 0px 6px 8px 6px;
  border-color: transparent transparent #FFFFFF transparent;
  top: -5px;
  bottom: auto;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="0"] {
  margin: -29.49vw 0 0 -31.28vw;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="0"]:after {
  left: 76.5%;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="1"] {
  margin: 5.13vw 0 0 -28.97vw;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="1"]:after {
  left: 15%;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="2"] {
  margin: 22.05vw 0 0 -34.62vw;
}
#lp_chantowa #item2 .c-fukidashi[data-point-description="2"]:after {
  left: 82.5%;
}
#lp_chantowa #item3 .col_points button[data-point="0"] {
  margin: -21.79vw 0 0 -16.67vw;
}
#lp_chantowa #item3 .col_points button[data-point="1"] {
  margin: -2.56vw 0 0 10.26vw;
}
#lp_chantowa #item3 .col_points button[data-point="2"] {
  margin: 25.64vw 0 0 -20.51vw;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="0"] {
  margin: -47.44vw 0 0 -28.72vw;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="0"]:after {
  left: 27.5%;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="1"] {
  margin: -28.21vw 0 0 -29.74vw;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="1"]:after {
  left: 77.5%;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="2"] {
  margin: 0vw 0 0 -23.33vw;
}
#lp_chantowa #item3 .c-fukidashi[data-point-description="2"]:after {
  left: 10.5%;
}
#lp_chantowa #item4 .col_points button[data-point="0"] {
  margin: -23.08vw 0 0 -2.56vw;
}
#lp_chantowa #item4 .col_points button[data-point="1"] {
  margin: -2.56vw 0 0 -10.26vw;
}
#lp_chantowa #item4 .col_points button[data-point="2"] {
  margin: 22.56vw 0 0 10.26vw;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="0"] {
  margin: -48.21vw 0 0 -7.69vw;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="0"]:after {
  left: 15.5%;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="1"] {
  margin: -28.21vw 0 0 -18.46vw;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="1"]:after {
  left: 20%;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="2"] {
  margin: -3.85vw 0 0 -34.62vw;
}
#lp_chantowa #item4 .c-fukidashi[data-point-description="2"]:after {
  left: 86%;
}
#lp_chantowa #item5 .col_points button[data-point="0"] {
  margin: -28.21vw 0 0 -14.1vw;
}
#lp_chantowa #item5 .col_points button[data-point="1"] {
  margin: -7.69vw 0 0 1.28vw;
}
#lp_chantowa #item5 .col_points button[data-point="2"] {
  margin: 20.51vw 0 0 -15.38vw;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="0"] {
  margin: -53.85vw 0 0 -19.23vw;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="0"]:after {
  left: 15%;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="1"] {
  margin: -33.85vw 0 0 -7.18vw;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="1"]:after {
  left: 21%;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="2"] {
  margin: -5.38vw 0 0 -18.46vw;
}
#lp_chantowa #item5 .c-fukidashi[data-point-description="2"]:after {
  left: 10.5%;
}
#lp_chantowa #item6 .col_points button[data-point="0"] {
  margin: -28.46vw 0 0 -17.95vw;
}
#lp_chantowa #item6 .col_points button[data-point="1"] {
  margin: -7.69vw 0 0 6.41vw;
}
#lp_chantowa #item6 .col_points button[data-point="2"] {
  margin: 20.51vw 0 0 -15.38vw;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="0"] {
  margin: -54.36vw 0 0 -21.03vw;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="0"]:after {
  left: 10.5%;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="1"] {
  margin: -33.85vw 0 0 -10.26vw;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="1"]:after {
  left: 35%;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="2"] {
  margin: 30.26vw 0 0 -18.97vw;
}
#lp_chantowa #item6 .c-fukidashi[data-point-description="2"]:after {
  left: 10%;
  border-width: 0px 6px 8px 6px;
  border-color: transparent transparent #FFFFFF transparent;
  top: -5px;
  bottom: auto;
}

@media all and (min-width: 390px) {
  #lp_chantowa #item1 .c-fukidashi[data-point-description="0"] {
    margin: -46.15vw 0 0 -26.41vw;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="0"]:after {
    left: 19%;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="1"] {
    margin: -25.64vw 0 0 -6.15vw;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="1"]:after {
    left: 31.5%;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="2"] {
    margin: 26.92vw 0 0 -15.9vw;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="2"]:after {
    left: 10%;
    top: -5px;
    bottom: auto;
  }
  #lp_chantowa #item2 .c-fukidashi:after {
    left: 10%;
    border-width: 0px 6px 8px 6px;
    top: -5px;
    bottom: auto;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="0"] {
    margin: -30.26vw 0 0 -31.28vw;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="0"]:after {
    left: 80%;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="1"] {
    margin: 5.13vw 0 0 -28.97vw;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="1"]:after {
    left: 15.5%;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="2"] {
    margin: 22.05vw 0 0 -34.62vw;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="2"]:after {
    left: 86%;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="0"] {
    margin: -46.15vw 0 0 -28.72vw;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="0"]:after {
    left: 28%;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="1"] {
    margin: -27.69vw 0 0 -29.74vw;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="1"]:after {
    left: 80%;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="2"] {
    margin: 0.51vw 0 0 -23.33vw;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="2"]:after {
    left: 11%;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="0"] {
    margin: -46.67vw 0 0 -7.69vw;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="0"]:after {
    left: 15.5%;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="1"] {
    margin: -27.44vw 0 0 -18.46vw;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="1"]:after {
    left: 20%;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="2"] {
    margin: -2.56vw 0 0 -34.62vw;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="2"]:after {
    left: 90%;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="0"] {
    margin: -53.08vw 0 0 -19.23vw;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="0"]:after {
    left: 15.5%;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="1"] {
    margin: -32.82vw 0 0 -6.41vw;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="1"]:after {
    left: 20%;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="2"] {
    margin: -4.1vw 0 0 -17.95vw;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="2"]:after {
    left: 10.5%;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="0"] {
    margin: -53.33vw 0 0 -20.51vw;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="0"]:after {
    left: 10.5%;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="1"] {
    margin: -32.82vw 0 0 -6.67vw;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="1"]:after {
    left: 30.2%;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="2"] {
    margin: 30.26vw 0 0 -18.21vw;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="2"]:after {
    left: 10%;
    top: -5px;
    bottom: auto;
  }
}
@media all and (min-width: 769px) {
  #lp_chantowa #item1 .col_points button[data-point="0"] {
    margin: max(-8.98vw, -115px) 0 0 max(-9.77vw, -125px);
  }
  #lp_chantowa #item1 .col_points button[data-point="1"] {
    margin: max(-0.78vw, -10px) 0 0 max(3.13vw, 40px);
  }
  #lp_chantowa #item1 .col_points button[data-point="2"] {
    margin: min(8.59vw, 110px) 0 0 max(-5.86vw, -75px);
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="0"] {
    margin: max(-17.58vw, -225px) 0 0 max(-11.56vw, -148px);
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="0"]:after {
    left: 19%;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="1"] {
    margin: max(-9.38vw, -120px) 0 0 min(3.13vw, 40px);
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="1"]:after {
    left: 14.5%;
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="2"] {
    margin: min(13.28vw, 170px) 0 0 max(-6.33vw, -81px);
  }
  #lp_chantowa #item1 .c-fukidashi[data-point-description="2"]:after {
    left: 10%;
    border-width: 0px 6px 8px 6px;
    border-color: transparent transparent #FFFFFF transparent;
    top: -5px;
    bottom: auto;
  }
  #lp_chantowa #item2 .col_points button[data-point="0"] {
    margin: max(-19.14vw, -245px) 0 0 min(3.91vw, 50px);
  }
  #lp_chantowa #item2 .col_points button[data-point="1"] {
    margin: max(-5.47vw, -70px) 0 0 max(-10.7vw, -137px);
  }
  #lp_chantowa #item2 .col_points button[data-point="2"] {
    margin: min(3.52vw, 45px) 0 0 min(4.3vw, 55px);
  }
  #lp_chantowa #item2 .c-fukidashi:after {
    border-width: 0px 6px 8px 6px;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="0"] {
    margin: max(-15vw, -192px) 0 0 max(-8.59vw, -110px);
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="0"]:after {
    left: 83.2%;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="1"] {
    margin: max(-1.17vw, -15px) 0 0 max(-11.56vw, -148px);
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="1"]:after {
    left: 12.5%;
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="2"] {
    margin: min(7.5vw, 96px) 0 0 max(-8.59vw, -110px);
  }
  #lp_chantowa #item2 .c-fukidashi[data-point-description="2"]:after {
    left: 86%;
  }
  #lp_chantowa #item3 .col_points button[data-point="0"] {
    margin: max(-11.33vw, -145px) 0 0 max(-7.42vw, -95px);
  }
  #lp_chantowa #item3 .col_points button[data-point="1"] {
    margin: max(-1.56vw, -20px) 0 0 min(6.25vw, 80px);
  }
  #lp_chantowa #item3 .col_points button[data-point="2"] {
    margin: min(12.5vw, 160px) 0 0 max(-9.38vw, -120px);
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="0"] {
    margin: max(-19.53vw, -250px) 0 0 max(-8.44vw, -108px);
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="0"]:after {
    left: 14%;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="1"] {
    margin: max(-9.77vw, -125px) 0 0 max(-6.25vw, -80px);
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="1"]:after {
    left: 84.5%;
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="2"] {
    margin: min(4.3vw, 55px) 0 0 max(-10.94vw, -140px);
  }
  #lp_chantowa #item3 .c-fukidashi[data-point-description="2"]:after {
    left: 17%;
  }
  #lp_chantowa #item4 .col_points button[data-point="0"] {
    margin: max(-10.94vw, -140px) 0 0 max(-1.56vw, -20px);
  }
  #lp_chantowa #item4 .col_points button[data-point="1"] {
    margin: max(-1.95vw, -25px) 0 0 max(-4.69vw, -60px);
  }
  #lp_chantowa #item4 .col_points button[data-point="2"] {
    margin: min(10.94vw, 140px) 0 0 min(5.47vw, 70px);
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="0"] {
    margin: max(-18.91vw, -242px) 0 0 max(-2.81vw, -36px);
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="0"]:after {
    left: 15.5%;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="1"] {
    margin: max(-10.31vw, -132px) 0 0 max(-5.23vw, -67px);
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="1"]:after {
    left: 11.2%;
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="2"] {
    margin: min(2.73vw, 35px) 0 0 max(-7.03vw, -90px);
  }
  #lp_chantowa #item4 .c-fukidashi[data-point-description="2"]:after {
    left: 84%;
  }
  #lp_chantowa #item5 .col_points button[data-point="0"] {
    margin: max(-12.5vw, -160px) 0 0 max(-6.64vw, -85px);
  }
  #lp_chantowa #item5 .col_points button[data-point="1"] {
    margin: max(-3.13vw, -40px) 0 0 min(0.39vw, 5px);
  }
  #lp_chantowa #item5 .col_points button[data-point="2"] {
    margin: min(9.38vw, 120px) 0 0 max(-7.81vw, -100px);
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="0"] {
    margin: max(-20.7vw, -265px) 0 0 max(-7.42vw, -95px);
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="0"]:after {
    left: 13.5%;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="1"] {
    margin: max(-11.33vw, -145px) 0 0 max(-1.56vw, -20px);
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="1"]:after {
    left: 20%;
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="2"] {
    margin: min(1.17vw, 15px) 0 0 min(-6.09vw, -78px);
  }
  #lp_chantowa #item5 .c-fukidashi[data-point-description="2"]:after {
    left: 10.5%;
  }
  #lp_chantowa #item6 .col_points button[data-point="0"] {
    margin: max(-13.28vw, -170px) 0 0 max(-8.59vw, -110px);
  }
  #lp_chantowa #item6 .col_points button[data-point="1"] {
    margin: max(-3.91vw, -50px) 0 0 min(3.52vw, 45px);
  }
  #lp_chantowa #item6 .col_points button[data-point="2"] {
    margin: min(6.25vw, 80px) 0 0 max(-5.47vw, -70px);
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="0"] {
    margin: max(-21.48vw, -275px) 0 0 max(-9.38vw, -120px);
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="0"]:after {
    left: 12%;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="1"] {
    margin: max(-12.03vw, -154px) 0 0 min(1.56vw, 20px);
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="1"]:after {
    left: 20%;
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="2"] {
    margin: min(10.31vw, 132px) 0 0 max(-5.94vw, -76px);
  }
  #lp_chantowa #item6 .c-fukidashi[data-point-description="2"]:after {
    left: 10%;
    border-width: 0px 6px 8px 6px;
    border-color: transparent transparent #FFFFFF transparent;
    top: -5px;
    bottom: auto;
  }
}
#bg_fixed_nav {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease;
}

body:has(#fixed_nav_items.open) #bg_fixed_nav {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}

#fixed_nav_items {
  width: calc(var(--fixed-nav-items) + min(1.28vw, 5px));
  position: fixed;
  top: 0px;
  right: 0;
  z-index: 100;
  transition: width 0.4s ease, transform 0.3s ease;
}
#fixed_nav_items button {
  width: calc(100% - min(1.28vw, 5px));
  border-radius: 100vmax;
  height: var(--fixed-nav-items-height);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  position: relative;
  top: min(1.28vw, 5px);
  right: min(0vw, 0px);
  z-index: 2;
  transition: width 0.4s ease, background 0.3s ease;
}
#fixed_nav_items button span.inr {
  width: calc(100% - 12px);
  height: var(--fixed-nav-items-height);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fixed_nav_items button span.c-circle {
  width: var(--btn-advice-circle);
  height: var(--btn-advice-circle);
  background: var(--color-white);
  border-radius: 100vmax;
  display: grid;
  place-content: center;
}
#fixed_nav_items button span.c-circle.c-icon_arrow span.c-icon {
  width: min(2.56vw, 10px);
  height: min(2.56vw, 10px);
  rotate: 90deg;
  position: relative;
  top: min(0.26vw, 1px);
}
#fixed_nav_items button span.c-circle.c-icon_arrow svg {
  fill: var(--color-blue-txt);
}
#fixed_nav_items button span.c-circle.c-icon_close {
  display: none;
}
#fixed_nav_items button span.c-circle.c-icon_close span.c-icon {
  width: min(2.56vw, 10px);
  height: min(2.56vw, 10px);
}
#fixed_nav_items button span.c-circle.c-icon_close svg {
  fill: var(--color-white);
}
#fixed_nav_items button span.txt {
  margin-right: min(1.79vw, 7px);
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700 !important;
  font-style: normal;
  font-size: var(--fixed-nav-btn-text);
}
#fixed_nav_items .nav_items_inner {
  width: 97.44vw;
  position: absolute;
  top: 5px;
  right: 5px;
  overflow: hidden; /*height: 0px;*/
  pointer-events: none;
  transition: height 0.2s ease, opacity 0.3s ease;
  opacity: 0;
}
#fixed_nav_items .nav_items_inner .nav_items_content {
  width: 100%;
  background: var(--color-blue-block);
  border-radius: var(--border-block);
}
#fixed_nav_items .nav_items_inner .nav_items_content ul {
  padding: min(12.82vw, 50px) 0 min(5.13vw, 20px) 0;
}
#fixed_nav_items.open {
  width: 100%;
}
#fixed_nav_items.open .nav_items_inner {
  opacity: 1;
}
#fixed_nav_items.open button {
  margin-inline: auto;
  background: rgba(231, 245, 248, 0);
  backdrop-filter: none;
}
#fixed_nav_items.open button span.inr {
  padding-left: 7px;
}
#fixed_nav_items.open button span.c-icon_arrow {
  display: none;
}
#fixed_nav_items.open button span.c-icon_close {
  display: grid;
}
#fixed_nav_items.open button span.c-circle {
  background: var(--color-base);
}
#fixed_nav_items.open .nav_items_inner {
  pointer-events: auto;
}

#fixed_nav_items {
  transform: translate3d(0, calc(var(--fixed-nav-items-height) * -1.5), 0);
}

.show-item_nav #fixed_nav_items {
  transform: translate3d(0, 0, 0);
}

@media all and (min-width: 768px) {
  .pc-footer {
    width: 100%;
    min-width: 100%;
    overflow-x: hidden;
  }
  .pc-footer .cmn-footer {
    width: 100%;
    overflow-x: hidden;
  }
  #lp_chantowa #nav_items {
    display: none;
  }
  #lp_chantowa :is(#fixed_nav_items) ul {
    width: calc(100% - 34px);
    column-gap: min(1.95vw, 25px);
    row-gap: min(0.78vw, 10px);
  }
  #lp_chantowa :is(#fixed_nav_items) ul li {
    width: min(10.47vw, 134px);
  }
  #lp_chantowa :is(#fixed_nav_items) ul li a {
    display: block;
  }
  #lp_chantowa :is(#fixed_nav_items) ul li a figure img {
    width: min(6.09vw, 78px);
  }
  #lp_chantowa :is(#fixed_nav_items) ul li a p {
    font-size: min(1.56vw, 20px);
    margin-top: min(0.78vw, 10px);
  }
  #lp_chantowa #fixed_nav_items {
    width: calc(var(--fixed-nav-items) + min(0.39vw, 5px));
  }
  #lp_chantowa #fixed_nav_items button {
    width: calc(100% - min(0.39vw, 5px));
    backdrop-filter: blur(5px);
    top: min(0.94vw, 12px);
    right: min(0.78vw, 10px);
  }
  #lp_chantowa #fixed_nav_items button span.inr {
    width: calc(100% - 12px);
    height: var(--fixed-nav-items-height);
  }
  #lp_chantowa #fixed_nav_items button span.c-circle {
    width: var(--btn-advice-circle);
    height: var(--btn-advice-circle);
  }
  #lp_chantowa #fixed_nav_items button span.c-circle.c-icon_arrow span.c-icon {
    width: min(0.78vw, 10px);
    height: min(0.78vw, 10px);
    top: min(0.26vw, 1px);
  }
  #lp_chantowa #fixed_nav_items button span.c-circle.c-icon_close span.c-icon {
    width: min(0.78vw, 10px);
    height: min(0.78vw, 10px);
  }
  #lp_chantowa #fixed_nav_items button span.txt {
    margin-right: min(0.55vw, 7px);
  }
  #lp_chantowa #fixed_nav_items .nav_items_inner {
    width: min(52.34vw, 670px);
  }
  #lp_chantowa #fixed_nav_items .nav_items_inner .nav_items_content ul {
    padding: min(5vw, 64px) 0 min(1.56vw, 20px) 0;
  }
  #lp_chantowa #fixed_nav_items.open {
    width: min(52.34vw, 670px);
  }
  #lp_chantowa #fixed_nav_items.open .nav_items_inner {
    opacity: 1;
  }
  #lp_chantowa #fixed_nav_items.open button {
    backdrop-filter: blur(0px);
  }
  #lp_chantowa #fixed_nav_items.open button span.inr {
    padding-left: 4px;
  }
}
@media all and (min-width: 960px) {
  #lp_chantowa #fixed_nav_items {
    display: none;
  }
  #lp_chantowa #item1 {
    margin-top: calc(-100vh + 0px);
    padding-top: 0px;
  }
  #lp_chantowa #nav_items {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    position: sticky;
    right: 20px;
    padding: 0px;
    z-index: 3;
    pointer-events: none; /*top: var(--header-height);*/
    top: 0px;
    margin-inline: revert;
    background: none;
    margin-bottom: 0px;
  }
  #lp_chantowa #nav_items .u-sp {
    display: none;
  }
  #lp_chantowa #nav_items ul {
    width: 125px;
    height: calc(100% - 40px);
    min-height: calc(100% - 40px);
    border-radius: var(--r20);
    background: var(--color-blue-block);
    position: relative;
    top: 20px;
    margin-right: 20px;
    display: flex;
    flex-flow: column;
    padding: 20px 0;
    justify-content: space-between;
    row-gap: 0;
    pointer-events: auto;
  }
  #lp_chantowa #nav_items ul li {
    width: auto;
    position: relative;
    height: calc((100% - 12.46vh) / 8);
    max-height: 67px;
    aspect-ratio: 1/1;
    margin-inline: auto;
  }
  #lp_chantowa #nav_items ul li a figure {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    position: relative;
  }
  #lp_chantowa #nav_items ul li a figure:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: var(--color-white);
    border-radius: 100vmax;
  }
  #lp_chantowa #nav_items ul li a figure img {
    position: relative;
    width: 59.97%;
    height: auto;
  }
  #lp_chantowa #nav_items ul li a p {
    display: none;
    font-size: var(--fs-10-10);
    color: var(--color-white);
    text-align: center;
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700 !important;
    font-style: normal;
    margin-top: 4px;
  }
  #lp_chantowa .item {
    width: calc(100% - 185px);
    left: 20px;
    margin-inline: revert;
  }
}
@media (any-hover: hover) {
  #nav #nav_page ul li a span {
    display: block;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #nav #nav_page ul li a:hover {
    opacity: 1;
  }
  #nav #nav_page ul li a:hover span {
    transform: translate3d(0.5em, 0, 0);
  }
  #nav .c-wrap_btn a {
    text-decoration: none;
  }
  #nav .c-wrap_btn a:before {
    transition: width 0.15s linear 0s, height 0.15s linear 0s;
  }
  #nav .c-wrap_btn a:hover {
    opacity: 1;
    text-decoration: none;
  }
  #nav .c-wrap_btn a:hover:before {
    height: calc(100% + 6px);
    width: calc(100% + 10px);
  }
  #nav .c-sns ul li a:before, #nav .c-sns ul li button:before {
    transition: scale 0.15s linear;
    transform-origin: center;
  }
  #nav .c-sns ul li a:hover, #nav .c-sns ul li button:hover {
    opacity: 1;
  }
  #nav .c-sns ul li a:hover:before, #nav .c-sns ul li button:hover:before {
    scale: 1.1;
  }
  a.c-btn.c-white:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: width 0.15s linear 0s, height 0.15s linear 0s;
  }
  a.c-btn.c-white:hover {
    opacity: 1;
  }
  a.c-btn.c-white:hover:before {
    height: calc(100% + 6px);
    width: calc(100% + 10px);
  }
  #nav_items ul li a figure:before {
    transition: scale 0.3s ease;
  }
  #nav_items ul li a:hover, #nav_items ul li a.active {
    opacity: 1;
  }
  #nav_items ul li a:hover figure:before, #nav_items ul li a.active figure:before {
    scale: 1.05;
  }
  .c-list_archives ul li a figure {
    overflow: hidden;
  }
  .c-list_archives ul li a figure img {
    transition: scale 0.3s ease;
  }
  .c-list_archives ul li a:hover {
    opacity: 1;
  }
  .c-list_archives ul li a:hover figure img {
    scale: 1.05;
  }
  #lp_chantowa {
    overflow: hidden;
  }
  #lp_chantowa #kv .s-inner {
    clip-path: circle(0% at 50% 50%);
  }
  #lp_chantowa #kv .c-scroll, #lp_chantowa #kv h1 {
    transition: opacity 0.6s ease;
  }
  #lp_chantowa #kv .c-scroll {
    opacity: 0;
  }
  #lp_chantowa #kv h1 {
    opacity: 0;
  }
  #lp_chantowa #kv.active .s-inner {
    clip-path: circle(100% at 50% 50%); /*width: calc(100% - 26px); height: calc(100% - 26px - var(--header-height));*/
  }
  #lp_chantowa #kv.active h1 {
    opacity: 1;
    transition-delay: 0.6s;
  }
  #lp_chantowa #kv.active .c-scroll {
    opacity: 1;
    transition-delay: 0.7s;
  }
  .item a.c-btn.cart:before {
    transition: width 0.15s linear, height 0.15s linear;
  }
  .item a.c-btn.cart:hover:before {
    width: calc(100% + 10px);
    height: calc(100% + 6px);
  }
  .item .c-nav_slideshow button {
    transition: transform 0.2s ease;
  }
  .item .c-nav_slideshow button:hover.js-prev {
    transform: translate3d(-5px, 0, 0);
  }
  .item .c-nav_slideshow button:hover.js-next {
    transform: translate3d(5px, 0, 0);
  }
}
html {
  overflow: hidden;
}
html.start {
  overflow: revert;
}
html.start #lp_chantowa {
  overflow: clip;
}

header {
  transition: transform 0.3s ease;
  transform: translate3d(0, -100%, 0);
}

button[data-menu] {
  transition: transform 0.3s ease;
  transform: translate3d(-150%, 0, 0);
}

.start header,
.start button[data-menu] {
  transform: translate3d(0, 0, 0);
}

#lp_chantowa {
  overflow: hidden;
  --hide-y: 10.26vw;
  --ease-out: cubic-bezier(0.165, 0.840, 0.180, 1.000);
  --ease-in: cubic-bezier(0.625, 0.045, 0.465, -0.050);
}
#lp_chantowa #kv .s-inner {
  clip-path: circle(0% at 50% 50%);
}
#lp_chantowa #kv .c-scroll, #lp_chantowa #kv h1 {
  transition: opacity 0.6s ease;
}
#lp_chantowa #kv .c-scroll {
  opacity: 0;
}
#lp_chantowa #kv h1 {
  opacity: 0;
}
#lp_chantowa #kv.active .s-inner {
  transition: clip-path 0.8s var(--ease-in);
  clip-path: circle(130% at 50% 50%); /*width: calc(100% - 26px); height: calc(100% - 26px - var(--header-height));*/
}
#lp_chantowa #kv.active h1 {
  opacity: 1;
  transition-delay: 0.6s;
}
#lp_chantowa #kv.active .c-scroll {
  opacity: 1;
  transition-delay: 0.7s;
}
#lp_chantowa #concept .concept_img {
  --progress: 0;
}
#lp_chantowa #concept .concept_img figure {
  clip-path: circle(calc((var(--progress)) * 100%) at 50% 50%);
  opacity: calc(var(--progress) * 2);
}
#lp_chantowa #concept .concept_txt p.en {
  overflow: hidden;
  line-height: 1.1;
}
#lp_chantowa #concept .concept_txt p.en span {
  display: block;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
}
#lp_chantowa #concept .concept_txt .lead span.s0 {
  overflow: hidden;
}
#lp_chantowa #concept .concept_txt .lead span.s0 span.s1 {
  display: block;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
}
#lp_chantowa #concept .concept_txt .lead h2 span.s0 .s1 {
  transition: transform 0.4s ease;
  transform: translate3d(0, 100%, 0);
}
#lp_chantowa #concept .concept_txt .lead h3 {
  opacity: 0;
  transition: opacity 1s ease;
}
#lp_chantowa #concept .concept_txt.animate p.en span {
  transform: translate3d(0, 0, 0);
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0 span.s1 {
  transform: translate3d(0, 0%, 0);
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(1) span.s1 {
  transition-delay: 0.15s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(2) span.s1 {
  transition-delay: 0.2s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(3) span.s1 {
  transition-delay: 0.25s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(4) span.s1 {
  transition-delay: 0.3s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(5) span.s1 {
  transition-delay: 0.35s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(6) span.s1 {
  transition-delay: 0.4s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(7) span.s1 {
  transition-delay: 0.45s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(8) span.s1 {
  transition-delay: 0.5s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(9) span.s1 {
  transition-delay: 0.55s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(10) span.s1 {
  transition-delay: 0.6s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(11) span.s1 {
  transition-delay: 0.65s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(12) span.s1 {
  transition-delay: 0.7s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(13) span.s1 {
  transition-delay: 0.75s;
}
#lp_chantowa #concept .concept_txt.animate .lead span.s0:nth-of-type(14) span.s1 {
  transition-delay: 0.8s;
}
#lp_chantowa #concept .concept_txt.animate .lead h2 span.s0 .s1 {
  transform: translate3d(0, 0%, 0);
}
#lp_chantowa #concept .concept_txt.animate .lead h2 span.s0:nth-of-type(1) .s1 {
  transition-delay: 0.6s;
}
#lp_chantowa #concept .concept_txt.animate .lead h2 span.s0:nth-of-type(2) .s1 {
  transition-delay: 0.7s;
}
#lp_chantowa #concept .concept_txt.animate .lead h3 {
  opacity: 1;
  transition-delay: 0.8s;
}
#lp_chantowa .item .c-advice {
  transition: width 0.6s linear;
}
#lp_chantowa .item .c-advice:before {
  content: "";
  width: 100%;
  height: var(--btn-advice-height);
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: var(--color-white);
  border-radius: var(--advice-radius);
  opacity: 0;
}
#lp_chantowa .item .c-advice .c-advice_content {
  display: grid;
  min-height: var(--btn-advice-height);
  grid-template-rows: 0fr; /* ← ポイント */
  transition: grid-template-rows 0.3s ease;
}
#lp_chantowa .item .c-advice .c-advice_content .advice_content_inner {
  width: calc(100% - 26px);
  overflow: hidden;
}
#lp_chantowa .item .c-advice button {
  z-index: 2;
  transition: width 0.3s ease;
}
#lp_chantowa .item .c-advice button span.c-icon_plus span.v {
  transition: rotate 0.15s ease;
}
#lp_chantowa .item .c-advice.open {
  width: calc(100% - 26px);
  height: auto;
}
#lp_chantowa .item .c-advice.open:before {
  opacity: 1;
  height: 100%;
}
#lp_chantowa .item .c-advice.open .c-advice_content {
  grid-template-rows: 1fr;
}
#lp_chantowa .item .c-advice.open button {
  width: 100%;
  background: none;
}
#lp_chantowa .item .c-advice.open button span.c-icon_plus span.v {
  rotate: 90deg;
}
#lp_chantowa .item.u-normal .img_main figure {
  clip-path: circle(0 at 50% 50%);
  transition: clip-path 0.6s var(--ease-in);
  will-change: clip-path;
}
#lp_chantowa .item.u-normal .img_main .c-advice {
  opacity: 0;
  transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
}
#lp_chantowa .item.u-normal .c-ttl_item h3 span.s0 {
  overflow: hidden;
  display: block;
}
#lp_chantowa .item.u-normal .c-ttl_item h3 span.s0 span.s1 {
  display: block;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
}
#lp_chantowa .item.u-normal .c-ttl_item .c-item_info dl {
  overflow: hidden;
}
#lp_chantowa .item.u-normal .c-ttl_item .c-item_info dl dt, #lp_chantowa .item.u-normal .c-ttl_item .c-item_info dl dd {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
}
#lp_chantowa .item.u-normal .c-wrap_img_item .c-img_item {
  transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#lp_chantowa .item.u-normal .c-wrap_img_item button {
  scale: 0.75;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease 0s, scale 0.4s var(--ease-bounce) 0s;
}
#lp_chantowa .item.u-normal .c-wrap_btn {
  transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#lp_chantowa .item.u-normal .b-item_btm .c-ttl h4 span.t {
  overflow: hidden;
  display: block;
}
#lp_chantowa .item.u-normal .b-item_btm .c-ttl h4 span.t span.t_i {
  display: block;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s ease;
}
#lp_chantowa .item.u-normal .b-item_btm .c-lead,
#lp_chantowa .item.u-normal .b-item_btm .c-item_colors,
#lp_chantowa .item.u-normal .b-item_btm .c-wrap_btn {
  transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#lp_chantowa .item.u-normal .b-item_btm .c-other_styling .c-ttl_styling,
#lp_chantowa .item.u-normal .b-item_btm .c-other_styling .c-styling_slideshow {
  transition: transform 0.6s ease 0s, opacity 0.6s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#lp_chantowa .item.u-normal.animate .img_main figure {
  clip-path: circle(100% at 50% 50%);
  opacity: 1;
}
#lp_chantowa .item.u-normal.animate .img_main .c-advice {
  opacity: 1;
}
#lp_chantowa .item.u-normal.animate .c-ttl_item h3 span.s0 span.s1 {
  transform: translate3d(0, 0%, 0);
}
#lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl dt, #lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl dd {
  transform: translate3d(0, 0%, 0);
}
#lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(1) dt, #lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(1) dd {
  transition-delay: 0.1s;
}
#lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(2) dt, #lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(2) dd {
  transition-delay: 0.2s;
}
#lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(3) dt, #lp_chantowa .item.u-normal.animate .c-ttl_item .c-item_info dl:nth-of-type(3) dd {
  transition-delay: 0.3s;
}
#lp_chantowa .item.u-normal.animate .c-wrap_img_item .c-img_item {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.2s;
}
#lp_chantowa .item.u-normal.animate .c-wrap_img_item button {
  scale: 1;
  opacity: 1;
  pointer-events: auto;
}
#lp_chantowa .item.u-normal.animate .c-wrap_img_item button:nth-of-type(1) {
  transition-delay: 0.6s;
}
#lp_chantowa .item.u-normal.animate .c-wrap_img_item button:nth-of-type(2) {
  transition-delay: 0.7s;
}
#lp_chantowa .item.u-normal.animate .c-wrap_img_item button:nth-of-type(3) {
  transition-delay: 0.8s;
}
#lp_chantowa .item.u-normal.animate .c-wrap_btn {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition-delay: 0.3s;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-ttl h4 span.t span.t_i {
  transform: translate3d(0, 0%, 0);
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-lead,
#lp_chantowa .item.u-normal .b-item_btm.animate .c-item_colors,
#lp_chantowa .item.u-normal .b-item_btm.animate .c-wrap_btn {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-lead {
  transition-delay: 0.1s;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-item_colors {
  transition-delay: 0.2s;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-wrap_btn {
  transition-delay: 0.3s;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-other_styling .c-ttl_styling,
#lp_chantowa .item.u-normal .b-item_btm.animate .c-other_styling .c-styling_slideshow {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-other_styling .c-ttl_styling {
  transition-delay: 0.3s;
}
#lp_chantowa .item.u-normal .b-item_btm.animate .c-other_styling .c-styling_slideshow {
  transition-delay: 0.4s;
}

@media all and (min-width: 769px) {
  #lp_chantowa {
    --hide-y: min(3.13vw, 40px);
  }
  #lp_chantowa .item .c-advice {
    right: 20px;
  }
  #lp_chantowa .item .c-advice .c-advice_content .advice_content_inner {
    width: calc(100% - 40px);
  }
  #lp_chantowa .item .c-advice button span.inr {
    transition: padding-left 0.2s ease;
  }
  #lp_chantowa .item .c-advice.open {
    width: calc(100% - 40px);
  }
  #lp_chantowa .item .c-advice.open button span.inr {
    padding-left: 20px;
  }
}