@charset "UTF-8";
/* line 5, ../../../../src/page/entry/css/screen.scss */
#career_main div, #career_main span, #career_main applet, #career_main object, #career_main iframe,
#career_main h1, #career_main h2, #career_main h3, #career_main h4, #career_main h5, #career_main h6, #career_main p, #career_main blockquote, #career_main pre,
#career_main a, #career_main abbr, #career_main acronym, #career_main address, #career_main big, #career_main cite, #career_main code,
#career_main del, #career_main dfn, #career_main em, #career_main img, #career_main ins, #career_main kbd, #career_main q, #career_main s, #career_main samp,
#career_main small, #career_main strike, #career_main strong, #career_main sub, #career_main sup, #career_main tt, #career_main var,
#career_main b, #career_main u, #career_main i, #career_main center,
#career_main dl, #career_main dt, #career_main dd, #career_main ol, #career_main ul, #career_main li,
#career_main fieldset, #career_main form, #career_main label, #career_main legend,
#career_main table, #career_main caption, #career_main tbody, #career_main tfoot, #career_main thead, #career_main tr, #career_main th, #career_main td,
#career_main article, #career_main aside, #career_main canvas, #career_main details, #career_main embed,
#career_main figure, #career_main figcaption, #career_main footer, #career_main header, #career_main hgroup,
#career_main menu, #career_main nav, #career_main output, #career_main ruby, #career_main section, #career_main summary,
#career_main time, #career_main mark, #career_main audio, #career_main video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* line 25, ../../../../src/page/entry/css/screen.scss */
#career_main ol, #career_main ul {
  list-style: none;
}
/* line 28, ../../../../src/page/entry/css/screen.scss */
#career_main table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 32, ../../../../src/page/entry/css/screen.scss */
#career_main caption, #career_main th, #career_main td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
/* line 37, ../../../../src/page/entry/css/screen.scss */
#career_main q, #career_main blockquote {
  quotes: none;
}
/* line 40, ../../../../src/page/entry/css/screen.scss */
#career_main q:before, #career_main q:after, #career_main blockquote:before, #career_main blockquote:after {
  content: "";
  content: none;
}
/* line 44, ../../../../src/page/entry/css/screen.scss */
#career_main a img {
  border: none;
}
/* line 47, ../../../../src/page/entry/css/screen.scss */
#career_main article, #career_main aside, #career_main details, #career_main figcaption, #career_main figure, #career_main footer, #career_main header, #career_main hgroup, #career_main menu, #career_main nav, #career_main section, #career_main summary {
  display: block;
}

/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
/*
@include animation(rotate 10s linear infinite);
*/
@-webkit-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bar_txt_open {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@-moz-keyframes bar_txt_open {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes bar_txt_open {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@-webkit-keyframes bar_btn_open {
  0% {
    transform: translateX(-101%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-moz-keyframes bar_btn_open {
  0% {
    transform: translateX(-101%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes bar_btn_open {
  0% {
    transform: translateX(-101%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes bar_btn_close {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-101%);
  }
}
@-moz-keyframes bar_btn_close {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-101%);
  }
}
@keyframes bar_btn_close {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-101%);
  }
}
@-webkit-keyframes bar_txt_txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes bar_txt_txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bar_txt_txt {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bar_txt_close {
  0% {
    transform: translateX(101%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-moz-keyframes bar_txt_close {
  0% {
    transform: translateX(101%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes bar_txt_close {
  0% {
    transform: translateX(101%);
  }
  50% {
    transform: translateX(0%);
  }
  53% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes bar_txt_cover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes bar_txt_cover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bar_txt_cover {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bar_photo_cover {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes bar_photo_cover {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bar_photo_cover {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bar_photo_cover_pink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@-moz-keyframes bar_photo_cover_pink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes bar_photo_cover_pink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes bar_txt_open_up {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-101%);
  }
}
@-moz-keyframes bar_txt_open_up {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-101%);
  }
}
@keyframes bar_txt_open_up {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-101%);
  }
}
@-webkit-keyframes bar_txt_open_up_photo {
  0% {
    transform: translateY(102%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-102%);
  }
}
@-moz-keyframes bar_txt_open_up_photo {
  0% {
    transform: translateY(102%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-102%);
  }
}
@keyframes bar_txt_open_up_photo {
  0% {
    transform: translateY(102%);
  }
  50% {
    transform: translateY(0%);
  }
  53% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-102%);
  }
}
@-webkit-keyframes scroll_arr {
  0% {
    opacity: 0;
    transform: rotate(90deg) translateX(0%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg) translateX(4%);
  }
}
@-moz-keyframes scroll_arr {
  0% {
    opacity: 0;
    transform: rotate(90deg) translateX(0%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg) translateX(4%);
  }
}
@keyframes scroll_arr {
  0% {
    opacity: 0;
    transform: rotate(90deg) translateX(0%);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg) translateX(4%);
  }
}
@-webkit-keyframes scroll_arr2 {
  0% {
    opacity: 0;
    transform: translateY(0vw);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1vw);
  }
}
@-moz-keyframes scroll_arr2 {
  0% {
    opacity: 0;
    transform: translateY(0vw);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1vw);
  }
}
@keyframes scroll_arr2 {
  0% {
    opacity: 0;
    transform: translateY(0vw);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1vw);
  }
}
/*color*/
/*anim*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
/* line 3, ../../../../src/cmn/css/_all.scss */
.g-footer {
  position: relative;
  z-index: 1;
}

/* line 7, ../../../../src/cmn/css/_all.scss */
.topic-path-list {
  opacity: 0;
  transition: all 0.3s;
  transition-timing-function: linear;
}
/* line 10, ../../../../src/cmn/css/_all.scss */
.topic-path-list.open {
  opacity: 1;
}

/* line 14, ../../../../src/cmn/css/_all.scss */
.chapter-footer {
  opacity: 0;
  transition: all 0.3s;
  transition-timing-function: linear;
  position: relative;
  z-index: 1;
}
/* line 19, ../../../../src/cmn/css/_all.scss */
.chapter-footer.open {
  opacity: 1;
}

/* line 23, ../../../../src/cmn/css/_all.scss */
.main-wrapper {
  box-sizing: border-box;
}

/* line 26, ../../../../src/cmn/css/_all.scss */
#career_main {
  overflow: hidden;
}
/* line 28, ../../../../src/cmn/css/_all.scss */
#career_main .hide {
  display: none !important;
}
/* line 31, ../../../../src/cmn/css/_all.scss */
#career_main .complete {
  display: none !important;
}

/* line 35, ../../../../src/cmn/css/_all.scss */
#career_main {
  z-index: 1;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  color: #333333;
  position: relative;
  width: 100%;
  opacity: 0;
  font-feature-settings: "palt";
}
/* line 43, ../../../../src/cmn/css/_all.scss */
#career_main ::selection {
  background: #BFC9D9;
}
/* line 44, ../../../../src/cmn/css/_all.scss */
#career_main ::-moz-selection {
  background: #BFC9D9;
}
/* line 45, ../../../../src/cmn/css/_all.scss */
#career_main img::selection {
  background: none;
}
/* line 46, ../../../../src/cmn/css/_all.scss */
#career_main img::-moz-selection {
  background: none;
}
/* line 48, ../../../../src/cmn/css/_all.scss */
#career_main a {
  text-decoration: none;
}
/* line 51, ../../../../src/cmn/css/_all.scss */
#career_main img {
  width: 100%;
}
/* line 54, ../../../../src/cmn/css/_all.scss */
#career_main section {
  position: relative;
  z-index: 10;
}

