#concept-top-interview {
  margin: 0 5%;
}
#concept-top-interview .first_view {
  margin-top: 3%;
}
#concept-top-interview .first_view .contents_ttl_unit {
  color: #0762D3;
  position: absolute;
  top: 100px;
  left: 5%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .contents_ttl_unit {
    position: static;
    margin-bottom: 5%;
  }
}
#concept-top-interview .first_view .contents_ttl_unit .ttl {
  font-family: "PT Sans", sans-serif;
  font-size: clamp(30px, 7vw, 200px);
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}
#concept-top-interview .first_view .contents_ttl_unit .ttl_sub {
  font-size: clamp(20px, 2.5vw, 100px);
  font-weight: 600;
  color: #0762D3;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .contents_ttl_unit .ttl_sub {
    font-size: clamp(16px, 3vw, 100px);
  }
}
#concept-top-interview .first_view .message_unit {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: start;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .message_unit {
    position: static;
    flex-direction: column-reverse;
    margin-top: 0;
  }
}
#concept-top-interview .first_view .message_unit .catch_area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 42%;
  margin-right: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .message_unit .catch_area {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 3%;
  }
}
#concept-top-interview .first_view .message_unit .catch_area .catch_copy {
  font-size: clamp(12px, 3.2vw, 70px);
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  padding-top: 45%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .message_unit .catch_area .catch_copy {
    font-size: clamp(24px, 6vw, 50px);
    padding: 5% 0;
  }
}
#concept-top-interview .first_view .message_unit .catch_area .profile {
  display: block;
  font-size: clamp(12px, 1.6vw, 35px);
  font-weight: 600;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .message_unit .catch_area .profile {
    font-size: clamp(16px, 3vw, 100px);
  }
}
#concept-top-interview .first_view .message_unit .photo_area {
  display: block;
  width: 58%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .first_view .message_unit .photo_area {
    width: 100%;
  }
}
#concept-top-interview .first_view .message_unit .photo_area img {
  width: 100%;
  border-radius: 20px;
}
#concept-top-interview .Interview_unit .column01 .lead {
  color: #0762D3;
  font-size: clamp(20px, 2.1vw, 35px);
  font-weight: 700;
  line-height: 1.5em;
  padding: 5% 0 5% 0;
  margin-top: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column01 .lead {
    padding: 5% 0 10% 0;
    margin-top: 5%;
    font-size: 20px;
  }
}
#concept-top-interview .Interview_unit .column01 .column_unit {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column01 .column_unit {
    display: flex;
    flex-direction: column-reverse;
  }
}
#concept-top-interview .Interview_unit .column01 .column_unit .column_txt {
  width: 45%;
  font-size: clamp(16px, 1.5vw, 25px);
  font-weight: 500;
  line-height: 1.7em;
  margin-right: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column01 .column_unit .column_txt {
    width: 100%;
    font-size: 16px;
    margin-right: 0;
  }
}
#concept-top-interview .Interview_unit .column01 .column_unit .column_photo {
  width: 55%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column01 .column_unit .column_photo {
    margin-bottom: 10%;
    width: 100%;
  }
}
#concept-top-interview .Interview_unit .column01 .column_unit .column_photo img {
  width: 100%;
}
#concept-top-interview .Interview_unit .column02 .lead {
  color: #0762D3;
  font-size: clamp(20px, 2.1vw, 35px);
  font-weight: 700;
  line-height: 1.5em;
  padding: 5% 0 5% 0;
  margin-top: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column02 .lead {
    padding: 5% 0 10% 0;
    margin-top: 5%;
    font-size: 20px;
  }
}
#concept-top-interview .Interview_unit .column02 .column_unit {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column02 .column_unit {
    display: block;
  }
}
#concept-top-interview .Interview_unit .column02 .column_unit .column_photo {
  width: 55%;
  margin-right: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column02 .column_unit .column_photo {
    margin-right: 0;
    margin-bottom: 10%;
    width: 100%;
  }
}
#concept-top-interview .Interview_unit .column02 .column_unit .column_photo img {
  width: 100%;
}
#concept-top-interview .Interview_unit .column02 .column_unit .column_txt {
  width: 45%;
  font-size: clamp(16px, 1.5vw, 25px);
  font-weight: 500;
  line-height: 1.7em;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .Interview_unit .column02 .column_unit .column_txt {
    width: 100%;
    font-size: 16px;
  }
}
#concept-top-interview .message_area {
  background: linear-gradient(90deg, rgb(205, 230, 245) 0%, rgb(148, 204, 232) 100%);
  border-radius: 20px;
  margin: 10% 0 5% 0;
  padding: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .message_area {
    margin: 15% 0 10% 0;
    padding: 5% 3%;
  }
}
#concept-top-interview .message_area .message_area_ttl {
  color: #0762D3;
  font-family: "PT Sans", sans-serif;
  font-size: clamp(10px, 5vw, 70px);
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .message_area .message_area_ttl {
    font-size: clamp(25px, 7vw, 35px);
  }
}
#concept-top-interview .message_area .message_area_lead {
  color: #0762D3;
  font-size: clamp(20px, 2.1vw, 35px);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .message_area .message_area_lead {
    font-size: 20px;
  }
}
#concept-top-interview .message_area .message_area_txt {
  font-size: clamp(16px, 1.5vw, 25px);
  font-weight: 500;
  line-height: 1.7em;
  padding: 0 10%;
  margin-bottom: 5%;
}
#concept-top-interview .message_area .message_area_txt a {
  color: #0762D3;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .message_area .message_area_txt {
    font-size: 16px;
    padding: 0;
    margin-bottom: 10%;
  }
}
#concept-top-interview .message_area .message_area_photo {
  margin: 0 auto;
  width: 50%;
}
@media screen and (max-width: 767px) {
  #concept-top-interview .message_area .message_area_photo {
    width: 90%;
    margin-bottom: 5%;
  }
}
#concept-top-interview .message_area .message_area_photo img {
  width: 100%;
  border-radius: 20px;
}/*# sourceMappingURL=concept-top-interview.css.map */