@charset "utf-8";
/* event - FCS25th Project02 _ style CSS*/

/*-------------------------------
 pj02 content
---------------------------------*/
#pj02 {
  padding-top: calc(var(--rs) * 1);
  padding-bottom: calc(var(--fs) * 4);
  background: 
    /*url(/event/fcs25th/image/pj02_main_pic-alt.jpg)   50% 0 / 100% no-repeat,
    url("/event/fcs25th/image/pj01/bg_race.png") 50% 0 / calc(var(--rs) * 98) no-repeat,
    url("/event/fcs25th/image/pj01/bg_race_bottom.png") 50% 100% / calc(var(--rs) * 98) no-repeat,*/
    /*linear-gradient(transparent 0%, rgb(215 189 158 / 30%) 0%, rgb(215 189 158 / 30%) 100%),*/
    linear-gradient(transparent 0%, rgb(255 255 255 / 75%) 0%, rgb(255 255 255 / 75%) 100%);
  ;
  font-family: var(--ff-NtSrfJP);
}
/*-------------------------------
 pj02 content _ text
---------------------------------*/
.pj-title {
  margin-bottom: -1em;
}
.pj-text-catch {
  padding-left: 0.25em;
}
/*-------------------------------
 pj02 content _ order sheet
---------------------------------*/
.pj02-ordersheet {
  width: 100%;
  height: calc(var(--rs) * 10);
  position: relative;
}
.ordersheet-img {
  filter: drop-shadow(var(--bs-fcs25th-cmn));
  display: block;
  position: absolute;
}
#orderSheet01 {
  width: calc(var(--rs) * 23);
  left: -2%;
  top: calc(var(--rs) * -10);
}
#orderSheet02 {
  width: calc(var(--rs) * 20);
  right: -3%;
  top: calc(var(--rs) * -12);
}
@media screen and (max-width: 767px) {
  .pj02-ordersheet {
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center;
  }
  .ordersheet-img {
    position: relative;
  }
  #orderSheet01,
  #orderSheet02 {
    top: 2em;
  }
}