/* how-to-measure */
h1.fs-c-heading.fs-c-heading--page {
  display: none;
}


.f-how-to-measure {
  position: relative;
  width: min(100%, 1100px);
  margin: 0 auto;
  color: #222;
}

.f-how-to-measure .introduction {
  margin-bottom: calc(80 / 16 * 1em);
  font-size: 1.6rem;
  line-height: calc(19 / 16);
  letter-spacing: 0.02em;
  text-align: center;
}

.f-how-to-measure .headline01 {
  margin-bottom: calc(46 / 34 * 1em);
  font-size: 3.4rem;
  line-height: calc(41 / 34);
  letter-spacing: 0;
  text-align: center;
}

.f-how-to-measure .headline02 {
  padding-bottom: calc(10 / 24 * 1em);
  margin-bottom: 1em;
  border-bottom: 1px solid #D9D6D6;
  font-size: 2.4rem;
  line-height: calc(29 / 24);
}

.f-how-to-measure .measurements {
  margin: 0 0 calc(56 / 16 * 1em);
}
.f-how-to-measure .measurements th {
  padding-right: calc(20 / 14 * 1em);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: calc(26 / 14);
  letter-spacing: 0.05em;
  text-align: left;
  vertical-align: baseline;
  white-space: nowrap;
}
.f-how-to-measure .measurements td {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  vertical-align: baseline;
}

.f-how-to-measure .clothes-list {
  display: grid;
  gap: calc(20 / 16 * 1em) min(calc(40 / 1100 * 100%), 40px);
}
.f-how-to-measure .clothes-list .clothes-item {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
}
.f-how-to-measure .clothes-list .clothes-type {
  margin-bottom: calc(12 / 18 * 1em);
  font-size: 1.8rem;
  line-height: calc(24 / 18);
  text-align: center;
}
.f-how-to-measure .clothes-list .clothes-img {
  width: min(100%, 340px);
  margin: 0 auto;
}

.f-how-to-measure .clothes-list.-clm03 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.f-how-to-measure .clothes-list.-clm02 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width: min(100%, 720px);
  margin: 0 auto;
}
.f-how-to-measure .clothes-list.-clm03 .clothes-item,
.f-how-to-measure .clothes-list.-clm02 .clothes-item {
  grid-row: span 2;
}

.f-how-to-measure .clothes-list.-between {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.f-how-to-measure .clothes-list.-between .clothes-item {
  grid-row: span 3;
}

.f-how-to-measure .measurements th {
  white-space: nowrap;
}

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

@media screen and (max-width: 600px) {
  .f-how-to-measure {
    font-size: 1.4rem;
  }
  .f-how-to-measure .introduction {
    font-size: 1.4rem;
    text-align: left;
  }

  .f-how-to-measure .headline01 {
    font-size: 3rem;
  }

  .f-how-to-measure .headline02 {
    font-size: 2.1rem;
  }

  .f-how-to-measure .measurements th {
    display: block;
    padding: 0;
    font-size: 1.2rem;
    white-space: normal;
  }
  .f-how-to-measure .measurements td {
    display: block;
    font-size: 1.2rem;
  }

  .f-how-to-measure .clothes-list .clothes-type {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 400px) {
  .f-how-to-measure .clothes-list.-clm03 {
    grid-template-columns: 1fr;
  }
  .f-how-to-measure .clothes-list.-clm02 {
    grid-template-columns: 1fr;
  }

  .f-how-to-measure .clothes-list.-between {
    grid-template-columns: 1fr;
  }
}