@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;
    letter-spacing: 0.04em; }
  .kanazawa-haku h1,
  .kanazawa-haku h2,
  .kanazawa-haku h3,
  .kanazawa-haku h4,
  .kanazawa-haku h5 {
    line-height: 1.4;
    font-weight: 400; }
    @media (max-width: 879px) {
      .kanazawa-haku h1,
      .kanazawa-haku h2,
      .kanazawa-haku h3,
      .kanazawa-haku h4,
      .kanazawa-haku h5 {
        line-height: 1.66; } }
  .kanazawa-haku p {
    line-height: 2; }
    @media (max-width: 879px) {
      .kanazawa-haku p {
        line-height: 1.75; } }
  .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; }
        @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.34375vw;
      text-align: center;
      line-height: 2.1;
      margin: 0 0 9.375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__title {
          font-size: 7.5vw;
          width: 56.25vw;
          line-height: 1.7;
          text-align: left;
          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: 35.15625vw;
      position: absolute;
      top: 19.53125vw;
      left: 11.32812vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__content1 {
          width: auto;
          top: 57.1875vw;
          left: auto;
          right: 6.25vw; } }
    .kanazawa-haku .intro__content2 {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      position: absolute;
      top: 51.5625vw;
      right: 8.20312vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__content2 {
          width: 100%;
          top: auto;
          bottom: -25vw;
          right: 0; } }
      @media (min-width: 880px) {
        .kanazawa-haku .intro__content2 .intro__text {
          text-align: right;
          padding: 0 2.10938vw 0 0; } }
    .kanazawa-haku .intro__heading {
      font-size: 2.8125vw;
      margin: 0 0 0.78125vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__heading {
          font-size: 7.5vw;
          margin: 0 0 3.125vw;
          width: 100%;
          padding: 0 6.25vw; } }
    .kanazawa-haku .intro__text {
      font-size: 0.9375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__text {
          font-size: 3.75vw;
          padding: 0 6.25vw; } }
    .kanazawa-haku .intro__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.3125vw 1.5625vw 0.46875vw;
      border-radius: calc(1px / 0);
      align-self: flex-end; }
      @media (max-width: 879px) {
        .kanazawa-haku .intro__btn {
          font-size: 2.8125vw;
          padding: 0.9375vw 3.75vw 1.5625vw; } }
  .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 4.6875vw; }
    @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 81.25vw; } }
    .kanazawa-haku .feature__heading {
      font-size: 2.34375vw;
      position: absolute;
      top: 39.0625vw;
      left: 0;
      right: 0;
      line-height: 1.66;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__heading {
          font-size: 7.5vw;
          padding: 0 6.25vw;
          top: 96.875vw;
          text-align: left;
          line-height: 1.33; } }
    .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: 0.9375vw;
      width: 29.0625vw;
      position: absolute; }
      @media (max-width: 879px) {
        .kanazawa-haku .feature__text {
          font-size: 3.75vw;
          width: 100%;
          padding: 0 6.25vw;
          bottom: -63.125vw;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: justify; } }
      @media (min-width: 880px) {
        .kanazawa-haku .feature__text.left {
          top: 62.5vw;
          left: 16.40625vw; } }
      .kanazawa-haku .feature__text.right {
        bottom: 12.5vw;
        right: 15.625vw;
        text-align: left; }
    .kanazawa-haku .feature__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.3125vw 1.5625vw 0.46875vw;
      border-radius: calc(1px / 0);
      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 8.59375vw;
    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: 9.375vw;
          margin: 0 0 6.25vw; } }
    @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: 1.40625vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__title {
          font-size: 5.625vw;
          margin: 0 0 1.5625vw; } }
    .kanazawa-haku .craftsman__name {
      font-size: 2.5vw;
      line-height: 1.4; }
      @media (max-width: 879px) {
        .kanazawa-haku .craftsman__name {
          font-size: 10vw;
          position: relative; } }
      .kanazawa-haku .craftsman__name .kana {
        font-size: 0.85938vw;
        display: block;
        text-align: center;
        margin: 0 1.5625vw 0 0; }
        @media (max-width: 879px) {
          .kanazawa-haku .craftsman__name .kana {
            font-size: 3.4375vw;
            margin: 0; } }
      .kanazawa-haku .craftsman__name .mrs {
        font-size: 1.40625vw;
        vertical-align: baseline; }
        @media (max-width: 879px) {
          .kanazawa-haku .craftsman__name .mrs {
            font-size: 5.625vw;
            position: absolute;
            bottom: 0.3125vw;
            right: -7.8125vw; } }
    .kanazawa-haku .craftsman__text {
      font-size: 0.9375vw;
      text-align: justify; }
      @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 12.5vw;
    position: relative;
    z-index: 1; }
    @media (max-width: 879px) {
      .kanazawa-haku .process {
        margin: 0 0 21.875vw;
        overflow: hidden; } }
    .kanazawa-haku .process__title {
      font-size: 2.8125vw;
      margin: 0 0 3.125vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__title {
          font-size: 9.375vw;
          margin: 0 0 18.75vw;
          width: 100%;
          padding: 0 6.25vw; } }
    .kanazawa-haku .process__tab {
      margin: 0 0 10.54688vw -1.17188vw; }
      .kanazawa-haku .process__tab__inner {
        display: flex;
        justify-content: center;
        position: relative; }
      .kanazawa-haku .process__tab__item {
        width: 7.03125vw;
        margin: 0 -0.23438vw;
        position: relative;
        cursor: pointer; }
        .kanazawa-haku .process__tab__item:nth-child(1) {
          z-index: 5; }
        .kanazawa-haku .process__tab__item:nth-child(2) {
          z-index: 4; }
        .kanazawa-haku .process__tab__item:nth-child(3) {
          z-index: 3; }
        .kanazawa-haku .process__tab__item:nth-child(4) {
          z-index: 2; }
        .kanazawa-haku .process__tab__item:nth-child(5) {
          z-index: 1; }
        .kanazawa-haku .process__tab__item img {
          width: 100%;
          transform: rotate(10deg);
          transform-origin: 50% 100%;
          transition: transform 0.3s ease; }
        .kanazawa-haku .process__tab__item.active img {
          transform: scale(1.15) rotate(10deg); }
        .kanazawa-haku .process__tab__item:hover img {
          transform: scale(1.15) rotate(10deg); }
      .kanazawa-haku .process__tab__pagination {
        background: rgba(143, 143, 143, 0.6);
        width: 26.71875vw;
        border-radius: calc(1px / 0);
        position: absolute;
        bottom: -1.5625vw;
        left: 1.01562vw;
        right: 0;
        margin: 0 auto;
        z-index: 1; }
      .kanazawa-haku .process__tab__mark {
        background: #fff;
        width: 0.54688vw;
        height: 0.54688vw;
        border-radius: 50%;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
        .kanazawa-haku .process__tab__mark[data-position="1"] {
          transform: translateX(0); }
        .kanazawa-haku .process__tab__mark[data-position="2"] {
          transform: translateX(6.48438vw); }
        .kanazawa-haku .process__tab__mark[data-position="3"] {
          transform: translateX(13.04688vw); }
        .kanazawa-haku .process__tab__mark[data-position="4"] {
          transform: translateX(19.53125vw); }
        .kanazawa-haku .process__tab__mark[data-position="5"] {
          transform: translateX(26.17188vw); }
        .kanazawa-haku .process__tab__mark.position1 {
          transform: translateX(0); }
        .kanazawa-haku .process__tab__mark.position2 {
          transform: translateX(6.48438vw); }
        .kanazawa-haku .process__tab__mark.position3 {
          transform: translateX(13.04688vw); }
        .kanazawa-haku .process__tab__mark.position4 {
          transform: translateX(19.53125vw); }
        .kanazawa-haku .process__tab__mark.position5 {
          transform: translateX(26.17188vw); }
    .kanazawa-haku .process__mirror {
      display: flex;
      margin: -0.15625vw 0 0;
      position: relative;
      z-index: 0; }
      .kanazawa-haku .process__mirror::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 20%, black 55%);
        content: '';
        width: 36.5625vw;
        aspect-ratio: 468 / 166;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10; }
      .kanazawa-haku .process__mirror__img {
        transition: transform 0.3s ease;
        transform-origin: 50% 0;
        will-change: transform; }
        .kanazawa-haku .process__mirror__img.hover {
          transform: scale(1.1); }
        .kanazawa-haku .process__mirror__img:nth-child(1) {
          z-index: 5; }
        .kanazawa-haku .process__mirror__img:nth-child(2) {
          z-index: 4; }
        .kanazawa-haku .process__mirror__img:nth-child(3) {
          z-index: 3; }
        .kanazawa-haku .process__mirror__img:nth-child(4) {
          z-index: 2; }
        .kanazawa-haku .process__mirror__img:nth-child(5) {
          z-index: 1; }
        .kanazawa-haku .process__mirror__img img {
          width: 7.03125vw;
          aspect-ratio: 292 / 443;
          transform: scaleY(-1) rotate(10deg) translate(1.17188vw, -0.39062vw);
          margin: 0 -0.23438vw;
          display: block; }
        .kanazawa-haku .process__mirror__img.active {
          transform: scale(1.1); }
    .kanazawa-haku .process__content {
      position: relative;
      z-index: 20;
      margin: -16.40625vw 0 0;
      display: none; }
      @media (max-width: 879px) {
        .kanazawa-haku .process__content {
          width: 100%;
          padding: 0 5.9375vw;
          margin: 0; } }
      .kanazawa-haku .process__content__inner {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .kanazawa-haku .process__content__heading {
        font-size: 2.03125vw;
        margin: 0 0 2.73438vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__heading {
            font-size: 8.125vw;
            line-height: 1.15;
            text-align: center;
            margin: 0 0 4.6875vw; } }
      .kanazawa-haku .process__content__images {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 0 4.6875vw; }
        .kanazawa-haku .process__content__images img {
          width: 48.75vw; }
          .kanazawa-haku .process__content__images img:nth-child(1) {
            align-self: flex-start; }
          .kanazawa-haku .process__content__images img:nth-child(2) {
            align-self: flex-end;
            margin: -26.5625vw 0 0; }
      .kanazawa-haku .process__content__text {
        font-size: 0.85938vw;
        width: 29.0625vw;
        margin: 0 0 2.34375vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .process__content__text {
            font-size: 4.0625vw;
            width: 100%;
            margin: 0 0 18.75vw; } }
      @media (min-width: 880px) {
        .kanazawa-haku .process__content__wrap {
          display: grid;
          grid-template-columns: 21.01562vw 21.01562vw 32.57812vw;
          gap: 0 1.5625vw; } }
      .kanazawa-haku .process__content__movie {
        width: 100%; }
    .kanazawa-haku .process .splide {
      margin: 0 0 15.625vw;
      width: 45%; }
      .kanazawa-haku .process .splide__track {
        overflow: visible; }
      .kanazawa-haku .process .splide__slide {
        transition: transform 0.3s ease; }
        .kanazawa-haku .process .splide__slide:nth-child(1) {
          z-index: 5; }
        .kanazawa-haku .process .splide__slide:nth-child(2) {
          z-index: 4; }
        .kanazawa-haku .process .splide__slide:nth-child(3) {
          z-index: 3; }
        .kanazawa-haku .process .splide__slide:nth-child(4) {
          z-index: 2; }
        .kanazawa-haku .process .splide__slide:nth-child(5) {
          z-index: 1; }
        .kanazawa-haku .process .splide__slide img {
          transform: rotate(20deg); }
        .kanazawa-haku .process .splide__slide.is-active {
          transform: scale(1.2);
          transform-origin: bottom center; }
      .kanazawa-haku .process .splide__pagination {
        background: #8F8F8F;
        border-radius: calc(1px / 0);
        width: 50vw;
        padding: 0.9375vw 1.5625vw;
        justify-content: space-between;
        bottom: -9.375vw; }
        .kanazawa-haku .process .splide__pagination li {
          font-size: 0; }
        .kanazawa-haku .process .splide__pagination__page {
          background: #000;
          transform: none !important;
          margin: 0;
          width: 2.1875vw;
          height: 2.1875vw;
          opacity: 1; }
          .kanazawa-haku .process .splide__pagination__page.is-active {
            background: #fff; }
  .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 15.625vw; } }
    .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: 9.375vw;
      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: 3.4375vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .detail__text {
          font-size: 0.9375vw;
          width: 29.6875vw; } }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__text {
          line-height: 2.1; } }
    .kanazawa-haku .detail__btn {
      background: #fff;
      font-family: "ZenOldMincho-Regular";
      font-size: 0.9375vw;
      padding: 0.3125vw 1.5625vw 0.46875vw;
      border-radius: calc(1px / 0);
      align-self: flex-end; }
      @media (max-width: 879px) {
        .kanazawa-haku .detail__btn {
          font-size: 2.8125vw;
          padding: 0.9375vw 3.75vw 1.25vw; } }
  .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.95312vw; }
      @media (min-width: 880px) {
        .kanazawa-haku .collab__heading {
          text-align: center; } }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__heading {
          font-size: 9.375vw;
          margin: 0 0 6.25vw; } }
    .kanazawa-haku .collab__kv {
      width: 100%; }
    .kanazawa-haku .collab__text {
      font-size: 0.9375vw;
      text-align: center;
      margin: -8.59375vw 0 3.90625vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__text {
          font-size: 3.75vw;
          margin: -34.375vw 0 7.8125vw; } }
    .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 23.4375vw; } }
      .kanazawa-haku .collab__box__inner {
        display: flex;
        justify-content: space-between;
        height: 100%; }
        @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: 34.375vw; }
        @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: 9.375vw;
            margin: 0 0 4.6875vw;
            text-align: center; } }
      .kanazawa-haku .collab__box__text {
        font-size: 0.9375vw; }
        @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;
        flex-shrink: 0;
        width: 31.64062vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .collab__box__wrap {
            width: 100%; } }
      @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;
      padding: 0 7.03125vw 0 0; }
      @media (max-width: 879px) {
        .kanazawa-haku .collab__percent {
          flex-direction: column-reverse;
          gap: 7.8125vw 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: 7.8125vw;
            line-height: 1.24; } }
  .kanazawa-haku .cityscape {
    margin: 0 0 1.5625vw; }
    @media (max-width: 879px) {
      .kanazawa-haku .cityscape {
        padding: 0 5.9375vw;
        margin: 0 0 18.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; }
        @media (max-width: 879px) {
          .kanazawa-haku .cityscape__top__heading {
            font-size: 9.375vw;
            line-height: 1.23;
            margin: 0 0 6.25vw; } }
      .kanazawa-haku .cityscape__top__text {
        font-size: 0.85938vw;
        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/img/shine_bg.webp) no-repeat center/cover;
    width: 100%;
    aspect-ratio: 2560 / 1764;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.125vw 0;
    padding: 19.14062vw 0 0; }
    @media (max-width: 879px) {
      .kanazawa-haku .shine {
        background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/shine_bg_sp.webp) no-repeat center/cover;
        aspect-ratio: 960 / 1998;
        gap: 7.8125vw 0;
        padding: 4.6875vw 0 0;
        margin: 0 0 7.8125vw; } }
    .kanazawa-haku .shine__wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 77.34375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__wrap {
          flex-direction: column;
          align-items: flex-start;
          gap: 6.25vw 0;
          width: 100%;
          padding: 0 6.25vw; } }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__wrap.upper picture {
          align-self: flex-end; } }
      .kanazawa-haku .shine__wrap.bottom {
        flex-direction: row-reverse; }
        @media (max-width: 879px) {
          .kanazawa-haku .shine__wrap.bottom {
            flex-direction: column-reverse; } }
        .kanazawa-haku .shine__wrap.bottom .shine__content {
          padding: 3.51562vw 0 0; }
        @media (min-width: 880px) {
          .kanazawa-haku .shine__wrap.bottom .shine__text {
            text-align: right; } }
    .kanazawa-haku .shine__heading {
      font-size: 2.8125vw;
      margin: 0 0 1.17188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__heading {
          font-size: 9.375vw;
          line-height: 1.23;
          margin: 0 0 1.5625vw; } }
    .kanazawa-haku .shine__text {
      font-size: 0.9375vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .shine__text {
          font-size: 3.75vw; } }
    .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 11.71875vw;
    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 43.75vw; } }
    .kanazawa-haku .watch__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      bottom: 1.5625vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .watch__item {
          bottom: -14.0625vw; } }
      .kanazawa-haku .watch__item:nth-child(1) {
        left: 25.39062vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item:nth-child(1) {
            left: 7.8125vw; } }
      .kanazawa-haku .watch__item:nth-child(2) {
        right: 24.60938vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item:nth-child(2) {
            right: 4.6875vw; } }
      .kanazawa-haku .watch__item__btn {
        background: #fff;
        font-family: "ZenOldMincho-Regular";
        font-size: 0.9375vw;
        padding: 0.3125vw 1.5625vw 0.46875vw;
        border-radius: calc(1px / 0);
        margin: 0 0 0.39062vw;
        display: inline-block; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__btn {
            font-size: 2.8125vw;
            padding: 0.9375vw 3.75vw 1.5625vw;
            margin: 0 0 9.375vw; } }
      .kanazawa-haku .watch__item__name {
        font-size: 0.85938vw;
        text-align: center; }
        @media (max-width: 879px) {
          .kanazawa-haku .watch__item__name {
            font-size: 4.0625vw; } }
    .kanazawa-haku .watch__note {
      font-size: 0.85938vw;
      position: absolute;
      bottom: -0.78125vw;
      left: 0;
      right: 0;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .watch__note {
          font-size: 3.4375vw;
          bottom: -29.6875vw;
          width: 64.6875vw;
          margin: 0 auto; } }
  .kanazawa-haku .limited {
    background: url(https://magazine.knot-designs.com/shopify/img/kanazawahaku/img/limited_bg_sp.webp) no-repeat center/cover;
    width: 87.5vw;
    aspect-ratio: 282 / 388;
    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/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: 28.35937vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__content {
          width: 100%; } }
    .kanazawa-haku .limited__title {
      color: #000;
      font-size: 2.5vw;
      margin: 0 0 1.17188vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__title {
          font-size: 8.125vw;
          line-height: 1;
          text-align: center;
          letter-spacing: 0;
          margin: 0 0 9.375vw; } }
    .kanazawa-haku .limited__text {
      color: #000;
      font-size: 0.85938vw; }
      @media (max-width: 879px) {
        .kanazawa-haku .limited__text {
          font-size: 4.0625vw;
          padding: 0 1.5625vw;
          text-align: justify;
          line-height: 1.12; } }
  .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: 11.25vw; } }
    .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__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; }
        @media (max-width: 879px) {
          .kanazawa-haku .specification__item__detail {
            gap: 2.1875vw 0;
            width: 100%; } }
        .kanazawa-haku .specification__item__detail li {
          display: flex;
          gap: 0 0.39062vw; }
          @media (max-width: 879px) {
            .kanazawa-haku .specification__item__detail li {
              flex-direction: column;
              gap: 0.9375vw 0; } }
          .kanazawa-haku .specification__item__detail li .label {
            font-size: 0.85938vw;
            width: 7.1875vw;
            height: 1.95312vw;
            text-align: justify; }
            @media (max-width: 879px) {
              .kanazawa-haku .specification__item__detail li .label {
                font-size: 3.4375vw;
                width: 29.6875vw;
                height: 5.9375vw; } }
            .kanazawa-haku .specification__item__detail li .label::after {
              content: '';
              display: inline-block;
              width: 100%; }
          .kanazawa-haku .specification__item__detail li .info {
            font-size: 0.85938vw; }
            @media (max-width: 879px) {
              .kanazawa-haku .specification__item__detail li .info {
                font-size: 3.4375vw;
                padding: 0 0 0 12.5vw; } }
  .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: 11.25vw;
      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 34.375vw; } }
      .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; } }
        .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: 7.5vw;
              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.40625vw;
              letter-spacing: -0.02em;
              margin: 0 0 1.5625vw; } }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__wrap.second .parts__top__content {
            margin: -15.625vw 0 0; } }
      @media (min-width: 880px) {
        .kanazawa-haku .parts__top__img {
          width: 58.59375vw; } }
      .kanazawa-haku .parts__top__content {
        width: 29.14062vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__content {
            width: 100%;
            padding: 0 5.9375vw; } }
      .kanazawa-haku .parts__top__text {
        font-size: 0.9375vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__top__text {
            font-size: 3.75vw; } }
    .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.71875vw;
        text-align: center;
        margin: 0 0 1.95312vw; }
        @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.5625vw;
            letter-spacing: 0.01em;
            margin: 0 0 7.8125vw; } }
      .kanazawa-haku .parts__item__text {
        font-size: 0.85938vw; }
        @media (max-width: 879px) {
          .kanazawa-haku .parts__item__text {
            font-size: 3.4375vw; } }
        .kanazawa-haku .parts__item__text a {
          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: adobe-garamond-pro;
      font-size: 38px;
      font-weight: 300;
      text-align: center;
      margin-bottom: 20px; }
      @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;
      font-size: 20px;
      text-align: center; }
      @media (max-width: 879px) {
        .kanazawa-haku .basic_item_name {
          font-size: 11px; } }
      .kanazawa-haku .basic_item_name .bold {
        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;
        font-size: 20px;
        text-align: center; }
        @media (max-width: 879px) {
          .kanazawa-haku .strap_item_name {
            font-size: 11px; } }
        .kanazawa-haku .strap_item_name .bold {
          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; } }