/*-- fv ------------------------------------
------------------------------------------*/
.sec_fv {
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/pc_fv_bg.jpg) no-repeat center;
  min-height: 504px;
}

.sec_fv .fv_text {
  font-family: var(--f-mincho);
  position: absolute;
  top: 50px;
  left: 10px;
  color: #23234c;
  letter-spacing: -2px;
}

.sec_fv .fx_text01 {
  font-size: 27pt;
  font-weight: 400;
}

.sec_fv .fx_text02 {
  font-size: 45pt;
  font-weight: 700;
  margin: 15px 0 25px 0;
}

.cl_y {
  color: #cf9817;
}

.size60 {
  font-size: 60pt;
}

.sign {
  color: #acacac;
  position: absolute;
  top: 0;
}

.sign.left {
  margin-left: -25px;
}

.border_txt {
  display: inline-block;
  border-bottom: 2px solid #23234c;
}

.sec_fv .fx_text03 {
  font-size: 45pt;
  letter-spacing: -2px;
  font-weight: 700;
  position: relative;
}

.sec_fv .box_obc {
  position: relative;
}

.sec_fv .box_obc .txt01 {
  background: #cf9817;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 60pt;
  font-family: "Outfit", sans-serif;
  line-height: 0;
}

.sec_fv .box_obc .txt02 {
  position: absolute;
  right: 15px;
  margin-top: -5px;
  font-family: "Dancing Script", cursive;
  font-size: 45pt;
  letter-spacing: 5px;
  transform: rotate(-10deg);
  transform-origin: left bottom;
}

.sec_fv .fv_event {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 190px;
  margin-top: 25px;
}

.sec_fv .txt_event {
  font-size: 18pt;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  min-width: 250px;
  color: #3e3a3a;
  border: 1px solid #23234c;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 600;
}

.sec_fv .date_event {
  display: flex;
  margin-right: 15px;
  color: #3e3a39;
  align-items: center;
}

.sec_fv .date_event01 {
  font-size: 45pt;
  font-family: "Outfit", sans-serif;
  margin-bottom: 0;
  line-height: 1;
  margin-right: 10px;
}

.sec_fv .date_event02 {
  margin-bottom: 0;
  text-align: center;
  line-height: 1;
}

.sec_fv .date_event02 .event02_txt02 {
  font-size: 16pt;
  font-family: "Outfit", sans-serif;
  letter-spacing: 1px;
  line-height: 0;
  position: relative;
  bottom: -3px;
}

.sec_fv .event02_txt01 {
  background: #3e3a39;
  min-width: 131px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 13pt;
  letter-spacing: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: bold;
  line-height: 1;
  padding: 3px 0 1px 0;
}
/*-- /fv -----------------------------------
------------------------------------------*/

@media screen and (max-width:768px) {

  /*-- fv -----------------------------------
  ------------------------------------------*/
  .sec_fv {
    background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/20260204/fv_bg_sp.jpg) no-repeat top center;
    background-size: cover;
    min-height: 100%;
  }

  .sec_fv .inner {
    padding: 0;
  }

  .sec_fv .fx_text01 {
    font-size: 5.3vw;
  }

  .sec_fv .fv_text {
    top: 18vw;
    position: unset;
    padding: 5vw 4vw 7vw 4vw;
    letter-spacing: 0;
  }

  .border_txt {
    border-width: 1px;
  }

  .sec_fv .fx_text02 {
    font-size: 8vw;
    margin: 3vw 0 0 0;
  }

  .sec_fv .fx_text03 {
    font-size: 10.5vw;
    margin: 6vw 0 0 0;
    letter-spacing: -0.5vw;
  }

  .sec_fv .fx_text03 .cl_y {
    padding-left: 4vw
  }

  .size60 {
    font-size: 16vw;
  }

  .sign {
    top: 14vw;
  }

  .sign.left {
    margin-left: -4vw;
  }

  .sec_fv .box_obc .txt01 {
    font-size: 11vw;
    line-height: 0.85;
    text-align: center;
    height: auto;
  }

  .sec_fv .box_obc {
    width: 100%;
    height: auto;
    background: #cf9817;
    padding: 1vw 0;
    margin-top: 4vw;
  }

  .sec_fv .box_obc .txt02 {
    font-size: 8vw;
    right: 0;
    margin-top: -5vw;
  }

  .sec_fv .fv_event {
    margin-right: 0;
    margin-top: 5vw;
  }

  .sec_fv .txt_event {
    font-size: 4.2vw;
    font-weight: bold;
    padding: 0 2vw;
    height: 10vw;
    min-width: auto;
  }

  .sec_fv .date_event02 .event02_txt02 {
    font-size: 4vw;
  }

  .sec_fv .event02_txt01 {
    font-size: 4vw;
    min-width: 25vw;
    padding: 2px 0;
  }

  .sec_fv .date_event01 {
    font-size: 12vw;
  }

  .sec_fv .date_event {
    margin-right: 4vw;
  }

  /*-- /fv ----------------------------------
  ------------------------------------------*/
}