#interview-main {
    overflow: hidden;
  }
  #interview-main picture, #interview-main img {
    display: block;
  }
  #interview-main b {
    font-weight: 600;
  }
  #interview-main .wrap {
    margin-left: auto;
    margin-right: auto;
  }
  #interview-main .wrap-inner {
    margin-left: auto;
    margin-right: auto;
  }
  @media screen and (max-width: 999px) {
    #interview-main .sp {
      display: block;
    }
  }
  @media screen and (min-width: 1000px) {
    #interview-main .sp {
      display: none;
    }
  }
  @media screen and (max-width: 999px) {
    #interview-main .pc {
      display: none;
    }
  }
  @media screen and (min-width: 1000px) {
    #interview-main .pc {
      display: block;
    }
  }

  @media screen and (min-width: 1000px) {
    #interview-main .wrap {
      max-width: 1000px;
      overflow: visible;
    }
  }
  
  @media screen and (max-width: 999px) {
    #interview-main .wrap-inner {
      position: relative;
    }
  }
  
  @media screen and (max-width: 999px) {
    #interview ul picture img {
      width: min(500px*375/375,100vw*375/375);
      height: auto;
      margin: 0 auto;
    }
  }
  @media screen and (min-width: 1000px) {
    #interview ul picture img {
      width: auto;
      height: 400px;
    }
  }
  
  #interview .box {
    position: relative;
  }
  
  #interview h2 span {
    display: block;
  }
  
  #interview h2 span:nth-of-type(1) {
    font-size: 0;
  }
  
  #interview h2 span:nth-of-type(2) {
    font-weight: 600;
  }
  
  #interview .head h3 span {
    display: block;
  }
  
  #interview .head h3 span:nth-of-type(1) {
    color: #666;
    letter-spacing: 0.1em;
    font-weight: 300;
  }
  
  #interview .head h3 span:nth-of-type(2) {
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  
  #interview .head h3 span:nth-of-type(3) {
    letter-spacing: 0.2em;
    color: #666;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  #interview li h3 {
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  
  #interview .texts p.lede02 strong {
    font-weight: bold;
  }
  
  @media screen and (max-width: 999px) {
    #interview .wrap {
      padding-left: 0;
      padding-right: 0;
    }
    #interview .head {
      margin-left: auto;
      margin-right: auto;
      width: min(500px*335/375,100vw*335/375);
      margin-top: max(500px*-60/375,100vw*-60/375);
    }
    #interview .head picture {
      padding: min(500px*10/375,100vw*10/375);
      background-color: #fff;
    }
    #interview .head picture img {
      width: 100%;
      height: auto;
    }
    #interview .head .box {
      margin-left: min(500px*60/375,100vw*60/375);
      margin-top: max(500px*-50/375,100vw*-50/375);
      padding-top: min(500px*15/375,100vw*15/375);
      padding-left: min(500px*10/375,100vw*10/375);
      background-color: #fff;
    }
    #interview .head .box h2 span:nth-of-type(1) img {
      height: min(500px*81/375,100vw*81/375);
      width: min(500px*90/375,100vw*90/375);
      position: absolute;
      right: min(500px*25/375,100vw*25/375);
      top: max(500px*-90/375,100vw*-90/375);
    }
    #interview h2 span:nth-of-type(2) {
      font-size: min(500px*18/375,100vw*18/375);
      line-height: 1.5;
      color: #22AADD;
    }
    #interview .head h3 {
      margin-top: min(500px*18/375,100vw*18/375);
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
    }
    #interview .head h3 span:nth-of-type(1) {
      font-size: min(500px*12/375,100vw*12/375);
      font-weight: 600;
      width: 100%;
    }
    #interview .head h3 span:nth-of-type(2) {
      font-size: min(500px*18/375,100vw*18/375);
      font-weight: 600;
      margin-top: min(500px*12/375,100vw*12/375);
    }
    #interview .head h3 span:nth-of-type(3) {
      margin-left: min(500px*10/375,100vw*10/375);
      font-size: min(500px*12/375,100vw*12/375);
      font-weight: 300;
    }
    #interview .head .career {
      margin-top: min(500px*16/375,100vw*16/375);
      font-size: min(500px*12/375,100vw*12/375);
      font-weight: 300;
    }
    #interview .head .lede02 {
      margin-top: min(500px*20/375,100vw*20/375);
      font-size: min(500px*12/375,100vw*12/375);
    }
    #interview ul {
      margin-top: min(500px*20/375,100vw*20/375);
    }
    #interview li h3, #interview li .texts {
      background-color: #fff;
      position: relative;
      z-index: 1;
    }
    #interview li h3 {
      text-align: center;
      font-size: min(500px*18/375,100vw*18/375);
      font-weight: 600;
      line-height: 1.33;
      width: min(500px*345/375,100vw*345/375);
      margin-left: auto;
      margin-right: auto;
      padding-bottom: min(500px*20/375,100vw*20/375);
    }
    #interview li picture {
      margin-top: max(500px*-20/375,100vw*-20/375);
    }
    #interview .texts {
      font-size: min(500px*16/375,100vw*16/375);
      font-weight: 300;
      width: min(500px*335/375,100vw*335/375);
      margin: 0 auto;
      padding-top: min(500px*20/375,100vw*20/375);
      padding-bottom: min(500px*60/375,100vw*60/375);
    }
  }
  @media screen and (min-width: 1000px) {
    #interview .head {
      padding: 40px;
      background-color: #fff;
    }
    #interview .head picture {
      width: 920px;
    }
    #interview .head picture img {
      width: 100%;
      height: auto;
    }
    #interview .box {
      margin-top: -100px;
      margin-left: 360px;
      width: 640px;
      padding: 45px;
      background-color: #fff;
    }
    #interview h2 span:nth-of-type(1) {
      top: -20px;
      left: -493px;
    }
    #interview h2 span:nth-of-type(1) img {
      position: absolute;
      left: -320px;
      height: 205px;
    }
    #interview h2 span:nth-of-type(2) {
      font-size: 30px;
      line-height: 1.5;
      color: #22AADD;
    }
    #interview .head h3 {
      margin-top: 55px;
    }
    #interview .head h3 span:nth-of-type(1) {
      font-size: 14px;
      font-weight: 700;
    }
    #interview .head h3 span:nth-of-type(2) {
      font-size: 24px;
      margin-top: 25px;
      font-weight: 700;
    }
    #interview .head h3 span:nth-of-type(3) {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 300;
    }
    #interview .head .career {
      margin-top: 30px;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.87;
    }
    #interview ul {
      margin-top: 43px;
    }
    #interview li {
      margin-bottom: 30px;
      position: relative;
    }
    #interview li:first-child {
      padding-top: 30px;
    }
    #interview li + li {
      margin-top: 40px;
      padding-top: 20px;
    }
    #interview li h3 {
      font-size: 30px;
      line-height: 1.33;
      padding-top: 5px;
      padding-bottom: 5px;
      width: 580px;
      flex-shrink: 0;
    }
    #interview li picture {
      height: 400px;
      width: 600px;
    }
    #interview .texts {
      margin-top: 20px;
      padding: 30px;
      width: 580px;
    }
    #interview li:nth-child(odd) h3 {
      margin-top: 30px;
      padding-left: 30px;
      background-color: #fff;
      color: #99CC33;
      z-index: 1;
      position: relative;
    }
    #interview li:nth-child(odd) picture {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 540px;
    }
    #interview li:nth-child(odd) .texts {
      padding-right: 20px;
      background-color: #fff;
      z-index: 1;
      position: relative;
    }
    #interview li:nth-child(even) h3 {
      padding-left: 20px;
      margin-left: 420px;
      background-color: #fff;
      color: #22AADD;
    }
    #interview li:nth-child(even) picture {
      position: absolute;
      top: 0;
      right: 0;
      margin-right: 540px;
      z-index: -1;
    }
    #interview li:nth-child(even) .texts {
      padding-left: 20px;
      margin-left: 420px;
      background-color: #fff;
    }
  }
  /*--------------------------------------------
  LEDE
  ---------------------------------------------*/
  .lede01 {
    font-weight: 600;
  }
  @media screen and (max-width: 999px) {
    .lede01 {
      letter-spacing: 0.1em;
      font-size: min(500px*14/375,100vw*14/375);
      line-height: 1.85;
    }
  }
  @media screen and (min-width: 1000px) {
    .lede01 {
      letter-spacing: 0.14em;
      font-size: 20px;
      line-height: 1.45;
    }
  }
  
  .lede02 {
    font-weight: 300;
  }
  @media screen and (max-width: 999px) {
    .lede02 {
      font-size: min(500px*16/375,100vw*16/375);
      line-height: 1.67;
      letter-spacing: 0.1em;
    }
  }
  @media screen and (min-width: 1000px) {
    .lede02 {
      font-size: 15px;
      line-height: 1.87;
    }
  }
  @media screen and (max-width: 999px) {
    .lede02 + .lede02 {
      margin-top: 1.87em;
    }
  }
  @media screen and (min-width: 1000px) {
    .lede02 + .lede02 {
      margin-top: 1.73em;
    }
  }
  
  .lede03 {
    font-weight: 300;
  }
  @media screen and (max-width: 999px) {
    .lede03 {
      letter-spacing: 0.1em;
      font-size: 3.2vw;
      line-height: 1.67;
    }
  }
  @media screen and (min-width: 1000px) {
    .lede03 {
      font-size: 15px;
      line-height: 1.73;
    }
  }
  @media screen and (max-width: 999px) {
    .lede03 + .lede03 {
      margin-top: 1.67em;
    }
  }
  @media screen and (min-width: 1000px) {
    .lede03 + .lede03 {
      margin-top: 1.73em;
    }
  }

  #c-titleHeader {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 999px) {
    #c-titleHeader {
      height: min(500px*100/375,100vw*100/375);
      width: min(500px*375/375,100vw*375/375);
      margin: min(500px*80/375,100vw*80/375) auto 0;
      background-image: url("/art-college/music/assets/img/pages/pc/ryth_monte/guide_kv.jpg");
      padding-top: min(500px*30/375,100vw*30/375);
    }
  }
  @media screen and (min-width: 1000px) {
    #c-titleHeader {
      height: 250px;
      background-image: url("/art-college/music/assets/img/pages/pc/ryth_monte/guide_kv.jpg");
      margin-top: 100px;
      margin-bottom: 50px;
      padding-top: 60px;
    }
  }
  #c-titleHeader .c-wrap .c-title {
    font-weight: 600;
    text-align: center;
  }
  @media screen and (max-width: 999px) {
    #c-titleHeader .c-wrap .c-title {
      font-size: min(500px*24/375,100vw*24/375);
    }
  }
  @media screen and (min-width: 1000px) {
    #c-titleHeader .c-wrap .c-title {
      font-size: 40px;
    }
  }
  
  .c-interview-wrap .wrap ul li:nth-of-type(odd) h3 {
    color: #99CC33;
  }
  .c-interview-wrap .wrap ul li:nth-of-type(even) h3 {
    color: #22AADD;
  }
  
  .c-process .c-wrap {
    padding: 20px;
  }
  @media screen and (min-width: 1000px) {
    .c-process .c-wrap {
      padding: 40px 0;
    }
  }
  .c-process .c-wrap .c-item-image img {
    width: 100%;
    margin: auto;
  }