.stu_info {
  display: block;
}
.stu_info > div {
  width: 80%;
  align-items: stretch;
  margin: 0 auto;
}
.stu_profile {
  margin: 0 auto;
  width: 85%;
  margin: 0 auto;
}
.content_r img {
  width: 80%;
  margin: 0 auto;
}
.prof_photo {
  margin-left: 50px;
  display: inline-block;
  width: 35%;
  position: relative;
  bottom: -15px;
  z-index: -1;
}
.student_mana .prof_detail {
  display: inline-block;
  position: initial;
  width: 50%;
}
.stu_schedule img {
  width: 100%;
}
.student_conf .prof_detail {
  display: inline-block;
  position: initial;
  width: 50%;
}
.student_cook .prof_detail {
  display: inline-block;
  position: initial;
  width: 50%;
}

.student_frex1 {
  display: flex;
  width: 70% !important;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -10px !important;
}

.student_frex1_l {
  width: 35%;
}

.student_frex1_l p {
  text-align: center;
}

.student_frex1_r {
  width: 60%;
  padding: 20px;
  align-self: center;
}

.student_frex1_r_1 {
  border: #9b9fac solid 2px;
}

.student_frex1_r_2 {
  border: #f5a200 solid 2px;
}

.student_frex1_r_3 {
  border: #57bdaa solid 2px;
}

.stu_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.stu_flex > figure {
  width: 200px;
}

.stu_flex > figure > img {
  width: 100%;
}

.stu_flex > div {
  width: calc(100% - 200px);
  padding: 0 10px;
}

#managementIn + .stu_flex .stu_h3 {
  border-left: solid 6px #9b9fac;
}

#confectioneryIn + .stu_flex .stu_h3 {
  border-left: solid 6px #f5a200;
}

#cookingfullIn + .stu_flex .stu_h3 {
  border-left: solid 6px #57bdaa;
}

.stu_flex .stu_h3 {
  font-size: 1.25rem;
}

.stu_flex .stu_h3 + p + p {
  margin-top: 0.8em;
}

.stu_flex .stu_em {
  font-weight: bold;
  font-style: normal;
  font-size: 1.375em;
}

/*===============================================
●smart
===============================================*/

@media screen and (max-width: 750px) {
  .stu_info {
    width: 100%;
  }
  .stu_schedule {
    width: 100%;
    padding: 0;
    overflow-x: scroll;
  }
  .stu_info > div::-webkit-scrollbar {
    height: 10px;
  }
  .stu_info > div::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }
  .stu_info > div::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  .stu_profile .prof_photo {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
  .student_mana .prof_detail,
  .student_conf .prof_detail,
  .student_cook .prof_detail {
    display: block;
    position: initial;
    margin-bottom: 20px;
    width: 100%;
  }

  .student_mana .stu_schedule,
  .student_conf .stu_schedule,
  .student_cook .stu_schedule {
    margin-top: 20px;
  }
  .student_mana .stu_schedule img,
  .student_conf .stu_schedule img,
  .student_cook .stu_schedule img {
    width: auto;
    height: 220px;
    box-sizing: initial;
    max-width: initial;
  }

  .student_frex1 {
    width: 100% !important;
    margin: 0 auto;
  }

  .student_frex1_l {
    width: 50%;
    margin: 0 auto;
  }

  .student_frex1_r {
    width: 80%;
    margin: 0 auto;
  }
  .stu_flex {
    justify-content: center;
  }

  .stu_flex > div {
    width: 100%;
    padding: 0;
  }
}