/* 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/interview02-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;
}
/*************スマホ・ipad************/
@media screen and (max-width: 820px) {
  .sp-only {
      display:block;
    }
    .pc-only {
      display: none;
    }
 .top-interview-img {
   background-image: url(../img/interview/interview02-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 .profile {
      position: static !important;
      width: 95%;
      margin: 0 auto;
    }
}