@charset "UTF-8";
br.u-sp {
  display: none;
}


@media screen and (max-width: 768px) {
  br.u-pc {
    display: none;
  }

  br.u-sp {
    display: block;
  }
}

.m-h1 {
  z-index: 2;
}
.m-container.-mv {
  position: relative;
  z-index: 1;
  padding: 0;
}
.m-container.-mv .m-col,
.m-container.-mv .m-row {
  margin: 0;
}
.main-img {
  position: relative;
  z-index: 0;
  margin-top: -95px;
  margin-left: -315px;
}
@media screen and (max-width: 768px) {
  .main-img {
    margin: 15px 0 0;
  }
}
.intro {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 1;
}
.intro_ttl span {
  display: inline-block;
  background: #093;
  margin-top: 4px;
  padding: 0 15px;
  font-size: 3.8rem;
  color: #fff;
}
.intro_card {
  display: block;
  width: 360px;
  margin-top: 24px;
  padding: 25px 10px 30px 15px;
  background: #fff;
}
.intro_year {
  font-size: 1.6rem;
  opacity: 0.8;
}
.intro .m-name {
  margin-top: 5px;
}
.intro .m-name_en {
  display: inline;
  padding-left: 15px;
}
.intro .m-tag_item {
  padding: 0 20px 0 24px;
}
.intro .m-tag_item:first-child {
  padding-left: 24px;
}
.intro .m-tag_item:only-child {
  padding-left: 16px;
}
@media screen and (max-width: 1110px) {
  .intro {
    top: 5.045vw;
  }
  .intro_ttl span {
    font-size: 3.423vw;
  }
  .intro_card {
    width: 32.43vw;
  }
}
@media screen and (max-width: 768px) {
  .intro {
    position: relative;
    top: 0;
    margin-top: -55px;
  }
  .intro_ttl span {
    font-size: 2.4rem;
  }
  .intro_card {
    width: auto;
    margin-top: 0;
    padding: 15px 0 20px;
  }
  .intro_year {
    font-size: 1.4rem;
  }
  .intro .m-name {
    margin-top: 0;
    font-size: 1.4rem;
  }
  .intro .m-name_en {
    -webkit-transform: none;
    transform: none;
  }
  .intro .m-tag_item {
    height: auto;
  }
  .intro .m-tag_item span {
    -webkit-transform: none;
    transform: none;
  }
}
.h2 {
  font-size: 1.4rem;
  font-weight: 300;
  color: #333;
}
.h2_en {
  padding-right: 25px;
  font-family: "Lato bold";
  font-size: 7rem;
  color: #dfdfdf;
}
@media screen and (max-width: 768px) {
  .h2 {
    font-size: 1rem;
  }
  .h2_en {
    padding-right: 10px;
    font-size: 3.9rem;
  }
}
.h3 {
  margin-top: -10px;
  font-size: 3.2rem;
  font-weight: 300;
  color: #093;
}
@media screen and (max-width: 768px) {
  .h3 {
    margin-top: 40px;
    font-size: 2.2rem;
  }
}
.career {
  margin-top: -40px;
  background: #f5f5f5;
}
.career .m-container {
  position: relative;
}
.career .h2 {
  position: absolute;
  top: 50px;
  left: 15px;
}
.career-list {
  display: flex;
}
.career-list.-two .career-list_item {
  padding-bottom: 145px;
}
.career-list.-two .career-list_path {
  bottom: 100px;
}
.career-list.-two .career-list_path + .career-list_path {
  bottom: 70px;
}
.career-list_item {
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  padding: 170px 30px 105px;
  border-left: 1px solid #e8e8e8;
}
.career-list_item:first-child {
  border-left: none;
}
.career-list_ttl {
  font-size: 1.6rem;
  font-weight: 600;
  color: #093;
}
.career-list_num {
  padding-right: 10px;
  font-family: Lato;
  font-weight: 400;
  font-style: italic;
}
.career-list_text {
  margin-top: 5px;
  font-size: 1.6rem;
}
.career-list_path {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 70px;
  margin-top: 15px;
  background: #fff;
  text-align: center;
}
.career-list_path::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 10px;
  height: 100%;
  background: #f5f5f5
    url(/company/recruit/graduate/interview/people/images/arrow_path_white.png)
    no-repeat 0 0 / auto 100%;
}
.career-list_path.-green {
  background: #d7f5e4;
}
.career-list_path.-green::after {
  background-image: url(/company/recruit/graduate/interview/people/images/arrow_path_green.png);
}
@media screen and (max-width: 768px) {
  .career {
    margin-top: 0;
    padding: 25px 0 30px;
  }
  .career .h2 {
    position: static;
  }
  .career-list {
    flex-wrap: wrap;
    margin: 0 -12px;
  }
  .career-list.-two .career-list_item {
    padding-bottom: 50px;
  }
  .career-list.-two .career-list_item:nth-child(1),
  .career-list.-two .career-list_item:nth-child(2) {
    padding-bottom: 65px;
  }
  .career-list.-two .career-list_item:nth-child(1) .career-list_path,
  .career-list.-two .career-list_item:nth-child(2) .career-list_path {
    bottom: 35px;
  }
  .career-list.-two
    .career-list_item:nth-child(1)
    .career-list_path
    + .career-list_path,
  .career-list.-two
    .career-list_item:nth-child(2)
    .career-list_path
    + .career-list_path {
    bottom: 15px;
  }
  .career-list.-two .career-list_path {
    bottom: 20px;
  }
  .career-list.-two .career-list_path + .career-list_path {
    bottom: 0;
  }
  .career-list_item {
    width: calc(50% - 12px);
    flex-basis: auto;
    padding: 15px 0 25px;
    border: none;
  }
  .career-list_item:nth-child(odd) {
    margin-left: 12px;
    padding-right: 12px;
  }
  .career-list_item:nth-child(odd) .career-list_path {
    right: 12px;
    left: 0;
  }
  .career-list_item:nth-child(even) {
    margin-right: 12px;
    padding-left: 12px;
    border-left: 1px solid #e8e8e8;
  }
  .career-list_item:nth-child(even) .career-list_path {
    right: 0;
    left: 12px;
  }
  .career-list_item:nth-child(1),
  .career-list_item:nth-child(2) {
    padding-bottom: 40px;
  }
  .career-list_item:nth-child(1) .career-list_path,
  .career-list_item:nth-child(2) .career-list_path {
    bottom: 15px;
  }
  .career-list_item:nth-child(n + 3) {
    border-top: 1px solid #e8e8e8;
  }
  .career-list_text,
  .career-list_ttl {
    font-size: 1.4rem;
  }
  .career-list_path {
    bottom: 0;
    margin-top: 10px;
    font-size: 1rem;
  }
}
.interview {
  padding: 110px 0 200px;
}
.interview .m-row + .m-row {
  margin-top: 100px;
}
.interview .m-row .m-col {
  width: 50%;
  margin: 0;
  padding: 0 15px;
}
.interview .m-row .m-col.-img {
  padding-right: 30px;
}
.interview .m-row .m-col.-text {
  padding-left: 30px;
}
.interview .m-row.-rtl .m-col.-img {
  padding-right: 15px;
  padding-left: 30px;
}
.interview .m-row.-rtl .m-col.-text {
  padding-left: 15px;
  padding-right: 30px;
}
.interview .m-row.-rtl .interview_img {
  margin-left: 0;
  margin-right: -15px;
}
.interview .m-row.-rtl .interview_text-area {
  margin-left: auto;
}
.interview_img {
  position: relative;
  display: inline-block;
  margin-left: -15px;
  padding-right: 40px;
}
.interview_img img {
  position: relative;
  z-index: 1;
}
.interview_img::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 40px;
  right: 0;
  z-index: 0;
  height: 100%;
  display: block;
  background: #093;
  opacity: 0.2;
}
.interview_text-area {
  max-width: 510px;
}
.interview_q {
  margin-top: 20px;
  font-size: 1.6rem;
  color: #ec870e;
  font-weight: 700;
}
.interview_text {
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 2.375;
}
.interview_text:first-child {
  margin-top: -5px;
}
@media screen and (max-width: 768px) {
  .interview {
    padding: 40px 0 30px;
  }
  .interview .m-row .m-col {
    width: auto;
    padding: 0;
  }
  .interview .m-row .m-col.-img,
  .interview .m-row .m-col.-text {
    padding: 0;
  }
  .interview .m-row.-rtl .m-col.-img,
  .interview .m-row.-rtl .m-col.-text {
    padding: 0;
  }
  .interview .m-row.-rtl .interview_img {
    margin-right: 0;
  }
  .interview .m-row + .m-row {
    margin-top: 30px;
  }
  .interview_img {
    margin-left: 0;
    padding-right: 15px;
  }
  .interview_img::after {
    top: 15px;
    left: 15px;
  }
  .interview_text-area {
    max-width: none;
  }
  .interview_q,
  .interview_text {
    font-size: 1.4rem;
    line-height: 2;
  }
  .interview_text:first-child {
    margin-top: 40px;
  }
}
.schedule {
  padding: 40px 0 80px;
  background: #f5f5f5;
}
.schedule-list {
  max-width: 920px;
  margin: 10px auto 0;
  padding-right: 40px;
}
.schedule-list_item {
  display: flex;
}
.schedule-list_item .col.-time {
  width: 90px;
  padding-right: 25px;
}
.schedule-list_item .col.-text {
  position: relative;
  width: 66%;
  padding: 0 30px 30px 45px;
  border-left: 1px solid #093;
}
.schedule-list_item .col.-text::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 15px;
  height: 1px;
  background: #093;
}
.schedule-list_item .col.-img {
  width: calc(34% - 90px);
  padding-bottom: 20px;
}
.schedule-list_item:first-child .col {
  padding-top: 25px;
}
.schedule-list_item:first-child .col.-text::before {
  top: 37px;
}
.schedule-list_item:last-child .col.-text {
  padding-bottom: 35px;
}
.schedule-list_time {
  text-align: right;
  font-weight: 600;
}
.schedule-list_ttl {
  font-size: 1.6rem;
  font-weight: 600;
  color: #093;
}
.schedule-list_text {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .schedule {
    padding: 25px 0 40px;
  }
  .schedule-list {
    margin-top: 0;
    padding-right: 0;
  }
  .schedule-list_item {
    position: relative;
    display: block;
    padding-left: 60px;
  }
  .schedule-list_item .col.-img,
  .schedule-list_item .col.-text,
  .schedule-list_item .col.-time {
    width: auto;
  }
  .schedule-list_item .col.-time {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    padding-right: 14px;
  }
  .schedule-list_item .col.-text {
    padding: 0 18px 20px;
  }
  .schedule-list_item .col.-text::before {
    top: 10px;
    width: 7px;
  }
  .schedule-list_item .col.-img {
    padding: 0 18px 25px;
    border-left: 1px solid #093;
  }
  .schedule-list_item .col.-img img {
    max-width: 150px;
  }
  .schedule-list_item:first-child .col {
    padding-top: 20px;
  }
  .schedule-list_item:first-child .col.-text::before {
    top: 30px;
  }
  .schedule-list_item:last-child .col.-text {
    padding-bottom: 20px;
  }
  .schedule-list_text,
  .schedule-list_ttl {
    font-size: 1.4rem;
  }
  .schedule-list_text {
    margin-top: 5px;
  }
  .schedule-list_img {
    margin-top: -5px;
  }
}
.message {
  margin-top: -70px;
  padding-bottom: 115px;
  background: #daf5e6
    url(/company/recruit/graduate/interview/people/images/bg_message.jpg)
    no-repeat 50% 100% / contain;
}
.message_icon {
  width: 131px;
  margin: 0 auto;
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px);
}
.message_ttl {
  margin-top: -10px;
  text-align: center;
}
.message_ttl img {
  display: block;
  width: 270px;
  margin: 0 auto 10px;
}
.message_ttl span {
  font-weight: 700;
  color: #093;
}
.message_text {
  max-width: 960px;
  margin: 30px auto 0;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .message {
    margin-top: 55px;
    padding-bottom: 70px;
    background-image: url(/company/recruit/graduate/interview/people/images/bg_message_sp.jpg);
    background-size: 100% auto;
  }
  .message_icon {
    width: 100px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  .message_ttl {
    margin-top: -25px;
  }
  .message_ttl img {
    width: 233px;
  }
  .message_ttl span {
    font-size: 1.3rem;
  }
  .message_text {
    margin-top: 20px;
    font-size: 1.4rem;
  }
}
.current {
  padding: 107px 0;
  background: no-repeat 50% 100% / cover;
}
.current.-people01 {
  background-image: url(/company/recruit/graduate/interview/people/01/images/bg_current.jpg);
}
.current.-people02 {
  background-image: url(/company/recruit/graduate/interview/people/02/images/bg_current.jpg);
}
.current.-people03 {
  background-image: url(/company/recruit/graduate/interview/people/03/images/bg_current.jpg);
}
.current.-people04 {
  background-image: url(/company/recruit/graduate/interview/people/04/images/bg_current.jpg);
}
.current.-people05 {
  background-image: url(/company/recruit/graduate/interview/people/05/images/bg_current.jpg);
}
.current.-people06 {
  background-image: url(/company/recruit/graduate/interview/people/06/images/bg_current.jpg);
}
.current.-people07 {
  background-image: url(/company/recruit/graduate/interview/people/07/images/bg_current.jpg);
}
.current.-people08 {
  background-image: url(/company/recruit/graduate/interview/people/08/images/bg_current.jpg);
}
.current.-people09 {
    background-image: url(/company/recruit/graduate/interview/people/09/images/bg_current.jpg);
}
.current.-people10 {
    background-image: url(/company/recruit/graduate/interview/people/10/images/bg_current.jpg);
}
.current .m-btn {
  display: block;
  width: 420px;
  height: auto;
  margin-right: 11%;
  padding: 15px 10px 10px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
.current .m-btn span {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .current {
    padding: 60px 0;
  }
  .current.-people01 {
    background-image: url(/company/recruit/graduate/interview/people/01/images/bg_current_sp.jpg);
  }
  .current.-people02 {
    background-image: url(/company/recruit/graduate/interview/people/02/images/bg_current_sp.jpg);
  }
  .current.-people03 {
    background-image: url(/company/recruit/graduate/interview/people/03/images/bg_current_sp.jpg);
  }
  .current.-people04 {
    background-image: url(/company/recruit/graduate/interview/people/04/images/bg_current_sp.jpg);
  }
  .current.-people05 {
    background-image: url(/company/recruit/graduate/interview/people/05/images/bg_current_sp.jpg);
  }
  .current.-people06 {
    background-image: url(/company/recruit/graduate/interview/people/06/images/bg_current_sp.jpg);
  }
  .current.-people07 {
    background-image: url(/company/recruit/graduate/interview/people/07/images/bg_current_sp.jpg);
  }
  .current.-people08 {
    background-image: url(/company/recruit/graduate/interview/people/08/images/bg_current_sp.jpg);
  }

  .current.-people09 {
    background-image: url(/company/recruit/graduate/interview/people/09/images/bg_current_sp.jpg);
  }

  .current.-people10 {
    background-image: url(/company/recruit/graduate/interview/people/10/images/bg_current_sp.jpg);
  }
  .current .m-btn {
    width: 230px;
    margin-right: 0;
    margin-top: 0;
    padding: 10px;
    font-size: 1.2rem;
  }
  .current .m-btn span {
    display: block;
    font-size: 1rem;
  }
}
.people {
  padding-bottom: 80px;
  background: #f5f5f5;
  overflow: hidden;
}
.people_ttl {
  margin-top: 70px;
  font-size: 2.6rem;
  font-weight: 300;
  text-align: center;
}
.people .slick-track {
  display: flex;
}
.people .slick-counter {
  margin-top: 30px;
  font-family: Lato;
  font-size: 2.4rem;
  color: #888;
}
.people .slick-arrow {
  width: 12px;
  margin-top: 33px;
}
.people .slick-arrow.-prev {
  margin-right: 35px;
}
.people .slick-arrow.-next {
  margin-left: 35px;
}
.people_btn {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .people_ttl {
    margin-top: 35px;
    font-size: 1.9rem;
  }
}
.note {
  margin-top: 10px;
}
.career .note {
  position: absolute;
  right: 0;
  bottom: 25px;
  color: #555;
  text-align: right;
}
.note_item {
  position: relative;
  margin-top: 5px;
  padding-left: 2em;
  counter-increment: number 1;
  color: #888;
}
.note_item::before {
  content: "※" counter(number);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media screen and (max-width: 768px) {
  .note {
    margin-top: 5px;
  }
  .career .note {
    position: static;
    margin-top: 15px;
    font-size: 1.2rem;
  }
  .note_item {
    font-size: 1.2rem;
  }
}
@media print {
  .interview_img img {
    width: 530px;
  }
}