/* max-width 960px
  height auto

  【スマホ切り替え】
  ヘッダー、ナビ、フッター　768px
  メイン　600px

	z-index
  1  body .site

*/

/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
.sp-only {
  display:none;
}

.pc-only {
  display: block;
}
.top-interview-img {
  background-image: url(../img/interview/interview03-top-img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 7rem 0;
  border-radius: 200px 0 0 / 200px 0 0 0;
  position: relative;
}
.interview-Private .font-gothic {
  background: #fff;
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 20px;
}
.interview-Private-flex .img02 {
  flex-basis: 45%;
  padding-top: 5rem;
}
.interview-colum-wrap {
  background: linear-gradient(180deg, #d4e7ff 0%, #d4e7ff 40%, #fff 40%, #fff 100%);
  border-radius: 15% 0 0 0;
  position: relative;
  z-index: 1;
}
.interview-Private-flex .img {
  width: 42%;
  position: absolute !important;
  top: -0.6rem;
  right: 0;
}
.interview-Private .text p {
    margin-top: 0;
}
/*************スマホ・ipad************/
@media screen and (max-width: 820px) {
  .sp-only {
      display:block;
    }
    .pc-only {
      display: none;
    }
    .top-interview-img {
      background-image: url(../img/interview/interview03-top-img-sp.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding: 2rem 0;
      border-radius: 100px 0 0 / 100px 0 0 0;
      position: relative;
    }
.interview-Private-flex .img02 {
  flex-basis: 45%;
  padding-top: 0;
}
.interview .profile {
  position: static !important;
  width: 95%;
  margin: 0 auto;
}
}