#pageTtl .pageTtl__bg {
  background-image: url(../../highschool/img/sec01_bg.jpg);
  background-position: center 26%;
}

/* ----------------------------------------------------------------
***
----------------------------------------------------------------- */
.senpai-group {
  padding: 100px 20px 0;
}
@media screen and (max-width: 767px) {
  .senpai-group {
    padding: 50px 20px 0;
  }
}

#senpai-soshi {
  background: #F7D5B8;
}
#senpai-soshi .senpai-copy {
  color: #E87926;
}

#senpai-ordinary {
  background: #dde9f2;
}
#senpai-ordinary .senpai-copy {
  color: #52a4dd;
}

#senpai-integrated {
  background: #dbf3eb;
}
#senpai-integrated .senpai-copy {
  color: #50cd9c;
}

#senpai-business {
  background: #fde0e7;
}
#senpai-business .senpai-copy {
  color: #e85f84;
}

.senpai {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .senpai {
    padding-bottom: 50px;
  }
}
.senpai:nth-child(even) .flex {
  flex-direction: row-reverse;
}
.senpai .flex {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .senpai .flex {
    display: block;
  }
}
.senpai .flex * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.senpai .flex figure {
  flex: 0 0 25%;
}
@media screen and (max-width: 767px) {
  .senpai .flex figure {
    margin-bottom: 10px;
  }
}
.senpai .flex .col {
  flex: 0 0 72%;
  text-align: left;
}
.senpai .flex .col p.senpai-copy {
  font-size: 1.2em;
}
.senpai .flex .col p.senpai-his {
  background: rgba(255, 255, 255, 0.7);
  padding: 0.5em 1em;
  font-size: 80%;
  margin: 10px 0;
  border-radius: 4px;
}
.senpai .flex .col p.senpai-prof {
  line-height: 1.5;
  font-size: 90%;
  padding: 1em 0;
}
.senpai .flex .col p.senpai-prof strong {
  font-size: 150%;
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .senpai .flex .col p.senpai-prof strong {
    margin-left: 0;
  }
}
.senpai .flex .col p.senpai-prof br {
  display: none;
}
.senpai .flex .col p.senpai-prof br.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .senpai .flex .col p.senpai-prof br {
    display: block;
  }
}
.senpai .flex .col p.senpai-lead {
  font-size: 95%;
}