:root {

  --color-beige: #f4eede;

  --color-beige-light: #fbf8f2;

  --color-beige-dark: #e0ceaa;

}

.sf-heading {

  line-height: 150%;

}

[data-aspect-ratio="7:5"]:before {

  padding-top: 71.42857%;

}

.sf-main .u-leading_140 {

  line-height: 140%;

}

.sf-main .u-leading_150 {

  line-height: 150%;

}

.sf-main .u-leading_180 {

  line-height: 180%;

}

.sf-main .u-font-weight_500 {

  font-weight: 500;

}

.sf-main .u-font_gothicMB-DB {

  font-family: Gothic MB101 DemiBold, sans-serif;

  font-weight: 400;

}

.sf-main .u-font_gothicMB-M {

  font-family: Gothic MB101 Medium, sans-serif;

  font-weight: 400;

}

.sf-main .u-font_gothicMB-R {

  font-family: Gothic MB101 Regular, sans-serif;

  font-weight: 400;

}

.sf-main .u-font_gothicMB-L {

  font-family: Gothic MB101 Light, sans-serif;

  font-weight: 400;

}



.center {

  text-align: center;

}



/* .lead{background-color:#fbf8f2;background-color:var(--color-beige-light,#fbf8f2)} */



.tabButton__list {

  display: flex;

  gap: 2px;

  width: 100%;

}

.tabButton__item {

  flex: 1;

}

.tabButton__itemLink {

  align-items: center;

  display: flex;

  flex-direction: column;

  height: 100%;

  width: 100%;

}

.tabButton__itemLink.-current {

  cursor: auto;

}

.tabButton__itemImage {

  position: relative;

}

