@charset "UTF-8";

/*----------------------------------------
timetable
----------------------------------------*/

.timewrap {
	display:flex;
	margin-bottom:50px;
}

.timewrap:last-child {
	margin-bottom:0;
}

.timeRight {
	width: calc(100% - 60px);
}

.timeLeft {
	padding-right:20px;
	padding-top:5px;
}

/* .timeLeft img {
	width:20px;
	height:auto;
} */

.timeLeft::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #124d8a;
}

@media screen and (max-width: 1024px){
  .timeLeft::before {
    width: 10px;
    height: 10px;
  }
}

.timetable .p-interview-single-section:nth-of-type(1) .p-interview-single-section-detail-inner:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #124d8a;
  position: absolute;
  top: 106px;
  left: 67px;
  z-index: 1;
}
@media screen and (max-width: 1024px){
  .timetable .p-interview-single-section:nth-of-type(1) .p-interview-single-section-detail-inner:before {
    left: 44.5px;
  }
}
@media screen and (max-width: 767px){
  .timetable .p-interview-single-section:nth-of-type(1) .p-interview-single-section-detail-inner:before {
    top: 65px;
    left: 30px;
  }
}
.timetable .p-interview-single-section:not(:nth-of-type(1)) .p-interview-single-section-detail-inner:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #124d8a;
  position: absolute;
  top: 0px;
  left: 67px;
  z-index: 1;
}
@media screen and (max-width: 1024px){
  .timetable .p-interview-single-section:not(:nth-of-type(1)) .p-interview-single-section-detail-inner:before {
    left: 44.5px;
  }
}
@media screen and (max-width: 767px){
  .timetable .p-interview-single-section:not(:nth-of-type(1)) .p-interview-single-section-detail-inner:before{
    left: 30px;
  }
}

.timetable .p-interview-single-section { 
  position:relative;
}

.timetable .p-interview-single-section:before{
  content: '';
  display: block;
  width: 1px;
  height: calc(100% + 80px);
  background: #124d8a;
  position: absolute;
  top:-40px;
  left: 67px;
  z-index: 1;
}

@media screen and (max-width: 1024px){
  .timetable .p-interview-single-section:before{
    left: calc(5% + 44.5px);
  }
}
@media screen and (max-width: 767px){
  .timetable .p-interview-single-section:before{
    top: -20px;
    left: calc(5% + 30px);
  }
}

.timetable .p-interview-single-section:first-of-type:before{
  top: auto;
  bottom: 0;
  height: 50%;
}

@media screen and (max-width: 1024px){
  .timetable .p-interview-single-section:first-of-type:before{
    display: none;
  }
}

.timetable .p-interview-single-section:last-of-type:before{
  display: none;
}

.timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner:before{
  content: '';
  display: block;
  width: 1px;
  height: 211px;
  background: #124d8a;
  position: absolute;
  top: -106px;
  left: 67px;
  z-index: 1;
}

@media screen and (max-width: 1024px){
  .timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner:before{
    left: 44.5px;
  }
  .timetable .p-interview-single-section:last-of-type figure.p-interview-single-section-eyecatch:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #124d8a;
    position: absolute;
    top: 0px;
    left: calc(10% + 44.5px);
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner:before{
    left: 30px;
    height: 66px;
    top: 0;
  }
  .timetable .p-interview-single-section:last-of-type figure.p-interview-single-section-eyecatch:after {
    left: calc(10% + 30px);
  }

}
.timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner .timewrap{
  position: relative;
}


.timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner .timewrap:not(:last-of-type):before {
  content: '';
  display: block;
  width: 1px;
  height: calc(100% + 50px);
  background: #124d8a;
  position: absolute;
  top: 6px;
  left: 7px;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  .timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner .timewrap:not(:last-of-type):before {
    left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .timetable .p-interview-single-section:last-of-type .p-interview-single-section-detail-inner .timewrap:not(:last-of-type):before {
    left: 5px;
  }
}

.timetable .p-interview-single-section .p-interview-single-section-detail-inner .timewrap > *{
  position : relative;
  z-index : 2;
}