/* kininaru topics08 */
.kininaru-type01 .blk01 .img-wrap {
  border-radius: 0 100vmax 100vmax 100vmax;
}

.kininaru-type01 .blk02 .img01 .img-wrap {
  border-radius: 100vmax;
}

.kininaru-type01 .blk03 .img01 .img-wrap {
  border-radius: 100vmax;
}
.kininaru-type01 .blk03 .img02 .img-wrap .img-inner {
  overflow: hidden;
  border-radius: 100vmax 100vmax 0 100vmax;
}

.kininaru-type01 .content-wrap .txt {
  letter-spacing: 0.04em;
}
.kininaru-type01 .content-wrap .cap {
  color: #4b4b4b;
}

@media screen and (min-width:751px) {
  .kininaru-type01 {
    padding-top: 185px;
  }
  .kininaru-type01 .content-wrap {
    margin-bottom: 172px;
    padding-inline: 90px;
  }

  .kininaru-type01 .blk01 {
    position: relative;
    padding-inline: 90px;
  }
  .kininaru-type01 .blk01 .hgroup {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 35.476% 59%;
    grid-template-rows: auto;
  }
  .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.29525;
    grid-column: 2 / 3;
    grid-row: 1 / 4;
  }
  .kininaru-type01 .blk01 h2 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-block: 48px 35px;
    font-size: 47px;
    line-height: 1.515;
  }
  .kininaru-type01 .blk01 .txt {
    width: 97%;
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    letter-spacing: 0.06em;
  }
  .kininaru-type01 .blk01 .keyword-wrap {
    position: absolute;
    top: 7px;
    left: 37px;
    height: 100%;
  }

  .kininaru-type01 .blk02 {
    display: grid;
    grid-template-columns: 53.095% 41.886%;
    justify-content: space-between;
    row-gap: 34px;
    margin-top: 122px;
  }
  .kininaru-type01 .blk02 .img01 {
    grid-column: 1 / 3;
    grid-row:  1 / 2;
  }
  .kininaru-type01 .blk02 .img01 .img-wrap {
    aspect-ratio: 1 / 0.424;
  }
  .kininaru-type01 .blk02 .img01 .cap {
    text-align: center;
  }
  .kininaru-type01 .blk02 .img02 {
    grid-column:  1 / 2;
    grid-row:  2 / 3;
  }
  .kininaru-type01 .blk02 .img02 .img-wrap {
    aspect-ratio:  1 / 0.72978;
    border-radius: 100vmax 100vmax 100vmax 0;
  }
  .kininaru-type01 .blk02 .cap {
    margin-top: 10px;
    font-size: 12px;
  }
  .kininaru-type01 .blk02 .txt-wrap {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .kininaru-type01 .blk03 {
    margin-top: 145px;
    display: grid;
    grid-template-columns: 72.8% 27.2%;
    justify-content: space-between;
    align-items: start;
    row-gap: 34px;
  }
  .kininaru-type01 .blk03 .img01{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .kininaru-type01 .blk03 .img01 .cap{
    text-align: center;
  }
  .kininaru-type01 .blk03 .img01 .img-wrap {
    aspect-ratio: 1 / 0.54546;
  }
  .kininaru-type01 .blk03 .img02 {
    grid-column: 2 / 3;
    grid-row:  1 / 2;
  }
  .kininaru-type01 .blk03 .img02 .img-wrap {
    position: relative;
    aspect-ratio:  1 / 1.46756;
  }
  .kininaru-type01 .blk03 .img02 .img-wrap .img03 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 142px;
    height: auto;
    aspect-ratio:  1 / 1.007;
  }
  .kininaru-type01 .blk03 .cap {
    margin-top: 12px;
    font-size: 12px;
    text-align: right;
  }
  .kininaru-type01 .blk03 .txt-wrap {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }

  .kininaru-type01 .blk04 {
    margin-top: 105px;
    display: grid;
    grid-template-columns: 49% 51%;
  }
  .kininaru-type01 .blk04 .img-wrap.img01 {
    aspect-ratio: 1 / 0.54544;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .kininaru-type01 .blk04 .img-wrap.img02 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    aspect-ratio:  1 / 1.8056;
  }
  .kininaru-type01 .blk04 .txt-wrap {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    margin-top: 30px;
  }
  .kininaru-type01 .blk04 .txt-wrap sup {
    font-size: 10px;
  }
  .kininaru-type01 .blk04 .txt-wrap .cap {
    font-size: 10px;
  }
}
@media screen and (max-width:750px) {
  .kininaru-type01 {
    padding-top: 24.667vw;
  }
  .kininaru-type01 .content-wrap {
    margin-bottom: 33.866vw;
  }

  .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: 8vw;
    letter-spacing: 0.04em;
  }
  .kininaru-type01 .blk01 .keyword-wrap {
    margin-top: 3.2vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1.333vw;
  }

  .kininaru-type01 .blk02 {
    margin-top: 10vw;
  }
  .kininaru-type01 .blk02 .img01 .img-wrap {
    aspect-ratio: 1 / 0.74094;
  }
  .kininaru-type01 .blk02 .img02 {
    margin-top: 6.667vw;
  }
  .kininaru-type01 .blk02 .img02 .img-wrap {
    border-radius: 100vmax 100vmax 0 100vmax;
    aspect-ratio:  1 / 0.5625;
  }
  .kininaru-type01 .blk02 .cap {
    margin-top: 2.133vw;
    font-size: 3.2vw;
    line-height: 1.667;
  }
  .kininaru-type01 .blk02 .txt-wrap {
    margin-top: 4.267vw;
  }
  .kininaru-type01 .blk02 .txt-wrap.sp {
    margin-top: 2.933vw;
  }

  .kininaru-type01 .blk03 {
    margin-top: 15.6vw;
  }
  .kininaru-type01 .blk03 .img01 .img-wrap {
    aspect-ratio: 1 / 0.74094;
    margin-top: 4.762%;
  }
  .kininaru-type01 .blk03 .img02 {
    margin-top: 4vw;
  }
  .kininaru-type01 .blk03 .img02 .img-wrap {
    position: relative;
    aspect-ratio:  1 / 1.06121;
  }
  .kininaru-type01 .blk03 .img02 .img-wrap .img03 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 21.756vw;
    height: auto;
    aspect-ratio:  1 / 1.007;
  }
  .kininaru-type01 .blk03 .cap {
    margin-top: 2.133vw;
    font-size: 3.2vw;
    line-height: 1.667;
  }
  .kininaru-type01 .blk03 .txt-wrap {
    margin-top: 4.4vw;
  }
}

/* kininaru topics08 */