@charset "UTF-8";
/*
 * オリジナル巾着ラッピングサイズ選びのガイド
 */
/* KV */
@media screen and (min-width: 769px) {
  .content-asset .cKv-image {
    width: 54.90483162518vw;
  }

  .content-asset .cKv-title {
    padding-bottom: 78px;
  }

  .content-asset .cKv-titleMain {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-top: -28px;
    margin-bottom: 15px;
  }

  .content-asset .cKv {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .content-asset .giftsize-inner {
    max-width: 752px;
    margin: auto;
  }

  .content-asset .wrap {
    margin-bottom: 79px;
  }
}
.content-asset h2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 3px;
  padding-bottom: 4px;
  letter-spacing: 0;
}

.content-asset h3 {
  color: #939393;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 24px;
  padding-bottom: 5px;
}

.content-asset p {
  font-feature-settings: 'palt' on, 'pkna' on;
  opacity: 0.5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.content-asset .s-size ul {
  padding-top: 21px;
}

.content-asset .l-size ul {
  padding-top: 22px;
}

.content-asset ul li {
  font-feature-settings: 'palt' on, 'pkna' on;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.content-asset .wrapping-ex {
  display: flex;
  align-items: flex-end;
  gap: 115px;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 41px;
}

.content-asset .l-size .wrapping-ex {
  gap: 54px;
}

.content-asset .s-size .wrapping-ex > div {
  padding-bottom: 51px;
}

.content-asset .l-size .wrapping-ex > div {
  padding-bottom: 71px;
}

.content-asset .s-size .wrapping-ex picture {
  max-width: 299px;
  padding: 0;
  margin-bottom: -1px;
}

.content-asset .l-size .wrapping-ex picture {
  max-width: 401px;
  padding: 0;
  margin-bottom: -2px;
}

.content-asset .btn {
  display: flex;
  justify-content: center;
  padding-top: 40px;
}

.content-asset .cButton-text {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .content-asset .cKv {
    padding-bottom: 1.9375rem;
  }

  .content-asset .cKv-main {
    margin-top: 3.375rem;
    margin-inline: 1.0625rem;
    padding-bottom: 4.375rem;
  }

  .content-asset .cKv-image {
    margin-inline: 1.0625rem;
    width: inherit;
    height: auto;
  }

  .content-asset .cKv-titleMain {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0.8125rem;
    letter-spacing: 0;
  }

  .content-asset .cKv-lead {
    margin-top: 0;
    letter-spacing: 0.035rem;
  }

  .content-asset .cLowerNav-list {
    gap: 1.3125rem 1.25rem;
  }

  .content-asset .cLowerNav-item {
    width: 11.25rem;
  }

  .content-asset .giftsize-inner {
    margin-inline: 1.0625rem;
  }

  .content-asset .s-size {
    padding-bottom: 1.25rem;
  }

  .content-asset .l-size {
    padding-bottom: 1.25rem;
  }

  .content-asset h2 {
    font-size: 1.25rem;
    padding-top: 0.1875rem;
    padding-bottom: 0.25rem;
  }

  .content-asset h3 {
    font-size: 0.625rem;
    letter-spacing: 0.0357142857rem;
    padding-top: 1.5rem;
    padding-bottom: 0.3125rem;
  }

  .content-asset p {
    font-size: 0.75rem;
  }

  .content-asset .s-size ul {
    padding-top: 1.3125rem;
  }

  .content-asset .l-size ul {
    padding-top: 1.375rem;
  }

  .content-asset ul li {
    font-size: 0.75rem;
  }

  .content-asset .s-size .wrapping-ex {
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 2.5625rem;
    border-bottom: 0;
  }

  .content-asset .l-size .wrapping-ex {
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }

  .content-asset .s-size .wrapping-ex > div {
    padding-bottom: 1.75rem;
  }

  .content-asset .l-size .wrapping-ex > div {
    padding-bottom: 1.75rem;
  }

  .content-asset .s-size .wrapping-ex picture {
    max-width: 89.61352657vw;
    margin-bottom: 0;
    margin-left: 0.25rem;
    margin-right: 0.3125rem;
  }

  .content-asset .l-size .wrapping-ex picture {
    max-width: 90.096618357vw;
    margin-bottom: 0;
  }

  .content-asset .btn {
    padding-top: 1.0625rem;
    padding-bottom: 4.9375rem;
  }
}
