ƒ.outline3 .outline4 .student.current {
  background-color: #E2EBEF;
  border-radius: 25px;
  font-weight: 700;
}

.outline3 .outline4 .student .border-sides-image {
  background-image: url("../img/bg_mid.png");
  background-repeat: repeat-y;
  background-position-x: 2px;
  border-radius: 25px;
  margin: 0;
}

.outline3 .outline4 .student .border-top-image {
  background-image: url("../img/bg_top.png");
  background-repeat: no-repeat;
  border-radius: 25px;
  background-position: top;
  margin: 0;
}

.outline3 .outline4 .student .border-bottom-image {
  background-image: url("../img/bg_bot.png");
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 25px;
  margin: 0;
}

.outline3 .outline4 .d-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 50px;
}

/*.outline3 .outline4 .d-flex div:last-child {
  margin-right: auto;
  margin-left: .25%;
}　　　最後のboxだけ右よりになるので、年度途中は取った20190815*/

.outline3 .outline4 .d-flex .box {
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 67px auto;
  background-color: #FDF9EF;
  border-radius: 10px;
  border: 1px solid #C58579;
  font-weight: 700;
  width: 49%;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 87px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 90px;
  margin-bottom: 10px;
}

.outline3 .outline4 .d-flex .box p {
  line-height: 24px;
  margin: 0;
}
.r3_201 {
  background-image: url("../img/i_r3_201.jpg")
}
.r3_202 {
  background-image: url("../img/i_r3_202.jpg")
}
.r3_203 {
  background-image: url("../img/i_r3_203.jpg")
}
.r3_204 {
  background-image: url("../img/i_r3_204.jpg")
}
.r3_205 {
  background-image: url("../img/i_r3_205.jpg")
}
.r3_209 {
  background-image: url("../img/i_r3_209.jpg")
}
.r3_210 {
  background-image: url("../img/i_r3_210.jpg")
}
.r3_213 {
  background-image: url("../img/i_r3_213.jpg")
}
.r3_214 {
  background-image: url("../img/i_r3_214.jpg")
}
.r3_216 {
  background-image: url("../img/i_r3_216.jpg")
}
.r3_217 {
  background-image: url("../img/i_r3_217.jpg")
}
.r3_220 {
  background-image: url("../img/i_r3_220.jpg")
}
.r3_221 {
  background-image: url("../img/i_r3_221.jpg")
}

.tanaka {
  background-image: url("../img/icon_tanaka.jpg")
}
.nakamura {
  background-image: url("../img/icon_nakamura.jpg")
}
.ikeda {
  background-image: url("../img/icon_ikeda.jpg")
}
.iwamura {
  background-image: url("../img/icon_iwamura.jpg")
}

.miyasato {
  background-image: url("../img/icon_miyasato.jpg")
}
.ashikawa {
  background-image: url("../img/icon_ashikawa.jpg")
}
.hiyane {
  background-image: url("../img/icon_hiyane.jpg")
}
.minami {
  background-image: url("../img/icon_minami.jpg")
}
.ueto {
  background-image: url("../img/icon_ueto.jpg")
}
.mizoguchi {
  background-image: url("../img/icon_mizoguchi.jpg")
}
.koike {
  background-image: url("../img/icon_koike.jpg")
}
.arai {
  background-image: url("../img/icon_arai.jpg")
}

.outline3 .outline4 .student .box.dance {
  background-image: url("../img/icon_dance.png")
}

.outline3 .outline4 .student .box.sport {
  border-color: #6699BD;
  background-image: url("../img/icon_sport.png")
}

.outline3 .outline4 .student .box.art {
  border-color: #4E9A65;
  background-image: url("../img/icon_art.png")
}

.outline3 .outline4 .student .box.beauty {
  border-color: #BB9A65;
  background-image: url("../img/icon_beauty.png")
}

.outline3 .outline4 .student .box.music {
  border-color: #9E6BC9;
  background-image: url("../img/icon_music.png")
}
.outline3 .outline4 .student .box.entertainment {
  border-color: #ff0000;
  background-image: url("../img/icon_entertainment.png")
}
.outline3 .outline4 .student .box.research {
  border-color: #9E6BC9;
  background-image: url("../img/icon_research.png")
}
.outline3 .outline4 .student .box .event-title {
  font-size: 13px;
}

.outline3 .outline4 .student .box .student-level {
  font-size: 14px;
}

.outline3 .outline4 .student .box .student-name {
  font-size: 20px;
}

@media (max-width: 699px) {
  .outline3 .outline4 .student.current {
    border-radius: 15px;
  }
  .outline3 .outline4 .d-flex {
    padding: 70px 12px 50px;
  }
  .outline3 .outline4 .d-flex .box {
    width: 100%;
  }
  .outline3 .outline4 .student .border-sides-image {
    background: none;
  }
  .outline3 .outline4 .student .border-top-image {
    background-image: url("../img/sp_top.png");
    background-position: center 12px;
    border-radius: 15px;
  }
  .outline3 .outline4 .student .border-bottom-image {
    background-image: url("../img/sp_bot.png");
    background-position: center bottom 12px;
    border-radius: 15px;
  }
}
