@charset "UTF-8";
html {
  font-size: 62.5%;
}

picture,
figure {
  display: block;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

address {
  font-style: inherit;
}

*:focus {
  outline: none;
}

.main-area {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-weight: normal;
}

@font-face {
  font-family: "HK Grotesk";
  src: url("../fonts/HKGrotesk-Regular.woff2") format("woff2"), url("../fonts/HKGrotesk-Regular.woff") format("woff");
  font-display: swap;
}
/* =============================================================
    Components
============================================================= */
.c-secTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: calc(38 *(100vw / 750));
  text-align: center;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
}
.c-secTitle::before {
  counter-increment: secTitle 1;
  content: counter(secTitle, decimal-leading-zero);
  margin-bottom: calc(26 *(100vw / 750));
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  color: #bababa;
  font-size: calc(55 *(100vw / 750));
  letter-spacing: 0.05em;
}
.c-secTitle::after {
  content: "";
  display: block;
  width: calc(50 *(100vw / 750));
  height: 1px;
  margin-top: calc(45 *(100vw / 750));
  background-color: #707070;
}

.c-credit {
  margin-top: calc(20 *(100vw / 750));
}
.c-credit li {
  display: inline;
  font-size: calc(20 *(100vw / 750));
  line-height: 2.1;
  letter-spacing: 0.1em;
}
.c-credit li:not(:last-of-type)::after {
  content: "、";
  display: inline;
}
.c-credit a {
  display: inline;
  text-decoration: underline;
}
.c-credit--nolink {
  pointer-events: none;
  text-decoration: none !important;
}

/* =============================================================
    Page
============================================================= */
.p-220326cutsew {
  counter-reset: secTitle 0;
}

