@charset "UTF-8";
/* production date 2025/11/10 ~ 2026/01/22 */
/* ヘルプ用 scss */
/*----------------------------------------------------------------------------------------------------------------
media query
----------------------------------------------------------------------------------------------------------------*/
/* variable declaration */
/* main margin */
/* main padding */
/*----------------------------------------------------------------------------------------------------------------
variable declaration / mixin
----------------------------------------------------------------------------------------------------------------*/
/* color */
/* gradient */
/* underline */
/* drop-shadow */
/* tx drop-shadow */
/* font */
/* hover transition */
/* img */
/*----------------------------------------------------------------------------------------------------------------
help
----------------------------------------------------------------------------------------------------------------*/
/* position */
.hp_position--abs {
  position: absolute !important;
}
@media screen and (max-width: 1000px) {
  .hp_position--abs {
    position: relative !important;
  }
}

/* display */
/* block(pc) */
.hp_displayNone--pc-1600px {
  display: none !important;
}
@media screen and (max-width: 1600px) {
  .hp_displayNone--pc-1600px {
    display: block !important;
  }
}

.hp_displayNone--pc-1300px {
  display: none !important;
}
@media screen and (max-width: 1300px) {
  .hp_displayNone--pc-1300px {
    display: block !important;
  }
}

.hp_displayNone--pc-1200px {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .hp_displayNone--pc-1200px {
    display: block !important;
  }
}

.hp_displayNone--pc-1100px {
  display: none !important;
}
@media screen and (max-width: 1100px) {
  .hp_displayNone--pc-1100px {
    display: block !important;
  }
}

.hp_displayBlock--sp1000px {
  display: none !important;
}
@media screen and (max-width: 1000px) {
  .hp_displayBlock--sp1000px {
    display: block !important;
  }
}

.hp_displayNone--pc-992px {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .hp_displayNone--pc-992px {
    display: block !important;
  }
}

.hp_displayBlock--sp992px {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .hp_displayBlock--sp992px {
    display: block !important;
  }
}

.hp_displayNone--pc-768px {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .hp_displayNone--pc-768px {
    display: block !important;
  }
}

.hp_displayNone--pc-750px {
  display: none !important;
}
@media screen and (max-width: 750px) {
  .hp_displayNone--pc-750px {
    display: block !important;
  }
}

.hp_displayNone--pc-650px {
  display: none !important;
}
@media screen and (max-width: 650px) {
  .hp_displayNone--pc-650px {
    display: block !important;
  }
}

.hp_displayNone--pc-576px {
  display: none !important;
}
@media screen and (max-width: 576px) {
  .hp_displayNone--pc-576px {
    display: block !important;
  }
}

.hp_displayBlock--sp576px {
  display: none !important;
}
@media screen and (max-width: 576px) {
  .hp_displayBlock--sp576px {
    display: block !important;
  }
}

