:root {
  --scrollbar-size-px: 0px;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "IBMPlexMono";
  src: url("https://web.archive.org/web/20240927064237im_/https://dickies.vfjapan.jp/fonts/IBMPlexMono-Regular.otf") format("opentype");
}

* {
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.fit-guide-container {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 769px) {
  .fit-guide-container {
    width: calc(1366 / 1366 * 100vw - 1366 / 1366 * var(--scrollbar-size-px));
    margin-top: calc(40 / 1366 * 100vw - 40 / 1366 * var(--scrollbar-size-px));
    margin-bottom: calc(35 / 1366 * 100vw - 35 / 1366 * var(--scrollbar-size-px));
    padding-left: calc(23 / 1366 * 100vw - 23 / 1366 * var(--scrollbar-size-px));
    padding-right: calc(23 / 1366 * 100vw - 23 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container {
    width: 1366px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container {
    margin-top: 40px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container {
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container {
    padding-left: 23px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container {
    padding-right: 23px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container {
    width: calc(375 / 375 * 100vw - 375 / 375 * var(--scrollbar-size-px));
    margin-top: calc(15 / 375 * 100vw - 15 / 375 * var(--scrollbar-size-px));
    margin-bottom: calc(35 / 375 * 100vw - 35 / 375 * var(--scrollbar-size-px));
    padding-left: calc(28 / 375 * 100vw - 28 / 375 * var(--scrollbar-size-px));
    padding-right: calc(28 / 375 * 100vw - 28 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container {
    width: 1366px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container {
    margin-top: 54.64px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container {
    margin-bottom: 127.49333px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container {
    padding-left: 101.99467px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container {
    padding-right: 101.99467px;
  }
}

.fit-guide-container .fit-guide-text-container {
  text-align: center;
  font-family: "IBMPlexMono", sans-serif;
}

.fit-guide-container .fit-guide-text-container .fit-guide-title-block {
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    font-size: calc(30 / 1366 * 100vw - 30 / 1366 * var(--scrollbar-size-px));
    padding-bottom: calc(23 / 1366 * 100vw - 23 / 1366 * var(--scrollbar-size-px));
    line-height: 1.0;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    font-size: 30px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    padding-bottom: 23px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    font-size: calc(20 / 375 * 100vw - 20 / 375 * var(--scrollbar-size-px));
    padding-bottom: calc(6 / 375 * 100vw - 6 / 375 * var(--scrollbar-size-px));
    line-height: calc(26 / 20);
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    font-size: 72.85333px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-title-block {
    padding-bottom: 21.856px;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    font-size: calc(20 / 1366 * 100vw - 20 / 1366 * var(--scrollbar-size-px));
    padding-bottom: calc(18 / 1366 * 100vw - 18 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    font-size: 20px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    padding-bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    font-size: calc(16 / 375 * 100vw - 16 / 375 * var(--scrollbar-size-px));
    padding-bottom: calc(12 / 375 * 100vw - 12 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    font-size: 58.28267px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-subtitle-block {
    padding-bottom: 43.712px;
  }
}

.fit-guide-container .fit-guide-text-container .fit-guide-description-block {
  line-height: 1.2;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    font-size: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
    padding-bottom: calc(25 / 1366 * 100vw - 25 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    font-size: 15px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    font-size: calc(13 / 375 * 100vw - 13 / 375 * var(--scrollbar-size-px));
    padding-bottom: calc(25 / 375 * 100vw - 25 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    font-size: 47.35467px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-text-container .fit-guide-description-block {
    padding-bottom: 91.06667px;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-block {
    margin-bottom: calc(71 / 1366 * 100vw - 71 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-block {
    margin-bottom: 71px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-block {
    margin-bottom: calc(53 / 375 * 100vw - 53 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-block {
    margin-bottom: 193.06133px;
  }
}

.fit-guide-container .fit-guide-block .guide-mini-title-container {
  font-family: "IBMPlexMono", sans-serif;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-block .guide-mini-title-container {
    font-size: calc(20 / 1366 * 100vw - 20 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-block .guide-mini-title-container {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-block .guide-mini-title-container {
    font-size: calc(16 / 375 * 100vw - 16 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-block .guide-mini-title-container {
    font-size: 58.28267px;
  }
}

.fit-guide-container .swiper-container {
  position: relative;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-container {
    margin-top: calc(20 / 1366 * 100vw - 20 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .swiper-container {
    margin-top: 20px;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-wrapper {
    gap: calc(30 / 1366 * 100vw - 30 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .swiper-wrapper {
    gap: 30px;
  }
}

.fit-guide-container .swiper-wrapper .swiper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-wrapper .swiper {
    overflow: visible;
  }
}

.fit-guide-container .swiper-wrapper .swiper-slide {
  height: auto;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-wrapper .swiper-slide {
    width: calc(420 / 1366 * 100vw - 420 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .swiper-wrapper .swiper-slide {
    width: 420px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-wrapper .swiper-slide {
    width: calc(320 / 375 * 100vw - 320 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-wrapper .swiper-slide {
    width: 1165.65333px;
  }
}

.fit-guide-container .clothes-img-box {
  position: relative;
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-img-box {
    margin-top: calc(15 / 375 * 100vw - 15 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .clothes-img-box {
    margin-top: 54.64px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-img-box img {
    display: block;
  }
}

.fit-guide-container .clothes-text-area {
  color: #A89371;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .clothes-text-area {
    margin-top: calc(24 / 1366 * 100vw - 24 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .clothes-text-area {
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-text-area {
    margin-top: calc(16 / 375 * 100vw - 16 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .clothes-text-area {
    margin-top: 58.28267px;
  }
}

.fit-guide-container .clothes-text-area .clothes-text {
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .clothes-text-area .clothes-text {
    font-size: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .clothes-text-area .clothes-text {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-text-area .clothes-text {
    line-height: 1;
    font-size: calc(12 / 375 * 100vw - 12 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .clothes-text-area .clothes-text {
    font-size: 43.712px;
  }
}

.fit-guide-container .clothes-description-container {
  font-family: "IBMPlexMono", sans-serif;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .clothes-description-container {
    margin-top: calc(6 / 1366 * 100vw - 6 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .clothes-description-container {
    margin-top: 6px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-description-container {
    margin-top: calc(30 / 375 * 100vw - 30 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .clothes-description-container {
    margin-top: 109.28px;
  }
}

.fit-guide-container .clothes-description-container .product-detail-size, .fit-guide-container .clothes-description-container .product-detail-color {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #B2B2B2;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .clothes-description-container .product-size-info, .fit-guide-container .clothes-description-container .product-detail-info, .fit-guide-container .clothes-description-container .styling-description {
    font-size: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .clothes-description-container .product-size-info, .fit-guide-container .clothes-description-container .product-detail-info, .fit-guide-container .clothes-description-container .styling-description {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .clothes-description-container .product-size-info, .fit-guide-container .clothes-description-container .product-detail-info, .fit-guide-container .clothes-description-container .styling-description {
    font-size: calc(11 / 375 * 100vw - 11 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .clothes-description-container .product-size-info, .fit-guide-container .clothes-description-container .product-detail-info, .fit-guide-container .clothes-description-container .styling-description {
    font-size: 40.06933px;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .product-detail-title {
    padding-top: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
    padding-bottom: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
    font-size: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    padding-top: 15px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .product-detail-title {
    padding-top: calc(6 / 375 * 100vw - 6 / 375 * var(--scrollbar-size-px));
    padding-bottom: calc(6 / 375 * 100vw - 6 / 375 * var(--scrollbar-size-px));
    font-size: calc(12 / 375 * 100vw - 12 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    padding-top: 21.856px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    padding-bottom: 21.856px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-title {
    font-size: 43.712px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .product-detail-info {
    line-height: calc(21 / 11);
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .product-detail-info:nth-child(2) {
    padding-bottom: calc(10 / 1366 * 100vw - 10 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-info:nth-child(2) {
    padding-bottom: 10px;
  }
}

.fit-guide-container .product-detail-info-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #B2B2B2;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .product-detail-info-container {
    padding-bottom: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-info-container {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .product-detail-info-container {
    padding-bottom: calc(3 / 375 * 100vw - 3 / 375 * var(--scrollbar-size-px));
    padding-left: calc(23 / 375 * 100vw - 23 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-info-container {
    padding-bottom: 10.928px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .product-detail-info-container {
    padding-left: 83.78133px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .styling-description {
    padding-left: calc(23 / 375 * 100vw - 23 / 375 * var(--scrollbar-size-px));
    line-height: calc(15 /11);
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .styling-description {
    padding-left: 83.78133px;
  }
}

.fit-guide-container .product-weight {
  font-weight: bold;
}

.fit-guide-container .color-title {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .fit-guide-container .color-title {
    font-size: calc(12 / 375 * 100vw - 12 / 375 * var(--scrollbar-size-px));
    padding-right: calc(3 / 375 * 100vw - 3 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .color-title {
    font-size: 43.712px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .color-title {
    padding-right: 10.928px;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .color-title {
    padding-right: calc(5 / 1366 * 100vw - 5 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .color-title {
    padding-right: 5px;
  }
}

.fit-guide-container .color-indicator {
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: 10px;
  box-shadow: 0 0 0 2px black;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .color-indicator {
    width: calc(19 / 1366 * 100vw - 19 / 1366 * var(--scrollbar-size-px));
    height: calc(19 / 1366 * 100vw - 19 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .color-indicator {
    width: 19px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .color-indicator {
    height: 19px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .color-indicator {
    width: calc(14 / 375 * 100vw - 14 / 375 * var(--scrollbar-size-px));
    height: calc(14 / 375 * 100vw - 14 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .color-indicator {
    width: 50.99733px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .color-indicator {
    height: 50.99733px;
  }
}

.fit-guide-container .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-pagination {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-pagination {
    z-index: 0;
    bottom: auto;
    top: calc(475 / 375 * 100vw - 475 / 375 * var(--scrollbar-size-px));
    left: calc(0 / 375 * 100vw - 0 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination {
    top: 1730.26667px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination {
    left: 0px;
  }
}

.fit-guide-container .swiper-pagination-bullet {
  background-color: #A89371;
  transition: background-color 0.3s;
  border-radius: 0px;
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-pagination-bullet {
    width: calc(30 / 375 * 100vw - 30 / 375 * var(--scrollbar-size-px));
    height: calc(2 / 375 * 100vw - 2 / 375 * var(--scrollbar-size-px));
    margin-left: calc(5 / 375 * 100vw - 5 / 375 * var(--scrollbar-size-px));
    margin-right: calc(5 / 375 * 100vw - 5 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination-bullet {
    width: 109.28px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination-bullet {
    height: 7.28533px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination-bullet {
    margin-left: 18.21333px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-pagination-bullet {
    margin-right: 18.21333px;
  }
}

.fit-guide-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #A89371;
}

.fit-guide-container .swiper-button-next,
.fit-guide-container .swiper-button-prev {
  color: #000;
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-button-next,
  .fit-guide-container .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-button-next,
  .fit-guide-container .swiper-button-prev {
    margin-top: 0;
    top: calc(463 / 375 * 100vw - 463 / 375 * var(--scrollbar-size-px));
    width: calc(15 / 375 * 100vw - 15 / 375 * var(--scrollbar-size-px));
    height: calc(15 / 375 * 100vw - 15 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-button-next,
  .fit-guide-container .swiper-button-prev {
    width: 54.64px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .swiper-button-next,
  .fit-guide-container .swiper-button-prev {
    height: 54.64px;
  }
}

.fit-guide-container .swiper-button-next::after,
.fit-guide-container .swiper-button-prev::after {
  content: '';
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-button-next {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-button-next {
    position: absolute;
    right: calc(50 / 375 * 100vw - 50 / 375 * var(--scrollbar-size-px));
    transform: translate(0, -50%) rotate(45deg);
    border-top: 2px solid #A89371;
    border-right: 2px solid #A89371;
  }
}

@media screen and (min-width: 769px) {
  .fit-guide-container .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .swiper-button-prev {
    position: absolute;
    left: calc(50 / 375 * 100vw - 50 / 375 * var(--scrollbar-size-px));
    transform: translate(0, -50%) rotate(-135deg);
    border-top: 2px solid #D9C9AD;
    border-right: 2px solid #D9C9AD;
  }
}

.fit-guide-container .fit-guide-button-inner {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-button-inner {
    margin-top: calc(82 / 1366 * 100vw - 82 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button-inner {
    margin-top: 82px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-button-inner {
    margin-top: calc(12 / 375 * 100vw - 12 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button-inner {
    margin-top: 43.712px;
  }
}

.fit-guide-container .fit-guide-button {
  text-align: center;
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-button {
    font-size: calc(15 / 1366 * 100vw - 15 / 1366 * var(--scrollbar-size-px));
    padding-top: calc(14 / 1366 * 100vw - 14 / 1366 * var(--scrollbar-size-px));
    padding-bottom: calc(14 / 1366 * 100vw - 14 / 1366 * var(--scrollbar-size-px));
    padding-left: calc(90 / 1366 * 100vw - 90 / 1366 * var(--scrollbar-size-px));
    padding-right: calc(90 / 1366 * 100vw - 90 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    font-size: 15px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-top: 14px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-bottom: 14px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-left: 90px;
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-right: 90px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-button {
    font-size: calc(13 / 375 * 100vw - 13 / 375 * var(--scrollbar-size-px));
    padding-top: calc(14 / 375 * 100vw - 14 / 375 * var(--scrollbar-size-px));
    padding-bottom: calc(14 / 375 * 100vw - 14 / 375 * var(--scrollbar-size-px));
    padding-left: calc(40 / 375 * 100vw - 40 / 375 * var(--scrollbar-size-px));
    padding-right: calc(40 / 375 * 100vw - 40 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    font-size: 47.35467px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-top: 50.99733px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-bottom: 50.99733px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-left: 145.70667px;
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button {
    padding-right: 145.70667px;
  }
}

.fit-guide-container .fit-guide-button.black-button {
  color: #fff;
  background: #000;
}

@media screen and (min-width: 769px) {
  .fit-guide-container .fit-guide-button.black-button {
    margin-right: calc(40 / 1366 * 100vw - 40 / 1366 * var(--scrollbar-size-px));
  }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button.black-button {
    margin-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .fit-guide-container .fit-guide-button.black-button {
    margin-right: calc(20 / 375 * 100vw - 20 / 375 * var(--scrollbar-size-px));
  }
}

@media screen and (max-width: 768px) and (min-width: 1366px) {
  .fit-guide-container .fit-guide-button.black-button {
    margin-right: 72.85333px;
  }
}

.fit-guide-container .fit-guide-button.yellow-button {
  color: #000;
  background: #F4BB3E;
}

/*
     FILE ARCHIVED ON 06:42:37 Sep 27, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:39:19 Jul 04, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.793
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.026
  esindex: 0.013
  cdx.remote: 16.333
  LoadShardBlock: 138.628 (3)
  PetaboxLoader3.datanode: 113.947 (5)
  PetaboxLoader3.resolve: 259.207 (2)
  load_resource: 292.92
  loaddict: 46.248
*/