@charset "utf-8";
.lik2023_timetablewrap{
  width:100%;
  padding-top:72px;
}

.lik2023_timetablebox{
  width:100%;
  max-width:1200px;
  padding:0 20px;
  margin:auto;
}
.lik_back{
  position: absolute;
  right: 0;
  bottom: 0;
}
.lik_back a{
  display: block;
  width: 110px;
  height: 30px;
  padding: 8px;
  border-radius: 16px;
  background: #F5F5F5;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #007FE6;
}
.lik2023_timetablebox h2{
  display: block;
  background: var(--main-color-bl);
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 14px;
  margin-bottom: 60px;
  border:double 10px #FFFFFF; 
}

.lik_time_index{
  display: flex;
  flex-wrap: wrap;
}

.lik_time_index li{
  width: 26.5%;
  margin-bottom: 80px;
  position: relative;
  margin-right: 9.75%;
}

.lik_time_index li:last-of-type{margin-bottom: 100px;}

.lik_time_index li::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2vw 0 2vw 2vw;
  border-color: transparent transparent transparent var(--main-color-bl);
  top: 6vw;
  right: -5vw;
}

.lik_time_index li:nth-of-type(3n)::after{display: none;}
.lik_time_index li:nth-of-type(3n){margin-right: 0;}

.lik_time_index li dt{
  position: relative;
  font-weight: bold;
  color: var(--main-color-bl) ;
  font-size: 1.625rem;
  line-height: 1.6;
}
.lik_time_index li dt > div:first-of-type{
  position: absolute;
  top: -2.5vw;
  left: -2.5vw;
  width: 27%;
}
.lik_time_index li dt > div:last-of-type{margin-bottom: 10px;}

.lik_time_index li dd{
  line-height: 1.6;
  margin-bottom: 8px;} 
.lik_time_index li dd:nth-of-type(2){
  position: relative;
  font-size: 0.875rem;
  color: var(--main-color-bl) ;
  margin-left: 16px;
  margin-bottom: 0;
} 
.lik_time_index li dd:nth-of-type(2)::before{
  position: absolute;
  top:4px;
  left: -16px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: var(--main-color-bl) 3px solid;
}

.lik_back a:hover{
  background: var(--main-color-bl);
  color: #FFFFFF;
}

@media screen and (min-width:1500px){
  .lik_time_index li dt > div:first-of-type {
    top: -34px;
    left: -34px;
}
  .lik_time_index li::after{
    border-width: 35px 0 35px 30px;
    top: 100px;
    right: -76px;
  }
}

@media screen and (max-width:768px){
  .lik_wrap {
    background: #FFFFFF;
    width: 1400px;
    margin: auto;
    padding: 0 100px 0;
}
  .lik_wrap{
    width: 100%;
    padding: 0 1rem 0;
  }
  .lik_header h1 img:first-of-type{display:none;}
  .lik_header h1 img:last-of-type{display: block;}
  .lik_back {
    position: static;
    text-align: right;
    margin-top: 30px;
  }
  .lik_back a {
    display: inline-block;
    height: 44px;
    padding: 14px 0;
  }
  .lik2023_timetablebox{
    padding-bottom: 88px;
  }
  
  #tss_gototop{
    bottom:106px;
  }
  
}

@media screen and (max-width:768px){
  .lik_time_index li {width: 29%;margin-right: 5.75%;}
  .lik_time_index li dt > div:first-of-type {
    top: -3.5vw;
    left: -2.5vw;
    width: 33%;
  }
  .lik_time_index li::after {
    top: 9vw;
    right: -4vw;
  }
  .lik_time_index li dt {font-size: 1.25rem;}
  .lik_time_index li dd {font-size: 0.875rem;}
  .lik_time_index li dd:nth-of-type(2) {font-size: 0.75rem;}   
}

@media screen and (max-width:420px){
    
  .lik_time_index li{
    width:80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:36px;
  }
  .lik_time_index li dt{
    background:none;
    color:#007FE6;
    margin-bottom:0;
    padding-bottom:4px;
  }
  .lik_time_index li dt > div:first-of-type {
    top: -5.5vw;
    left: -11.5vw;
    width: 28%;
  }

  .lik_time_index li::after {
    border-width: 4vw 8vw 0 8vw;
    border-color: #007fe6 transparent transparent transparent;
    top:auto;
    right: calc(50% - 8vw);
    bottom: -8vw;
  }
  .lik_time_index li:nth-of-type(3n)::after{display: inline;}
  .lik_time_index li:last-of-type::after{display: none;}
  .lik_time_index li:nth-of-type(3n) {margin-right: auto;}
}