@charset "utf-8";
.green_line {
  width: 1vw;
  height: auto;
  background-color: #B5E100;
  aspect-ratio: 1 / 14; /* 縦横比を設定 */
  max-width: 10px;
  max-height: 140px;
  min-width: 6px;
  min-height: 100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.blue_line {
  width: 1vw;
  height: auto;
  background-color: #88A7D1;
  aspect-ratio: 1 / 14; /* 縦横比を設定 */
  max-width: 10px;
  max-height: 140px;
  min-width: 6px;
  min-height: 100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.skyblue_line {
  width: 1vw;
  height: auto;
  background-color: #00D4E0;
  aspect-ratio: 1 / 14; /* 縦横比を設定 */
  max-width: 10px;
  max-height: 140px;
  min-width: 6px;
  min-height: 100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.title_with_line {
  font-size: 6.8rem;
  color: #5B6E85;
  font-family: "M+ 1p medium", sans-serif;
  font-weight: 500;
  font-style: normal;
}







@media (max-width: 575px){
.title_with_line {
  font-size: 4.4rem;
}


}