@charset "UTF-8";
@font-face {
  font-family: "A1Mincho";
  src: url("https://knot.itembox.design/item/mokuito/font/A-OTF-A1MinchoStd-Bold.otf"); }

@font-face {
  font-family: "KozMinPr6N-Bold";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/KozMinPr6N-Bold.otf?v=1713425843"); }

@font-face {
  font-family: "KozGoPr6N-Regular";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/KozGoPr6N-Regular.otf?v=1716191564"); }

@font-face {
  font-family: "BauerBodoniBT-Roman";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/BauerBodoniBT-Roman.otf?v=1716191632"); }

@font-face {
  font-family: "BauerBodoniBT-Bold";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/BauerBodoniBT-Bold.otf?v=1716191632"); }

@font-face {
  font-family: "Didot";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/Didot.ttc?v=1716191632"); }

@font-face {
  font-family: "Helvetica";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/Helvetica.ttc?v=1716191632"); }

@font-face {
  font-family: "ZenOldMincho-Regular";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/ZenOldMincho-Regular.ttf?v=1717635078"); }

@font-face {
  font-family: "SerifGothicLT-Light";
  src: url("https://cdn.shopify.com/s/files/1/0749/5001/7326/files/ITC_Serif_Gothic_LT_Light.ttf?v=1719302579"); }

@font-face {
  font-family: "STFangsong";
  src: url("https://magazine.knot-designs.com/shopify/img/ajisai/fonts/stfangsong.ttf"); }

.garamond {
  font-family: adobe-garamond-pro, serif; }

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal; }

.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal; }

.tab {
  display: none; }
  @media (max-width: 1060px) {
    .tab {
      display: block; } }

.pc-tab {
  display: none; }
  @media (min-width: 1061px) {
    .pc-tab {
      display: block; } }

.full_img {
  max-width: 100vw;
  width: 100vw;
  margin: 0 calc(50% - 50vw); }

.effect-fade {
  opacity: 0;
  transform: translate(0, 60px) translateZ(0);
  transition: 1.3s; }

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0) translateZ(0); }

#main {
  padding: 0;
  height: auto !important; }

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: block; }

a {
  text-decoration: none; }

html {
  background: #000; }

@keyframes fillGraph {
  to {
    stroke-dashoffset: 10;
    /* 一周して全体が表示される */ } }

.kanazawa-haku {
  background: #000; }
  .kanazawa-haku h1,
  .kanazawa-haku h2,
  .kanazawa-haku h3,
  .kanazawa-haku h4,
  .kanazawa-haku h5,
  .kanazawa-haku p {
    color: #fff;
    font-family: "ZenOldMincho-Regular" !important; }
  .kanazawa-haku h1,
  .kanazawa-haku h2,
  .kanazawa-haku h3,
  .kanazawa-haku h4,
  .kanazawa-haku h5 {
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.04em; }
    @media (max-width: 879px) {
      .kanazawa-haku h1,
      .kanazawa-haku h2,
      .kanazawa-haku h3,
      .kanazawa-haku h4,
      .kanazawa-haku h5 {
        line-height: 1.66;
        letter-spacing: 0.01em; } }
  .kanazawa-haku p {
    line-height: 1.5;
    letter-spacing: 0.04em; }
    @media (max-width: 879px) {
      .kanazawa-haku p {
        line-height: 1.4;
        letter-spacing: 0.01em; } }
  .kanazawa-haku .kv {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/kv.webp) no-repeat center/cover;
    height: calc(100vh - 124px);
    position: relative;
    margin: 0 0 8.59375vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .kv {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/kv_sp.webp) no-repeat center/cover;
        height: calc(100vh - 74px); } }
    .kanazawa-haku .kv__logo {
      width: 16.40625vw;
      position: absolute;
      top: 2.34375vw;
      right: 2.34375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .kv__logo {
          width: 25.3125vw;
          top: 3.125vw;
          right: 3.125vw; } }
    .kanazawa-haku .kv__top {
      font-size: 1.48438vw;
      position: absolute;
      top: 1.5625vw;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: fit-content;
      letter-spacing: 0.27em; }
      @media (max-width: 879px) {
        .kanazawa-haku .kv__top {
          font-size: 3.125vw;
          top: 25vw; } }
    .kanazawa-haku .kv__content {
      position: absolute;
      bottom: 2.73438vw;
      left: 0;
      right: 0;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .kv__content {
          bottom: 6.25vw; } }
      .kanazawa-haku .kv__content__kana {
        font-size: 0.78125vw;
        letter-spacing: 0.3em; }
        @media (max-width: 879px) {
          .kanazawa-haku .kv__content__kana {
            font-size: 2.8125vw; } }
      .kanazawa-haku .kv__content__title {
        font-size: 2.8125vw;
        letter-spacing: 0.5em;
        line-height: 1;
        margin: 0 0 0.39062vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .kv__content__title {
            font-size: 6.875vw;
            margin: 0 0 1.5625vw; } }
      .kanazawa-haku .kv__content__en {
        font-size: 1.48438vw;
        letter-spacing: 0.3em; }
        @media (max-width: 879px) {
          .kanazawa-haku .kv__content__en {
            font-size: 3.125vw; } }
  .kanazawa-haku .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (max-width: 879px) {
      .kanazawa-haku .intro {
        margin: 0 0 18.75vw; } }
    .kanazawa-haku .intro__title {
      font-size: 2.73438vw;
      text-align: center;
      line-height: 1.8;
      margin: 0 0 0.78125vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__title {
          font-size: 7.8125vw;
          width: 60.625vw;
          line-height: 1.12;
          margin: 0 0 18.75vw; } }
    .kanazawa-haku .intro__inner {
      background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/intro_bg.webp) no-repeat center/cover;
      width: 100%;
      aspect-ratio: 2560 / 2340;
      position: relative; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__inner {
          background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/intro_bg_sp.webp) no-repeat center/cover;
          aspect-ratio: 960 / 1535;
          margin: 3.125vw 0 0; } }
    .kanazawa-haku .intro__content1 {
      display: flex;
      flex-direction: column;
      width: 42.1875vw;
      position: absolute;
      top: 18.75vw;
      left: 11.32812vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__content1 {
          width: auto;
          top: 64.0625vw;
          left: auto;
          right: 3.125vw; } }
    .kanazawa-haku .intro__content2 {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      position: absolute;
      top: 46.09375vw;
      right: 11.32812vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__content2 {
          width: 100%;
          top: auto;
          bottom: -25vw;
          right: 0; } }
    .kanazawa-haku .intro__heading {
      font-size: 2.8125vw;
      margin: 0 0 1.5625vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .intro__heading {
          line-height: 1.1; } }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__heading {
          font-size: 6.25vw;
          margin: 0 0 3.125vw;
          width: 100%;
          padding: 0 6.25vw; } }
    .kanazawa-haku .intro__text {
      font-size: 1.25vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__text {
          font-size: 4.0625vw;
          padding: 0 6.25vw;
          line-height: 1.4; } }
    .kanazawa-haku .intro__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.39062vw 0.9375vw 0.46875vw;
      text-align: center;
      border-radius: calc(1px / 0);
      line-height: 1.2;
      align-self: flex-end;
      position: absolute;
      bottom: 0.39062vw;
      right: 7.8125vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__btn {
          font-size: 2.5vw;
          padding: 0.9375vw 3.75vw 1.5625vw;
          white-space: nowrap;
          letter-spacing: 0.04em; } }
  .kanazawa-haku .feature {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/feature_bg.webp) no-repeat center/cover;
    width: 100%;
    aspect-ratio: 2560 / 2660;
    position: relative;
    margin: -25.78125vw 0 2.34375vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .feature {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/feature_bg_sp.webp) no-repeat center/cover;
        aspect-ratio: 960 / 2394;
        margin: 0 0 75vw; } }
    .kanazawa-haku .feature__heading {
      font-size: 2.34375vw;
      position: absolute;
      top: 35.15625vw;
      left: 0;
      right: 0;
      line-height: 1.66;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__heading {
          font-size: 7.8125vw;
          padding: 0 6.25vw;
          top: 87.5vw;
          text-align: left;
          line-height: 1.12; } }
    .kanazawa-haku .feature__img01 {
      width: 38.67188vw;
      position: absolute;
      top: 53.90625vw;
      right: 11.32812vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__img01 {
          width: 62.1875vw;
          top: 143.75vw;
          right: 6.25vw; } }
    .kanazawa-haku .feature__img02 {
      width: 38.67188vw;
      position: absolute;
      bottom: 9.76562vw;
      left: 10.9375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__img02 {
          width: 62.1875vw;
          bottom: 14.0625vw;
          left: 6.25vw; } }
    .kanazawa-haku .feature__text {
      font-size: 1.17188vw;
      width: 28.90625vw;
      position: absolute; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__text {
          font-size: 3.75vw;
          width: 100%;
          padding: 0 6.25vw;
          bottom: -59.375vw;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: justify; } }
      @media (min-width: 880px) {
        .kanazawa-haku .feature__text.left {
          top: 59.76562vw;
          left: 16.40625vw; } }
      .kanazawa-haku .feature__text.right {
        bottom: 11.71875vw;
        right: 15.625vw;
        text-align: left; }
    .kanazawa-haku .feature__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.39062vw 0.9375vw 0.46875vw;
      text-align: center;
      border-radius: 1.17188vw;
      line-height: 1.2;
      align-self: flex-end;
      position: absolute;
      bottom: 9.76562vw;
      right: 10.9375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__btn {
          font-size: 2.8125vw;
          padding: 1.25vw 3.75vw 1.5625vw; } }
  .kanazawa-haku .craftsman {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 4.29688vw;
    position: relative; }
    @media (max-width: 879px) {
      .kanazawa-haku .craftsman {
        padding: 0 5.9375vw;
        margin: 0 0 17.1875vw; } }
    .kanazawa-haku .craftsman__heading {
      font-size: 2.8125vw;
      margin: 0 0 4.6875vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__heading {
          font-size: 7.8125vw;
          margin: 0 0 9.375vw;
          line-height: 1.12; } }
    @media (min-width: 880px) {
      .kanazawa-haku .craftsman__wrap {
        gap: 0 4.375vw;
        width: 40.39062vw; } }
    .kanazawa-haku .craftsman__img {
      margin: 0 0 2.73438vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__img {
          margin: 0 0 3.125vw; } }
    .kanazawa-haku .craftsman__detail {
      align-self: flex-end; }
      .kanazawa-haku .craftsman__detail .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 1.17188vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .craftsman__detail .wrap {
            flex-direction: column;
            margin: 0 0 3.125vw; } }
    .kanazawa-haku .craftsman__title {
      font-size: 2.03125vw;
      vertical-align: baseline;
      letter-spacing: 0.16em;
      text-align: center;
      margin: 0 0 2.34375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__title {
          font-size: 5.625vw;
          margin: 0 0 1.5625vw;
          letter-spacing: 0.04em; } }
      .kanazawa-haku .craftsman__title span {
        font-size: 1.40625vw;
        vertical-align: baseline; }
        @media (max-width: 879px) {
          .kanazawa-haku .craftsman__title span {
            font-size: 4.6875vw;
            letter-spacing: 0.01em; } }
    .kanazawa-haku .craftsman__text {
      font-size: 1.17188vw;
      text-align: justify;
      line-height: 1.77; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__text {
          font-size: 4.0625vw;
          text-align: justify; } }
    .kanazawa-haku .craftsman__mask {
      background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/craftsman_mask.webp) no-repeat center/cover;
      width: 100%;
      aspect-ratio: 2560 / 964;
      position: absolute;
      top: 4.29688vw; }
  .kanazawa-haku .process {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 11.32812vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .process {
        margin: 0 0 21.875vw;
        overflow: hidden; } }
    .kanazawa-haku .process__pin {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .kanazawa-haku .process__title {
      font-size: 2.8125vw;
      margin: 0 0 1.5625vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__title {
          font-size: 7.8125vw;
          margin: 0 0 1.5625vw;
          width: 100%;
          padding: 0 6.25vw;
          line-height: 1.4; } }
    .kanazawa-haku .process__inner {
      display: flex;
      align-items: flex-end;
      gap: 0 5.07812vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__inner {
          align-items: flex-start;
          padding: 0 4.6875vw 0;
          position: relative;
          width: 100%; } }
    .kanazawa-haku .process__tab {
      display: flex;
      align-items: center;
      gap: 0 1.17188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__tab {
          flex-direction: row-reverse;
          position: absolute;
          top: 0vw;
          left: 0vw; } }
      .kanazawa-haku .process__tab__list {
        display: flex;
        flex-direction: column;
        gap: 0.39062vw 0; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__tab__list {
            transform: translateX(-3.125vw);
            gap: 0.9375vw 0; } }
      .kanazawa-haku .process__tab__img {
        width: 7.8125vw;
        opacity: 0.5; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__tab__img {
            width: 18.75vw; } }
        .kanazawa-haku .process__tab__img.active {
          transform-origin: 0 50%;
          transform: scale(1.22);
          transition: transform 0.3s;
          opacity: 1; }
          @media (max-width: 879px) {
            .kanazawa-haku .process__tab__img.active {
              transform: scale(1.16); } }
      .kanazawa-haku .process__tab__pagination {
        background: rgba(143, 143, 143, 0.6);
        width: 0.42969vw;
        height: 23.4375vw;
        border-radius: 1.17188vw;
        margin: 0.39062vw 0 0; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__tab__pagination {
            width: 1.25vw;
            height: 58.75vw;
            margin: 0; } }
      .kanazawa-haku .process__tab__mark {
        background: #fff;
        width: 0.39062vw;
        height: 0.39062vw;
        border-radius: 50%;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
        @media (max-width: 879px) {
          .kanazawa-haku .process__tab__mark {
            width: 1.25vw;
            height: 1.25vw; } }
        .kanazawa-haku .process__tab__mark[data-position="1"] {
          transform: translateX(0); }
        .kanazawa-haku .process__tab__mark[data-position="2"] {
          transform: translateY(5.78125vw); }
          @media (max-width: 879px) {
            .kanazawa-haku .process__tab__mark[data-position="2"] {
              transform: translateY(14.6875vw); } }
        .kanazawa-haku .process__tab__mark[data-position="3"] {
          transform: translateY(11.5625vw); }
          @media (max-width: 879px) {
            .kanazawa-haku .process__tab__mark[data-position="3"] {
              transform: translateY(28.75vw); } }
        .kanazawa-haku .process__tab__mark[data-position="4"] {
          transform: translateY(17.5vw); }
          @media (max-width: 879px) {
            .kanazawa-haku .process__tab__mark[data-position="4"] {
              transform: translateY(43.125vw); } }
        .kanazawa-haku .process__tab__mark[data-position="5"] {
          transform: translateY(22.96875vw); }
          @media (max-width: 879px) {
            .kanazawa-haku .process__tab__mark[data-position="5"] {
              transform: translateY(57.5vw); } }
    .kanazawa-haku .process__main {
      position: relative; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__main {
          flex: 1; } }
    .kanazawa-haku .process__content {
      position: relative;
      opacity: 0;
      transition: opacity 0.5s ease;
      width: 65.67188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__content {
          width: 100%; } }
      .kanazawa-haku .process__content:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0; }
      .kanazawa-haku .process__content.active {
        opacity: 1; }
      .kanazawa-haku .process__content__inner {
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__inner {
            flex-direction: column-reverse;
            gap: 3.125vw 0; } }
      .kanazawa-haku .process__content__detail {
        display: flex;
        justify-content: space-between;
        gap: 0 1.17188vw;
        width: 100%;
        min-height: 5.70312vw;
        margin: 0 0 1.5625vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__detail {
            flex-direction: column; } }
      .kanazawa-haku .process__content__heading {
        font-size: 2.03125vw;
        letter-spacing: 0; }
        @media (min-width: 880px) {
          .kanazawa-haku .process__content__heading {
            white-space: nowrap; } }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__heading {
            font-size: 7.1875vw;
            line-height: 0.8;
            margin: 0 0 3.125vw; } }
      .kanazawa-haku .process__content__text {
        font-size: 1.17188vw;
        width: 43.28125vw;
        line-height: 1.77;
        padding: 0.39062vw 0 0;
        text-align: justify; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__text {
            font-size: 4.0625vw;
            width: 100%; } }
      .kanazawa-haku .process__content__visuals {
        display: flex;
        gap: 0 1.95312vw;
        height: 19.84375vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__visuals {
            display: grid;
            grid-template-areas: 'a b'
 'c c';
            grid-template-columns: 1fr 1fr;
            gap: 1.875vw;
            height: auto;
            padding: 0 0 0 21.875vw; } }
      @media (min-width: 880px) {
        .kanazawa-haku .process__content picture {
          width: auto;
          height: 100%; } }
      @media (max-width: 879px) {
        .kanazawa-haku .process__content picture:first-child {
          grid-area: a; } }
      @media (max-width: 879px) {
        .kanazawa-haku .process__content picture:last-child {
          grid-area: c; } }
      @media (min-width: 880px) {
        .kanazawa-haku .process__content__img {
          width: auto;
          height: 100%; } }
      @media (min-width: 880px) {
        .kanazawa-haku .process__content__movie {
          width: auto;
          height: 100%; } }
      @media (max-width: 879px) {
        .kanazawa-haku .process__content__movie {
          width: 100%;
          grid-area: b; } }
  .kanazawa-haku .detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 7.8125vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .detail {
        margin: 0 0 6.25vw; } }
    .kanazawa-haku .detail__inner {
      width: 77.34375vw;
      display: flex;
      flex-direction: column; }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__inner {
          width: 100%;
          padding: 0 6.25vw; } }
    .kanazawa-haku .detail__wrap {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__wrap.top {
          flex-direction: column-reverse; } }
      .kanazawa-haku .detail__wrap.bottom {
        margin: -7.65625vw 0 1.17188vw;
        align-items: flex-end; }
        @media (max-width: 879px) {
          .kanazawa-haku .detail__wrap.bottom {
            margin: -25vw 0 6.25vw; } }
    .kanazawa-haku .detail__img {
      width: 42.1875vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__img {
          width: 53.4375vw; } }
    .kanazawa-haku .detail__title {
      font-size: 7.8125vw;
      margin: 0 0 3.125vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .detail__title {
          font-size: 2.8125vw;
          padding: 4.29688vw 2.73438vw 0 0;
          margin: 0; } }
    .kanazawa-haku .detail__text {
      font-size: 4.0625vw;
      text-align: justify; }
      @media (min-width: 880px) {
        .kanazawa-haku .detail__text {
          font-size: 1.01562vw;
          width: 29.6875vw;
          line-height: 1.77; } }
    .kanazawa-haku .detail__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.39062vw 0.9375vw 0.46875vw;
      text-align: center;
      border-radius: calc(1px / 0);
      line-height: 1.2;
      align-self: flex-end; }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__btn {
          font-size: 2.1875vw;
          padding: 1.25vw 3.75vw 1.5625vw;
          letter-spacing: -0.01em; } }
  .kanazawa-haku .collab {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    @media (max-width: 879px) {
      .kanazawa-haku .collab {
        margin: 0 0 15.625vw;
        padding: 0 5.9375vw; } }
    .kanazawa-haku .collab__heading {
      font-size: 2.8125vw;
      margin: 0 0 1.5625vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .collab__heading {
          text-align: center; } }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__heading {
          font-size: 7.8125vw;
          margin: 0 0 6.25vw;
          line-height: 1.12; } }
    .kanazawa-haku .collab__kv {
      width: 100%; }
    .kanazawa-haku .collab__text {
      font-size: 1.01562vw;
      text-align: center;
      margin: -8.59375vw 0 3.90625vw;
      line-height: 1.77;
      width: 45.3125vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__text {
          font-size: 4.0625vw;
          margin: -34.375vw 0 7.8125vw;
          line-height: 1.4;
          width: 78.125vw; } }
    .kanazawa-haku .collab__musubu-link {
      color: #fff;
      font-size: 1.17188vw;
      margin: 0 0 9.375vw;
      visibility: hidden; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__musubu-link {
          font-size: 4.6875vw; } }
    .kanazawa-haku .collab__box {
      background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/collab_box_bg.webp) no-repeat center/cover;
      width: 77.34375vw;
      aspect-ratio: 1982 / 796;
      padding: 2.5vw 3.125vw 1.5625vw;
      margin: 0 0 6.64062vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__box {
          background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/collab_box_bg_sp.webp) no-repeat center/cover;
          width: 87.5vw;
          aspect-ratio: 840 / 1836;
          padding: 12.5vw 3.125vw 3.125vw;
          margin: 0 0 12.5vw; } }
      .kanazawa-haku .collab__box__inner {
        display: flex;
        justify-content: space-between;
        height: 100%;
        position: relative; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__inner {
            flex-direction: column; } }
      .kanazawa-haku .collab__box__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 43.75vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__content {
            width: 100%; } }
      .kanazawa-haku .collab__box__heading {
        font-size: 2.8125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__heading {
            font-size: 7.8125vw;
            margin: 0 0 4.6875vw; } }
      .kanazawa-haku .collab__box__text {
        font-size: 1.17188vw; }
        @media (min-width: 880px) {
          .kanazawa-haku .collab__box__text {
            line-height: 1.27; } }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__text {
            font-size: 4.0625vw;
            margin: 0 0 3.125vw; } }
      .kanazawa-haku .collab__box__wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.25vw 0;
        flex-shrink: 0;
        width: 31.64062vw;
        position: absolute;
        top: 0;
        right: 0; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__wrap {
            width: 100%;
            position: relative; } }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__box__logo {
          width: 72.5vw;
          align-self: center;
          margin: 0 0 6.25vw; } }
      @media (min-width: 880px) {
        .kanazawa-haku .collab__box__img.upper {
          width: 19.0625vw; } }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__box__img.upper {
          margin: 0 0 3.125vw; } }
      @media (min-width: 880px) {
        .kanazawa-haku .collab__box__img.bottom {
          width: 19.375vw;
          align-self: flex-end; } }
      .kanazawa-haku .collab__box__link {
        color: #fff;
        font-size: 1.17188vw;
        align-self: flex-end; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__link {
            font-size: 4.6875vw;
            align-self: center; } }
    .kanazawa-haku .collab__percent {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 77.34375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__percent {
          flex-direction: column-reverse;
          gap: 12.5vw 0;
          width: 100%;
          padding: 0; } }
      .kanazawa-haku .collab__percent__img {
        width: 38.59375vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__percent__img {
            width: 100%; } }
        .kanazawa-haku .collab__percent__img .reveal {
          stroke-dasharray: 316;
          /* 2πr (r=50 → 2 * π * 50 ≒ 314) */
          stroke-dashoffset: 316;
          /* 最初は円全体が隠れている */
          transform: rotate(-90deg);
          transform-origin: 50% 50%; }
        .kanazawa-haku .collab__percent__img.visible .reveal {
          animation: fillGraph 2s cubic-bezier(0.76, 0, 0.24, 1) forwards; }
      .kanazawa-haku .collab__percent__text {
        font-size: 2.8125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__percent__text {
            font-size: 6.875vw;
            line-height: 1.24; } }
  .kanazawa-haku .cityscape {
    margin: 0 0 7.8125vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .cityscape {
        padding: 0 6.25vw;
        margin: 0 0 68.75vw; } }
    @media (min-width: 880px) {
      .kanazawa-haku .cityscape__parallax {
        padding: 10vh 0 0; } }
    .kanazawa-haku .cityscape__top {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      margin: 0 0 18.75vw;
      overflow: hidden; }
      @media (min-width: 880px) {
        .kanazawa-haku .cityscape__top {
          background-image: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/cityscape_bg.webp);
          background-repeat: no-repeat;
          background-position: center 0%;
          background-size: cover;
          width: 100%;
          height: calc(80vh - 124px);
          padding: 0 11.32812vw 0 0;
          margin: 0 0 10.9375vw; } }
      @media (min-width: 880px) {
        .kanazawa-haku .cityscape__top::before {
          background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 85%);
          content: '';
          width: 40vw;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0; } }
      @media (min-width: 880px) {
        .kanazawa-haku .cityscape__top__content {
          width: 29.29688vw;
          position: relative; } }
      @media (max-width: 879px) {
        .kanazawa-haku .cityscape__top__img {
          margin: 0 0 6.25vw; } }
      .kanazawa-haku .cityscape__top__heading {
        font-size: 2.8125vw;
        margin: 0 0 0.78125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .cityscape__top__heading {
            font-size: 7.8125vw;
            line-height: 1.23;
            margin: 0 0 6.25vw; } }
      .kanazawa-haku .cityscape__top__text {
        font-size: 1.17188vw;
        text-align: justify; }
        @media (max-width: 879px) {
          .kanazawa-haku .cityscape__top__text {
            font-size: 4.0625vw; } }
  .kanazawa-haku .shine {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku_test/img/shine_bg.webp) no-repeat center/cover;
    width: 100%;
    aspect-ratio: 2560 / 1723;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 0 14.0625vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .shine {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku_test/img/shine_bg_sp.webp) no-repeat center/cover;
        aspect-ratio: 960 / 1233;
        gap: 7.8125vw 0;
        padding: 4.6875vw 0 0;
        margin: 0 0 56.25vw; } }
    .kanazawa-haku .shine__wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 77.34375vw;
      position: absolute; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__wrap {
          gap: 6.25vw 0;
          width: 100%;
          padding: 0 6.25vw; } }
      .kanazawa-haku .shine__wrap.upper {
        top: 3.125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .shine__wrap.upper {
            top: -56.25vw; } }
      .kanazawa-haku .shine__wrap.bottom {
        bottom: -8.98438vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .shine__wrap.bottom {
            bottom: -46.875vw; } }
        .kanazawa-haku .shine__wrap.bottom .shine__content {
          padding: 3.51562vw 0 0; }
    .kanazawa-haku .shine__heading {
      font-size: 2.8125vw;
      margin: 0 0 1.17188vw;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__heading {
          font-size: 9.375vw;
          line-height: 1.13;
          margin: 0 0 3.125vw;
          text-align: center;
          letter-spacing: 0.04em; } }
    @media (max-width: 879px) {
      .kanazawa-haku .shine__content {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .kanazawa-haku .shine__text {
      font-size: 1.09375vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .shine__text {
          text-align: center; } }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__text {
          font-size: 3.75vw;
          width: 62.5vw;
          line-height: 1.66;
          text-align: center; } }
    .kanazawa-haku .shine__img {
      width: 38.67188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__img {
          width: 61.875vw; } }
  .kanazawa-haku .watch {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/watch_bg.webp) no-repeat center/cover;
    width: 92.96875vw;
    aspect-ratio: 2380 / 1198;
    margin: 0 auto 18.75vw;
    position: relative; }
    @media (max-width: 879px) {
      .kanazawa-haku .watch {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/watch_bg_sp.webp) no-repeat center/cover;
        width: 100%;
        aspect-ratio: 960 / 1380;
        margin: 0 0 62.5vw; } }
    .kanazawa-haku .watch__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      bottom: -4.29688vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .watch__item {
          bottom: -20.3125vw; } }
      .kanazawa-haku .watch__item:nth-child(1) {
        left: 28.125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item:nth-child(1) {
            left: 10.9375vw; } }
      .kanazawa-haku .watch__item:nth-child(2) {
        right: 26.95312vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item:nth-child(2) {
            right: 10.9375vw; } }
      .kanazawa-haku .watch__item__btn {
        background: #fff;
        font-family: "ZenOldMincho-Regular";
        font-size: 0.9375vw;
        padding: 0.39062vw 1.95312vw 0.46875vw;
        text-align: center;
        border-radius: calc(1px / 0);
        line-height: 1.2;
        margin: 0 0 0.78125vw;
        display: inline-block; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__btn {
            font-size: 2.8125vw;
            padding: 1.25vw 6.25vw 1.5625vw;
            margin: 0 0 6.25vw;
            letter-spacing: 0.01em; } }
      .kanazawa-haku .watch__item__info {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .kanazawa-haku .watch__item__collection {
        font-size: 2.10938vw;
        text-align: center;
        line-height: 1.3;
        letter-spacing: 0.06em;
        margin: 0 0 0.78125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__collection {
            font-size: 7.1875vw;
            margin: 0 0 1.5625vw; } }
        .kanazawa-haku .watch__item__collection span {
          font-size: 0.78125vw;
          display: block; }
          @media (max-width: 879px) {
            .kanazawa-haku .watch__item__collection span {
              font-size: 2.8125vw; } }
      .kanazawa-haku .watch__item__title {
        font-size: 1.17188vw;
        text-align: center;
        margin: 0 0 0.78125vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__title {
            font-size: 4.6875vw;
            margin: 0 0 3.125vw; } }
        .kanazawa-haku .watch__item__title span {
          font-size: 0.85938vw;
          letter-spacing: 0.02em;
          display: block; }
          @media (max-width: 879px) {
            .kanazawa-haku .watch__item__title span {
              font-size: 3.4375vw; } }
      .kanazawa-haku .watch__item__number {
        font-size: 1.01562vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__number {
            font-size: 3.125vw; } }
      .kanazawa-haku .watch__item__price {
        font-size: 1.01562vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__price {
            font-size: 3.75vw; } }
    .kanazawa-haku .watch__note {
      font-size: 1.01562vw;
      position: absolute;
      bottom: -12.5vw;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 46.09375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .watch__note {
          font-size: 3.125vw;
          bottom: -48.4375vw;
          width: 100%;
          padding: 0 6.25vw;
          margin: 0 auto;
          line-height: 1.5; } }
  .kanazawa-haku .limited {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku_test/img/limited_bg_sp.webp) no-repeat center/cover;
    width: 87.5vw;
    aspect-ratio: 846 / 1162;
    padding: 7.5vw 3.125vw 0;
    margin: 0 auto 21.875vw; }
    @media (min-width: 880px) {
      .kanazawa-haku .limited {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku_test/img/limited_bg.webp) no-repeat center/cover;
        width: 77.10938vw;
        aspect-ratio: 1976 / 897;
        margin: 0 auto 14.0625vw;
        display: flex;
        align-items: center;
        padding: 0 0 0 3.90625vw; } }
    .kanazawa-haku .limited__content {
      width: 27.34375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__content {
          width: 100%; } }
    .kanazawa-haku .limited__title {
      font-size: 2.5vw;
      margin: 0 0 1.17188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__title {
          font-size: 7.1875vw;
          line-height: 1;
          text-align: center;
          letter-spacing: 0;
          margin: 0 0 9.375vw; } }
    .kanazawa-haku .limited__text {
      font-size: 0.85938vw;
      text-align: justify; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__text {
          font-size: 3.75vw;
          padding: 0 1.5625vw;
          text-align: justify;
          line-height: 1.16; } }
  .kanazawa-haku .specification {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 9.375vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .specification {
        padding: 0 5.9375vw;
        margin: 0 0 21.875vw; } }
    .kanazawa-haku .specification__title {
      font-size: 2.8125vw;
      margin: 0 0 5.46875vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .specification__title {
          font-size: 7.1875vw; } }
    .kanazawa-haku .specification__inner {
      display: flex;
      flex-direction: column;
      gap: 7.03125vw 0; }
    .kanazawa-haku .specification__item {
      display: flex;
      align-items: center;
      gap: 0 9.375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .specification__item {
          flex-direction: column;
          gap: 4.6875vw 0; } }
      .kanazawa-haku .specification__item:first-child .specification__item__detail li .label {
        width: 7.03125vw; }
      .kanazawa-haku .specification__item__img {
        width: 22.46094vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .specification__item__img {
            width: 100%; } }
      .kanazawa-haku .specification__item__detail {
        display: flex;
        flex-direction: column;
        width: 37.5vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .specification__item__detail {
            gap: 2.1875vw 0;
            width: 90%; } }
        .kanazawa-haku .specification__item__detail li {
          display: flex;
          gap: 0 0.39062vw; }
          @media (max-width: 879px) {
            .kanazawa-haku .specification__item__detail li {
              gap: 0 1.5625vw; } }
          .kanazawa-haku .specification__item__detail li .label {
            font-size: 0.9375vw;
            width: 8.20312vw;
            letter-spacing: 0; }
            @media (max-width: 879px) {
              .kanazawa-haku .specification__item__detail li .label {
                font-size: 3.125vw;
                width: 22.8125vw;
                height: auto; } }
          .kanazawa-haku .specification__item__detail li .info {
            font-size: 0.9375vw; }
            @media (min-width: 880px) {
              .kanazawa-haku .specification__item__detail li .info {
                flex: 1; } }
            @media (max-width: 879px) {
              .kanazawa-haku .specification__item__detail li .info {
                font-size: 3.125vw;
                flex: 1; } }
  .kanazawa-haku .styling {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 25vw; }
    @media (min-width: 880px) {
      .kanazawa-haku .styling {
        margin: 0 0 19.53125vw; } }
    .kanazawa-haku .styling__title {
      font-size: 7.1875vw;
      margin: 0 0 3.125vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .styling__title {
          font-size: 2.8125vw;
          margin: 0 0 1.95312vw; } }
    .kanazawa-haku .styling__inner {
      padding: 0 6.25vw;
      display: flex;
      flex-direction: column;
      gap: 1.5625vw 0; }
      @media (min-width: 880px) {
        .kanazawa-haku .styling__inner {
          display: grid;
          grid-template-areas: 'a b'
 'a c';
          grid-template-columns: 36.32812vw 38.82812vw;
          gap: 0.78125vw 2.26562vw; } }
    @media (min-width: 880px) {
      .kanazawa-haku .styling__img:nth-child(1) {
        grid-area: b; } }
    @media (min-width: 880px) {
      .kanazawa-haku .styling__img:nth-child(2) {
        grid-area: c; } }
    @media (min-width: 880px) {
      .kanazawa-haku .styling__img:nth-child(3) {
        grid-area: a; } }
  .kanazawa-haku .parts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 15.625vw; }
    .kanazawa-haku .parts__top {
      width: 100%;
      margin: 0 0 9.375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .parts__top {
          margin: 0 0 18.75vw; } }
      .kanazawa-haku .parts__top__wrap {
        display: flex;
        align-items: center; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap {
            flex-direction: column; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap.first {
            margin: 0 0 3.125vw; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap.first .parts__top__img {
            margin: 0 0 4.6875vw; } }
        @media (min-width: 880px) {
          .kanazawa-haku .parts__top__wrap.first .parts__top__content {
            width: 28.125vw; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap.first .parts__top__content {
            margin: -7.8125vw 0 0; } }
        .kanazawa-haku .parts__top__wrap.first .parts__top__heading {
          font-size: 2.8125vw;
          letter-spacing: -0.07em;
          line-height: 1.32;
          margin: 0 0 0.78125vw; }
          @media (max-width: 879px) {
            .kanazawa-haku .parts__top__wrap.first .parts__top__heading {
              font-size: 6.25vw;
              letter-spacing: -0.02em;
              margin: 0 0 3.125vw; } }
        @media (min-width: 880px) {
          .kanazawa-haku .parts__top__wrap.second {
            flex-direction: row-reverse; } }
        .kanazawa-haku .parts__top__wrap.second .parts__top__heading {
          font-size: 1.95312vw;
          letter-spacing: 0;
          line-height: 1.33;
          margin: 0 0 2.34375vw; }
          @media (max-width: 879px) {
            .kanazawa-haku .parts__top__wrap.second .parts__top__heading {
              font-size: 6.25vw;
              margin: 0 0 1.5625vw;
              line-height: 1.4; } }
        @media (min-width: 880px) {
          .kanazawa-haku .parts__top__wrap.second .parts__top__content {
            width: 29.14062vw; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap.second .parts__top__content {
            margin: -21.875vw 0 0; } }
      @media (min-width: 880px) {
        .kanazawa-haku .parts__top__img {
          width: 58.59375vw; } }
      @media (max-width: 879px) {
        .kanazawa-haku .parts__top__content {
          width: 100%;
          padding: 0 5.9375vw; } }
      .kanazawa-haku .parts__top__text {
        font-size: 1.17188vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__text {
            font-size: 4.0625vw;
            text-align: justify; } }
    .kanazawa-haku .parts__bottom {
      display: grid;
      grid-template-columns: repeat(3, 23.4375vw);
      gap: 0 3.125vw;
      justify-content: center;
      margin: 0 0 6.25vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .parts__bottom {
          display: flex;
          flex-direction: column;
          gap: 21.875vw 0;
          padding: 0 6.25vw;
          margin: 0 0 21.875vw; } }
    .kanazawa-haku .parts__item {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 3; }
      .kanazawa-haku .parts__item__img {
        width: 100%;
        margin: 0 0 1.95312vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__item__img {
            margin: 0 0 9.375vw; } }
      .kanazawa-haku .parts__item__name {
        font-size: 1.64062vw;
        text-align: center;
        margin: 0 0 1.95312vw;
        letter-spacing: 0; }
        @media (min-width: 880px) {
          .kanazawa-haku .parts__item__name {
            display: flex;
            align-items: center;
            justify-content: center; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__item__name {
            font-size: 6.25vw;
            letter-spacing: 0.01em;
            margin: 0 0 3.125vw; } }
      .kanazawa-haku .parts__item__text {
        font-size: 1.01562vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__item__text {
            font-size: 3.75vw;
            line-height: 1.9;
            letter-spacing: 0.04em;
            text-align: justify; } }
        .kanazawa-haku .parts__item__text a {
          color: #fff;
          text-decoration: underline; }
  .kanazawa-haku .basic,
  .kanazawa-haku .strap {
    margin-bottom: 200px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 879px) {
      .kanazawa-haku .basic,
      .kanazawa-haku .strap {
        margin-bottom: 80px; } }
    @media (min-width: 880px) {
      .kanazawa-haku .basic_img,
      .kanazawa-haku .strap_img {
        display: block;
        width: 75%;
        margin-bottom: 50px; } }
    @media (max-width: 879px) {
      .kanazawa-haku .basic_img,
      .kanazawa-haku .strap_img {
        margin-bottom: 20px; } }
    .kanazawa-haku .basic_heading,
    .kanazawa-haku .strap_heading {
      font-family: knot !important;
      font-size: 2.9rem;
      font-weight: 300;
      text-align: center;
      margin-bottom: 1.6rem; }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_heading,
        .kanazawa-haku .strap_heading {
          font-size: 18px;
          margin-bottom: 10px; } }
    .kanazawa-haku .basic_text,
    .kanazawa-haku .strap_text {
      font-size: 18px;
      margin: 0 auto;
      letter-spacing: 0; }
      @media (min-width: 880px) {
        .kanazawa-haku .basic_text,
        .kanazawa-haku .strap_text {
          max-width: 960px; } }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_text,
        .kanazawa-haku .strap_text {
          font-size: 12px;
          width: 280px; } }
  @media (max-width: 879px) {
    .kanazawa-haku .basic {
      margin-bottom: 100px; } }
  .kanazawa-haku .basic_text {
    margin-bottom: 40px;
    text-align: center; }
    @media (max-width: 879px) {
      .kanazawa-haku .basic_text {
        margin-bottom: 40px; } }
  .kanazawa-haku .basic_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 70px; }
    @media (max-width: 879px) {
      .kanazawa-haku .basic_wrap {
        flex-direction: column;
        align-items: center;
        width: 73%;
        margin: 0 auto; } }
  .kanazawa-haku .basic_item {
    margin: 0 20px; }
    @media (max-width: 879px) {
      .kanazawa-haku .basic_item {
        margin-bottom: 40px; } }
    .kanazawa-haku .basic_item_img {
      margin-bottom: 30px; }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_item_img {
          margin-bottom: 15px; } }
    .kanazawa-haku .basic_item_name {
      font-family: YuGothic, sans-serif !important;
      font-size: 1.6rem;
      text-align: center;
      line-height: 2; }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_item_name {
          font-size: 11px; } }
      .kanazawa-haku .basic_item_name .bold {
        font-family: "ZenOldMincho-Regular" !important;
        font-weight: 600; }
  .kanazawa-haku .basic_link {
    color: #fff;
    font-size: 25px;
    width: 620px;
    text-align: center;
    padding-bottom: 5px;
    position: relative; }
    @media (max-width: 879px) {
      .kanazawa-haku .basic_link {
        font-size: 12px;
        width: 230px;
        padding-bottom: 5px; } }
    .kanazawa-haku .basic_link::after {
      content: '';
      width: 100%;
      height: 10px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      transform: skew(40deg);
      position: absolute;
      bottom: 0;
      left: -3px; }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_link::after {
          height: 8px;
          left: -3px; } }
  .kanazawa-haku .strap {
    margin-bottom: 200px; }
    @media (max-width: 879px) {
      .kanazawa-haku .strap {
        margin-bottom: 50px; } }
    .kanazawa-haku .strap_text {
      margin-bottom: 40px;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .strap_text {
          margin-bottom: 40px; } }
    .kanazawa-haku .strap_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 1580px; }
      @media (max-width: 879px) {
        .kanazawa-haku .strap_wrap {
          flex-direction: column;
          align-items: center;
          width: 73%;
          margin: 0 auto; } }
    .kanazawa-haku .strap_item {
      margin: 0 20px 50px; }
      @media (max-width: 879px) {
        .kanazawa-haku .strap_item {
          margin-bottom: 40px; } }
      .kanazawa-haku .strap_item_img {
        margin-bottom: 30px; }
        @media (max-width: 879px) {
          .kanazawa-haku .strap_item_img {
            margin-bottom: 15px; } }
      .kanazawa-haku .strap_item_name {
        font-family: YuGothic, sans-serif !important;
        font-size: 1.6rem;
        text-align: center;
        line-height: 2; }
        @media (max-width: 879px) {
          .kanazawa-haku .strap_item_name {
            font-size: 11px; } }
        .kanazawa-haku .strap_item_name .bold {
          font-family: "ZenOldMincho-Regular" !important;
          font-weight: 600; }
    .kanazawa-haku .strap_link {
      color: #fff;
      font-size: 25px;
      width: 620px;
      text-align: center;
      padding-bottom: 5px;
      position: relative; }
      @media (max-width: 879px) {
        .kanazawa-haku .strap_link {
          font-size: 12px;
          width: 230px; } }
      .kanazawa-haku .strap_link::after {
        content: '';
        width: 100%;
        height: 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: skew(40deg);
        position: absolute;
        bottom: 0;
        left: -3px; }
        @media (max-width: 879px) {
          .kanazawa-haku .strap_link::after {
            height: 8px; } }