.tabButton__itemImage:after {

  background-color: #e0ceaa;

  background-color: var(--color-beige-dark, #e0ceaa);

  bottom: 0;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  transition: all 0.3s ease;

  transition-delay: 0.1s;

  width: 100%;

  z-index: 3;

}

.-current .tabButton__itemImage:after {

  opacity: 1;

}

.tabButton__itemImageInner:before {

  background-color: #000;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  transition: all 0.3s ease;

  transition-delay: 0.1s;

  width: 100%;

  z-index: 2;

}

.-current .tabButton__itemImageInner:before {

  opacity: 0.5;

}

.tabButton__itemLink:hover .tabButton__itemImageInner:before {

  height: 100%;

  opacity: 0.5;

}

.tabButton__itemHeading {

  display: grid;

  flex: 1;

  height: 100%;

  margin-top: 4px;

  place-items: center;

  width: 100%;

}

.tabButton__only--mobile {

  display: none;

}

.tabAnchor__list {

  align-items: center;

  display: flex;

  justify-content: space-between;

}

.tabAnchor__item {

  align-items: center;

  display: flex;

  justify-content: center;

  text-align: center;

  width: 50%;

}

.tabAnchor__itemLink {

  align-items: center;

  display: flex;

  gap: 8px;

}

.tabAnchor__itemHeading {

  font-size: 18px;

}

.feature__heading--en {

  font-weight: 500;

}

.feature__list {

  align-items: flex-start;

  display: flex;

  gap: 20px;

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

  width: calc(

    83.33333% - var(--space-h-s) * 11 / 12 * 10 + var(--space-h-s) * 9

  );

}

.feature__item {

  flex: 1;

}

.pickup__annotation {

  font-size: 10px;

}

.pickup__slide {

  width: 48.8764%;

}

.pickup__slideThumb-justifyCenter.swiper-wrapper.pickup__slideThumbContainer {

  justify-content: center;

}

.swiper-slide {

  cursor: pointer;

}

.swiper-slide:last-of-type {

  margin-right: 0 !important;

}

.swiper-slide.swiper-slide-thumb-active:before {

  background: rgba(0, 0, 0, 0.4);

  content: "";

  inset: 0;

  position: absolute;

  z-index: 1;

}

.about__section {

  padding-top: 64px;

}

.about__section:first-of-type {

  padding-top: 40px;

}

.about__container,

.about__container--reverse {

  align-items: center;

  display: flex;

  justify-content: space-between;

}

.about__textLine {

  display: inline-block;

  padding-top: 1.8em;

}

.about__movieInner {

  height: 100%;

  vertical-align: middle;

  width: 100%;

}



.intro_featureList_item {

  align-items: center;

  aspect-ratio: 1/1;

  background-color: #f9f8ef;

  border-radius: 120px;

  display: flex;

  justify-content: center;

  text-align: center;

  font-weight: 800;

}



@media screen and (min-width: 751px) {

  [data-desktop-aspect-ratio="435:652"]:before {

    padding-top: 149.88506%;

  }

  [data-desktop-aspect-ratio="356:170"]:before {

    padding-top: 47.75281%;

  }

  [data-desktop-aspect-ratio="526:351"]:before {

    padding-top: 66.73004%;

  }

  .tabButton__itemImage:after {

    height: 8px;

  }

  .-current .tabButton__itemImageInner:before {

    height: calc(100% - 8px);

  }

  .tabButton__itemHeading {

    font-size: 18px;

    letter-spacing: 0.04em;

  }

  .tabButton .tabButton__only--mobile {

    display: none;

  }

  .tabAnchor__list {

    margin: 0 auto;

    max-width: 100%;

    width: 705px;

  }

  .tabAnchor__itemLink {

    justify-content: center;

  }

  .feature__heading {

    font-size: 32px;

    line-height: 150%;

    margin-top: 28px;

  }

  .feature__heading--en {

    font-size: 34px;

  }

  .feature__list {

    margin-top: 28px;

  }

  .feature__item {

    aspect-ratio: 1/1;

    display: grid;

    place-content: center;

    position: relative;

    text-align: center;

  }

  .feature__item:before {

    background: #f4eede;

    background: var(--color-beige, #f4eede);

    border-radius: 50%;

    content: "";

    height: 100%;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    z-index: 1;

  }

  .feature__itemHeading {

    font-size: 24px;

    position: relative;

    z-index: 2;

  }

  .feature__itemText {

    font-size: 18px;

    position: relative;

    z-index: 2;

  }

  .outfit__section {

    padding-top: 120px;

  }

  .outfit__section:first-of-type {

    padding-top: 96px;

  }

  /* .outfit__lineup--justifyCenter__desktop .sf-simpleBff_products {

    justify-content: center;

  } */

  .outfit__lineup--justifyCenter__desktop

    .sf-simpleBff[data-desktop-column="6"][data-mobile-column="2"]

    .sf-simpleBff_products

    .sf-simpleBff_productsItem:last-child {

    margin-right: 0;

  }

  .pickup__container {

    align-items: center;

    justify-content: space-between;

    margin: 0 auto;

    max-width: 890px;

  }

  .pickup__container:nth-of-type(2n) {

    flex-direction: row-reverse;

  }

  .pickup__wrapper + .pickup__wrapper {

    padding-top: 96px;

  }

  .pickup__product {

    margin-bottom: 108px;

    width: 38.65169%;

  }

  .pickup__product [data-desktop-column="1"] .sf-simpleBff_products {

    gap: 20px;

  }

  .pickup__product

    .sf-simpleBff[data-desktop-column="1"]

    .sf-simpleBff_productsItem

    + .sf-simpleBff_productsItem {

    margin-top: 0;

  }

  .pickup__product

    .sf-simpleBff[data-desktop-column="1"]

    .sf-simpleBff_productsItem {

    width: calc(50% - 10px);

  }

  .pickup__product

    .sf-simpleBff[data-desktop-column="1"]

    .sf-simpleBff_productsItem:only-of-type {

    max-width: 100%;

    width: 253px;

  }

  .pickup__slideThumbContainer {

    justify-content: center;

    width: calc(100% - 40px);

  }

  .pickup__slideThumbItem {

    width: calc(25% - 15px) !important;

  }

  .swiper-button-next,

  .swiper-button-prev {

    display: none;

  }

  .about {

    padding-top: 120px;

  }

  .about__container--reverse,

  .about__container--reverse--reverse {

    flex-direction: row-reverse;

  }

  .about__bottom {

    padding-top: 64px;

  }

  .about__textBox {

    width: 40.48507%;

  }

  .about__image,

  .about__movie {

    max-width: 526px;

    width: 49.06716%;

  }

  .lineup {

    padding-top: 120px;

  }

  .lineup__section {

    padding-top: 96px;

  }

  .lineup__section:first-of-type {

    padding-top: 40px;

  }

  .lineup__product--justifyCenter__desktop .sf-simpleBff_products {

    justify-content: center;

  }

  .lineup__product--justifyCenter__desktop

    .sf-simpleBff[data-desktop-column="6"][data-mobile-column="2"]

    .sf-simpleBff_products

    .sf-simpleBff_productsItem:last-child {

    margin-right: 0;

  }



  /* add */



  .sf-u-mt_0-desktop {

    margin-top: 0;

  }



  .sf-u-font_text-desktop {

    font-size: 16px;

  }



  /* .sf-u-mt_xl-mobile {

    margin-top: unset;

  } */



  .intro_container {

    display: grid;

    grid-template-columns: 57.556% 32.0896%;

    grid-template-rows: auto auto;

    place-content: space-between;

  }



  .intro_img {

    grid-column: 2/3;

    grid-row: 1/3;

  }



  /* .intro_subTitle:before {

    margin-right: 24px;

  }



  .intro_subTitle:after {

    margin-left: 24px;

  } */



  .intro_subTitle {

    align-items: center;

    display: flex;

    font-size: 18px;

  }



  .intro_subTitle:after,

  .intro_subTitle:before {

    background-color: var(--color-gray-800);

    content: "";

    display: block;

    flex-grow: 1;

    height: 1px;

  }



  .intro_subTitle:before {

    margin-right: 40px;

  }



  .intro_subTitle:after {

    margin-left: 40px;

  }



  .intro_featureList {

    display: grid;

    gap: 28px;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

  }



  .intro_featureList_item {

    font-size: 18px;

  }

}

@media screen and (max-width: 750px) {

  [data-mobile-aspect-ratio="343:457"]:before {

    padding-top: 133.23615%;

  }

  [data-mobile-aspect-ratio="343:250"]:before {

    padding-top: 72.8863%;

  }

  .sf-main .u-font_text-s_mobile {

    font-size: 16px;

  }

  .sf-main .u-leading_120-mobile {

    line-height: 120%;

  }

  .tabButton__itemImage:after {

    height: 6px;

  }

  .-current .tabButton__itemImageInner:before {

    height: calc(100% - 6px);

  }

  .tabButton__itemHeading {

    font-size: 14px;

  }

  .tabButton__about {

    line-height: 120%;

  }

  .tabButton .tabButton__only--mobile {

    display: inline-block;

  }

  .tabAnchor__list {

    gap: 19px;

    width: 100%;

  }

  .tabAnchor__item {

    width: calc(50% - 9.5px);

  }

  .tabAnchor__itemHeading {

    text-align: left;

    width: auto;

  }

  .tabAnchor__about .tabAnchor__itemHeading {

    line-height: 120%;

    width: -moz-fit-content;

    width: fit-content;

  }

  .feature__heading {

    font-size: 18px;

    margin-top: 40px;

  }

  .feature__list {

    align-self: stretch;

    margin-top: 20px;

    width: 100%;

  }

  .feature__itemHeading {

    aspect-ratio: 1/1;

    display: grid;

    font-size: 18px;

    letter-spacing: 0.05em;

    place-content: center;

    position: relative;

    text-align: center;

    z-index: 1;

  }

  .feature__itemHeading span {

    letter-spacing: 0.05em;

    line-height: 140%;

  }

  .feature__itemHeading:before {

    background: #f4eede;

    background: var(--color-beige, #f4eede);

    border-radius: 50%;

    content: "";

    height: 100%;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    z-index: -1;

  }

  .feature__itemText {

    font-size: 14px;

  }

  .outfit__section {

    padding-top: 96px;

  }

  .outfit__section:first-of-type {

    padding-top: 64px;

  }

  .outfit__lineup--justifyCenter__mobile .sf-simpleBff_products {

    justify-content: center;

  }

  .outfit__lineup--justifyCenter__mobile

    .sf-simpleBff[data-desktop-column="6"][data-mobile-column="2"]

    .sf-simpleBff_products

    .sf-simpleBff_productsItem:last-child {

    margin-right: 0;

  }

  .pickup__wrapper + .pickup__wrapper {

    padding-top: 64px;

  }

  .pickup__product .sf-simpleBff_productsItem:only-child {

    margin: 0 auto;

  }

  .sf-slider_thumbsSlider {

    margin-top: 8px;

  }

  .about {

    padding-top: 64px;

  }

  .about__container,

  .about__container--reverse,

  .about__container--reverse--reverse {

    flex-direction: column-reverse;

  }

  .about__bottom {

    padding-top: 48px;

  }

  .about__textBox {

    margin-top: 20px;

  }

  .about__image,

  .about__movie {

    width: 100%;

  }

  .lineup,

  .lineup__section {

    padding-top: 64px;

  }

  .lineup__section:first-of-type {

    padding-top: 40px;

  }

  .lineup__product--justifyCenter__mobile .sf-simpleBff_products {

    justify-content: center;

  }

  .lineup__product--justifyCenter__mobile

    .sf-simpleBff[data-desktop-column="6"][data-mobile-column="2"]

    .sf-simpleBff_products

    .sf-simpleBff_productsItem:last-child {

    margin-right: 0;

  }



  .intro_featureList {

    display: flex;

    flex-wrap: wrap;

    gap: 8px 19px;

    justify-content: center;

  }



  .intro_featureList_item {

    flex: 0 1 calc(50% - 10px);

  }

}