@charset "utf-8";

.page-ttl h1{
  max-width: 620px;
}
.schedule_wrap h3::before {
  left: 50%;
  transform: translateX(-50%);
}

.schedule_list .event_month .schedule_txt .pop.pop01 {
  width: 140px;
  bottom: 45px;
  right: 5px;
}

.schedule_list .event_month .schedule_txt .pop.pop02 {
  width: 130px;
  bottom: 250x;
  right: 15px;
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  
  .schedule_wrap h3 {
    margin-top: 10px;
    line-height: 1.3;
  }
  .schedule_wrap h3::before {
    top: -55px;
  }
  .schedule_list .event_month:nth-of-type(1) .schedule_txt{
    margin-top: 30px;
  }
  .schedule_list .event_month .schedule_txt .pop.pop01 {
    width: 155px;
    bottom: 85px;
    right: 5px;
  }
  .schedule_list .event_month .schedule_txt .pop.pop02 {
    width: 110px;
    bottom: 86px;
    right: -15px;
  }
  

  .schedule_list .event_month:nth-of-type(1) .spIcon::before{
    background-image: url(../../../student/image/schedule/month4_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(2) .spIcon::before{
    background-image: url(../../../student/image/schedule/month5_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(3) .spIcon::before{
    background-image: url(../../../student/image/schedule/month6_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(4) .spIcon::before{
    background-image: url(../../../student/image/schedule/month7_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(5) .spIcon::before{
    background-image: url(../../../student/image/schedule/month8_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(6) .spIcon::before{
    background-image: url(../../../student/image/schedule/month9_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(7) .spIcon::before{
    background-image: url(../../../student/image/schedule/month10_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(8) .spIcon::before{
    background-image: url(../../../student/image/schedule/month11_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(9) .spIcon::before{
    background-image: url(../../../student/image/schedule/month12_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(10) .spIcon::before{
    background-image: url(../../../student/image/schedule/month1_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(11) .spIcon::before{
    background-image: url(../../../student/image/schedule/month2_lan_sp.svg);
    top: 5px; left: -17%;
  }
  .schedule_list .event_month:nth-of-type(12) .spIcon::before{
    background-image: url(../../../student/image/schedule/month3_lan_sp.svg);
    top: 5px; left: -17%;
  }
  
}