.p-220326cutsew-fv {
  width: 100%;
  margin: 0 auto;
}
.p-220326cutsew-fv__lead {
  width: calc(690 *(100vw / 750));
  margin: calc(86 *(100vw / 750)) auto 0;
  font-size: calc(28 *(100vw / 750));
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-220326cutsew-shirt {
  position: relative;
  margin: calc(90 *(100vw / 750)) auto 0;
}
.p-220326cutsew-shirt::before {
  content: "";
  position: absolute;
  top: calc(725 *(100vw / 750));
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: calc(5174 *(100vw / 750));
  background-color: #fff9f5;
}
.p-220326cutsew-shirt__fv {
  margin: calc(50 *(100vw / 750)) auto 0;
}
.p-220326cutsew-shirt__fv-item {
  width: calc(690 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-shirt__fv-item:nth-of-type(2) {
  margin-top: calc(50 *(100vw / 750));
}
.p-220326cutsew-shirt__description {
  margin-top: calc(45 *(100vw / 750));
}
.p-220326cutsew-shirt__description-icon {
  width: calc(531 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-shirt__description-contents {
  width: calc(690 *(100vw / 750));
  margin: calc(42 *(100vw / 750)) auto 0;
}
.p-220326cutsew-shirt__description-title {
  font-size: calc(36 *(100vw / 750));
  font-weight: 600;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}
.p-220326cutsew-shirt__description-sentense {
  margin: calc(16 *(100vw / 750)) auto 0;
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}
.p-220326cutsew-shirt__point {
  display: flex;
  flex-direction: column;
  margin-top: calc(85 *(100vw / 750));
}
.p-220326cutsew-shirt__point-model1, .p-220326cutsew-shirt__point-model2 {
  width: calc(650 *(100vw / 750));
}
.p-220326cutsew-shirt__point-model2 {
  margin: calc(30 *(100vw / 750)) 0 0 auto;
}
.p-220326cutsew-shirt__point-description {
  width: calc(690 *(100vw / 750));
  margin: calc(56.2 *(100vw / 750)) auto 0;
}
.p-220326cutsew-shirt__point-description-title {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(45 *(100vw / 750));
  color: #bababa;
  letter-spacing: 0.05em;
}
.p-220326cutsew-shirt__point-description-title::after {
  content: "";
  display: block;
  width: calc(50 *(100vw / 750));
  height: 1px;
  margin-top: calc(20.5 *(100vw / 750));
  background-color: #bababa;
}
.p-220326cutsew-shirt__point-description-sentense {
  margin-top: calc(45 *(100vw / 750));
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}

.p-220326cutsew-pullover {
  position: relative;
  margin: calc(231.3 *(100vw / 750)) auto 0;
}
.p-220326cutsew-pullover::before {
  content: "";
  position: absolute;
  top: calc(725 *(100vw / 750));
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: calc(5130 *(100vw / 750));
  background-color: #fffbef;
}
.p-220326cutsew-pullover__fv {
  margin: calc(54 *(100vw / 750)) auto 0;
}
.p-220326cutsew-pullover__fv-item {
  width: calc(690 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-pullover__fv-item:nth-of-type(2) {
  margin-top: calc(30.5 *(100vw / 750));
}
.p-220326cutsew-pullover__fv-credit {
  width: calc(690 *(100vw / 750));
  margin: calc(20 *(100vw / 750)) auto 0;
}
.p-220326cutsew-pullover__description {
  margin-top: calc(93 *(100vw / 750));
}
.p-220326cutsew-pullover__description-icon {
  width: calc(246 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-pullover__description-contents {
  width: calc(690 *(100vw / 750));
  margin: calc(38 *(100vw / 750)) auto 0;
}
.p-220326cutsew-pullover__description-title {
  font-size: calc(36 *(100vw / 750));
  font-weight: 600;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}
.p-220326cutsew-pullover__description-sentense {
  margin: calc(14 *(100vw / 750)) auto 0;
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}
.p-220326cutsew-pullover__point {
  display: flex;
  flex-direction: column;
  margin-top: calc(88 *(100vw / 750));
}
.p-220326cutsew-pullover__point-model1, .p-220326cutsew-pullover__point-model2 {
  width: calc(650 *(100vw / 750));
}
.p-220326cutsew-pullover__point-model1 {
  margin-left: auto;
}
.p-220326cutsew-pullover__point-model2 {
  margin-top: calc(29.5 *(100vw / 750));
}
.p-220326cutsew-pullover__point-description {
  width: calc(690 *(100vw / 750));
  margin: calc(56.2 *(100vw / 750)) auto 0;
}
.p-220326cutsew-pullover__point-description-title {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(45 *(100vw / 750));
  color: #bababa;
  letter-spacing: 0.05em;
}
.p-220326cutsew-pullover__point-description-title::after {
  content: "";
  display: block;
  width: calc(50 *(100vw / 750));
  height: 1px;
  margin-top: calc(20.5 *(100vw / 750));
  background-color: #bababa;
}
.p-220326cutsew-pullover__point-description-sentense {
  margin-top: calc(36 *(100vw / 750));
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}
.p-220326cutsew-pullover__point-description-credit {
  margin-top: calc(16 *(100vw / 750));
}

.p-220326cutsew-tank {
  position: relative;
  margin: calc(240 *(100vw / 750)) auto 0;
}
.p-220326cutsew-tank::before {
  content: "";
  position: absolute;
  top: calc(848 *(100vw / 750));
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: calc(4065 *(100vw / 750));
  background-color: #f8fcfd;
}
.p-220326cutsew-tank__fv {
  margin: calc(50 *(100vw / 750)) auto 0;
}
.p-220326cutsew-tank__fv-item {
  width: calc(690 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-tank__fv-item:nth-of-type(2) {
  margin-top: calc(50 *(100vw / 750));
}
.p-220326cutsew-tank__description {
  margin-top: calc(90 *(100vw / 750));
}
.p-220326cutsew-tank__description-icon {
  width: calc(246 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-tank__description-contents {
  width: calc(690 *(100vw / 750));
  margin: calc(40 *(100vw / 750)) auto 0;
}
.p-220326cutsew-tank__description-title {
  font-size: calc(36 *(100vw / 750));
  font-weight: 600;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
}
.p-220326cutsew-tank__description-sentense {
  margin: calc(14 *(100vw / 750)) auto 0;
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}
.p-220326cutsew-tank__point {
  display: flex;
  flex-direction: column;
  margin-top: calc(86 *(100vw / 750));
}
.p-220326cutsew-tank__point-model {
  width: calc(690 *(100vw / 750));
  margin: 0 auto;
}
.p-220326cutsew-tank__point-description {
  width: calc(690 *(100vw / 750));
  margin: calc(56.2 *(100vw / 750)) auto 0;
}
.p-220326cutsew-tank__point-description-title {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(45 *(100vw / 750));
  color: #bababa;
  letter-spacing: 0.05em;
}
.p-220326cutsew-tank__point-description-title::after {
  content: "";
  display: block;
  width: calc(50 *(100vw / 750));
  height: 1px;
  margin-top: calc(20.5 *(100vw / 750));
  background-color: #bababa;
}
.p-220326cutsew-tank__point-description-sentense {
  margin-top: calc(40 *(100vw / 750));
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}

.p-220326cutsew-message {
  position: relative;
  width: calc(690 *(100vw / 750));
  margin: calc(224 *(100vw / 750)) auto calc(238 *(100vw / 750));
}
.p-220326cutsew-message::before, .p-220326cutsew-message::after, .p-220326cutsew-message__inner::before, .p-220326cutsew-message__inner::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(50 *(100vw / 750));
  height: calc(50 *(100vw / 750));
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}
.p-220326cutsew-message::before {
  top: 0;
  left: 0;
}
.p-220326cutsew-message::after {
  top: 0;
  right: 0;
  transform: rotate(0.25turn);
}
.p-220326cutsew-message__inner {
  padding: calc(60 *(100vw / 750)) 0 calc(46 *(100vw / 750));
}
.p-220326cutsew-message__inner::before {
  bottom: 0;
  left: 0;
  transform: rotate(0.75turn);
}
.p-220326cutsew-message__inner::after {
  bottom: 0;
  right: 0;
  transform: rotate(0.5turn);
}
.p-220326cutsew-message__title {
  font-family: "HK Grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(40 *(100vw / 750));
  text-align: center;
  color: #bababa;
  line-height: 1.45;
  letter-spacing: 0.05em;
}
.p-220326cutsew-message__sentense {
  width: calc(610 *(100vw / 750));
  margin: calc(37 *(100vw / 750)) auto 0;
  font-size: calc(28 *(100vw / 750));
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  html {
    font-size: calc(10 * (100vw / 1366));
  }
}
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
  .c-secTitle {
    font-size: 2.5rem;
  }
  .c-secTitle::before {
    margin-bottom: 2.8rem;
    font-size: 4rem;
  }
  .c-secTitle::after {
    width: 3.7rem;
    margin-top: 2.7rem;
  }
  .c-credit {
    margin-top: 1.4rem;
  }
  .c-credit li {
    font-size: 1rem;
    line-height: 2.2;
  }
  .p-220326cutsew-fv {
    width: 120rem;
  }
  .p-220326cutsew-fv__lead {
    width: 100rem;
    margin: 7.4rem auto 0;
    font-size: 1.4rem;
  }
  .p-220326cutsew-shirt {
    margin: 9.8rem auto 0;
  }
  .p-220326cutsew-shirt::before {
    top: 55.05rem;
    height: 163.048rem;
  }
  .p-220326cutsew-shirt__fv {
    display: flex;
    justify-content: space-between;
    width: 104rem;
    margin: 5rem auto 0;
  }
  .p-220326cutsew-shirt__fv-item {
    flex: 0 0 48rem;
  }
  .p-220326cutsew-shirt__fv-item:nth-of-type(2) {
    margin-top: 0;
  }
  .p-220326cutsew-shirt__description {
    display: flex;
    width: 100rem;
    margin: 9.45rem auto 0;
  }
  .p-220326cutsew-shirt__description::after {
    content: "";
    order: 2;
    flex-shrink: 0;
    width: 1px;
    margin: 0 5rem;
    background-color: #e3e3e3;
  }
  .p-220326cutsew-shirt__description-icon {
    order: 1;
    flex: 0 0 27.5rem;
    margin: 0;
    padding: 0.65rem 0;
  }
  .p-220326cutsew-shirt__description-contents {
    order: 3;
    flex: 0 0 62.5rem;
    margin: 0;
  }
  .p-220326cutsew-shirt__description-title {
    font-size: 2rem;
    line-height: 1.8;
  }
  .p-220326cutsew-shirt__description-sentense {
    margin: 1.8rem 0 0;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-shirt__point {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 52rem 44rem;
    grid-template-columns: 52rem 44rem;
    -ms-grid-rows: 9.65rem 45.348rem 19.65rem;
    grid-template-rows: 9.65rem 45.348rem 19.65rem;
    -moz-column-gap: 3.9rem;
    column-gap: 3.9rem;
    width: 100rem;
    margin: 10rem auto 0;
  }
  .p-220326cutsew-shirt__point-model1, .p-220326cutsew-shirt__point-model2, .p-220326cutsew-shirt__point-description {
    width: 100%;
  }
  .p-220326cutsew-shirt__point-model1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/3/3;
  }
  .p-220326cutsew-shirt__point-model2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/4/2;
    margin: 0;
  }
  .p-220326cutsew-shirt__point-description {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 3/2/4/3;
    margin: 4.2rem 0 0;
  }
  .p-220326cutsew-shirt__point-description-title {
    font-size: 3rem;
  }
  .p-220326cutsew-shirt__point-description-title::after {
    width: 3.7rem;
    margin-top: 1.45rem;
    line-height: 1;
  }
  .p-220326cutsew-shirt__point-description-sentense {
    margin-top: 3.65rem;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-pullover {
    margin: 25rem auto 0;
  }
  .p-220326cutsew-pullover::before {
    top: 55.05rem;
    height: 173.602rem;
  }
  .p-220326cutsew-pullover__fv {
    display: flex;
    justify-content: space-between;
    width: 104rem;
    margin: 5rem auto 0;
  }
  .p-220326cutsew-pullover__fv-item {
    flex: 0 0 48rem;
  }
  .p-220326cutsew-pullover__fv-item:nth-of-type(2) {
    margin-top: 0;
  }
  .p-220326cutsew-pullover__fv-credit {
    width: 100rem;
    margin: 1.4rem auto 0;
  }
  .p-220326cutsew-pullover__description {
    display: flex;
    width: 104rem;
    margin: 9.65rem auto 0;
  }
  .p-220326cutsew-pullover__description::after {
    content: "";
    order: 2;
    flex-shrink: 0;
    width: 1px;
    margin: 0 5rem;
    background-color: #e3e3e3;
  }
  .p-220326cutsew-pullover__description-icon {
    order: 1;
    flex: 0 0 12.5rem;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 0 0 2rem;
    padding: 0.65rem 0;
  }
  .p-220326cutsew-pullover__description-contents {
    order: 3;
    flex: 0 0 77.1rem;
    margin: 0;
  }
  .p-220326cutsew-pullover__description-title {
    font-size: 2rem;
    line-height: 1.8;
  }
  .p-220326cutsew-pullover__description-sentense {
    margin: 1.6rem 0 0;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-pullover__point {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 44rem 52rem;
    grid-template-columns: 44rem 52rem;
    -ms-grid-rows: 9.85rem 45.148rem 19.85rem 13.85rem;
    grid-template-rows: 9.85rem 45.148rem 19.85rem 13.85rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    width: 100rem;
    margin: 10rem auto 0;
  }
  .p-220326cutsew-pullover__point-model1, .p-220326cutsew-pullover__point-model2, .p-220326cutsew-pullover__point-description {
    width: 100%;
  }
  .p-220326cutsew-pullover__point-model1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/3/2;
  }
  .p-220326cutsew-pullover__point-model2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/4/3;
    margin: 0;
  }
  .p-220326cutsew-pullover__point-description {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/5/2;
    margin: 4.2rem 0 0;
  }
  .p-220326cutsew-pullover__point-description-title {
    font-size: 3rem;
  }
  .p-220326cutsew-pullover__point-description-title::after {
    width: 3.7rem;
    margin-top: 1.45rem;
    line-height: 1;
  }
  .p-220326cutsew-pullover__point-description-sentense {
    margin-top: 3.25rem;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-pullover__point-description-credit {
    margin-top: 0.6rem;
  }
  .p-220326cutsew-tank {
    margin: 28.4rem auto 0;
  }
  .p-220326cutsew-tank::before {
    top: 59.1rem;
    height: 148.5rem;
  }
  .p-220326cutsew-tank__fv {
    display: flex;
    justify-content: space-between;
    width: 104rem;
    margin: 5rem auto 0;
  }
  .p-220326cutsew-tank__fv-item {
    flex: 0 0 48rem;
  }
  .p-220326cutsew-tank__fv-item:nth-of-type(2) {
    margin-top: 0;
  }
  .p-220326cutsew-tank__description {
    display: flex;
    width: 100rem;
    margin: 9.65rem auto 0;
  }
  .p-220326cutsew-tank__description::after {
    content: "";
    order: 2;
    flex-shrink: 0;
    width: 1px;
    margin: 0 5rem;
    background-color: #e3e3e3;
  }
  .p-220326cutsew-tank__description-icon {
    order: 1;
    flex: 0 0 12.5rem;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0;
    padding: 0.65rem 0;
  }
  .p-220326cutsew-tank__description-contents {
    order: 3;
    flex: 0 0 77.1rem;
    margin: 0;
  }
  .p-220326cutsew-tank__description-title {
    font-size: 2rem;
    line-height: 1.8;
  }
  .p-220326cutsew-tank__description-sentense {
    margin: 1.5rem 0 0;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-tank__point {
    flex-direction: row;
    width: 86rem;
    margin: 9.2rem auto 0;
  }
  .p-220326cutsew-tank__point-model {
    flex: 0 0 52rem;
  }
  .p-220326cutsew-tank__point-description {
    flex: 0 0 30rem;
    margin: 24.8rem 0 0 4rem;
  }
  .p-220326cutsew-tank__point-description-title {
    font-size: 3rem;
  }
  .p-220326cutsew-tank__point-description-title::after {
    width: 3.7rem;
    margin-top: 1.45rem;
    line-height: 1;
  }
  .p-220326cutsew-tank__point-description-sentense {
    margin-top: 3.15rem;
    font-size: 1.4rem;
    line-height: 2;
  }
  .p-220326cutsew-message {
    width: 100rem;
    margin: 24rem auto 12rem;
  }
  .p-220326cutsew-message::before, .p-220326cutsew-message::after, .p-220326cutsew-message__inner::before, .p-220326cutsew-message__inner::after {
    width: 3.5rem;
    height: 3.5rem;
  }
  .p-220326cutsew-message__inner {
    padding: 6.3rem 0 5.6rem;
  }
  .p-220326cutsew-message__title {
    font-size: 2.2rem;
    line-height: 1.3636363636;
  }
  .p-220326cutsew-message__title .spOnly {
    display: none;
  }
  .p-220326cutsew-message__sentense {
    width: 90rem;
    margin: 2.2rem auto 0;
    font-size: 1.4rem;
    line-height: 2;
  }
}