.conteiner .content .inner {
  padding: 140px 0 0 0 !important;
}
#campuslife .schedule .bg {
  background-color: #ffdae1;
  background-image: linear-gradient(90deg, #fff5f7 50%, #ffdae1 50%, #ffdae1 100%, #fff5f7 100%);
  background-size: 20px 20px;
}
#campuslife .schedule .inner {
  background-image: url('../../image/campuslife/bg_schedule.png') ;
  background-size: 575px auto;
}
#campuslife .schedule .inner ul.outer-list {
 margin-top: 5rem;
}
#campuslife .schedule .inner ul.outer-list > li {
 float: none;
 position: relative;
}
#campuslife .schedule .inner ul.outer-list > li  img {
 border-radius:  10% / 50%;
 border: 5px solid #f66e8a;
 transform: rotate(-3deg);
}
#campuslife .schedule .inner ul.outer-list > li .month img {
 border-radius: 50%;
 width: 100%;
 height: 100%;
 background: #f66e8a;
}
#campuslife .schedule .inner ul.outer-list > li .pic .month {
 bottom: auto;
 top: -2.5rem;
 right: -1rem;
 left: auto;
 width: 75px;
 height: 75px;
 z-index: 3;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(5) .pic .month,
#campuslife .schedule .inner ul.outer-list > li:nth-child(6) .pic .month,
#campuslife .schedule .inner ul.outer-list > li:nth-child(11) .pic .month,
#campuslife .schedule .inner ul.outer-list > li:nth-child(12) .pic .month
{
 right: auto;
 left: -1rem;
}
#campuslife .schedule .inner ul.outer-list {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-template-rows: repeat(4, 1fr);
 grid-column-gap: 0px;
 grid-row-gap: 0px;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(3) { grid-area: 1 / 3 / 2 / 4; padding-bottom: 5rem;}
#campuslife .schedule .inner ul.outer-list > li:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(6) { grid-area: 2 / 1 / 3 / 2; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(7) { grid-area: 3 / 1 / 4 / 2; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(8) { grid-area: 3 / 2 / 4 / 3; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(9) { grid-area: 3 / 3 / 4 / 4; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(10) { grid-area: 4 / 3 / 5 / 4; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(11) { grid-area: 4 / 2 / 5 / 3; }
#campuslife .schedule .inner ul.outer-list > li:nth-child(12) { grid-area: 4 / 1 / 5 / 2; } 

#campuslife .schedule .inner ul.outer-list > li:nth-child(3n+1) {
 margin-top: -5rem;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(3n+2) {
 margin-top: -2.5rem;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(2n) img {
  transform: rotate(3deg);
}
#campuslife .schedule .inner ul.outer-list > li .caption {
 min-height: auto;
 border-top: none;
 margin: 0 -1rem;
 border-radius: 2px;
 background: none;
 /* background: none; */
}
#campuslife .schedule .inner ul.inner_list li {
 color: #5a5a5a;
 /* font-weight: 600;
  font-size: 1.1rem; */
 margin: 0 .5rem;
 padding-left: 1rem;
}
#campuslife .schedule .inner ul.outer-list > li .caption .inner_list {
 text-align: center;
 display: flex;
 gap: 0;
 justify-content: center;
 flex-wrap: wrap;
 margin: -1.5rem 2rem 0;
 background: #fff;
 border: 5px dotted #f66e8a ;
 padding: 1rem;
 min-height: 114px;
 align-items: center;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(1) .caption .inner_list,
#campuslife .schedule .inner ul.outer-list > li:nth-child(5) .caption .inner_list,
#campuslife .schedule .inner ul.outer-list > li:nth-child(8) .caption .inner_list,
#campuslife .schedule .inner ul.outer-list > li:nth-child(12) .caption .inner_list {
 margin-top: -1rem;
}
#campuslife .schedule .inner ul.inner_list li::before {
 /* content: none; */
}

#campuslife .schedule .inner ul.outer-list > li:nth-child(1) img,
#campuslife .schedule .inner ul.outer-list > li:nth-child(5) img,
#campuslife .schedule .inner ul.outer-list > li:nth-child(8) img,
#campuslife .schedule .inner ul.outer-list > li:nth-child(12) img {
 transform: scale(1.15, 1.15);
 border-color: #fff;
 margin-bottom: 1rem;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(1) img { margin-left: -1rem; }
/* #campuslife .schedule .inner ul.outer-list > li:nth-child(4) img { margin-left: 1rem; } */

#campuslife .schedule .inner ul.outer-list > li::after {
 content: url(../../image/campuslife/arrow.png);
 position: absolute;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(1)::after, #campuslife .schedule .inner ul.outer-list > li:nth-child(2)::after,
