4.graduation_exhibition main {
  margin-bottom: 40px;
}
.graduation_exhibition main.col-sm-9 {
  width: 100%;
}

.graduation_exhibition #sidebar {
  display: none;
}
#bustour {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
#bustour a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#bustour span:hover {
  box-shadow: 0 7px 0 0 rgba(255, 255, 255, 0.2);
}
#bustour span:hover:before {
  border-right-color: rgba(255, 255, 255, 0.2);
}
#bustour span:hover:after {
  border-top-color: rgba(255, 255, 255, 0.2);
}
#okayama-bt-top span:hover,
#okayama-bt-bottom span:hover,
#kagawa-bt-top span:hover,
#kagawa-bt-bottom span:hover {
  box-shadow: 0 15px 0 0 rgba(255, 255, 255, 0.2);
}
#okayama-bt-top span:hover:before,
#okayama-bt-bottom span:hover:before,
#kagawa-bt-top span:hover:before,
#kagawa-bt-bottom span:hover:before {
  border-right-color: rgba(255, 255, 255, 0.2);
}
#okayama-bt-top span:hover:after,
#okayama-bt-bottom span:hover:after,
#kagawa-bt-top span:hover:after,
#kagawa-bt-bottom span:hover:after {
  border-top-color: rgba(255, 255, 255, 0.2);
}
#bustour-mainvisual {
  width: 100%;
}
#okayama,
#kagawa {
  width: 250px;
  height: 144px;
  display: block;
  position: absolute;
  z-index: 1000;
  bottom: 27.5%;
  background-color: rgba(255, 255, 0, 0);
}
#okayama {
  left: 11.7%;
}
#kagawa {
  right: 11.7%;
}
#request-bt-left,
#request-bt-right {
  width: 327px;
  height: 50px;
  display: flex;
  position: absolute;
  z-index: 1000;
  top: 90%;
  background-color: rgba(255, 255, 0, 0);
  justify-content: center;
}
#bustour span {
  display: block;
  position: relative;
  width: 313px;
  height: 100%;
  box-shadow: 0 7px 0 0 rgba(255, 255, 255, 0);
}
#bustour span:before {
  content: ' ';
  position: absolute;
  top: 100%;
  left: -7px;
  width: 0;
  height: 0;
  border-width: 0 7px 7px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: rgba(255, 255, 255, 0);
}
#bustour span:after {
  content: ' ';
  position: absolute;
  top: 100%;
  right: -7px;
  width: 0;
  height: 0;
  border-width: 7px 7px 0 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(255, 255, 255, 0);
}
#request-bt-left {
  left: 7.62%;
}
#request-bt-right {
  left: 57.65%;
}
#kagawa-bt-top,
#kagawa-bt-bottom,
#okayama-bt-top,
#okayama-bt-bottom {
  width: 714px;
  height: 88px;
  display: flex;
  position: absolute;
  left: 12.05%;
  z-index: 1000;
  background-color: rgba(255, 255, 0, 0);
  justify-content: center;
}
#kagawa-bt-top:before,
#kagawa-bt-bottom:before,
#okayama-bt-top:before,
#okayama-bt-bottom:before {
  content: ' ';
  position: absolute;
  top: 100%;
  left: -7px;
  width: 0;
  height: 0;
  border-width: 0 7px 7px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: rgba(255, 255, 255, 0);
}
#kagawa-bt-top:after,
#kagawa-bt-bottom:after,
#okayama-bt-top:after,
#okayama-bt-bottom:after {
  content: ' ';
  position: absolute;
  top: 100%;
  right: -7px;
  width: 0;
  height: 0;
  border-width: 7px 7px 0 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(255, 255, 255, 0);
}
#kagawa-bt-top span,
#kagawa-bt-bottom span,
#okayama-bt-top span,
#okayama-bt-bottom span {
  display: block;
  position: relative;
  width: 686px;
  height: 100%;
  box-shadow: 0 16px 0 0 rgba(255, 255, 255, 0);
}
#kagawa-bt-top span:before,
#kagawa-bt-bottom span:before,
#okayama-bt-top span:before,
#okayama-bt-bottom span:before {
  content: ' ';
  position: absolute;
  top: 100%;
  left: -14px;
  width: 0;
  height: 0;
  border-width: 0 14px 16px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: rgba(255, 255, 255, 0);
}
#kagawa-bt-top span:after,
#kagawa-bt-bottom span:after,
#okayama-bt-top span:after,
#okayama-bt-bottom span:after {
  content: ' ';
  position: absolute;
  top: 100%;
  right: -14px;
  width: 0;
  height: 0;
  border-width: 16px 14px 0 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(255, 255, 255, 0);
}

#kagawa-bt-top {
  top: 24.32%;
}
#kagawa-bt-bottom {
  top: 92.38%;
}
#okayama-bt-top {
  top: 23.75%;
}
#okayama-bt-bottom {
  top: 92.47%;
}

@media (max-width: 768px) {
  #bustour {
    width: 100%;
  }
  #bustour span:hover {
    box-shadow: 0 7px 0 0 rgba(255, 255, 255, 0.2);
  }
  #bustour span {
    display: none;
  }
  #okayama,
  #kagawa {
    width: 26.59%;
    height: 12.25%;
    bottom: 28.5%;
  }
  #request-bt-left,
  #request-bt-right {
    width: 34.65%;
    height: 5%;
    bottom: 5.15%;
  }
  #okayama-bt-top,
  #okayama-bt-bottom {
    width: 75.95%;
    height: 2.12%;
  }
  #kagawa-bt-top,
  #kagawa-bt-bottom {
    width: 75.95%;
    height: 2.25%;
  }
  #kagawa-bt-top {
    top: 26.15%;
  }
  #kagawa-bt-bottom {
    bottom: 1.75%;
  }
}
.is_sp {
  display: none;
}
.is_pc {
  display: block;
}
@media (max-width: 768px) {
  .is_sp {
    display: block;
  }
  .is_pc {
    display: none;
  }
  #kagawa-bt-top {
    top: 19.85%;
    left: 17.1%;
    width: 64.4%;
    height: 1.52%;
  }
  #kagawa-bt-bottom {
    top: 95.83%;
    left: 17.3%;
    width: 64.5%;
    height: 1.5%;
  }
  #okayama-bt-top {
    top: 21%;
    left: 17.8%;
    width: 64.4%;
    height: 1.6%;
  }
  #okayama-bt-bottom {
    top: 95.67%;
    width: 64.4%;
    height: 1.6%;
    left: 18.1%;
  }
  #request-bt-left,
  #request-bt-right {
    top: 88.3%;
  }
}

#bustour.bustour2024{
  width: 1400px;
}
#bustour.bustour2024 a:hover {
  background-color: rgba(255, 255, 0, 0.2);
}
#bt2024-top,
#bt2024-bottom {
  width: 41.8%;
  height: 2.18%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-color: rgba(255, 255, 0, 0);
  justify-content: center;
  border-radius: 100px;
}
#bt2024-top{
  top:.6%;
}
#bt2024-bottom{
  top:97.35%;
}
@media (max-width: 768px) {
  #bustour.bustour2024{
    max-width: 100%;
    margin-bottom: 30px;
  }
  #bt2024-top,
  #bt2024-bottom {
    width: 73.2%;
    height: 0.58%;
    transform:translateX(-49%);
  }
  #bt2024-top{
    top:.13%;
  }
  #bt2024-bottom{
    top:99.13%;
  }
}