@charset "UTF-8";
/* CSS Document */

.timetable {
	width: 400px;
	position: absolute;
	right: 1%;
	bottom: 200px;
	z-index: 998;
}

.timetable .table_style01 {
  display: table;
  width: 100%;
}


.sec_intro .intro_inner{
  padding: 0;
}

.sec_intro .intro_inner .list_intro {
    margin: 0px auto;
    width: 100%;
    max-width: 720px;
}

.sec_intro .intro_inner .intro_item {
    margin-right: 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
	
  .timetable {
	  width: 90%;
	  position: static;
	  margin: auto;
	  padding: 10px 0 20px 0;
	}
  .timetable .table_style01 {
    margin-top: 10px;
  }
}

.timetable .table_style01 tr:nth-child(1) td {
  height: 75px;
}

@media only screen and (max-width: 767px) {
  .timetable .table_style01 tr:nth-child(1) td {
    height: 40px;
  }
}

.timetable .table_style01 tr:nth-child(2) td, .sec_access .access_item .table_style01 tr:nth-child(3) td {
  height: 96px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .timetable .table_style01 tr:nth-child(2) td, .sec_access .access_item .table_style01 tr:nth-child(3) td {
    height: 70px;
  }
}

.timetable .table_style01 td {
  border: 1px solid #ffffff;
  text-align: center;
  background: #e5e1d6;
  width: calc((100% - 37%) / 6);
}

.timetable .table_style01 td .noActive {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.timetable .table_style01 td .noActive:after {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -10px;
  width: 1px;
  height: 106px;
  background: #ffffff;
  -webkit-transform: rotate(24deg) translateX(-50%);
      -ms-transform: rotate(24deg) translateX(-50%);
          transform: rotate(24deg) translateX(-50%);
  left: 50%;
}

@media screen and (max-width: 900px) {
  .timetable .table_style01 td .noActive:after {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -10px;
    width: 1px;
    height: 109px;
    background: #ffffff;
    -webkit-transform: rotate(20deg) translateX(-50%);
        -ms-transform: rotate(20deg) translateX(-50%);
            transform: rotate(20deg) translateX(-50%);
    left: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .timetable .table_style01 td .noActive:after {
    top: -5px;
    bottom: -48px;
    height: 78px;
    -webkit-transform: skew(-25deg) translateX(-50%);
        -ms-transform: skew(-25deg) translateX(-50%);
            transform: skew(-25deg) translateX(-50%);
  }
}

@media screen and (max-width: 340px) {
  .timetable .table_style01 td .noActive:after {
    -webkit-transform: rotate(21deg);
        -ms-transform: rotate(21deg);
            transform: rotate(21deg);
  }
}

.timetable .table_style01 td:first-child {
  width: 37%;
}


.timetable .table_style01 {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
  .timetable .table_style01 {
    margin-top: 10px !important;
  }
}

.timetable .table_style01 td {
  vertical-align: middle;
}

.main_content .banner {
	width: 300px;
	position: absolute;
	right: 2%;
	bottom: 20px;
	z-index: 998;
}

@media only screen and (max-width: 1000px) {
.main_content .banner {
	  width: 200px;
	  right: 2%;
	  top: 90px;
  }
}

@media only screen and (max-width: 767px) {
	.main_content .banner {
	  width: 240px;
	  position: absolute;
	  right: 1%;
	  top: 10px;
	}
	.main_content .banner li {
		width: 47%;
		margin-left: 5px;
		float: left;
	}
	/*.main_content .banner a {
		display: block;
		margin: 0 0 4px 0;
	}*/
}

#main-header .navGlobal .nav-wrap .area-sns .sns_item a {
  display: flex;
  align-items: center;
}