/*size*/
@media screen and (min-width: 1281px) {
  /* line 2, ../../../../src/cmn/css/_pc.scss */
  #career_main a {
    cursor: pointer;
  }

  /* line 8, ../../../../src/cmn/css/_pc.scss */
  #career_main .sp_view_i {
    display: none !important;
  }
  /* line 9, ../../../../src/cmn/css/_pc.scss */
  #career_main .sp_view {
    display: none !important;
  }
  /* line 10, ../../../../src/cmn/css/_pc.scss */
  #career_main img {
    width: 100%;
  }
  /* line 13, ../../../../src/cmn/css/_pc.scss */
  #career_main .slidein {
    opacity: 0;
    transform: translateY(300px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 17, ../../../../src/cmn/css/_pc.scss */
  #career_main .slidein.open {
    opacity: 1;
    transform: translateY(0px);
  }
  /* line 22, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus {
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: linear;
  }
  /* line 27, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open {
    opacity: 1;
  }
  /* line 30, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 33, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 36, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(3) {
    transform: translateX(0%);
  }
  /* line 39, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 46, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(1) {
    transform: translateX(400%);
  }
  /* line 49, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 52, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 55, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 61, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 64, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 67, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(3) {
    transform: translateX(-100%);
  }
  /* line 70, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 78, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 81, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 84, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(3) {
    transform: translateX(0%);
  }
  /* line 87, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 94, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(1) {
    transform: translateX(400%);
  }
  /* line 97, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 100, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 103, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 109, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 112, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 115, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(3) {
    transform: translateX(-100%);
  }
  /* line 118, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 123, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case {
    position: relative;
    width: 100%;
    line-height: 0;
  }
  /* line 127, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 1.2s;
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 133, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case img:nth-of-type(1) {
    position: relative;
  }
  /* line 139, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj {
    display: none;
  }
  /* line 143, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.up:after {
    transform: translateY(101%);
  }
  /* line 147, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.up.open:after {
    -webkit-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 152, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.open {
    display: block;
  }
  /* line 154, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 159, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.close:after {
    -webkit-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 164, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.pink:after {
    background: #FF86A9;
  }
  /* line 168, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 179, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt {
    position: relative;
    overflow: hidden;
  }
  /* line 183, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.open:before {
    -webkit-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 186, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 191, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.pink:after {
    background: #FF86A9;
  }
  /* line 195, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #ffffff;
    z-index: 3;
    left: 0;
    top: 1%;
  }
  /* line 206, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 220, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  /* line 226, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.open span {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 229, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 234, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.pink:after {
    background: #FF86A9;
  }
  /* line 238, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2 span {
    opacity: 0;
    display: inline-block;
  }
  /* line 242, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 256, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry {
    position: fixed;
    right: 0;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 11;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 263, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry.passive {
    pointer-events: none;
    transform: translateY(-50%) translateX(100%);
  }
  /* line 267, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a {
    display: block;
    width: 48px;
    height: 175px;
    background: #FF86A9;
    position: relative;
    overflow: hidden;
  }
  /* line 274, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover {
    background: #BFC9D9;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-delay: 0.3s;
  }
  /* line 283, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover:before {
    z-index: 2;
    transform: translateX(0%);
  }
  /* line 288, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover span:after {
    right: -12px;
  }
  /* line 291, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover span:before {
    opacity: 1;
    transition: all 0.3s;
    right: 17px;
  }
  /* line 298, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:after {
    z-index: 2;
    content: "";
    display: none;
    width: 101%;
    height: 101%;
    background: #FF86A9;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 311, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:before {
    z-index: 1;
    content: "";
    display: block;
    width: 102%;
    height: 102%;
    background: #BFC9D9;
    position: absolute;
    top: -1%;
    left: -1%;
    transform: translateX(-102%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 324, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span {
    color: #ffffff;
    display: block;
    width: 48px;
    height: 175px;
    position: relative;
    z-index: 3;
  }
  /* line 331, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span img {
    width: 11px;
    position: relative;
    top: 27px;
    left: 19px;
  }
  /* line 337, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 142px;
    transform: translateY(-50%);
    right: 17px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 350, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    opacity: 0;
    top: 142px;
    transform: translateY(-50%);
    right: 50px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition: all 0.3s;
  }
  /* line 368, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv {
    margin: 0 auto;
    display: block;
    width: 160px;
    height: 40px;
    position: relative;
    background: #BFC9D9;
    font-weight: 400;
    cursor: pointer;
    overflow: hidden;
  }
  /* line 379, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.btn_entry img {
    width: 54px;
  }
  /* line 383, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink {
    background: #FF86A9;
  }
  /* line 385, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink:after {
    background: #FF86A9;
  }
  /* line 388, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink:before {
    background: #BFC9D9;
  }
  /* line 394, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover:after {
    z-index: 1;
    transform: translateX(-101%);
  }
  /* line 398, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover:before {
    z-index: 2;
    transform: translateX(0%);
  }
  /* line 403, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover span:after {
    right: -1vw;
  }
  /* line 406, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover span:before {
    opacity: 1;
    transition: all 0.3s;
    right: 0.9375vw;
  }
  /* line 413, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:after {
    z-index: 2;
    content: "";
    display: block;
    display: none;
    width: 101%;
    height: 101%;
    background: #BFC9D9;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 427, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:before {
    z-index: 1;
    content: "";
    display: block;
    width: 102%;
    height: 102%;
    background: #FF86A9;
    position: absolute;
    top: -1%;
    left: -1%;
    transform: translateX(-102%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 440, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 3;
  }
  /* line 449, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span img {
    width: 79px;
  }
  /* line 452, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 465, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition: all 0.3s;
  }
  /* line 482, ../../../../src/cmn/css/_pc.scss */
  #career_main #member {
    padding-top: 13px;
    padding-bottom: 115px;
  }
  /* line 485, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 491, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item {
    width: 251px;
    height: 450px;
    margin-bottom: 100px;
    position: relative;
  }
  /* line 499, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover section figure:before {
    -webkit-animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 503, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover section figure.open .cover {
    -webkit-animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 517, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover.pink section figure:before {
    -webkit-animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 528, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure .cover {
    background: rgba(255, 134, 169, 0.5);
  }
  /* line 531, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure:after {
    background: #FF86A9;
    transform: translateY(102%);
  }
  /* line 535, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure:before {
    background: #FF86A9;
  }
  /* line 539, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 547, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  /* line 556, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:nth-of-type(2), #career_main #member .items .item:nth-of-type(4), #career_main #member .items .item:nth-of-type(6), #career_main #member .items .item:nth-of-type(8), #career_main #member .items .item:nth-of-type(10), #career_main #member .items .item:nth-of-type(12) {
    top: 60px;
  }
  /* line 560, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure {
    width: 100%;
    height: 314px;
    margin-bottom: 16px;
    line-height: 0;
    position: relative;
    overflow: hidden;
  }
  /* line 568, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure .cover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 1;
    left: 0;
    top: 0;
    mix-blend-mode: color;
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: linear;
  }
  /* line 582, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure.open img {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 585, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure.open:after {
    -webkit-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 590, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 0;
    transform: translateX(102%);
    z-index: 4;
  }
  /* line 603, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 0;
    transform: translateX(102%);
    z-index: 4;
  }
  /* line 616, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure img {
    object-fit: cover;
    opacity: 0;
  }
  /* line 621, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .ttl {
    text-align: left;
    margin-bottom: 1px;
    display: inline-block;
  }
  /* line 625, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .ttl span {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #FF86A9;
    display: inline-block;
  }
  /* line 633, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos {
    display: inline-block;
  }
  /* line 635, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos span {
    font-size: 14px;
    line-height: 23px;
    display: inline-block;
  }
  /* line 640, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos .m {
    display: none;
  }
  /* line 649, ../../../../src/cmn/css/_pc.scss */
  #career_main #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    z-index: 1001;
    top: 0;
    left: 0;
  }
  /* line 657, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    cursor: pointer;
    top: -57px;
    left: 50%;
    z-index: 2000;
    transform: translateX(457px);
  }
  /* line 667, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close span, #career_main #float .close:before, #career_main #float .close:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ffffff;
    content: "";
  }
  /* line 674, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close span {
    width: 100%;
  }
  /* line 677, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close:before {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 683, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close:after {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 691, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box {
    position: relative;
    overflow: visible;
    width: 100%;
    float: left;
    z-index: 1000;
    width: 1000px;
    margin: 0 auto;
    height: 38vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
  }
  /* line 702, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 38vw;
    background: #ffffff;
  }
  /* line 709, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
  }
  /* line 715, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .block {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 95px 45px 95px 70px;
  }
  /* line 722, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .b1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../cmn/img/float_line.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
  }
  /* line 764, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .ttl {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 28px;
    width: 528px;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
  }
  /* line 771, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .txt {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 28px;
    margin-bottom: 52px;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
  }
  /* line 778, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .outro {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  /* line 784, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .outro img {
    width: 690px;
    display: inline-block;
  }
  /* line 795, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .logo {
    width: 132px;
  }
  /* line 802, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(51, 51, 51, 0.9);
    z-index: 1;
  }
  /* line 811, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .iScrollIndicator {
    background: #BFC9D9 !important;
    right: 3px;
  }
}
/*size*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* line 2, ../../../../src/cmn/css/_pc.scss */
  #career_main a {
    cursor: pointer;
  }

  /* line 8, ../../../../src/cmn/css/_pc.scss */
  #career_main .sp_view_i {
    display: none !important;
  }
  /* line 9, ../../../../src/cmn/css/_pc.scss */
  #career_main .sp_view {
    display: none !important;
  }
  /* line 10, ../../../../src/cmn/css/_pc.scss */
  #career_main img {
    width: 100%;
  }
  /* line 13, ../../../../src/cmn/css/_pc.scss */
  #career_main .slidein {
    opacity: 0;
    transform: translateY(23.4375vw);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 17, ../../../../src/cmn/css/_pc.scss */
  #career_main .slidein.open {
    opacity: 1;
    transform: translateY(0vw);
  }
  /* line 22, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus {
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: linear;
  }
  /* line 27, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open {
    opacity: 1;
  }
  /* line 30, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 33, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 36, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(3) {
    transform: translateX(0%);
  }
  /* line 39, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 46, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(1) {
    transform: translateX(400%);
  }
  /* line 49, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 52, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 55, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 61, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 64, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 67, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(3) {
    transform: translateX(-100%);
  }
  /* line 70, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn1 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 78, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 81, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 84, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(3) {
    transform: translateX(0%);
  }
  /* line 87, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 94, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(1) {
    transform: translateX(400%);
  }
  /* line 97, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 100, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 103, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 109, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 112, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 115, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(3) {
    transform: translateX(-100%);
  }
  /* line 118, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus.ptn2 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 123, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case {
    position: relative;
    width: 100%;
    line-height: 0;
  }
  /* line 127, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 1.2s;
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 133, ../../../../src/cmn/css/_pc.scss */
  #career_main .plus .case img:nth-of-type(1) {
    position: relative;
  }
  /* line 139, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj {
    display: none;
  }
  /* line 143, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.up:after {
    transform: translateY(101%);
  }
  /* line 147, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.up.open:after {
    -webkit-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 152, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.open {
    display: block;
  }
  /* line 154, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 159, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.close:after {
    -webkit-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 164, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj.pink:after {
    background: #FF86A9;
  }
  /* line 168, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_obj:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 179, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt {
    position: relative;
    overflow: hidden;
  }
  /* line 183, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.open:before {
    -webkit-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 186, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 191, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt.pink:after {
    background: #FF86A9;
  }
  /* line 195, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #ffffff;
    z-index: 3;
    left: 0;
    top: 1%;
  }
  /* line 206, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 220, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  /* line 226, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.open span {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 229, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 234, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2.pink:after {
    background: #FF86A9;
  }
  /* line 238, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2 span {
    opacity: 0;
    display: inline-block;
  }
  /* line 242, ../../../../src/cmn/css/_pc.scss */
  #career_main .bar_txt2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 256, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry {
    position: fixed;
    right: 0;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 11;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 263, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry.passive {
    pointer-events: none;
    transform: translateY(-50%) translateX(100%);
  }
  /* line 267, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a {
    display: block;
    width: 3.75vw;
    height: 13.67188vw;
    background: #FF86A9;
    position: relative;
    overflow: hidden;
  }
  /* line 274, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover {
    background: #BFC9D9;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-delay: 0.3s;
  }
  /* line 283, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover:before {
    z-index: 2;
    transform: translateX(0%);
  }
  /* line 288, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover span:after {
    right: -0.9375vw;
  }
  /* line 291, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:hover span:before {
    opacity: 1;
    transition: all 0.3s;
    right: 1.32813vw;
  }
  /* line 298, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:after {
    z-index: 2;
    content: "";
    display: none;
    width: 101%;
    height: 101%;
    background: #FF86A9;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 311, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a:before {
    z-index: 1;
    content: "";
    display: block;
    width: 102%;
    height: 102%;
    background: #BFC9D9;
    position: absolute;
    top: -1%;
    left: -1%;
    transform: translateX(-102%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 324, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span {
    color: #ffffff;
    display: block;
    width: 3.75vw;
    height: 13.67188vw;
    position: relative;
    z-index: 3;
  }
  /* line 331, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span img {
    width: 0.85938vw;
    position: relative;
    top: 2.10938vw;
    left: 1.48438vw;
  }
  /* line 337, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span:after {
    content: "";
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 11.09375vw;
    transform: translateY(-50%);
    right: 1.32813vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 350, ../../../../src/cmn/css/_pc.scss */
  #career_main #entry a span:before {
    content: "";
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    opacity: 0;
    top: 11.09375vw;
    transform: translateY(-50%);
    right: 3.90625vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition: all 0.3s;
  }
  /* line 368, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv {
    margin: 0 auto;
    display: block;
    width: 12.5vw;
    height: 3.125vw;
    position: relative;
    background: #BFC9D9;
    font-weight: 400;
    cursor: pointer;
    overflow: hidden;
  }
  /* line 379, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.btn_entry img {
    width: 4.21875vw;
  }
  /* line 383, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink {
    background: #FF86A9;
  }
  /* line 385, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink:after {
    background: #FF86A9;
  }
  /* line 388, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv.pink:before {
    background: #BFC9D9;
  }
  /* line 394, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover:after {
    z-index: 1;
    transform: translateX(-101%);
  }
  /* line 398, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover:before {
    z-index: 2;
    transform: translateX(0%);
  }
  /* line 403, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover span:after {
    right: -1vw;
  }
  /* line 406, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:hover span:before {
    opacity: 1;
    transition: all 0.3s;
    right: 0.9375vw;
  }
  /* line 413, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:after {
    z-index: 2;
    content: "";
    display: block;
    display: none;
    width: 101%;
    height: 101%;
    background: #BFC9D9;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 427, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv:before {
    z-index: 1;
    content: "";
    display: block;
    width: 102%;
    height: 102%;
    background: #FF86A9;
    position: absolute;
    top: -1%;
    left: -1%;
    transform: translateX(-102%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 440, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 3;
  }
  /* line 449, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span img {
    width: 6.17188vw;
  }
  /* line 452, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span:after {
    content: "";
    display: block;
    width: 0.78125vw;
    height: 0.78125vw;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.9375vw;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 465, ../../../../src/cmn/css/_pc.scss */
  #career_main .btn_hv span:before {
    content: "";
    display: block;
    width: 0.78125vw;
    height: 0.78125vw;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition: all 0.3s;
  }
  /* line 482, ../../../../src/cmn/css/_pc.scss */
  #career_main #member {
    padding-top: 1.01563vw;
    padding-bottom: 8.98438vw;
  }
  /* line 485, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  /* line 491, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item {
    width: 19.60938vw;
    height: 35.15625vw;
    margin-bottom: 7.8125vw;
    position: relative;
  }
  /* line 499, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover section figure:before {
    -webkit-animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up_photo 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 503, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover section figure.open .cover {
    -webkit-animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_photo_cover 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 517, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:hover.pink section figure:before {
    -webkit-animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 0.6s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 528, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure .cover {
    background: rgba(255, 134, 169, 0.5);
  }
  /* line 531, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure:after {
    background: #FF86A9;
    transform: translateY(102%);
  }
  /* line 535, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure:before {
    background: #FF86A9;
  }
  /* line 539, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item.pink section figure.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 547, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  /* line 556, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item:nth-of-type(2), #career_main #member .items .item:nth-of-type(4), #career_main #member .items .item:nth-of-type(6), #career_main #member .items .item:nth-of-type(8), #career_main #member .items .item:nth-of-type(10), #career_main #member .items .item:nth-of-type(12) {
    top: 4.6875vw;
  }
  /* line 560, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure {
    width: 100%;
    height: 24.53125vw;
    margin-bottom: 1.25vw;
    line-height: 0;
    position: relative;
    overflow: hidden;
  }
  /* line 568, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure .cover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 1;
    left: 0;
    top: 0;
    mix-blend-mode: color;
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: linear;
  }
  /* line 582, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure.open img {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 585, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure.open:after {
    -webkit-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 590, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 0;
    transform: translateX(102%);
    z-index: 4;
  }
  /* line 603, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 0;
    transform: translateX(102%);
    z-index: 4;
  }
  /* line 616, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section figure img {
    object-fit: cover;
    opacity: 0;
  }
  /* line 621, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .ttl {
    text-align: left;
    margin-bottom: 0.07813vw;
    display: inline-block;
  }
  /* line 625, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .ttl span {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
    font-size: 1.5625vw;
    line-height: 2.5vw;
    color: #FF86A9;
    display: inline-block;
  }
  /* line 633, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos {
    display: inline-block;
  }
  /* line 635, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos span {
    font-size: 1.09375vw;
    line-height: 1.79687vw;
    display: inline-block;
  }
  /* line 640, ../../../../src/cmn/css/_pc.scss */
  #career_main #member .items .item section .pos .m {
    display: none;
  }
  /* line 649, ../../../../src/cmn/css/_pc.scss */
  #career_main #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    z-index: 1001;
    top: 0;
    left: 0;
  }
  /* line 657, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close {
    width: 3.90625vw;
    height: 3.90625vw;
    display: block;
    position: absolute;
    cursor: pointer;
    top: -4.45313vw;
    left: 50%;
    z-index: 2000;
    transform: translateX(35.70313vw);
  }
  /* line 667, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close span, #career_main #float .close:before, #career_main #float .close:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ffffff;
    content: "";
  }
  /* line 674, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close span {
    width: 100%;
  }
  /* line 677, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close:before {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 683, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .close:after {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 691, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box {
    position: relative;
    overflow: visible;
    width: 100%;
    float: left;
    z-index: 1000;
    width: 78.125vw;
    margin: 0 auto;
    height: 38vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
  }
  /* line 702, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 38vw;
    background: #ffffff;
  }
  /* line 709, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 1.5625vw;
  }
  /* line 715, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .block {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 7.42188vw 3.51563vw 7.42188vw 5.46875vw;
  }
  /* line 722, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .b1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../cmn/img/float_line.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
  }
  /* line 764, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .ttl {
    font-size: 3.125vw;
    line-height: 3.75vw;
    margin-bottom: 2.1875vw;
    width: 41.25vw;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
  }
  /* line 771, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .txt {
    font-size: 1.5625vw;
    line-height: 3.125vw;
    margin-bottom: 2.1875vw;
    margin-bottom: 4.0625vw;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
  }
  /* line 778, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .outro {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 1.5625vw;
  }
  /* line 784, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .outro img {
    width: 53.90625vw;
    display: inline-block;
  }
  /* line 795, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .box #float_scroll .content .logo {
    width: 10.3125vw;
  }
  /* line 802, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(51, 51, 51, 0.9);
    z-index: 1;
  }
  /* line 811, ../../../../src/cmn/css/_pc.scss */
  #career_main #float .iScrollIndicator {
    background: #BFC9D9 !important;
    right: 0.23438vw;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  /* line 4, ../../../../src/cmn/css/_sp.scss */
  #career_main .pc_view {
    display: none !important;
  }
  /* line 5, ../../../../src/cmn/css/_sp.scss */
  #career_main .pc_view_i {
    display: none !important;
  }
  /* line 6, ../../../../src/cmn/css/_sp.scss */
  #career_main img {
    width: 100%;
  }
  /* line 9, ../../../../src/cmn/css/_sp.scss */
  #career_main .slidein {
    opacity: 0;
    transform: translateY(80vw);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 13, ../../../../src/cmn/css/_sp.scss */
  #career_main .slidein.open {
    opacity: 1;
    transform: translateY(0vw);
  }
  /* line 18, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus {
    opacity: 0;
    transition: all 0.3s;
    transition-timing-function: linear;
  }
  /* line 23, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.open {
    opacity: 1;
  }
  /* line 26, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 29, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 32, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.open img:nth-of-type(3) {
    transform: scale(1, 1);
  }
  /* line 35, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 42, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.close img:nth-of-type(1) {
    transform: translateX(200%);
  }
  /* line 45, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 48, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 51, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 57, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 60, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 63, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1 img:nth-of-type(3) {
    transform: scale(0, 1);
  }
  /* line 66, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn1 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 74, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.open img:nth-of-type(1) {
    transform: translateX(0%);
  }
  /* line 77, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.open img:nth-of-type(2) {
    transform: translateY(0%);
  }
  /* line 80, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.open img:nth-of-type(3) {
    transform: scale(1, 1);
  }
  /* line 83, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.open img:nth-of-type(4) {
    transform: translateY(0%);
  }
  /* line 90, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.close img:nth-of-type(1) {
    transform: translateX(400%);
  }
  /* line 93, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.close img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 96, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.close img:nth-of-type(3) {
    transform: translateY(-200%);
  }
  /* line 99, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2.close img:nth-of-type(4) {
    transform: translateY(-200%);
  }
  /* line 105, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2 img:nth-of-type(1) {
    transform: translateX(-200%);
  }
  /* line 108, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2 img:nth-of-type(2) {
    transform: translateY(-200%);
  }
  /* line 111, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2 img:nth-of-type(3) {
    transform: scale(0, 1);
  }
  /* line 114, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus.ptn2 img:nth-of-type(4) {
    transform: translateY(200%);
  }
  /* line 119, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus .case {
    position: relative;
    width: 100%;
    line-height: 0;
  }
  /* line 123, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus .case img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 1.2s;
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 129, ../../../../src/cmn/css/_sp.scss */
  #career_main .plus .case img:nth-of-type(1) {
    position: relative;
  }
  /* line 135, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj {
    display: none;
  }
  /* line 139, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.up:after {
    transform: translateY(101%);
  }
  /* line 143, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.up.open:after {
    -webkit-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 148, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.open {
    display: block;
  }
  /* line 150, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 155, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.close:after {
    -webkit-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_close 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 160, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj.pink:after {
    background: #FF86A9;
  }
  /* line 164, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_obj:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #BFC9D9;
    z-index: 3;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 175, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt {
    position: relative;
    overflow: hidden;
  }
  /* line 180, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt.open:before {
    -webkit-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_cover 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 183, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 188, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt.pink:after {
    background: #FF86A9;
  }
  /* line 192, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #ffffff;
    z-index: 3;
    left: 0;
    top: 1%;
  }
  /* line 203, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 217, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  /* line 223, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2.open span {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 226, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 231, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2.pink:after {
    background: #FF86A9;
  }
  /* line 235, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2 span {
    opacity: 0;
  }
  /* line 238, ../../../../src/cmn/css/_sp.scss */
  #career_main .bar_txt2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: 1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 252, ../../../../src/cmn/css/_sp.scss */
  #career_main #entry {
    position: fixed;
    right: 0;
    top: 50vh;
    transform: translateY(-50%);
    z-index: 11;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 259, ../../../../src/cmn/css/_sp.scss */
  #career_main #entry.passive {
    pointer-events: none;
    transform: translateY(-50%) translateX(100%);
  }
  /* line 263, ../../../../src/cmn/css/_sp.scss */
  #career_main #entry.passive_f {
    pointer-events: none;
    opacity: 0;
  }
  /* line 267, ../../../../src/cmn/css/_sp.scss */
  #career_main #entry a {
    display: block;
    width: 9.86667vw;
    height: 41.86667vw;
    background: #FF86A9;
  }
  /* line 272, ../../../../src/cmn/css/_sp.scss */
  #career_main #entry a span {
    color: #ffffff;
    display: block;
    position: relative;
    top: 5.06667vw;
    left: 2.93333vw;
    width: 3.6vw;
  }
  /* line 282, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv {
    margin: 0 auto;
    width: 42.66667vw;
    height: 10.66667vw;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 4.26667vw;
    background: #BFC9D9;
    color: #ffffff;
    position: relative;
    font-weight: 400;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  /* line 297, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv.btn_entry img {
    width: 14.93333vw;
  }
  /* line 301, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv.pink {
    background: #FF86A9;
  }
  /* line 304, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv span {
    width: 100%;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 3;
  }
  /* line 313, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv span img {
    width: 21.86667vw;
  }
  /* line 316, ../../../../src/cmn/css/_sp.scss */
  #career_main .btn_hv span:before {
    content: "";
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    background: url(../../../cmn/img/arr.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.2vw;
  }
  /* line 330, ../../../../src/cmn/css/_sp.scss */
  #career_main #member {
    padding-top: 3.46667vw;
    padding-bottom: 26.66667vw;
  }
  /* line 333, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items {
    width: 87.2vw;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  /* line 342, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    overflow: hidden;
    width: 41.33333vw;
    margin-bottom: 7.2vw;
  }
  /* line 356, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item.pink section figure:after {
    background: #FF86A9;
    transform: translateY(102%);
  }
  /* line 361, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item.pink section figure.open:after {
    -webkit-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 368, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item:nth-child(2n) {
    justify-content: flex-end;
  }
  /* line 370, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item:nth-child(2n) a {
    left: auto;
    right: 0;
  }
  /* line 375, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 41.33333vw;
    height: 100%;
    z-index: 10;
  }
  /* line 384, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section {
    width: 41.33333vw;
  }
  /* line 386, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure {
    width: 100%;
    height: 52vw;
    margin-bottom: 4.26667vw;
    line-height: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
  }
  /* line 395, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure .cover {
    display: none;
  }
  /* line 399, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure.open img {
    -webkit-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_txt 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 402, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure.open:after {
    -webkit-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -moz-animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    animation: bar_txt_open_up_photo 1.2s cubic-bezier(0.76, 0, 0.24, 1);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 407, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure.pink:after {
    background: #FF86A9;
  }
  /* line 411, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 102%;
    background: #BFC9D9;
    z-index: 3;
    left: 0;
    top: -1%;
    transform: translateX(-101%);
    z-index: 4;
  }
  /* line 424, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section figure img {
    object-fit: cover;
    opacity: 0;
  }
  /* line 429, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section .ttl {
    text-align: left;
    display: block;
  }
  /* line 433, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section .ttl span {
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
    font-size: 4.26667vw;
    line-height: 6.82667vw;
    color: #FF86A9;
    display: inline-block;
  }
  /* line 441, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section .pos {
    display: inline-block;
  }
  /* line 443, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section .pos span {
    display: inline-block;
    font-size: 3.2vw;
    line-height: 5.12vw;
  }
  /* line 448, ../../../../src/cmn/css/_sp.scss */
  #career_main #member .items .item section .pos .m {
    display: none;
  }
  /* line 457, ../../../../src/cmn/css/_sp.scss */
  #career_main #float {
    position: fixed;
    width: 100%;
    height: 100vh;
    float: left;
    z-index: 1001;
    top: 0;
    left: 0;
  }
  /* line 465, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .close {
    width: 9.86667vw;
    height: 9.86667vw;
    display: block;
    position: absolute;
    cursor: pointer;
    top: -15.2vw;
    left: 50%;
    z-index: 2000;
    transform: translateX(37.86667vw);
  }
  /* line 475, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .close span, #career_main #float .close:before, #career_main #float .close:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ffffff;
    content: "";
  }
  /* line 482, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .close span {
    width: 100%;
  }
  /* line 485, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .close:before {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* line 491, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .close:after {
    width: 100%;
    top: 50%;
    left: 0vw;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* line 499, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box {
    position: relative;
    overflow: visible;
    width: 100%;
    float: left;
    z-index: 1000;
    width: 94.66667vw;
    margin: 0 auto;
    height: 70vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
  }
  /* line 510, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 70vh;
    background: #ffffff;
  }
  /* line 517, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 2.13333vw;
  }
  /* line 523, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .block {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 8vw 6.66667vw;
  }
  /* line 530, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .b1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../cmn/img/float_line_sp.svg) no-repeat center top;
    background-size: contain;
    pointer-events: none;
  }
  /* line 572, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .ttl {
    font-size: 8vw;
    line-height: 12.8vw;
    margin-bottom: 2.4vw;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
  }
  /* line 578, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .txt {
    font-size: 4.21333vw;
    line-height: 8.26667vw;
    margin-bottom: 3.46667vw;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: -0.1em;
  }
  /* line 587, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .outro {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 2.66667vw;
    position: relative;
    width: 69.33333vw;
  }
  /* line 595, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .outro p {
    font-size: 7.73333vw;
    line-height: 9.6vw;
    font-family: "Shippori Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "Noto Serif SC", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 500;
    text-indent: 20.8vw;
  }
  /* line 602, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .box #float_scroll .content .logo {
    width: 35.2vw;
  }
  /* line 609, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .bg {
    position: absolute;
    width: 100%;
    height: 120%;
    float: left;
    background: rgba(51, 51, 51, 0.9);
    z-index: 1;
  }
  /* line 617, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .iScrollVerticalScrollbar {
    width: 1.06667vw !important;
  }
  /* line 620, ../../../../src/cmn/css/_sp.scss */
  #career_main #float .iScrollIndicator {
    background: #BFC9D9 !important;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
