@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");

:root {
  --color--1: #365e8f;
  --bgColor: #efeee4;
  --font--1: "Zen Kaku Gothic New", sans-serif;
  --font--2: "Montserrat", sans-serif;
  --font--3: "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
  --font--4: "Hiragino Kaku Gothic W6 JIS2004", sans-serif;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
}

.kihonnoki_ct {
  font-family: var(--font--1);
  font-weight: var(--medium);
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.kihonnoki_ct img {
  height: auto;
  width: 100%;
}

.kihonnoki_ct * {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.kihonnoki-hero_ct {
  background-color: var(--bgColor);
  padding-bottom: 75px;
  padding-bottom: 20%;
  padding-top: 48px;
  padding-top: 12.8%;
  position: relative;
  width: 100%;
}

.kihonnoki-hero_ct::before {
  aspect-ratio: 75 / 11;
  background-image: url("../images/kihon_sp.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.kihonnoki-hero_ct::after {
  aspect-ratio: 150 / 29;
  background-image: url("../images/noki_sp.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.kihonnoki-header_ct {
  position: relative;
}

.kihonnoki-header__title_ct {
  margin-inline: auto;
  margin-top: 25px;
  width: 76.8%;
}

.kihonnoki-hero__body_ct {
  position: relative;
}

.kihonnoki-hero__main_ct {
  aspect-ratio: 273 / 215;
  margin-top: 22px;
  position: relative;
  width: 72.8%;
}

.kihonnoki-hero__main__image_ct {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 0;
}

.kihonnoki-hero__main__image_ct.active {
  opacity: 1;
  z-index: 1;
}

.kihonnoki-hero__sub_ct {
  margin-left: auto;
  margin-top: -20px;
  width: 30.666666666%;
}

.kihonnoki-hero__sub__image_ct {
  display: none;
}

.kihonnoki-hero__sub__image_ct.visible {
  display: inline-block;
}

.kihonnoki-hero__picts_ct {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  position: absolute;
  right: 2.666666666%;
  top: 0;
  width: 14.666666666%;
}

.kihonnoki-hero__pict__04_ct {
  position: absolute;
  left: 40%;
  bottom: 0;
  width: 18%;
}

.kihonnoki-hero__pict__04_ct .kihonnoki-hero__pict__image_ct {
  -webkit-animation: swingX 2s ease-in-out infinite alternate;
  animation: swingX 2s ease-in-out infinite alternate;
}

@-webkit-keyframes swingX {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(30px);
  }
}

@keyframes swingX {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(30px);
  }
}


.kihonnoki-hero__model_ct {
  position: absolute;
  left: 1.333333333%;
  bottom: 30px;
  width: 19.6%;
  z-index: 1;
}

.kihonnoki-comments_ct {
  background-color: var(--bgColor);
  box-sizing: content-box;
  margin-left: auto;
  margin-top: 35px;
  padding-left: 20px;
  padding-bottom: 40px;
  padding-top: 30px;
  position: relative;
  width: 92.533333333%;
}

.kihonnoki-comment_ct {
  color: var(--color--1);
  font-family: var(--font--4);
  font-size: 13px;
  line-height: 2.0769;
}

.kihonnoki-comment_ct:not(:first-child) {
  margin-top: 25px;
  margin-top: 7.2046109510086%;
}

.kihonnoki-comment_ct:nth-child(even) {
  margin-left: 15px;
  margin-left: 4.3227665706052%;
}

.kihonnoki-comment__model_ct {
  position: absolute;
  right: 10px;
  bottom: -42px;
  width: 30.9798270893372%;
}

.kihonnoki-make_ct {
  margin-top: 88px;
}

.kihonnoki-make__header_ct {
  display: flex;
  align-items: flex-end;
  height: 55px;
  margin-left: auto;
  padding-left: 11.5942028985507%;
  position: relative;
  width: 92%;
  z-index: 0;
}

.kihonnoki-make__header_ct::after {
  background-color: var(--bgColor);
  border-radius: 15px 0 0;
  content: "";
  height: 55px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.kihonnoki-make__title_ct {
  color: var(--color--1);
  font-size: 25px;
  font-weight: var(--bold);
}

.kihonnoki-make__container_ct {
  background-color: var(--bgColor);
  padding-bottom: 50px;
  padding-bottom: 13.333333333%;
  padding-top: 33px;
  padding-top: 8.8%;
}

.kihonnoki-make__items_ct {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-inline: auto;
  width: 96%;
}

.kihonnoki-make__item_ct {
  text-align: center;
  width: 47.777777777%;
}

.kihonnoki-make__item__02_ct {
  margin-top: 28px;
  margin-top: 7.777777777%;
}

.kihonnoki-make__item__04_ct {
  margin-top: 40px;
  margin-top: 11.111111111%;
}

.kihonnoki-make__image_ct {
  margin-inline: auto;
  position: relative;
  width: 76.7441860465116%;
  z-index: 0;
}

.kihonnoki-make__image_ct::after {
  background-color: rgba(51, 51, 51, .1);
  border-radius: 50px;
  content: "";
  height: 100%;
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 100%;
  z-index: -1;
}

.kihonnoki-make__item_ct .kihonnoki-make__link_ct {
  color: var(--color--1);
  display: block;
  padding-bottom: 28px;
  padding-bottom: 16.2790697674419%;
  position: relative;
  text-decoration: none;
}

.kihonnoki-make__link_ct::after {
  aspect-ratio: 1 / 1;
  background-image: url("../images/arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 10.7558139534884%;
}

.kihonnoki-make__name_ct {
  font-size: 15px;
  font-weight: var(--bold);
  margin-top: 15px;
}

.kihonnoki-make__text_ct {
  display: none;
}

.kihonnoki-model__03_ct {
  margin-inline: auto;
  margin-bottom: 70px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  width: 67.733333333%;
}

.kihonnoki-model__03_ct .kihonnoki-model__03__image_ct {
  position: absolute;
  left: 0;
  top: 0;
  width: 32.4803149606299%;
  opacity: 0;
  transform: translateX(200px);
  transition: transform 1.5s cubic-bezier(.2, .8, .2, 1), opacity .6s ease;
  will-change: transform, opacity;
}

.kihonnoki-model__03_ct .kihonnoki-model__03__image_ct.is-inview {
  opacity: 1;
  transform: translateX(0);
}

.kihonnoki-point_ct {
  padding-bottom: 70px;
  padding-bottom: 18.666666666%;
  position: relative;
}

.kihonnoki-point_ct::before {
  animation: huwahuwa 1.8s ease-in-out infinite alternate-reverse;
  aspect-ratio: 187 / 150;
  background-image: url("../images/q_mark.svg");
  background-size: auto;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: 9.333333333%;
  top: -16px;
  width: 17.6%;
  z-index: 1;
}

.kihonnoki-point_ct::after {
  aspect-ratio: 287 / 150;
  background-image: url("../images/point_bg_02_sp.svg");
  background-size: auto;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 89.333333333%;
}

.kihonnoki-point__title_ct {
  color: var(--color--1);
  font-size: 25px;
  font-weight: var(--bold);
  line-height: 1.54;
}

.kihonnoki-point__header_ct {
  background-color: var(--bgColor);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 90px;
  position: relative;
  z-index: 0;
}

.kihonnoki-point__header_ct::after {
  background-color: var(--bgColor);
  border-radius: 15px 0 0;
  content: "";
  height: 42px;
  position: absolute;
  right: 0;
  top: 0;
  width: 92.666666666%;
  z-index: -1;
}

.kihonnoki-point__header_ct::before {
  background-color: #fff;
  content: "";
  height: 42px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.kihonnoki-point__container_ct {
  background-color: var(--bgColor);
  padding-top: 25px;
  padding-top: 6.666666666%;
}

.kihonnoki-point__items_ct {
  background-color: var(--bgColor);
  margin-inline: auto;
  padding-bottom: 80px;
  padding-bottom: 21.333333333%;
  width: 89.333333333%;
}

.kihonnoki-point__item_ct {
  padding-bottom: 60px;
  padding-bottom: 17.910447761194%;
  padding-top: 40px;
  position: relative;
}

.kihonnoki-point__item_ct.point__01_ct {
  padding-top: 60px;
  padding-top: 17.910447761194%;
}

.kihonnoki-point__item_ct.point__02_ct {
  padding-top: 40px;
  padding-top: 11.9402985074627%;
}

.kihonnoki-point__item_ct.point__03_ct {
  margin-top: -1px;
}

.kihonnoki-point__item_ct.point__04_ct {
  padding-bottom: 25px;
  padding-bottom: 7.4626865671642%;
}

.kihonnoki-point__item_ct:nth-child(even) {
  margin-top: -1px;
}

.kihonnoki-point__item_ct.point__01_ct::after {
  aspect-ratio: 75 / 11;
  background-image: url("../images/point_bg_01_sp.svg");
  background-size: auto;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.kihonnoki-point__item_ct:nth-child(odd)::before {
  border: 1px solid var(--color--1);
  border-width: 0 1px 1px 0;
  border-radius: 0 0 30px;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
}

.kihonnoki-point__item_ct:nth-child(even)::before {
  border: 1px solid var(--color--1);
  border-width: 1px 0 1px 1px;
  border-radius: 30px 0 0 30px;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
}

.kihonnoki-point__item_ct.point__02_ct::after {
  aspect-ratio: 26 / 15;
  background-image: url("../images/couturier.svg");
  background-size: auto;
  content: "";
  position: absolute;
  right: 7.4626865671642%;
  bottom: 12px;
  width: 26.865671641791%;
}

.kihonnoki-point__item_ct.point__03_ct::before {
  border-width: 1px 1px 1px 0;
  border-radius: 0 30px 30px 0;
}

.kihonnoki-point__item_ct.point__04_ct::before {
  border-width: 1px 0 0 1px;
  border-radius: 30px 0 0 0;
  height: 100%;
}

.kihonnoki-point__inner_ct {
  margin-inline: auto;
  padding-top: 25px;
  padding-top: 7.4626865671642%;
  position: relative;
  width: 83.5820895522388%;
}

.kihonnoki-point__page_ct {
  font-size: 0;
  position: absolute;
  top: -22px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 19.2857142857143%;
}

.kihonnoki-point__body_ct {
  color: var(--color--1);
}

.fukidashi__01_ct {
  position: absolute;
  right: -3.2142857142857%;
  top: -17px;
  width: 25.7142857142857%;
  z-index: 1;
}

.fukidashi__02_ct {
  position: absolute;
  left: -14.2857142857143%;
  top: 0;
  width: 47.1428571428571%;
  z-index: 1;
}

.kihonnoki-point__subtitle_ct {
  font-size: 17px;
  font-weight: var(--bold);
  line-height: 1.4285;
  margin-top: 30px;
  margin-top: 10.7142857142857%;
  text-align: center;
}

.kihonnoki-point__text_ct {
  font-family: var(--font--3);
  font-size: 13px;
  line-height: 1.615;
  margin-inline: auto;
  margin-top: 15px;
  margin-top: 5.3571428571429%;
  text-align: justify;
  width: 93.0357142857143%;
}

.kihonnoki-point__number_ct {
  position: absolute;
  right: 3.5714285714286%;
  top: 200px;
  top: 53.6193029490617%;
  width: 8.9285714285714%;
}

.point__01_ct .kihonnoki-point__number_ct {
  left: 3.5714285714286%;
}

.kihonnoki-point__youtube_ct {
  margin-inline: auto;
  margin-top: 25px;
  position: relative;
  width: 64.6428571428571%;
  z-index: 0;
}

.kihonnoki-point__youtube_ct::after {
  background-color: #ccc;
  border-radius: 18px;
  content: "";
  height: 100%;
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 100%;
  z-index: -1;
}

.kihonnoki-point__youtube__link_ct {
  background-color: #fff;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 100%;
}

.kihonnoki-point__youtube_ct .kihonnoki-point__youtube__image_ct {
  width: 75.6906077348066%;
}

.kihonnoki-point__stepup_ct {
  margin-left: auto;
  margin-right: 10px;
  width: 85.6716417910448%;
}

.kihonnoki-pickup_ct {
  margin-top: 50px;
}

.kihonnoki-pickup__title_ct {
  margin-inline: auto;
  width: 50.933333333%;
}

.kihonnoki-pickup__items_ct {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 0;
  margin-inline: auto;
  margin-top: 35px;
  width: 87.2%;
}

.kihonnoki-pickup__item_ct {
  position: relative;
  width: 45.8715596330275%;
}

.kihonnoki-pickup__item_ct .kihonnoki-pickup__link_ct {
  display: block;
  text-decoration: none;
}

.kihonnoki-pickup__image_ct {
  border-radius: 15px;
}

.kihonnoki-pickup__caption_ct {
  font-family: var(--font--3);
  font-size: 12px;
  margin-top: 10px;
}

.kihonnoki-pickup__subtitle_ct {
  font-family: var(--font--4);
  line-height: 1.3478;
}

.kihonnoki-pickup__name_ct {
  line-height: 1.6521;
  margin-top: 5px;
}

.kihonnoki-pickup__lesson_ct {
  border: 1px solid #365E8F;
  border-radius: 10px;
  color: #365E8F;
  display: flex;
  align-items: center;
  font-family: var(--font--4);
  font-size: 12px;
  height: 20px;
  margin-top: 12px;
  padding-left: 15px;
  position: relative;
}

.kihonnoki-pickup__lesson_ct::after {
  aspect-ratio: 77 / 50;
  background-color: #365e8f;
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.467 13.272"><path d="M12.417,11.858l4.221-4.222H0v-2H16.639L12.417,1.414,13.831,0l6.636,6.636-6.636,6.637Z" fill="%230365e8f" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.467 13.272"><path d="M12.417,11.858l4.221-4.222H0v-2H16.639L12.417,1.414,13.831,0l6.636,6.636-6.636,6.637Z" fill="%230365e8f" /></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 6.666666666%;
}

.kihonnoki-pickup__mark_ct {
  margin-left: auto;
  margin-bottom: -7px;
  position: relative;
}

.kihonnoki-pickup__mark_ct.new__mark_ct {
  width: 30%;
}

.kihonnoki-pickup__mark_ct.best__mark_ct {
  width: 37.333333333%;
}

.kihonnoki-pickup__mark_ct.long__mark_ct {
  width: 44.666666666%;
}

.kihonnoki-pickup__mark_ct.osusume__mark_ct {
  width: 36%;
}

.kihonnoki-message_ct {
  margin-inline: auto;
  margin-top: 30px;
  width: 57.333333333%;
}

.kihonnoki-slider_ct {
  display: flex;
  margin-top: 35px;
  position: relative;
}

.kihonnoki-slider__track {
  display: flex;
  will-change: transform;
}

.kihonnoki-slider__item_ct {
  flex: 0 0 auto;
  max-width: 150px;
  width: 18.666666666%;
}

.open-modal {
  cursor: pointer;
}

.hidden {
  overflow: hidden;
}

.modal-container_ct {
  background-color: rgba(18, 33, 48, 0.5);
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 208001;
  transition: all 0.5s 0s ease;
}

.modal-wrap_ct {
  height: auto;
  max-height: 100vh;
  position: relative;
  width: 100%;
}

.modal-content_ct {
  max-width: 100%;
  max-height: 100vh;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

.modal-wrap_ct.show .modal-item_ct {
  display: block;
}

.modal-item_ct {
  display: none;
}

.modal-item__youtube_ct {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: auto;
  aspect-ratio: 16 / 9;
}

.modal-item_ct iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.modal-close_ct {
  color: #fff;
  font-size: 15px;
  margin-top: 35px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}

.modal-close__cross_ct {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 24px;
  z-index: 99;
}

.modal-close__cross_ct::before,
.modal-close__cross_ct::after {
  background-color: #fff;
  content: "";
  height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
}

.modal-close__cross_ct::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-close__cross_ct::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.huwahuwa_ct {
  animation: huwahuwa 1.8s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes huwahuwa {
  0% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(5px);
  }
}

@keyframes huwahuwa {
  0% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(5px);
  }
}

@media (min-width: 768px) {
  .kihonnoki_ct {
    margin-inline: auto;
    max-width: 1100px;
    position: relative;
  }

  .kihonnoki-hero_ct {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 120px;
    padding-bottom: 10.9090909090909%;
    padding-top: 100px;
    padding-top: 9.0909090909091%;
  }

  .kihonnoki-hero_ct::before {
    aspect-ratio: 100 / 7;
    background-image: url("../images/kihon.webp");
  }

  .kihonnoki-hero_ct::after {
    aspect-ratio: 11 / 1;
    background-image: url("../images/noki.webp");
  }

  .kihonnoki-header_ct {
    max-width: 420px;
    margin-left: 7.2727272727273%;
    width: 38.1818181818182%;
  }

  .kihonnoki-header__title_ct {
    margin-top: 0;
    width: 100%;
  }

  .kihonnoki-hero__body_ct {
    max-width: 430px;
    margin-right: 26px;
    position: static;
    width: 39.0909090909091%;
  }

  .kihonnoki-hero__main_ct {
    margin-top: 0;
    width: 100%;
  }

  .kihonnoki-hero__sub_ct {
    max-width: 160px;
    margin-top: 0;
    position: absolute;
    left: 430px;
    left: 39.0909090909091%;
    top: 290px;
    top: 51.9713261648746%;
    width: 14.5454545454545%;
  }

  .kihonnoki-hero__picts_ct {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: inherit;
    max-width: 260px;
    right: auto;
    left: 10%;
    top: 280px;
    top: 50.1792114695341%;
    width: 23.6363636363636%;
  }

  .kihonnoki-hero__pict_ct {
    width: 30.7692307692308%;
  }

  .kihonnoki-hero__pict__04_ct {
    left: 220px;
    left: 20%;
    bottom: 70px;
    bottom: 12.962962962963%;
    width: 9.0909090909091%;
    z-index: 1;
  }

  @-webkit-keyframes swingX {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(100px);
    }
  }

  @keyframes swingX {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(100px);
    }
  }

  .kihonnoki-hero__model_ct {
    left: 0;
    bottom: 0;
    width: 11.8181818181818%;
  }

  .kihonnoki-comments_ct {
    max-width: 880px;
    margin-left: 80px;
    margin-left: 7.2727272727273%;
    margin-top: 50px;
    padding-left: 70px;
    padding-left: 7.9545454545455%;
    padding-bottom: 60px;
    padding-top: 60px;
    width: 80%;
  }

  .kihonnoki-comment_ct {
    font-size: 17px;
    line-height: 2.235;
  }

  .kihonnoki-comment_ct:not(:first-child) {
    margin-top: 36px;
    margin-top: 4.0909090909091%;
  }

  .kihonnoki-comment_ct br {
    display: none;
  }

  .kihonnoki-comment_ct:nth-child(even) {
    margin-left: 60px;
    margin-left: 6.8181818181818%;
  }

  .kihonnoki-comment__model_ct {
    right: -14px;
    bottom: -20px;
    width: 18.1818181818182%;
  }

  .kihonnoki-make__header_ct {
    justify-content: center;
    height: 75px;
    margin-left: 110px;
    max-width: 450px;
    padding-left: 0;
    width: 100%;
  }

  .kihonnoki-make__header_ct::after {
    border-radius: 15px 15px 0 0;
    height: 75px;
  }

  .kihonnoki-make__title_ct {
    font-size: 35px;
  }

  .kihonnoki-make__container_ct {
    padding-bottom: 60px;
    padding-bottom: 5.4545454545455%;
    padding-top: 40px;
    padding-top: 3.6363636363636%;
  }

  .kihonnoki-make__items_ct {
    width: 100%;
  }

  .kihonnoki-make__item_ct {
    width: 25%;
  }

  .kihonnoki-make__item__02_ct {
    margin-top: 0;
  }

  .kihonnoki-make__item__04_ct {
    margin-top: 0;
  }

  .kihonnoki-make__subtitle_ct {
    display: none;
  }

  .kihonnoki-make__image_ct {
    width: 67.6363636363636%;
  }

  .kihonnoki-make__image_ct::after {
    border-radius: 70px;
    right: -5px;
    bottom: -5px;
  }

  .kihonnoki-make__item_ct .kihonnoki-make__link_ct {
    padding-bottom: 18px;
    padding-bottom: 6.5454545454545%;
    padding-top: 10px;
    padding-top: 3.6363636363636%;
  }

  .kihonnoki-make__item_ct:not(:first-child) .kihonnoki-make__link_ct::before {
    background-image: repeating-linear-gradient(180deg, #365e8f, #365e8f 2px, transparent 2px, transparent 4px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 2px 100%;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
  }

  .kihonnoki-make__link_ct::after {
    bottom: auto;
    top: 56.0897435897436%;
    width: 9.4545454545455%;
  }

  .kihonnoki-make__name_ct {
    font-size: 20px;
    font-size: clamp(16px, 2.5vw, 20px);
    margin-top: 20px;
    margin-top: 7.2727272727273%;
  }

  .kihonnoki-make__text_ct {
    display: block;
    font-family: var(--font--3);
    font-size: 14px;
    font-size: clamp(10px, 1.5vw, 14px);
    line-height: 1.5714;
    margin-top: 15px;
    margin-top: 5.4545454545455%;
    text-align: center;
  }

  .kihonnoki-model__03_ct {
    max-width: 395px;
    margin-bottom: 80px;
    margin-top: 110px;
  }

  .kihonnoki-model__03_ct .kihonnoki-model__03__image_ct {
    width: 29.1139240506329%;
  }

  .kihonnoki-point_ct {
    padding-bottom: 60px;
  }

  .kihonnoki-point_ct::before {
    max-width: 90px;
    right: 130px;
    right: 11.8181818181818%;
    top: 0;
    width: 8.1818181818182%;
  }

  .kihonnoki-point_ct::after {
    aspect-ratio: 75 / 17;
    background-image: url("../images/point_bg_02.svg");
    width: 80.1818181818182%;
  }

  .kihonnoki-point__title_ct {
    font-size: 35px;
  }

  .kihonnoki-point__title_ct br {
    display: none;
  }

  .kihonnoki-point__header_ct {
    justify-content: flex-start;
    height: 75px;
    padding-left: 12.7272727272727%;
  }

  .kihonnoki-point__header_ct::after {
    border-radius: 15px 15px 0 0;
    height: 56px;
    left: 0;
    max-width: 700px;
    width: 63.6363636363636%;
    width: 76%;
  }

  .kihonnoki-point__header_ct::before {
    height: 56px;
  }

  .kihonnoki-point__container_ct {
    padding-top: 60px;
  }

  .kihonnoki-point__items_ct {
    max-width: 882px;
    padding-bottom: 100px;
    padding-bottom: 9.0909090909091%;
    width: 80.1818181818182%;
  }

  .kihonnoki-point__item_ct {
    padding-bottom: 110px;
    padding-bottom: 12.4716553287982%;
    padding-top: 4.5351473922902%;
  }

  .kihonnoki-point__item_ct.point__01_ct {
    padding-top: 75px;
    padding-top: 8.5034013605442%;
  }

  .kihonnoki-point__item_ct.point__02_ct {
    padding-top: 45px;
    padding-top: 5.1020408163265%;
  }

  .kihonnoki-point__item_ct.point__04_ct {
    padding-bottom: 70px;
    padding-bottom: 7.9365079365079%;
  }

  .kihonnoki-point__item_ct.point__01_ct::after {
    aspect-ratio: 12 / 1;
    background-image: url("../images/point_bg_01.svg");
  }

  .kihonnoki-point__item_ct.point__02_ct::after {
    right: auto;
    left: 18.4807256235828%;
    bottom: 55px;
    bottom: 11.2704918032787%;
    width: 14.172335600907%;
  }

  .kihonnoki-point__inner_ct {
    max-width: 788px;
    padding-top: 60px;
    padding-top: 6.8027210884354%;
    width: 89.3424036281179%;
  }

  .kihonnoki-point__page_ct {
    max-width: 77px;
    position: static;
    transform: none;
    width: 100%;
  }

  .kihonnoki-point__body_ct {
    display: flex;
    justify-content: space-between;
  }

  .fukidashi__01_ct {
    max-width: 100px;
    right: 0;
    left: 38.0710659898477%;
    top: 20px;
    width: 12.6903553299492%;
  }

  .fukidashi__02_ct {
    max-width: 185px;
    left: 44.4162436548223%;
    top: 26px;
    width: 23.4771573604061%;
  }

  .kihonnoki-point__item_ct:nth-child(even) .kihonnoki-point__image_ct {
    order: 1;
  }

  .kihonnoki-point__image_ct {
    width: 49.746192893401%;
  }

  .kihonnoki-point__caption_ct {
    width: 41.497461928934%;
  }

  .kihonnoki-point__subtitle_ct {
    font-size: 23px;
    line-height: 1.5217;
    margin-top: 20px;
    text-align: left;
  }

  .kihonnoki-point__text_ct {
    font-size: 18px;
    line-height: 1.666;
    margin-top: 20px;
    width: 100%;
  }

  .kihonnoki-point__number_ct {
    max-width: 33px;
    top: 0;
    width: 4.1878172588832%;
  }

  .kihonnoki-point__item_ct:nth-child(odd) .kihonnoki-point__number_ct {
    left: 0;
  }

  .kihonnoki-point__item_ct:nth-child(even) .kihonnoki-point__number_ct {
    right: 1.9035532994924%;
  }

  .kihonnoki-point__youtube_ct {
    margin-inline: 0;
    margin-top: 30px;
    width: 77.3700305810398%;
  }

  .kihonnoki-point__youtube_ct::after {
    border-radius: 25px;
  }

  .kihonnoki-point__youtube__link_ct {
    border-radius: 25px;
    height: 50px;
  }

  .kihonnoki-point__youtube_ct .kihonnoki-point__youtube__image_ct {
    width: 75.8893280632411%;
  }

  .kihonnoki-point__stepup_ct {
    margin-inline: auto;
    margin-top: 40px;
    margin-top: 4.53514739229025%;
    width: 46.4852607709751%;
  }

  .kihonnoki-pickup_ct {
    margin-top: 70px;
  }

  .kihonnoki-pickup__title_ct {
    max-width: 353px;
    width: 32.0909090909091%;
  }

  .kihonnoki-pickup__items_ct {
    justify-content: flex-start;
    gap: 90px 6.1538461538462%;
    margin-top: 80px;
    margin-top: 7.2727272727273%;
    width: 88.6363636363636%;
  }

  .kihonnoki-pickup__item_ct {
    width: 20%;
  }

  .kihonnoki-pickup__caption_ct {
    font-size: 15px;
  }

  .kihonnoki-pickup__lesson_ct {
    border-radius: 13px;
    border-radius: 5vw;
    font-size: 15px;
    height: 100%;
    min-height: 26px;
    margin-top: 16px;
    padding-right: 40px;
  }

  .kihonnoki-pickup__lesson_ct::after {
    right: 18px;
    width: 6.7415730337079%;
  }

  .kihonnoki-pickup__mark_ct {
    margin-bottom: -15px;
  }

  .kihonnoki-pickup__mark_ct.new__mark_ct {
    width: 29.7435897435897%;
  }

  .kihonnoki-pickup__mark_ct.best__mark_ct {
    width: 37.435897435%;
  }

  .kihonnoki-pickup__mark_ct.long__mark_ct {
    width: 44.615384615%;
  }

  .kihonnoki-pickup__mark_ct.osusume__mark_ct {
    width: 35.897435897%;
  }

  .kihonnoki-message_ct {
    max-width: 506px;
    margin-top: 80px;
    width: 46%;
  }

  .kihonnoki-slider_ct {
    margin-top: 100px;
  }

  .kihonnoki-slider__image_ct {
    max-width: 1217px;
  }

  .modal-close_ct {
    font-size: 18px;
    margin-top: 60px;
  }

  .modal-close__cross_ct {
    height: 30px;
    width: 30px;
  }
}