.supervisor_box {
  border: 1px solid #e3e3e3;
  padding: 60px 20px 20px 20px;
  margin: 50px 20px 30px 20px;
}

.supervisor_box .title {
  margin: 0 0 20px;
  padding: 20px;
  font-weight: bold;
  font-size: 20px;
  background: #035EC5;
  color: #fff;
}

.supervisor_box p {
  font-size: 95%;
}

.post_content .supervisor_box p {
  line-height: 2;
  margin: 0;
  line-height: 2;
  letter-spacing: 0;
}

.supervisor_box p.name {
  font-size: 26px;
  font-weight: bold;
}

.supervisor_box p.name span {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}

.supervisor_box .supervisor_wrap {
  display: flex;
  margin-bottom: 20px;
}

.supervisor_box .supervisor_name {
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.supervisor_box p.detail_ttl {
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 1px #000000;
  padding: 10px;
  margin: 20px 0 5px;
  background: #f7f7f7;
}

.supervisor_box .supervisor_detail {
  margin: 0 0 20px
}

.supervisor_box .supervisor_detail .text {
  font-weight: 500;
}

.supervisor_box .supervisor_name a {
  text-decoration: underline !important;
}

.supervisor_box a:hover {
  text-decoration: underline;
}

.post_content .supervisor_box a[target="_blank"] {
  color: #000 !important;
}

.supervisor_box .sns_area .sns_box {
  display: flex;
}

.supervisor_box .sns_area .sns_box a {
  margin-right: 30px;
}

@media screen and (max-width:980px) {
  .supervisor .supervisor-profile-img {
    flex-direction: column;
  }

  .supervisor .supervisor-img {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }

  .supervisor .supervisor-img img {
    width: 50%;
  }

  .supervisor .supervisor-title {
    margin: 0 0 10px 0 !important;
  }

  .supervisor .supervisor-content {
    margin: 0 auto !important;
    width: 95% !important;
  }

  .supervisor_box .supervisor_wrap {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .post_content .supervisor_box .supervisor_name p:not(:first-child),
  .post_content .supervisor_box .supervisor_detail p:nth-child(2),
  .post_content .supervisor_box .supervisor_detail p:nth-child(4) {
    font-size: 14px !important;
  }

  .supervisor_box .supervisor_name {
    padding-left: 40;
    padding-top: 10px;
    display: block;
  }

  .supervisor_box p.name {
    font-size: 20px;
  }

  .supervisor_box .supervisor_img {
    text-align: center;
  }

  .supervisor_box p {
    font-size: 100%;
  }

  .supervisor_box .supervisor_img img {
    /* width: 250px; */
    width: 100%;
  }

  .supervisor_box .sns_area .sns_box {
    flex-direction: column;
  }

  .supervisor_box .sns_area .sns_box a {
    margin: 0 0;
  }

  .supervisor_box .supervisor_detail {
    margin: 0 0 40px
  }
}