.p-mv {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  @media only screen and (max-width: 899px) {
    .p-mv {
      height: 450px;
      padding-bottom: 15px; } }
  @media print, screen and (min-width: 900px) {
    .p-mv {
      height: 600px;
      padding-bottom: 30px; } }

.p-mv-photo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .p-mv-photo img {
    width: 100%;
    height: 100%; }
  .p-mv-photo:after {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    position: absolute;
    bottom: 0;
    left: 0; }

.p-mv-txt {
  position: relative;
  color: #fff; }

.p-mv-ttl {
  font-weight: 300; }
  @media only screen and (max-width: 899px) {
    .p-mv-ttl {
      font-size: 24px;
      font-size: 2.4rem; } }
  @media print, screen and (min-width: 900px) {
    .p-mv-ttl {
      font-size: 40px;
      font-size: 4rem; } }

.p-mv-data {
  margin-top: 5px; }
  @media only screen and (max-width: 899px) {
    .p-mv-data {
      font-size: 12px;
      font-size: 1.2rem; } }
  @media print, screen and (min-width: 900px) {
    .p-mv-data {
      font-size: 15px;
      font-size: 1.5rem; } }

.p-mv-txt-sub {
  position: absolute;
  right: 0; }
  @media only screen and (max-width: 899px) {
    .p-mv-txt-sub {
      top: 100%;
      width: 80px; } }
  @media print, screen and (min-width: 900px) {
    .p-mv-txt-sub {
      top: 20%; } }

.p-body {
  position: relative; }

/*# sourceMappingURL=interview.css.map */