@media screen and (min-width: 1281px) {
  /* line 2, ../../../../src/page/entry/css/_pc.scss */
  body {
    	/*
    	background: url(../img/_guide.png) no-repeat top center;
    	// background-size: 100% auto;
    	// background-size: 1680px auto;
    	// background-size: 100% auto;
    	background-size: 1280px auto;
    	background-position: 50% 0;
    	background-position-y: 0;
    
    	width: 100%;
        margin: 0 auto !important; 
    	// background-position: 50% 9px;
        // &::-webkit-scrollbar {
        //     display:none;
        // }
    	#career_main{
    		opacity: 0.6 !important;
    		// width: 1280px;
    		width: 1280px;
    		margin: 0 auto;
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
  }
  /* line 29, ../../../../src/page/entry/css/_pc.scss */
  body #career_main {
    padding-top: 86px;
  }
  /* line 31, ../../../../src/page/entry/css/_pc.scss */
  body #career_main .copy_btn {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
  }
  /* line 38, ../../../../src/page/entry/css/_pc.scss */
  body #career_main .form {
    width: 640px;
    margin: 0 auto;
  }
}
/*size*/
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* line 2, ../../../../src/page/entry/css/_pc.scss */
  body {
    	/*
    	background: url(../img/_guide.png) no-repeat top center;
    	// background-size: 100% auto;
    	// background-size: 1680px auto;
    	// background-size: 100% auto;
    	background-size: 1280px auto;
    	background-position: 50% 0;
    	background-position-y: 0;
    
    	width: 100%;
        margin: 0 auto !important; 
    	// background-position: 50% 9px;
        // &::-webkit-scrollbar {
        //     display:none;
        // }
    	#career_main{
    		opacity: 0.6 !important;
    		// width: 1280px;
    		width: 1280px;
    		margin: 0 auto;
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    */
  }
  /* line 29, ../../../../src/page/entry/css/_pc.scss */
  body #career_main {
    padding-top: 6.71875vw;
  }
  /* line 31, ../../../../src/page/entry/css/_pc.scss */
  body #career_main .copy_btn {
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.71875vw;
    margin-bottom: 0.9375vw;
    letter-spacing: 0.1em;
  }
  /* line 38, ../../../../src/page/entry/css/_pc.scss */
  body #career_main .form {
    width: 50vw;
    margin: 0 auto;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 767px) {
  /* line 5, ../../../../src/page/entry/css/_sp.scss */
  body {
    	/*
    	background: url(../img/_guidesp.png) no-repeat top center;
    	-webkit-background-size: 100% auto;
    	background-size: 100% auto;
    	// background: url(../img/_guidesp1.png) no-repeat top center;
    	// -webkit-background-size: 100% auto;
    	// background-size: 100% auto;
    	// background-position-y: 6752px;
    	width: 100%;
        margin: 0 auto !important;
        &::-webkit-scrollbar {
            display:none;
        }
    	#career_main{
    		opacity: 0.6 !important;
    	}
        #header{
    		opacity: 0.6 !important;
    	}
    
    */
  }
  /* line 27, ../../../../src/page/entry/css/_sp.scss */
  body #career_main {
    padding-top: 10.66667vw;
  }
  /* line 29, ../../../../src/page/entry/css/_sp.scss */
  body #career_main .copy_btn {
    text-align: center;
    font-size: 4.26667vw;
    line-height: 5.86667vw;
    margin-bottom: 3.2vw;
    letter-spacing: 0.05em;
  }
  /* line 36, ../../../../src/page/entry/css/_sp.scss */
  body #career_main .form {
    width: 100%;
    margin: 0 auto;
  }
}