@charset "utf-8";

@media screen, print {
  body {
    font-size: 15px;
    font-size: 16px; /* vw768 */
    font-size: calc(0.22vw + 1.43rem);
    text-align: justify;
  }

  img {
    display: block;
    height: auto;
    max-width: 100%;
  }

  .ic-selflink::before {
    margin-right: .5rem;
  }

  .intvw-head {
    margin-bottom: 50px;
    margin-bottom: 100px;
    margin-bottom: calc(11.16vw + 1.43rem);
    padding-top: 3rem;
  }

  .intvw-series {
    align-items: center;
    background-color: var(--mori-clr);
    color: #fff;
    display: flex;
    font-size: 16px;
    font-size: 18px; /* vw992 */
    font-size: calc(0.3vw + 1.5rem);
    /* font-weight: bold; */
    height: 5rem;
    justify-content: center;
    line-height: 1;
    margin: 0 auto 2rem;
    width: min(87.5vw, 32rem);
  }

  .intvw-heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    margin-bottom: 60px;
    margin-bottom: calc(8.93vw - 0.86rem);
  }

  .heading-vol {
    line-height: 1;
    margin-bottom: .5rem;
  }

  .heading-comname {
    font-size: 16px;
    font-size: 20px; /* vw 768 */
    font-size: calc(0.89vw + 1.31rem);
    margin-bottom: 20px;
    margin-bottom: 60px;
    margin-bottom: calc(8.93vw - 0.86rem);
  }

  .heading-title {
    color: var(--mori-clr);
    font-size: 20px;
    font-size: 40px; /* vw768 */
    font-size: calc(4.46vw + 0.57rem);
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }

  .kv-fig {
    margin-bottom: 1rem;
  }

  .kv-figcap {
    font-size: calc(0.22vw + 1.43rem);
    font-weight: bold;
    line-height: 1.8;
    margin-top: .5rem;
    text-align: center;
  }

  .intvw-profile {
    line-height: 2;
    margin-bottom: 1rem;
  }

  .author-list {
    margin-top: 35px;
    margin-top: 60px;
    margin-top: calc(5.58vw + 1.71rem);
  }

  .author-item {
    font-size: 1.5rem;
    line-height: 1;
  }

  .author-item + .author-item {
    margin-top: 1rem;
  }

  .body-block + .body-block {
    margin-top: 5rem;
  }

  .block-heading {
    color: var(--mori-clr);
    font-size: 18px;
    font-size: 32px; /* vw768 */
    font-size: calc(3.13vw + 0.8rem);
    line-height: 1.4;
    margin-bottom: 2rem;
  }

  .block-para {
    font-size: calc(0.22vw + 1.43rem);
    line-height: 2;
  }

  .block-para + .block-para {
    margin-top: 2rem;
  }

  .question {
    font-weight: bold;
    line-height: 1.8;
  }

  .question::before {
    content: '\2500';
    margin-right: .5rem;
  }

  .para-name {
    font-weight: bold;
  }

  .para-name::after {
    content: '\ff1a';
  }

  .para-fig {
    margin-top: 3rem;
  }

  .para-figcap {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: .5rem;
  }

  .block-ps {
    border: var(--mori-clr) solid .2rem;
    margin-bottom: 5rem;
    padding: 2.5rem 3vw;

    .block-heading {
      font-size: 18px;
      font-size: 24px; /* vw768 */
      font-size: calc(1.34vw + 1.37rem);
      line-height: 1;
      text-align: center;
    }
  }

  .intvw-foot {
    padding-bottom: 10rem;    
    padding-top: 5rem;    
  }

  .link-index {
    align-items: center;
    border: var(--mori-clr) solid .1rem;
    border-radius: 1rem;
    color: var(--mori-clr);
    display: flex;
    height: 6rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: min(87.5vw, 32rem);
  }

  .link-index:hover {
    background-color: var(--mori-clr);
    color: #fff;
    opacity: 1;   
  }

  .intvw-date {
    margin-top: 3rem;
    text-align: right;
  }

  /* index */
  .interview-index {
    .intvw-head {
      margin-bottom: 5rem;
    }

    .page-title {
      color: var(--mori-clr);
      font-size: 2.6rem;
      line-height: 1.4;
      margin-bottom: 2rem;
      text-align: center;
    }

    .head-para {
      line-height: 1.6;
      text-align: center;
    }

    .intvw-list {
      display: grid;
      gap: 5rem;
      grid-template-columns: 30rem;
      justify-content: center;
    }

    .intvw-link {
      border: var(--mori-clr) solid .1rem;
      border-radius: 1rem;
      display: block;
      overflow: hidden;
    }

    .intvw-fig {
      aspect-ratio: 8 / 5;
      overflow: hidden;
    }

    .intvw-img {
      height: 100%;
      object-fit: cover;
      object-position: center;
      width: 100%;
    }

    .intvw-heading {
      background-color: var(--mori-clr);
      color: #fff;
      letter-spacing: -.05rem;
      margin-bottom: 0;
      padding: 2rem 0;
    }

    .heading-title {
      color: #fff;
      font-size: 1.8rem;
    }

    .heading-vol {
      font-size: 1.6rem;
    }

    .heading-comname {
      font-size: 1.6rem;
      margin-bottom: 1rem;
    }

    .intvw-desc {
      color: #4d4d4d;
      line-height: 1.6;
      padding: 1rem 3vw;
    }

    .intvw-desc::after {
      content: '＞ 続きを読む';
      display: block;
      margin-top: .5rem;
    }
  }
  /* index */

  .intvw-sponsor {
    color: #888;
    font-size: 1.5rem;
    line-height: 1.6;
  }
}

