@charset "UTF-8";
/* ▼ -----------可変設定---------- ▼ */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 490; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .lp_variable {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width));
  }
}
/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_variable {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */
.footer {
  padding-top: 0;
}

.footer .toTop {
  z-index: 2;
  margin-right: 8vw;
}
@media screen and (max-width: 1400px) {
  .footer .toTop {
    margin-right: 8%;
  }
}

.MO251106knit img {
  width: 100%;
  height: auto;
}
.MO251106knit p {
  font-feature-settings: "palt";
}
.MO251106knit .pc-none {
  display: block;
}
@media screen and (min-width: 768px) {
  .MO251106knit .pc-none {
    display: none;
  }
}
.MO251106knit .sp-none {
  display: none;
}
@media screen and (min-width: 768px) {
  .MO251106knit .sp-none {
    display: block;
  }
}
.MO251106knit .js-slide-in-r {
  opacity: 0;
  transform: translateX(calc(50 * var(--formula)));
}
.MO251106knit .js-slide-in-r.is-active {
  opacity: 1;
  transform: translateX(calc(0 * var(--formula)));
  transition: 1s;
}
.MO251106knit .js-slide-in-l {
  opacity: 0;
  transform: translateX(calc(-50 * var(--formula)));
}
.MO251106knit .js-slide-in-l.is-active {
  opacity: 1;
  transform: translateX(calc(0 * var(--formula)));
  transition: 1s;
}
.MO251106knit .js-slide-in-b {
  opacity: 0;
  transform: translateY(calc(50 * var(--formula)));
}
.MO251106knit .js-slide-in-b.is-active {
  opacity: 1;
  transform: translateY(calc(0 * var(--formula)));
  transition: 1s;
}
.MO251106knit__pc-flex {
  display: flex;
  background: #a31d22;
}
@media screen and (max-width: 767px) {
  .MO251106knit__pc-flex {
    display: block;
    background: none;
  }
}
@media screen and (min-width: 768px) {
  .MO251106knit__pc-content {
    width: 50vw;
    padding-left: calc(16 * var(--formula_pc));
  }
}
.MO251106knit__mv {
  position: relative;
}
@media screen and (min-width: 768px) {
  .MO251106knit__mv {
    position: sticky;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100vh;
  }
  .MO251106knit__mv--pc-img {
    width: 94.5%;
  }
  .MO251106knit__mv--pc-img a {
    width: 100%;
    height: 95vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
    padding: calc(20 * var(--formula_pc));
  }
  .MO251106knit__mv--pc-img a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
}
.MO251106knit__mv--text {
  position: absolute;
  bottom: calc(42 * var(--formula));
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .MO251106knit__mv--text {
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(88 * var(--formula));
  }
  .MO251106knit__mv--text img {
    width: 47.5vw;
  }
}
@media screen and (min-width: 768px) {
  .MO251106knit__content {
    width: calc(490 * var(--formula_pc));
    margin: 0 auto;
    background: white;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 1401px) {
  .MO251106knit__content {
    width: 73.5%;
  }
}
.MO251106knit__content__mv-info {
  margin: calc(87 * var(--formula)) calc(95 * var(--formula)) calc(116 * var(--formula));
}
@media screen and (min-width: 768px) {
  .MO251106knit__content__mv-info {
    margin-top: 0;
    padding-top: calc(84 * var(--formula));
  }
}
.MO251106knit__content__mv-info p {
  font-size: calc(24 * var(--formula));
  line-height: 2.33;
  letter-spacing: 0.05em;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.MO251106knit__content__main__title {
  margin-left: calc(50 * var(--formula));
}
.MO251106knit__content__main__title__num {
  width: calc(120 * var(--formula));
}
.MO251106knit__content__main__title__sub {
  display: flex;
  align-items: end;
  margin: calc(35 * var(--formula)) 0 calc(32 * var(--formula));
}
.MO251106knit__content__main__title__sub--item-name {
  font-size: calc(45 * var(--formula));
  line-height: 1.6;
  font-family: yu-mincho-pr6n, "游明朝体", "Yu Mincho", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.MO251106knit__content__main__title__sub--item-price {
  font-size: calc(31 * var(--formula));
  border: 1px solid;
  font-family: "ivypresto-display", serif;
  padding: calc(2 * var(--formula)) calc(8 * var(--formula)) calc(2 * var(--formula)) calc(17 * var(--formula));
  letter-spacing: 0.04em;
  margin-left: calc(14 * var(--formula));
  margin-bottom: calc(20 * var(--formula));
}
.MO251106knit__content__main__title__sub--item-price span {
  font-size: calc(26 * var(--formula));
}
.MO251106knit__content__main__text {
  margin: 0 calc(70 * var(--formula)) calc(63 * var(--formula)) calc(50 * var(--formula));
  font-size: calc(24 * var(--formula));
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 2.25;
  letter-spacing: 0.02em;
  font-feature-settings: normal !important;
}
.MO251106knit__content__main__item-price {
  margin-top: calc(37 * var(--formula));
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: bolder;
}
.MO251106knit__content__main__item-price ul li {
  display: inline-block;
  margin-right: calc(12 * var(--formula));
}
.MO251106knit__content__main__item-price.left-price {
  text-align: left;
  margin-left: calc(50 * var(--formula));
}
.MO251106knit__content__main__item-price.center-price {
  text-align: center;
}
.MO251106knit__content__main__movie {
  margin: calc(166 * var(--formula)) auto calc(185 * var(--formula));
  text-align: center;
}
.MO251106knit__content__main__movie video {
  width: calc(700 * var(--formula));
}
.MO251106knit__content__all-item {
  margin: calc(168 * var(--formula)) auto 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .MO251106knit__content__all-item {
    margin-bottom: 0;
  }
}
.MO251106knit__content__all-item a {
  width: calc(675 * var(--formula));
  font-size: calc(28 * var(--formula));
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  text-align: center;
  border: 1px solid;
  padding: calc(40 * var(--formula)) calc(20 * var(--formula)) calc(45 * var(--formula)) calc(0 * var(--formula));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  letter-spacing: 0.06em;
  box-sizing: border-box;
}
.MO251106knit__content__all-item a::after {
  content: "";
  position: absolute;
  background-image: url("../img/svg/all-item-accent.svg");
  display: block;
  width: calc(12 * var(--formula));
  height: calc(20 * var(--formula));
  background-size: cover;
  right: calc(143 * var(--formula));
}
.MO251106knit__content__staff-list {
  margin: calc(145 * var(--formula)) auto 0;
  padding-bottom: calc(318 * var(--formula));
  text-align: center;
}
.MO251106knit__content__staff-list__title {
  width: calc(91 * var(--formula));
  margin: 0 auto calc(21 * var(--formula));
}
.MO251106knit__content__staff-list__list {
  font-size: calc(24 * var(--formula));
  letter-spacing: 0.05em;
  font-family: neue-haas-grotesk-display, sans-serif;
  line-height: 2;
}
.MO251106knit .main01__content01__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: calc(8 * var(--formula));
}
.MO251106knit .main01__content01__flex img {
  width: calc(680 * var(--formula));
}
.MO251106knit .main01__content01__flex--text img {
  width: calc(56.5 * var(--formula));
}
.MO251106knit .main01__content01__float {
  width: calc(700 * var(--formula));
  margin-top: calc(20 * var(--formula));
  margin-left: auto;
}
.MO251106knit .main01__content01__sub-img {
  margin-top: calc(90 * var(--formula));
}
.MO251106knit .main01__content01__sub-img img {
  width: 100%;
}
.MO251106knit .main01__content01 .MO251106knit__content__main__item-price {
  margin-top: calc(39 * var(--formula));
}
.MO251106knit .main01__content01__img02 {
  position: relative;
}
.MO251106knit .main01__content01__img02--accent {
  position: absolute;
  width: calc(188 * var(--formula));
  top: calc(235 * var(--formula));
  left: calc(95 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main01__content02 {
  margin-top: calc(200 * var(--formula));
  text-align: center;
  position: relative;
}
.MO251106knit .main01__content02::before {
  content: "";
  background: #e5e9c5;
  height: calc(1275 * var(--formula));
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: calc(223 * var(--formula));
}
.MO251106knit .main01__content02 a img {
  width: calc(680 * var(--formula));
}
.MO251106knit .main01__content02__img01 {
  position: relative;
}
.MO251106knit .main01__content02__img01 a img {
  margin-bottom: calc(20 * var(--formula));
}
.MO251106knit .main01__content02__img01--accent {
  position: absolute;
  width: calc(176 * var(--formula));
  top: calc(-14 * var(--formula));
  right: calc(62 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main01__content02 .MO251106knit__content__main__item-price {
  margin-left: calc(15 * var(--formula));
}
.MO251106knit .main01__content03 {
  text-align: center;
}
.MO251106knit .main01__content03__img01 img {
  margin-bottom: calc(120 * var(--formula));
}
.MO251106knit .main01__content03__img02 {
  position: relative;
}
.MO251106knit .main01__content03__img02 img {
  width: calc(660 * var(--formula));
}
.MO251106knit .main01__content03__img02--accent {
  position: absolute;
  left: calc(84 * var(--formula));
  top: calc(40 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main01__content03__img02--accent img {
  width: calc(193 * var(--formula));
}
.MO251106knit .main01__content03 .MO251106knit__content__main__item-price {
  margin-left: calc(15 * var(--formula));
}
.MO251106knit .main01__content04 {
  margin-top: calc(180 * var(--formula));
  position: relative;
}
.MO251106knit .main01__content04::before {
  content: "";
  background: #9ecfd4;
  height: calc(825 * var(--formula));
  display: block;
  width: calc(330 * var(--formula));
  position: absolute;
  z-index: -1;
  top: calc(400 * var(--formula));
}
.MO251106knit .main01__content04__img01 {
  text-align: right;
}
.MO251106knit .main01__content04__img01 img {
  margin-bottom: calc(20 * var(--formula));
  width: calc(660 * var(--formula));
}
.MO251106knit .main01__content04__img02 img {
  width: calc(620 * var(--formula));
}
.MO251106knit .main01__content04__img03 {
  margin: calc(107 * var(--formula)) auto calc(130 * var(--formula));
  position: relative;
}
.MO251106knit .main01__content04__img03--accent {
  position: absolute;
  width: calc(287 * var(--formula));
  right: calc(18 * var(--formula));
  top: calc(-10 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main01__content04 .MO251106knit__content__main__item-price {
  margin-top: calc(38 * var(--formula));
  margin-left: calc(40 * var(--formula));
}
.MO251106knit .main02 .MO251106knit__content__main__text {
  margin-bottom: calc(63 * var(--formula));
  letter-spacing: normal;
}
.MO251106knit .main02 .MO251106knit__content__main__title .MO251106knit__content__main__title__num {
  width: calc(148 * var(--formula));
}
.MO251106knit .main02 .MO251106knit__content__main__title__sub--item-price {
  margin-left: calc(-104 * var(--formula));
  padding: calc(1 * var(--formula)) calc(21 * var(--formula)) calc(4 * var(--formula));
  margin-bottom: calc(18 * var(--formula));
}
.MO251106knit .main02 .MO251106knit__content__main__movie {
  margin: calc(100 * var(--formula)) auto calc(185 * var(--formula));
}
.MO251106knit .main02__content01__img {
  position: relative;
  text-align: center;
}
.MO251106knit .main02__content01--main img {
  width: calc(680 * var(--formula));
}
.MO251106knit .main02__content01--sub01, .MO251106knit .main02__content01--sub02 {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.MO251106knit .main02__content01--sub01 {
  top: calc(-18 * var(--formula));
  right: calc(5 * var(--formula));
}
.MO251106knit .main02__content01--sub01 img {
  width: calc(63 * var(--formula));
}
.MO251106knit .main02__content01--sub02 {
  bottom: calc(-28 * var(--formula));
  left: calc(5 * var(--formula));
}
.MO251106knit .main02__content01--sub02 img {
  width: calc(62 * var(--formula));
}
.MO251106knit .main02__content01__img01 {
  margin: calc(100 * var(--formula)) 0 calc(20 * var(--formula)) auto;
  width: calc(600 * var(--formula));
}
.MO251106knit .main02__content01__img02 {
  margin-right: auto;
  width: calc(680 * var(--formula));
  position: relative;
}
.MO251106knit .main02__content01__img02--accent {
  position: absolute;
  left: calc(20 * var(--formula));
  top: calc(60 * var(--formula));
  width: calc(213 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main02__content01 .MO251106knit__content__main__item-price {
  margin-left: calc(39 * var(--formula));
  margin-top: calc(40 * var(--formula));
}
.MO251106knit .main02__content02__img01 {
  width: calc(580 * var(--formula));
  margin: calc(169 * var(--formula)) auto calc(100 * var(--formula));
}
.MO251106knit .main02__content02__img02 {
  position: relative;
}
.MO251106knit .main02__content02__img02--accent {
  width: calc(253 * var(--formula));
  position: absolute;
  right: calc(30 * var(--formula));
  top: calc(-13 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main02__content02__img03 {
  margin-top: calc(86 * var(--formula));
  position: relative;
  height: calc(930 * var(--formula));
}
.MO251106knit .main02__content02__img03--img img {
  width: calc(680 * var(--formula));
}
.MO251106knit .main02__content02__img03::before {
  content: "";
  background-color: #016b6e;
  display: block;
  width: calc(340 * var(--formula));
  height: calc(850 * var(--formula));
  position: absolute;
  top: calc(80 * var(--formula));
  right: 0;
  z-index: -1;
}
.MO251106knit .main02__content02 .MO251106knit__content__main__item-price {
  margin-left: calc(18 * var(--formula));
  margin-top: calc(38 * var(--formula));
}
.MO251106knit .main02__content03__img01, .MO251106knit .main02__content03__img02 {
  width: calc(660 * var(--formula));
  margin: 0 auto;
}
.MO251106knit .main02__content03__img01 {
  margin-bottom: calc(20 * var(--formula));
  position: relative;
}
.MO251106knit .main02__content03__img01--accent {
  width: calc(188 * var(--formula));
  position: absolute;
  right: calc(-20 * var(--formula));
  top: calc(25 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main02__content03 .MO251106knit__content__main__item-price {
  margin-left: calc(20 * var(--formula));
  margin-top: calc(39 * var(--formula));
}
.MO251106knit .main02__content04 {
  position: relative;
}
.MO251106knit .main02__content04 .MO251106knit__content__main__item-price {
  margin-left: calc(90 * var(--formula));
  margin-top: calc(40 * var(--formula));
}
.MO251106knit .main02__content04::before {
  content: "";
  position: absolute;
  background-color: #777c6d;
  width: 100%;
  height: calc(1275 * var(--formula));
  top: calc(240 * var(--formula));
  z-index: -1;
}
.MO251106knit .main02__content04__img01 {
  margin-top: calc(165 * var(--formula));
  position: relative;
}
.MO251106knit .main02__content04__img01 img {
  width: calc(680 * var(--formula));
}
.MO251106knit .main02__content04__img01--accent {
  position: absolute;
  left: calc(20 * var(--formula));
  top: calc(-25 * var(--formula));
  pointer-events: none;
}
.MO251106knit .main02__content04__img01--accent img {
  width: calc(213 * var(--formula));
}
.MO251106knit .main02__content04__img02 {
  margin-top: calc(20 * var(--formula));
  text-align: right;
}
.MO251106knit .main02__content04__img02 img {
  width: calc(660 * var(--formula));
}