/*
* ideal-candidate-profile.scss
*/
/*
 * _setting.scss
 */
/*
 * _mixin.scss
 */
/* -----------------------------------
media query print
------------------------------------ */
/* -----------------------------------
media query ver1
------------------------------------ */
/* -----------------------------------
transition
------------------------------------ */
/* -----------------------------------
clearfix
------------------------------------ */
/* -----------------------------------
formFocus
------------------------------------ */
/* -----------------------------------
shadow
------------------------------------ */
/* -----------------------------------
vw
------------------------------------ */
[data-page-id=ideal-candidate-profile] {
  background: #f1683a;
}

@media screen and (min-width: 769px) {
  .secProfileHead {
    padding-top: min(210px, 15vw);
  }
}
@media screen and (max-width: 768px) {
  .secProfileHead {
    padding-top: 22.7864583333vw;
  }
}
@media screen and (min-width: 769px) {
  .secProfileHead_in {
    max-width: 78.2142857143vw;
  }
}
.secProfileHead_title {
  position: relative;
  z-index: 1;
}

.secProfile {
  background: #f1683a;
  padding: 0;
  overflow: hidden;
}
.secProfile_in {
  max-width: 100%;
  padding: 0;
}
.secProfile_cnt1 {
  position: relative;
}
@media screen and (max-width: 768px) {
  .secProfile_cnt1 {
    padding-bottom: 26.0416666667vw;
  }
}
@media screen and (min-width: 769px) {
  .secProfile_profile {
    width: 800%;
    height: 100vh;
    display: flex;
    flex-wrap: nowrap;
    will-change: auto;
  }
}
.secProfile_profile_item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item {
    height: inherit;
    padding-bottom: 7.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item {
    padding: 13.0208333333vw 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item.-page > ._bg {
    display: block;
    width: 500%;
    height: 500%;
    background: #f48661;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0%;
    border-radius: 100%;
    transform: translate(-1.5%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._bg {
    display: block;
    width: 500%;
    height: 500%;
    background: #f48661;
    position: absolute;
    z-index: 0;
    top: 0%;
    left: 50%;
    border-radius: 100%;
    transform: translate(-50%, -0.5%);
    transition: 1.6s ease;
  }
  .secProfile_profile_item.-page > ._bg.is-animate {
    transform: translate(-50%, -20%);
  }
}
.secProfile_profile_item.-page:nth-of-type(2) > ._bg, .secProfile_profile_item.-page:nth-of-type(4) > ._bg, .secProfile_profile_item.-page:nth-of-type(6) > ._bg, .secProfile_profile_item.-page:nth-of-type(8) > ._bg {
  background: #f1683a;
}
.secProfile_profile_item.-page > ._cnt {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item.-page > ._cnt {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 61.4285714286vw;
    margin: 0 auto;
  }
}
.secProfile_profile_item.-page > ._cnt > ._img {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item.-page > ._cnt > ._img {
    min-width: 26.0714285714vw;
    flex-basis: 26.0714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._img {
    width: 49.4791666667vw;
    margin: 0 auto;
  }
}
.secProfile_profile_item.-page > ._cnt > ._img ._spark {
  display: block;
  width: 43vw;
  height: 27.8214285714vw;
  background: url(../img/ideal-candidate-profile/profile_bg.webp) no-repeat center/contain;
  position: absolute;
  z-index: 1;
}
.secProfile_profile_item.-page > ._cnt > ._img ._spark.-type2 {
  background: url(../img/ideal-candidate-profile/profile_bg2.webp) no-repeat center/contain;
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item.-page > ._cnt > ._img ._spark {
    bottom: 0;
    left: 0;
    transform: translate(-30%, -12%);
  }
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._img ._spark {
    width: 100vw;
    height: 60vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    transition: 1s ease-in-out;
    transform-origin: center;
    filter: blur(10px);
    opacity: 0;
  }
  .secProfile_profile_item.-page > ._cnt > ._img ._spark.is-animate {
    transform: translate(-50%, -50%);
    opacity: 1;
    filter: blur(0px);
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .secProfile_profile_item.-page > ._cnt > ._txt {
    padding-left: 8.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt {
    margin-top: 9.1145833333vw;
    text-align: center;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  background: #000;
  border-radius: 7.1428571429vw;
  padding-right: 1.7857142857vw;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._category {
    border-radius: 13.0208333333vw;
    padding-right: 5.859375vw;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico {
  position: relative;
  width: 2.2857142857vw;
  height: 2.2857142857vw;
  display: block;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico {
    width: 6.7708333333vw;
    height: 6.7708333333vw;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico svg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  width: 70%;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico svg .cls-1 {
  transition: 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico svg {
    width: 70%;
    height: 70%;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category ._ico::after {
  transition: 0.2s ease-in-out;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category ._txt {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  font-size: 1.1428571429vw;
  line-height: 1;
  margin-left: 1.0714285714vw;
  margin-bottom: 0.2142857143vw;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._category ._txt {
    margin-bottom: 0.390625vw;
    margin-left: 3.2552083333vw;
    font-size: 3.125vw;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate1 {
  background: #00a9ce;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate1 ._ico .cls-1 {
  fill: #00a9ce;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate2 {
  background: #e81c24;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate2 ._ico .cls-1 {
  fill: #e81c24;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate3 {
  background: #20b59d;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate3 ._ico .cls-1 {
  fill: #20b59d;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate4 {
  background: #4485ff;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate4 ._ico .cls-1 {
  fill: #4485ff;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate5 {
  background: #ff97b8;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate5 ._ico .cls-1 {
  fill: #ff97b8;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate6 {
  background: #ffb500;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate6 ._ico .cls-1 {
  fill: #ffb500;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate7 {
  background: #00a334;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._category.-cate7 ._ico .cls-1 {
  fill: #00a334;
}
.secProfile_profile_item.-page > ._cnt > ._txt ._title {
  margin-top: 1.7857142857vw;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  font-size: 1.7142857143vw;
  line-height: 1.5217391304;
  letter-spacing: 0.07em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._title {
    margin-top: 3.90625vw;
    font-size: 3.90625vw;
  }
}
.secProfile_profile_item.-page > ._cnt > ._txt ._body {
  margin-top: 2.5vw;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  font-size: 1.1428571429vw;
  line-height: 2;
  letter-spacing: 0.07em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .secProfile_profile_item.-page > ._cnt > ._txt ._body {
    width: 65.1041666667vw;
    margin: 3.90625vw auto 0;
    font-size: 2.9947916667vw;
    text-align: left;
  }
}
.secProfile_nav {
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .secProfile_nav {
    transition: 0.2s ease-in-out;
    bottom: min(90px, 6.4285714286vw);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
  .secProfile_nav.is-visible {
    position: fixed;
  }
}
@media screen and (max-width: 768px) {
  .secProfile_nav {
    transition: 0.2s ease-in-out;
    bottom: 11.71875vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .secProfile_nav.is-visible {
    position: fixed;
  }
}
.secProfile_nav ul {
  display: flex;
  justify-content: center;
}
.secProfile_nav ul > li {
  user-select: none;
  cursor: pointer;
  position: relative;
  width: 3.0714285714vw;
  height: 3.0714285714vw;
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li {
    width: 8.203125vw;
    height: 8.203125vw;
  }
}
.secProfile_nav ul > li + li {
  margin-left: 1.7857142857vw;
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li + li {
    margin-left: 3.2552083333vw;
  }
}
.secProfile_nav ul > li + li::before {
  content: "";
  display: block;
  width: 1.7857142857vw;
  height: 0px;
  border-top: 0.0714285714vw dotted #fff;
  position: absolute;
  z-index: 1;
  top: 1.5vw;
  left: -1.7857142857vw;
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li + li::before {
    width: 3.2552083333vw;
    top: 3.90625vw;
    left: -3.2552083333vw;
  }
}
.secProfile_nav ul > li ._ico {
  position: relative;
  display: block;
  width: 3.0714285714vw;
  height: 3.0714285714vw;
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li ._ico {
    width: 8.203125vw;
    height: 8.203125vw;
  }
}
.secProfile_nav ul > li ._ico svg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  width: 75%;
}
.secProfile_nav ul > li ._ico svg .cls-1 {
  transition: 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li ._ico svg {
    width: 50%;
    height: 50%;
    object-fit: contain;
  }
}
.secProfile_nav ul > li ._ico::after {
  transition: 0.2s ease-in-out;
  content: "";
  display: block;
  width: 0%;
  height: 0%;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.secProfile_nav ul > li.is-current ._ico::after, .secProfile_nav ul > li:hover ._ico::after {
  width: 100%;
  height: 100%;
}
.secProfile_nav ul > li:hover ._txt {
  z-index: 2;
}
.secProfile_nav ul > li ._txt {
  transition: 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
  display: block;
  text-align: center;
  width: fit-content;
  background: #fff;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  font-size: 1.1rem;
  font-size: 0.7857142857vw;
  line-height: 1.1;
  white-space: nowrap;
  letter-spacing: normal;
}
@media screen and (min-width: 769px) {
  .secProfile_nav ul > li ._txt {
    min-width: 5.5vw;
    border-radius: 0.3571428571vw;
    padding: 0.7142857143vw 0.4285714286vw;
    margin-top: 0.7142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li ._txt {
    font-size: 2.34375vw;
    border-radius: 0.6510416667vw;
    padding: 1.3020833333vw 0.78125vw;
    margin-top: 1.3020833333vw;
  }
}
.secProfile_nav ul > li ._txt::before {
  content: "";
  display: block;
  width: 0.5714285714vw;
  height: 0.5714285714vw;
  background: #fff;
  border-radius: 1px;
  position: absolute;
  z-index: 0;
  top: -0.2857142857vw;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .secProfile_nav ul > li ._txt::before {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    top: -0.5208333333vw;
  }
}
.secProfile_nav ul > li.-ico1 ._txt {
  color: #00a9ce;
}
.secProfile_nav ul > li.-ico1.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico1:hover ._ico .cls-1 {
  fill: #00a9ce;
}
.secProfile_nav ul > li.-ico1.is-current ._txt, .secProfile_nav ul > li.-ico1:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico2 ._txt {
  color: #e81c24;
}
.secProfile_nav ul > li.-ico2.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico2:hover ._ico .cls-1 {
  fill: #e81c24;
}
.secProfile_nav ul > li.-ico2.is-current ._txt, .secProfile_nav ul > li.-ico2:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico3 ._txt {
  color: #20b59d;
}
.secProfile_nav ul > li.-ico3.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico3:hover ._ico .cls-1 {
  fill: #20b59d;
}
.secProfile_nav ul > li.-ico3.is-current ._txt, .secProfile_nav ul > li.-ico3:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico4 ._txt {
  color: #4485ff;
}
.secProfile_nav ul > li.-ico4.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico4:hover ._ico .cls-1 {
  fill: #4485ff;
}
.secProfile_nav ul > li.-ico4.is-current ._txt, .secProfile_nav ul > li.-ico4:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico5 ._txt {
  color: #ff97b8;
}
.secProfile_nav ul > li.-ico5.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico5:hover ._ico .cls-1 {
  fill: #ff97b8;
}
.secProfile_nav ul > li.-ico5.is-current ._txt, .secProfile_nav ul > li.-ico5:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico6 ._txt {
  color: #ffb500;
}
.secProfile_nav ul > li.-ico6.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico6:hover ._ico .cls-1 {
  fill: #ffb500;
}
.secProfile_nav ul > li.-ico6.is-current ._txt, .secProfile_nav ul > li.-ico6:hover ._txt {
  opacity: 1;
}
.secProfile_nav ul > li.-ico7 ._txt {
  color: #00a334;
}
.secProfile_nav ul > li.-ico7.is-current ._ico .cls-1, .secProfile_nav ul > li.-ico7:hover ._ico .cls-1 {
  fill: #00a334;
}
.secProfile_nav ul > li.-ico7.is-current ._txt, .secProfile_nav ul > li.-ico7:hover ._txt {
  opacity: 1;
}/*# sourceMappingURL=ideal-candidate-profile.css.map */