/*** SP BP ***/
@media screen and (min-width: 480px) {
}

/*** TB ***/
@media screen and (min-width: 600px) {
}

/*** md Tablet ***/
@media (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }

  .interview-conts {
    width: min(94vw, 80rem);
  }

  .intvw-head {
    margin-bottom: 10rem;
  }

  .intvw-heading {
    margin-bottom: 6rem;
  }

  .intvw-series {
    margin-bottom: 3rem;
    width: 32rem;
  }

  .heading-vol {
    margin-bottom: 1rem;
  }

  .heading-comname {
    font-size: 2rem;
    margin-bottom: 6rem;
  }

  .heading-title {
    font-size: 4rem;
    letter-spacing: .1rem;
  }

  .kv-figcap {
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 1rem;
  }

  .author-list {
    margin-top: 6rem;
  }

  .body-block + .body-block {
    margin-top: 8rem;
  }

  .block-heading {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }

  .block-para + .block-para {
    margin-top: 3rem;
  }

  .block-para {
    font-size: 1.6rem;
  }

  .para-fig {
    margin-top: 5rem;
  }

  .para-figcap {
    font-size: 1.4rem;
    letter-spacing: .1rem;
  }

  .block-ps {
    margin-bottom: 8rem;
    padding: 4rem 3rem;

    .block-heading {
      font-size: 2.4rem;
    }
  }

  .link-index {
    width: 32rem;
  }

  .intvw-date {
  }

  .intvw-foot {
    padding-top: 12rem;
  }

  /* index */
  .interview-index {
    .heading-title {
      font-size: 1.7rem;
      letter-spacing: -.05rem;
    }

    .intvw-list {
      gap: 2.5rem;
      grid-template-columns: repeat(2, 30rem);
    }

    .intvw-desc {
      padding: 1rem 1.5rem;
    }

    .intvw-foot {
      padding-bottom: 3rem;
    }
  }
  /* index */

  .intvw-sponsor {
    text-align: center;
  }
}

/*** lg PC ***/
@media (min-width: 992px) {
  .interview-conts {
    width: 80rem;
  }

  .intvw-series {
    font-size: 1.8rem;
  }

  /* index */
  .interview-index {
    .intvw-list {
      gap: 2.5rem;
      grid-template-columns: repeat(3, 30rem);
    }
  }
  /* index */
}