@charset "utf-8";
/* CSS Document */
.cover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 1000px;
  background: url("../../../img/mv_bg.png") no-repeat center;
  background-position-y: bottom;
  background-size: cover;
  z-index: -1;
}
.page_visual {
  background: url("../img/page_visual.png") center no-repeat;
  background-size: cover;
}

/*カテゴリー色変更*/
.blue {
  background: #0076C0;
}
.green {
  background: #3BB906;
}
.orange {
  background: #ED6C0F;
}
.yellow {
  background: #F8B201;
}
.red {
  background: #E22608;
}
.skyblue {
  background: #019DE6;
}
.purple {
  background: #9B08C7;
}

@media screen and (orientation: portrait) and (min-width: 768px){}

@media screen and (max-width: 767px) {
}
@media screen and (max-width: 350px){
.st_flex {
    flex-wrap: wrap;
    width: 100%;
}
}