/* none(sp) */
@media screen and (max-width: 1200px) {
  .hp_displayNone--sp1200px {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  .hp_displayNone--sp1000px {
    display: none !important;
  }
}

@media screen and (max-width: 992px) {
  .hp_displayNone--sp992px {
    display: none !important;
  }
}

@media screen and (max-width: 576px) {
  .hp_displayNone--sp576px {
    display: none !important;
  }
}

/* flex */
.hp_flex {
  display: flex;
}

.hp_flex--spaceBetween {
  justify-content: space-between !important;
}

.hp_flex--contentCenter {
  justify-content: center !important;
}

.hp_flex--contentStart {
  justify-content: start !important;
}

.hp_flex--contentEnd {
  justify-content: end !important;
}

@media screen and (max-width: 1000px) {
  .hp_flex--1000px {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 1100px) {
  .hp_flex--contentCenter-sp {
    justify-content: center !important;
  }
}

/* margin */
.hp_marginNone {
  margin: 0 !important;
}

.hp_margin--lastChild {
  margin-left: 1.8vw !important;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .hp_margin--lastChild {
    margin-left: auto !important;
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .hp_margin--lastChild {
    margin-top: 30px;
  }
}

.hp_marginTop--none {
  margin-top: 0 !important;
}

.hp_marginTop--6vh {
  margin-top: 6vh;
}

.hp_paddingTop--60px {
  padding-top: 60px !important;
}
@media screen and (max-width: 576px) {
  .hp_paddingTop--60px {
    padding-top: 40px !important;
  }
}

.hp_marginTop--m50px {
  margin-top: -50px !important;
}
@media screen and (max-width: 768px) {
  .hp_marginTop--m50px {
    margin-top: -40px !important;
  }
}

.hp_marginTop--m40px {
  margin-top: -40px !important;
}
@media screen and (max-width: 768px) {
  .hp_marginTop--m40px {
    margin-top: -30px !important;
  }
}

.hp_marginLeft--none {
  margin-left: 0 !important;
}

.hp_marginRight--none {
  margin-right: 0 !important;
}

.hp_marginBottom--10px {
  margin-bottom: 10px;
}

/* padding */
.hp_paddingTop--none {
  padding-top: 0 !important;
}

.hp_paddingBottom--none {
  padding-bottom: 0 !important;
}

/* width height */
.hp_width--90px {
  width: 90px !important;
}

.hp_height--recruitFvBottom {
  height: 12vh !important;
}

.hp_height--recruitFvInner {
  height: 88vh !important;
}

/* color */
.hp_color--blueGreen {
  color: #00BAA5 !important;
}

.hp_color--black {
  color: #37485A !important;
}

.hp_color--white {
  color: #FFF !important;
}

.hp_bgColor--none {
  background: none !important;
}

.hp_bgColor--blueGreen {
  background: #00BAA5 !important;
}

.hp_bgColor--gra_black {
  background: linear-gradient(90deg, #37485A 0%, #51657A 100%) !important;
}

.hp_mixBlendMode--normal {
  mix-blend-mode: normal !important;
}

/* business color */
.hp_color--business01 {
  color: #7486FF !important;
}

.hp_bgColor--business01 {
  background: #7486FF !important;
}

.hp_color--business02 {
  color: #B4D700 !important;
}

.hp_bgColor--business02 {
  background: #B4D700 !important;
}

.hp_color--business03 {
  color: #FF9698 !important;
}

.hp_bgColor--business03 {
  background: #FF9698 !important;
}

/* bg color */
.hp_bgColor--black {
  background: linear-gradient(90deg, #37485A 0%, #51657A 100%) !important;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.hp_bgColor--black:hover {
  background: linear-gradient(-90deg, #37485A 0%, #51657A 100%) !important;
}

.hp_bgColor--black02 {
  background: linear-gradient(90deg, #37485A 0%, #51657A 100%) !important;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.hp_bgColor--white {
  background: #FFF !important;
}

.hp_bgColor--light-gray {
  background: #F8F8F8 !important;
}

.hp_bgColor--gra_BlueGreen-horizontal {
  background: linear-gradient(90deg, #00BAA5 0%, #B4D700 100%) !important;
}

/* tx */
.hp_txAlign--start {
  text-align: start !important;
}
@media screen and (max-width: 992px) {
  .hp_txAlign--start {
    text-align: center !important;
  }
}

.hp_fontS--16px{
	font-size: 16px!important;
}

.hp_fontW--500 {
  font-weight: 500 !important;
}

/* drop shadow */
.hp_dropShadow {
  box-shadow: 0 0 4px 0 rgba(55, 72, 90, 0.05);
}

/* border */
.hp_border--none {
  border: none !important;
}

/* z-index */
.hp_zIndex--1000 {
  z-index: 1000 !important;
}

/* transform */
.hp_translateY {
  transform: translateY(-121px);
}

/* hover focus */
.hp_hoverBgColor--lightGray:hover, .hp_hoverBgColor--lightGray:focus {
  background-color: #F8F8F8 !important;
}

/* opacity */
.hp_opacity--none{
	opacity: 0!important;
}