/* kininaru 13 */
.notes {
  color: #787878;
}
.kininaru-type01 .blk01 .img-wrap {
  border-radius: 0 100vmax 100vmax 100vmax;
}
sup, sub {
  font-size: 0.6em;
}
.img-cap {
  color: #4b4b4b;
}
.txt,
.iv_txt {
  word-break: break-word;
}
@media screen and (min-width:751px) {
  .blk-flex-wrap-pc {
    display: flex;
  }
  .blk-grid-wrap-pc {
    display: grid;
  }
  .img-cap {
    margin-top: 12px;
    font-size: 12px;
  }
}
@media screen and (max-width:750px) {
  .img-cap {
    margin-top: 1.866vw;
    font-size: 2.667vw;
  }
}

@media all and (min-width:751px) {
  .kininaru-type01 {
    padding-top: 185px;
  }
  .kininaru-type01 .content-wrap {
    margin-bottom: 137px;
    padding-inline: 90px;
  }
  .kininaru-type01 .txt {
    letter-spacing: 0.04em;
  }

  .kininaru-type01 .blk01 {
    position: relative;
    padding-inline: 90px;
  }
  .kininaru-type01 .blk01 .hgroup {
    display: grid;
    grid-template-columns: 45% 50%;
    grid-template-rows: auto;
    justify-content: space-between;
    align-items: start;
  }
  .kininaru-type01 .blk01 .logo-wrap {
    aspect-ratio: 1 / 1.18024;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 165px;
  }
  .kininaru-type01 .blk01 .img-wrap {
    /* aspect-ratio: 1 / 1.35865; */
    grid-column: 2 / 3;
    grid-row: 1 / 4;
  }
  .kininaru-type01 .blk01 h2 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-block: 50px 20px;
    font-size: 46px;
		letter-spacing: 0.04em;
    line-height: 1.515;
    white-space: nowrap;
  }
  .kininaru-type01 .blk01 .txt {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    letter-spacing: 0.04em;
  }


  /* blk02 */
  .kininaru-type01 .blk02 {
    margin-top: 115px;
  }
  .kininaru-type01 .blk02.blk-wrap {
    display: grid;
    grid-template-columns: 43.5% 56.5%;
    grid-template-rows: auto;
    justify-content: space-between;
  }
  .kininaru-type01 .blk02 .img-wrap.img01 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    border-radius: 0 100vmax 100vmax 100vmax;
  }
  .kininaru-type01 .blk02 .img-cap.cap01 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    text-align: center;
  }
  .kininaru-type01 .blk02 .img-wrap.img02 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    border-radius: 100vmax;
  }
  .kininaru-type01 .blk02 .img-wrap.img03 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    border-radius: 100vmax 100vmax 0 100vmax;
  }
  .kininaru-type01 .blk02 .img-cap.cap02 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    text-align: right;
  }
  .kininaru-type01 .blk02 .img-cap {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    margin-top: .5em;
    font-size: 12px;
    letter-spacing: 0.03em;
    text-align: right;
  }
  /* blk02 */

  /* bkl03 */
  .kininaru-type01 .blk03 {
    margin-top: 62px;
  }
  .kininaru-type01 .blk03 .blk-grid-container.grid01 {
    display: grid;
    grid-template-columns: 47% 48.4%;
    justify-content: space-between;
    align-items: start;
  }
  .kininaru-type01 .blk03 .txt-wrap.txt01 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    margin-bottom: 50px;
  }
  .kininaru-type01 .blk03 .img-container.img01 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .kininaru-type01 .blk03 .img-container.img01 .img-wrap {
    border-radius: 100vmax 100vmax 100vmax 0;
  }
  .kininaru-type01 .blk03 .txt-wrap.txt02 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .kininaru-type01 .blk03 .img-container.img02 {
    margin-top: 110px;
    display: flex;
    justify-content: space-between;
  }
  .kininaru-type01 .blk03 .img-container.img02 .img-wrap {
    width: 19.331%;
  }

  .kininaru-type01 .blk03 .blk-grid-container.grid02 {
    margin-top: 80px;
    display: grid;
    grid-template-columns: 40% 55.5%;
    align-items: start;
    justify-content: space-between;
  }
  /* bkl03 */

  /* bkl04 */
  .kininaru-type01 .blk04 {
    margin-top: 60px;
  }
  .kininaru-type01 .blk04 .img-container.img01 .img-wrap {
    border-radius: 100vmax;
  }
  .kininaru-type01 .blk04 .img-cap.cap01 {
    text-align: center;
  }
  .kininaru-type01 .blk04 .txt-wrap.txt01 {
    margin-top: 32px;
  }
  /* bkl04 */

  .voice-wrap {
    margin-top: 160px;
  }
  .voice_txt-wrap .voice_txt {
    font-size: 16px;
    line-height: 2;
  }
  .voice_txt-wrap .voice_ttl {
    margin-top: 4px;
    font-size: 14px;
  }
  .voice_txt-wrap .voice_ttl + .voice_txt {
    margin-top: 20px;
  }
}
@media all and (max-width:750px) {
  .kininaru-type01 {
    padding-top: 24.667vw;
  }
  .kininaru-type01 .content-wrap {
    margin-bottom: 22.4vw;
  }
  .kininaru-type01 .blk-wrap {
    width: 85.333%;
  }
  .kininaru-type01 .blk-wrap .txt-wrap {
    width: calc((( 630 / var(--media_sp)) * 100) * var(--vw));
    margin-inline: auto;
  }
  .kininaru-type01 .blk-wrap .txt-wrap .txt {
    letter-spacing: 0.02em;
  }

  .kininaru-type01 .blk01 {
    position: relative;
  }
  .kininaru-type01 .blk01 .hgroup {
    display: block;
  }
  .kininaru-type01 .blk01 .logo-wrap {
    margin-top: -23.2vw;
    margin-left: 8.2vw;
    width: 30.343vw;
  }
  .kininaru-type01 .blk01 h2 {
    margin-top: 5.333vw;
    font-size: 8vw;
    letter-spacing: -0.02em;
    line-height: 1.467;
  }
  .kininaru-type01 .blk01 .txt {
    margin-top: calc((( 80 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.04em;
  }


  /* blk02 */
  .kininaru-type01 .blk02 {
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk02.blk-wrap {
    display: block;
  }
  .kininaru-type01 .blk02 .img-wrap.img01 {
    border-radius: 0 100vmax 100vmax 100vmax;
  }
  .kininaru-type01 .blk02 .img-cap.cap01 {
    text-align: center;
  }
  .kininaru-type01 .blk02 .img-wrap.img02 {
    margin-top: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    border-radius: 100vmax;
  }
  .kininaru-type01 .blk02 .img-wrap.img03 {
    border-radius: 100vmax;
  }
  .kininaru-type01 .blk02 .img-cap.cap02 {
    text-align: center;
  }
  .kininaru-type01 .blk02 .img-cap {
    margin-top: .5em;
  }
  /* blk02 */

  /* bkl03 */
  .kininaru-type01 .blk03 {
    margin-top: calc((( 45 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk03 .blk-grid-container.grid01 {
    display: block;
  }
  .kininaru-type01 .blk03 .txt-wrap.txt01 {
    margin-bottom: calc((( 70 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk03 .img-container.img01 .img-wrap {
    border-radius: 100vmax 100vmax 100vmax 0;
  }
  .kininaru-type01 .blk03 .txt-wrap.txt02 {
    margin-top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
  }

  .kininaru-type01 .blk03 .img-container.img02 {
    width: calc((( 630 / var(--media_sp)) * 100) * var(--vw));
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc((( 16 / var(--media_sp)) * 100) * var(--vw)) calc((( 12 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk03 .img-container.img02 .img-wrap {
    width: calc((100% - ((12 / var(--media_sp)) * 100) * var(--vw)) / 2);
  }
  .kininaru-type01 .blk03 .img-container.img02 .img-wrap:last-of-type {
    margin-top: calc((( -40 / var(--media_sp)) * 100) * var(--vw));
  }

  .kininaru-type01 .blk03 .blk-grid-container.grid02 {
    margin-top: calc((( 80 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .kininaru-type01 .blk03 .blk-grid-container.grid02 .img-wrap.img07 {
    margin-top: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk03 .blk-grid-container.grid02 .txt-wrap.txt04 {
    margin-top: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
  }
  /* bkl03 */

  /* bkl04 */
  .kininaru-type01 .blk04 {
    margin-top: calc((( 80 / var(--media_sp)) * 100) * var(--vw));
  }
  .kininaru-type01 .blk04 .img-container.img01 .img-wrap {
    border-radius: 100vmax;
  }
  .kininaru-type01 .blk04 .img-cap.cap01 {
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    text-align: center;
  }
  .kininaru-type01 .blk04 .txt-wrap.txt01 {
    margin-top: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
  }
  /* bkl04 */

  .voice-wrap {
    margin-top: calc((( 210 / var(--media_sp)) * 100) * var(--vw));
  }
  .voice_txt-wrap .voice_txt {
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2;
  }
  .voice_txt-wrap .voice_ttl {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
  }
  .voice_txt-wrap .voice_ttl + .voice_txt {
    margin-top: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
  }
}