#campuslife .schedule .inner ul.outer-list > li:nth-child(7)::after, #campuslife .schedule .inner ul.outer-list > li:nth-child(8)::after {
  transform: rotate(190deg);
  right: -7rem;
  top: 11rem;
  z-index: 2;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(4)::after, #campuslife .schedule .inner ul.outer-list > li:nth-child(5)::after {
  transform: rotate(-10deg);
  left: -7rem;
  top: 2rem;
  z-index: 2;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(10)::after {
  transform: rotate(-10deg);
  left: -7rem;
  top: 11rem;
  z-index: 2;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(11)::after {
  transform: rotate(-20deg);
  left: -7rem;
  top: 12rem;
  z-index: 2;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(3)::after, #campuslife .schedule .inner ul.outer-list > li:nth-child(6)::after,
#campuslife .schedule .inner ul.outer-list > li:nth-child(9)::after {
  transform: rotate(-90deg);
  left: -5rem;
  bottom: 5rem;
  z-index: 2;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(12)::after {
  display: none;
} 

/* #campuslife .schedule .inner ul.outer-list > li:nth-child(5) .caption .inner_list, */
#campuslife .schedule .inner ul.outer-list > li:nth-child(9) .caption .inner_list {
  margin: -1.5rem 1rem 0;
}
#campuslife .schedule {
  margin-bottom: 0;
}
#campuslife .schedule .inner ul.outer-list > li:nth-child(2) .caption .inner_list,
#campuslife .schedule .inner ul.outer-list > li:nth-child(5) .caption .inner_list,
#campuslife .schedule .inner ul.outer-list > li:nth-child(9) .caption .inner_list {
  margin: -1rem 0 0 0;
}

@media screen and (max-width: 767px) {
  #campuslife .schedule .inner {
    background-image: url('../../image/campuslife/bg_schedule.png') ;
    background-size: 400px auto;
  }
  .conteiner .content .inner {
    padding: 2rem 0 0 0 !important;
  }
  #campuslife .schedule .inner ul.outer-list {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
  #campuslife .schedule .inner ul.outer-list > li {
    width: 48%;
    margin: 0 !important;
    padding: 1rem !important;
  }
  #campuslife .schedule .inner ul.outer-list {
    width: auto !important;
    padding: 0;
  }
  #campuslife .schedule .inner ul.outer-list > li::after {
    display: none;
  }
  #campuslife .schedule .inner ul.outer-list {
    margin-top: 1rem;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(1) img, #campuslife .schedule .inner ul.outer-list > li:nth-child(4) img {
    margin-left: 0;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(1) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(4) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(8) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(12) img {
  transform: scale(1.1, 1.1);
  border-color: #fff;
  margin-bottom: 1rem;
  }
  #campuslife .schedule .inner ul.outer-list > li img {
    border-width: 3px;
  }
  #campuslife .schedule .inner ul.outer-list > li .caption .inner_list {
    border-width: 3px;
    padding: 1rem 0 !important;
    margin: -1.5rem 0 0 !important;
  }
  #campuslife .schedule .inner ul.outer-list > li .caption .inner_list li {
    font-weight: 100% !important;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(3) .pic .month {
    right: auto;
    left: -1rem;
  }
  #campuslife .schedule .inner ul.outer-list > li .pic .month {
  bottom: auto;
  top: -.5rem;
  right: 0;
  left: auto;
  width: 55px;
  height: 55px;
  z-index: 3;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(1n) {
     margin-top: -3rem !important;
     margin-bottom: -1rem !important;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(2n)  {
    margin-top: 2rem !important;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(1) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(5) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(8) img,
  #campuslife .schedule .inner ul.outer-list > li:nth-child(12) img {
    transform: scale(1, 1);
    border-color: #fff;
    margin-bottom: 1rem;
  }
  #campuslife .schedule .inner ul.outer-list > li .caption .inner_list {
    min-height: 102px;
  }
   #campuslife .schedule .inner ul.outer-list > li .caption .inner_list li{
    font-size: .9rem;
  }
}
@media screen and (max-width: 500px) {
  #campuslife .schedule .inner ul.outer-list {
    margin: 0;
    padding: 1rem;
    overflow: hidden;
  }
  #campuslife .schedule .inner ul.outer-list li {
    width: 90%;
  }
  #campuslife .schedule .inner ul.outer-list > li:nth-child(n), 
  #campuslife .schedule .inner ul.outer-list > li:nth-child(2n) {
    margin: 0 !important;
  }
  #campuslife .schedule .inner ul.outer-list > li img {
    margin: 0 !important;
  }
  #campuslife .schedule .inner ul.outer-list > li .caption .inner_list {
    min-height: auto;
  }
  #campuslife .schedule .inner ul.outer-list > li .caption .inner_list {
    margin: -1rem 1rem 0 1rem !important;
  }
}