@charset "UTF-8";
@keyframes fadein {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }

}
@keyframes fadeout {
  0% {
    opacity:1
  }
  100% {
    opacity:0
  }

}
* {
  font-style:normal;
  font-weight:400;
  list-style:none;
  margin:0;
  padding:0
}
figure,nav {
  display:block
}
html {
  font-size:10px
}
body {
  background:#fff;
  color:#000;
  font-family:"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ W3","Hiragino Kaku Gothic","メイリオ",Meiryo,sans-serif;
  font-size:10px;
  text-align:center;
  -webkit-text-size-adjust:100%
}
.anchor {
  display:block;
  font-size:0;
  height:0;
  line-height:0
}
img {
  vertical-align:top
}
svg {
  pointer-events:none
}
a {
  color:#000
}
a:hover {
  text-decoration:none
}
@media screen and (min-width:768px) {
  a[href^=tel] {
    pointer-events:none;
    text-decoration:none!important
  }

}
@media screen and (max-width:767px) {
  .c-pc {
    display:none
  }

}
.c-sp {
  display:none
}
@media screen and (max-width:767px) {
  .c-sp {
    display:block
  }

}
@media screen and (min-width:768px) {
  .l-all {
    padding:140px 0 0
  }

}
@media screen and (max-width:767px) {
  .l-all {
    padding:64px 0 0;
    width:100%;
    min-width:320px;
    overflow:hidden
  }

}
.header {
  background:#fff;
  height:140px;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1000
}
@media screen and (max-width:767px) {
  .header {
    height:64px
  }

}
.header__logo {
  -ms-flex-align:center;
  align-items:center;
  color:#b5b5b6;
  display:-ms-flexbox;
  display:flex;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:1.8rem;
  font-weight:700;
  height:90px;
  -ms-flex-pack:start;
  justify-content:flex-start;
  line-height:22px;
  margin:0 0 0 30px;
  position:relative;
  z-index:10
}
@media screen and (max-width:960px) {
  .header__logo {
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0 0 0 53px;
    text-align:center
  }

}
@media screen and (max-width:767px) {
  .header__logo {
    font-size:1.5rem;
    height:64px;
    line-height:18px;
    margin:0 0 0 10px;
    padding:0 0 0 40px
  }

}
.header__logo img {
  height:34px;
  margin:0 15px 0 0;
  width:314px
}
@media screen and (max-width:960px) {
  .header__logo img {
    margin:0 0 2px -53px
  }

}
@media screen and (max-width:767px) {
  .header__logo img {
    height:23.8px;
    margin:0 0 -1px -40px;
    width:219.8px
  }

}
.header__logo a {
  color:#b5b5b6;
  text-decoration:none
}
@media screen and (min-width:768px) {
  .header__nav {
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    right:30px;
    top:0;
    max-width:480px;
    width:40%;
    z-index:11
  }

}
@media screen and (min-width:768px) and (max-width:960px) {
  .header__nav {
    width:300px
  }

}
@media screen and (min-width:768px) {
  .header__nav li {
    width:calc(100% / 3);
    position:relative;
    overflow:hidden
  }
  .header__nav li:nth-of-type(1) {
    border-radius:0 0 0 10px
  }
  .header__nav li:nth-of-type(1) a {
    border-radius:0 0 0 10px;
    border-left:1px solid #efefef
  }
  .header__nav li:last-child {
    border-radius:0 0 10px 0
  }
  .header__nav li:last-child a {
    border-radius:0 0 10px 0
  }

}
@media screen and (min-width:768px) and (min-width:768px) {
  .header__nav li::after,.header__nav li::before {
    background:#fbe1d1;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transform:scale(1,0);
    width:100%
  }
  .header__nav li::before {
    transform-origin:center bottom;
    transform:scale(1,0);
    transition:transform 250ms cubic-bezier(.785,.135,.15,.86)
  }
  .header__nav li::after {
    transform-origin:center top;
    transform:scale(1,0)
  }
  .header__nav li:hover::before {
    transition-delay:250ms;
    transform:scale(1,1)
  }
  .header__nav li:hover::after {
    transition:transform 250ms cubic-bezier(.785,.135,.15,.86);
    transform:scale(1,1)
  }

}
@media screen and (min-width:768px) {
  .header__nav a {
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #efefef;
    border-top:none;
    border-left:none;
    box-sizing:border-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1.4rem;
    height:50px;
    -ms-flex-pack:center;
    justify-content:center;
    text-decoration:none;
    width:100%;
    position:relative;
    z-index:10
  }

}
.header--contact .header__nav li:nth-of-type(2) a,.header--recruit .header__nav li:nth-of-type(1) a {
  background:#fbe1d1
}
@media screen and (min-width:768px) {
  .header__nav02 {
    border-bottom:1px solid #efefef;
    border-top:1px solid #efefef;
    box-sizing:border-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0 30px;
    width:100%
  }
  .header__nav02 li {
    border-left:1px solid #efefef;
    box-sizing:border-box;
    height:48px;
    max-width:200px;
    overflow:hidden;
    position:relative;
    width:calc(100% / 5)
  }

}
@media screen and (min-width:768px) and (max-width:960px) {
  .header__nav02 li {
    -ms-flex-positive:1;
    flex-grow:1;
    width:auto
  }

}
@media screen and (min-width:768px) {
  .header__nav02 li:last-child {
    border-right:1px solid #efefef
  }

}
@media screen and (min-width:768px) and (min-width:768px) {
  .header__nav02 li::after,.header__nav02 li::before {
    background:#fbe1d1;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transform:scale(1,0);
    width:100%
  }
  .header__nav02 li::before {
    transform-origin:center top;
    transform:scale(1,0);
    transition:transform 250ms cubic-bezier(.785,.135,.15,.86)
  }
  .header__nav02 li::after {
    transform-origin:center bottom;
    transform:scale(1,0)
  }
  .header__nav02 li:hover::before {
    transition-delay:250ms;
    transform:scale(1,1)
  }
  .header__nav02 li:hover::after {
    transition:transform 250ms cubic-bezier(.785,.135,.15,.86);
    transform:scale(1,1)
  }

}
@media screen and (min-width:768px) {
  .header__nav02 a {
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    font-size:1.4rem;
    height:100%;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    text-decoration:none;
    text-decoration:none;
    width:100%;
    z-index:5
  }

}
.header--benefits .header__nav02 li:nth-of-type(5) a,
.header--business .header__nav02 li:nth-of-type(2) a,
.header--message .header__nav02 li:nth-of-type(1) a,
.header--product .header__nav02 li:nth-of-type(3) a,
.header--work .header__nav02 li:nth-of-type(4) a {
  background:#fbe1d1
}
.header__spbtn {
  bottom:0;
  cursor:pointer;
  display:none;
  height:35px;
  margin:auto;
  position:absolute;
  right:15px;
  top:0;
  width:36px;
  z-index:10
}
@media screen and (max-width:767px) {
  .header__spbtn {
    display:block
  }

}
.header__spbtn::after,.header__spbtn::before {
  background:#000;
  content:"";
  height:1px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  width:26px;
  transition:all 250ms ease
}
.header__spbtn::before {
  top:11px
}
.header__spbtn::after {
  bottom:11px
}
.header__spbtn[data-menu=show]::before {
  top:17px;
  transform:rotate(45deg)
}
.header__spbtn[data-menu=show]::after {
  bottom:17px;
  transform:rotate(-45deg)
}
@media screen and (max-width:767px) {
  .header__menu {
    background:#fff;
    box-sizing:border-box;
    height:100vh;
    left:0;
    padding:50px 0 0;
    position:absolute;
    top:64px;
    transition:transform .5s cubic-bezier(1,0,0,1);
    transform:translateX(-100%);
    width:100%;
    z-index:1
  }
  .header__menu li {
    font-size:1.8rem;
    line-height:3em
  }
  .header__menu a {
    text-decoration:none
  }
  .header__menu[data-menu=show] {
    transform:translateX(0)
  }

}
.footer {
  background:#f7f8f8;
  box-sizing:border-box;
  height:160px;
  padding:85px 30px 0;
  text-align:left
}
@media screen and (max-width:767px) {
  .footer {
    height:120px;
    padding:50px 20px 0;
    text-align:center
  }

}
.footer--top {
  background:#fff
}
.footer__logo {
  margin:0 0 18px
}
.footer__logo img {
  height:25.5px;
  width:235.5px
}
@media screen and (max-width:767px) {
  .footer__logo img {
    height:19.125px;
    width:176.625px
  }

}
.footer__copyright {
  display:block;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:1.2rem;
  line-height:12px
}
@media screen and (max-width:767px) {
  .footer__copyright {
    font-size:1rem
  }

}
.pagetop {
  bottom:20px;
  height:40px;
  position:fixed;
  right:30px;
  width:40px;
  z-index:1000
}
@media screen and (max-width:767px) {
  .pagetop {
    display:none
  }

}
.pagetop a {
  background:rgba(0,0,0,.2);
  border-radius:100%;
  display:block;
  font-size:0;
  height:40px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:60px;
  transition:all .2s ease;
  width:40px
}
.pagetop a:hover {
  background:rgba(0,0,0,.4)
}
.pagetop a::before {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/icon_arrow_white.svg) no-repeat left top;
  content:"";
  height:12.8px;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:12px;
  transform:rotate(-90deg);
  width:6.4px
}
.pagetop[data-status=show] a {
  top:0
}
.c-title {
  color:#000;
  margin:0 auto 0;
  max-width:960px;
  padding:40px 30px;
  text-align:left
}
@media screen and (max-width:767px) {
  .c-title {
    margin:0;
    padding:10px 20px 30px
  }

}
.c-title span {
  display:inline-block;
  position:relative
}
.c-title span::before {
  background:#fff;
  content:"";
  height:110%;
  position:absolute;
  right:0;
  top:0;
  width:100%
}
.c-title[data-status=show] span::before {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 150ms;
  width:0%
}
.c-title h1 {
  font-size:2.4rem;
  line-height:28px
}
@media screen and (max-width:767px) {
  .c-title h1 {
    font-size:2.1rem
  }

}
.c-title span {
  font-weight:700
}
.c-title p {
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:90px;
  font-weight:700;
  height:90px;
  line-height:90px
}
@media screen and (max-width:767px) {
  .c-title p {
    font-size:57px;
    height:60px;
    line-height:60px
  }

}
@media screen and (max-width:374px) {
  .c-title p {
    font-size:50px
  }

}
.c-title--benefits,
.c-title--education,
.c-title--women {
  color:#c7a4cc
}

.c-title--careerentry,
.c-title--newgrad {
  color:#a1a5b2;
}
.c-title--careerentry p {
  @media screen and (max-width:767px) {
    font-size: clamp(10px,11.3vw,57px);
    white-space: nowrap;

  }
}

.c-title--women p {
  line-height:81px;
  margin:5px 0 5px;
  height:auto
}
@media screen and (max-width:767px) {
  .c-title--women p {
    font-size:47px;
    line-height:41px
  }

}
@media screen and (max-width:374px) {
  .c-title--women p {
    font-size:40px
  }

}
.c-title[data-status=show] h1 span::before {
  transition-delay:450ms
}
.c-title__wrapper--benefits,.c-title__wrapper--education,.c-title__wrapper--women,.c-title__wrapper--work {
  background:#f7f8f8
}
.c-title__wrapper--benefits span::before,.c-title__wrapper--education span::before,.c-title__wrapper--women span::before,.c-title__wrapper--work span::before {
  background:#f7f8f8
}
.c-subtitle {
  background:#000;
  box-sizing:border-box;
  color:#fff;
  font-size:2.1rem;
  height:60px;
  line-height:30px;
  padding:15px 0;
  position:relative;
  text-align:center
}
@media screen and (max-width:960px) {
  .c-subtitle {
    padding:15px 20px 15px 20px
  }

}
@media screen and (max-width:767px) {
  .c-subtitle {
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    font-size:1.8rem;
    height:auto;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:40px;
    padding:5px 20px;
    text-align:center
  }

}
.c-subtitle::before {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/icon_logo_white.svg) no-repeat right 0;
  background-size:270px 120px;
  content:"";
  height:60px;
  left:0;
  position:absolute;
  top:0;
  transition:all .5s cubic-bezier(.075,.82,.165,1);
  transform:translateX(-100%);
  width:270px
}
@media screen and (max-width:960px) {
  .c-subtitle::before {
    opacity:.3
  }

}
@media screen and (max-width:767px) {
  .c-subtitle::before {
    background-position:right 0;
    background-size:178.2px 79.2px;
    height:100%;
    opacity:.3;
    width:178.2px
  }

}
.c-subtitle--business::before {
  /* height:170px */
}
.c-subtitle--benefits,.c-subtitle--education,.c-subtitle--women {
  background:#c7a4cc
}
.c-subtitle--recruit {
  background:#a1a5b2
}
.c-subtitle--contact {
  background:#cca69a
}
.c-subtitle--careerentry ,
.c-subtitle--newgrad {
  /* background:#d9d2e9 */
  background:#a1a5b2
}
.c-subtitle[data-status=show]::before {
  transform:translateX(0)
}
.c-entrybtn {
  height:90px;
  margin:0 auto;
  width:360px
}
@media screen and (max-width:767px) {
  .c-entrybtn {
    height:60px;
    width:280px
  }

}
.c-entrybtn a {
  -ms-flex-align:center;
  align-items:center;
  border:1px solid #9399c8;
  border-radius:90px;
  box-sizing:border-box;
  color:#9399c8;
  display:-ms-flexbox;
  display:flex;
  font-size:1.8rem;
  font-weight:700;
  height:100%;
  -ms-flex-pack:center;
  justify-content:center;
  text-decoration:none;
  width:100%;
  transition:all 250ms ease
}
@media screen and (max-width:767px) {
  .c-entrybtn a {
    font-size: 1.6rem;
    border-radius:60px
  }

}
.c-entrybtn a:hover {
  background:#9399c8;
  color:#fff
}
.c-entrybtn02 {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 auto 80px;
  gap:30px;
  -ms-flex-align:center;
  align-items:center
}
.c-entrybtn02:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width:767px) {
  .c-entrybtn02 {
    margin:0 auto 40px;
    gap:20px;
    -ms-flex-direction:column;
    flex-direction:column
  }

}
.c-entrybtn02 a {
  -ms-flex-align:center;
  align-items:center;
  border:1px solid #9399c8;
  border-radius:90px;
  box-sizing:border-box;
  color:#9399c8;
  display:-ms-flexbox;
  display:flex;
  font-size:1.8rem;
  font-weight:700;
  height:90px;
  -ms-flex-pack:center;
  justify-content:center;
  text-decoration:none;
  width:360px;
  transition:all 250ms ease
}
@media screen and (max-width:767px) {
  .c-entrybtn02 a {
    height:60px;
    width:280px;
    font-size: 1.6rem;
  }

}
@media screen and (max-width:767px) {
  .c-entrybtn02 a {
    border-radius:60px
  }

}
.c-entrybtn02 a:hover {
  background:#9399c8;
  color:#fff
}
.c-categorynavi {
  background:#f7f8f8;
  padding:40px 30px 45px
}
@media screen and (max-width:767px) {
  .c-categorynavi {
    padding:40px 20px
  }

}
@media screen and (min-width:768px) {
  .c-categorynavi ul {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto;
    max-width:960px;
    gap:30px
  }

}
.c-categorynavi ul li {
  width:100%
}
@media screen and (max-width:767px) {
  .c-categorynavi ul li+li {
    margin-top:20px
  }

}
.c-categorynavi ul li img {
  width:100%
}
.c-categorynavi ul li a {
  color:#000;
  display:block;
  font-size:1.4rem;
  line-height:24px;
  text-align:left;
  text-decoration:none;
  transition:all 250ms ease
}
@media screen and (min-width:768px) {
  .c-categorynavi ul li a:hover {
    opacity:.7
  }

}
.c-categorynavi ul li p {
  -ms-flex-align:center;
  align-items:center;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:start;
  justify-content:flex-start;
  gap:8px;
  margin:2px 0 0
}
.c-categorynavi ul li p::before {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/icon_arrow_orange.svg) no-repeat center;
  content:"";
  height:9px;
  width:5px
}
.c-schedule {
  background:#f7f8f8;
  padding:55px 30px 100px;
  text-align:left
}
@media screen and (max-width:767px) {
  .c-schedule {
    padding:30px 20px 40px
  }

}
.c-schedule h2,.c-schedule h3 {
  font-size:2.4rem;
  font-weight:700;
  margin:0 auto 50px;
  max-width:960px
}
@media screen and (max-width:767px) {
  .c-schedule h2,.c-schedule h3 {
    font-size:2.1rem;
    margin:0 auto 20px
  }

}
@media screen and (min-width:768px) {
  .c-schedule ul {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto;
    max-width:960px;
    gap:40px
  }

}
.c-schedule li {
  background:#fff;
  display:-ms-flexbox;
  display:flex
}
@media screen and (min-width:768px) {
  .c-schedule li {
    width:calc(50% - 20px)
  }

}
@media screen and (max-width:767px) {
  .c-schedule li {
    margin:0 0 20px
  }

}
.c-schedule li div {
  -ms-flex-align:center;
  align-items:center;
  background:#636363;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-negative:0;
  flex-shrink:0;
  font-size:2.1rem;
  -ms-flex-pack:center;
  justify-content:center;
  min-height:120px;
  position:relative;
  width:120px
}
@media screen and (max-width:767px) {
  .c-schedule li div {
    min-height:90px;
    width:90px
  }

}
.c-schedule li div::after,.c-schedule li div::before {
  background:#fff;
  bottom:50%;
  content:"";
  height:50px;
  left:0;
  margin:0 auto;
  opacity:.4;
  position:absolute;
  right:0;
  transform-origin:center bottom;
  width:1px
}
@media screen and (max-width:767px) {
  .c-schedule li div::after,.c-schedule li div::before {
    height:40px
  }

}
.c-schedule li div[class$="30"]::before {
  transform:rotate(180deg)
}
.c-schedule li div[class$="15"]::before {
  transform:rotate(90deg)
}
.c-schedule li div[class^=time--10]::after {
  transform:rotate(300deg)
}
.c-schedule li div[class^=time--11]::after {
  transform:rotate(330deg)
}
.c-schedule li div[class^=time--12]::after {
  transform:rotate(360deg)
}
.c-schedule li div[class^=time--13]::after {
  transform:rotate(390deg)
}
.c-schedule li div[class^=time--14]::after {
  transform:rotate(420deg)
}
.c-schedule li div[class^=time--15]::after {
  transform:rotate(450deg)
}
.c-schedule li div[class^=time--16]::after {
  transform:rotate(480deg)
}
.c-schedule li div[class^=time--17]::after {
  transform:rotate(510deg)
}
.c-schedule li div[class^=time--18]::after {
  transform:rotate(540deg)
}
.c-schedule li div[class^=time--19]::after {
  transform:rotate(570deg)
}
.c-schedule li div[class^=time--20]::after {
  transform:rotate(600deg)
}
.c-schedule li div[class^=time--21]::after {
  transform:rotate(630deg)
}
.c-schedule li div[class^=time--22]::after {
  transform:rotate(660deg)
}
.c-schedule li div[class^=time--05]::after {
  transform:rotate(150deg)
}
.c-schedule li div[class^=time--06]::after {
  transform:rotate(180deg)
}
.c-schedule li div[class^=time--07]::after {
  transform:rotate(210deg)
}
.c-schedule li div[class^=time--08]::after {
  transform:rotate(240deg)
}
.c-schedule li div[class^=time--09]::after {
  transform:rotate(270deg)
}
.c-schedule li p {
  box-sizing:border-box;
  -ms-flex-positive:10;
  flex-grow:10;
  font-size:1.8rem;
  line-height:1.666em;
  padding:20px 20px
}
@media screen and (max-width:767px) {
  .c-schedule li p {
    padding:10px 20px;
    font-size:1.5rem
  }

}
.c-schedule li dl {
  box-sizing:border-box;
  -ms-flex-positive:10;
  flex-grow:10;
  padding:20px 20px
}
@media screen and (max-width:767px) {
  .c-schedule li dl {
    padding:10px 20px
  }

}
.c-schedule li dl dt {
  font-size:2.1rem;
  font-weight:400;
  line-height:1.142em;
  margin:0 0 10px
}
@media screen and (max-width:767px) {
  .c-schedule li dl dt {
    font-size:1.8rem
  }

}
.c-schedule li dl dd {
  font-size:1.4rem;
  line-height:1.714em
}
@media screen and (max-width:767px) {
  .c-schedule li dl dd {
    font-size:1.3rem
  }

}
.top {
  background:#f7f8f8
}
.mainvisual {
  height:600px;
  opacity:0;
  overflow:hidden;
  position:relative
}
@media screen and (max-width:767px) {
  .mainvisual {
    height:500px
  }

}
.mainvisual[data-status=show] {
  opacity:1;
  transition:opacity 1s ease .3s
}
.mainvisual__bg li {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1
}
.mainvisual__bg--01 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/mv_01.jpg) no-repeat center;
  background-size:cover
}
@media screen and (max-width:767px) {
  .mainvisual__bg--01 {
    background-position:65% center
  }

}
.mainvisual__bg--02 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/mv_02.jpg) no-repeat center;
  background-size:cover
}
.mainvisual__bg--03 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/mv_03_02.jpg) no-repeat center;
  background-size:cover
}
.mainvisual__bg--04 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/mv_04.jpg) no-repeat center;
  background-size:cover
}
.mainvisual__text {
  bottom:0;
  left:0;
  margin:auto auto;
  max-width:960px;
  position:absolute;
  right:0;
  top:0;
  z-index:110
}
@media all and (-ms-high-contrast:none\0) {
  .mainvisual__text {
    width:960px
  }

}
.mainvisual__text li {
  color:#000;
  font-family:"Yu Gothic","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ W3","Hiragino Kaku Gothic","メイリオ",Meiryo,sans-serif;
  font-size:45px;
  font-weight:700;
  height:120px;
  line-height:60px;
  position:absolute;
  text-align:left
}
@media screen and (max-width:767px) {
  .mainvisual__text li {
    font-size:22.5px;
    height:60px;
    line-height:30px
  }

}
.mainvisual__text li>span {
  display:inline-block;
  font-weight:700;
  height:100%;
  overflow:hidden;
  white-space:nowrap
}
.mainvisual__text li>span span {
  font-weight:700;
  display:inline-block;
  white-space:nowrap;
  letter-spacing:-.04em;
  text-shadow:0 0 10px #fff
}
.mainvisual__text--01 {
  bottom:0;
  left:0;
  margin:auto 0;
  top:0
}
@media screen and (max-width:960px) {
  .mainvisual__text--01 {
    left:30px
  }

}
@media screen and (max-width:767px) {
  .mainvisual__text--01 {
    left:20px
  }

}
.mainvisual__text--02 {
  left:0;
  top:55px
}
@media screen and (max-width:960px) {
  .mainvisual__text--02 {
    left:30px
  }

}
@media screen and (max-width:767px) {
  .mainvisual__text--02 {
    left:20px
  }

}
@media screen and (max-width:374px) {
  .mainvisual__text--02 {
    left:3px
  }

}
.mainvisual__text--03 {
  bottom:0;
  margin:auto 0;
  right:0;
  top:0
}
.mainvisual__text--03>span span {
  text-align:right
}
@media screen and (max-width:960px) {
  .mainvisual__text--03 {
    right:30px
  }

}
@media screen and (max-width:767px) {
  .mainvisual__text--03 {
    right:20px
  }

}
.mainvisual__text--04 {
  bottom:0;
  left:0;
  margin:auto;
  right:0;
  top:0;
  width:560px
}
.mainvisual__text--04>span span {
  text-align:center
}
@media screen and (max-width:767px) {
  .mainvisual__text--04 {
    width:305px
  }

}
.mainvisual__logo {
  transition:all .5s cubic-bezier(.075,.82,.165,1)
}
.mainvisual__bg li {
  opacity:0;
  transition:opacity .5s ease
}
.mainvisual__bg li--01 {
  opacity:1
}
.mainvisual__text li>span {
  opacity:0;
  transition:opacity .3s ease 0s,width 1ms ease .3s;
  width:0%
}
.mainvisual[data-scene="00"] .mainvisual__bg--01 {
  opacity:1;
  z-index:5
}
.mainvisual[data-scene="01"] .mainvisual__logo {
  margin:0 0 0 -1420px;
  opacity:.4;
  top:-295px
}
.mainvisual[data-scene="01"] .mainvisual__bg--01 {
  opacity:1;
  z-index:5
}
.mainvisual[data-scene="01"] .mainvisual__bg--04 {
  z-index:4
}
.mainvisual[data-scene="01"] .mainvisual__text--01>span {
  opacity:1;
  transition:width 750ms cubic-bezier(.075,.82,.165,1) .5s,opacity 1ms cubic-bezier(.075,.82,.165,1) 0s;
  width:100%
}
.mainvisual[data-scene="02"] .mainvisual__logo {
  margin:0 0 0 -1420px;
  opacity:.4;
  top:-595px
}
@media screen and (max-width:767px) {
  .mainvisual[data-scene="02"] .mainvisual__logo {
    margin:0 0 0 -1350px
  }

}
.mainvisual[data-scene="02"] .mainvisual__bg--01 {
  opacity:0;
  z-index:4
}
.mainvisual[data-scene="02"] .mainvisual__bg--02 {
  opacity:1;
  z-index:5
}
.mainvisual[data-scene="02"] .mainvisual__text--02>span {
  opacity:1;
  transition:width 750ms cubic-bezier(.075,.82,.165,1) .5s,opacity 1ms cubic-bezier(.075,.82,.165,1) 0s;
  width:100%
}
.mainvisual[data-scene="03"] .mainvisual__logo {
  margin:0 0 0 -770px;
  opacity:.4;
  top:225px
}
.mainvisual[data-scene="03"] .mainvisual__bg--01 {
  opacity:0
}
.mainvisual[data-scene="03"] .mainvisual__bg--02 {
  opacity:0;
  z-index:4
}
.mainvisual[data-scene="03"] .mainvisual__bg--03 {
  opacity:1;
  z-index:5
}
.mainvisual[data-scene="03"] .mainvisual__text--03>span {
  opacity:1;
  transition:width 750ms cubic-bezier(.075,.82,.165,1) .5s,opacity 1ms cubic-bezier(.075,.82,.165,1) 0s;
  width:100%
}
.mainvisual[data-scene="04"] .mainvisual__logo {
  margin:0 0 0 -170px;
  opacity:.4;
  top:-103px
}
.mainvisual[data-scene="04"] .mainvisual__bg--01 {
  opacity:0
}
.mainvisual[data-scene="04"] .mainvisual__bg--03 {
  opacity:0;
  z-index:4
}
.mainvisual[data-scene="04"] .mainvisual__bg--04 {
  opacity:1;
  z-index:5
}
.mainvisual[data-scene="04"] .mainvisual__text--04>span {
  opacity:1;
  transition:width 750ms cubic-bezier(.075,.82,.165,1) .5s,opacity 1ms cubic-bezier(.075,.82,.165,1) 0s;
  width:100%
}
.top__body {
  padding:40px 30px 1px
}
@media screen and (max-width:767px) {
  .top__body {
    padding:20px 20px 1px
  }

}
@media screen and (min-width:768px) {
  .top__list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto;
    max-width:960px
  }

}
@media screen and (min-width:768px) {
  .top__list li {
    margin:0 0 40px;
    max-width:480px;
    width:calc(50% - 15px)
  }

}
@media screen and (max-width:767px) {
  .top__list li {
    margin:0 0 20px
  }

}
.top__list a {
  background:#fff;
  box-sizing:border-box;
  color:#000;
  display:block;
  height:100%;
  padding:10px 10px 20px;
  text-decoration:none;
  transition:all 250ms ease
}
@media screen and (min-width:768px) {
  .top__list a:hover {
    opacity:.7
  }

}
@media screen and (max-width:767px) {
  .top__list a {
    padding:10px 10px 15px
  }

}
.top__list h2 {
  -ms-flex-align:center;
  align-items:center;
  background:#f7f8f8;
  display:-ms-flexbox;
  display:flex;
  height:270px;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 0 25px;
  overflow:hidden;
  position:relative
}
@media screen and (max-width:767px) {
  .top__list h2 {
    height:180px;
    margin:0 0 15px
  }

}
.top__list h2 span {
  color:#fff;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:45px;
  line-height:.933em;
  font-weight:700;
  position:relative;
  z-index:10
}
@media screen and (max-width:960px) {
  .top__list h2 span {
    font-size:40px
  }

}
@media screen and (max-width:767px) {
  .top__list h2 span {
    font-size:38px
  }

}
.top__list dl {
  margin:0 20px;
  text-align:left
}
@media screen and (max-width:767px) {
  .top__list dl {
    margin:0 10px
  }

}
.top__list dl dt {
  font-size:2.4rem;
  font-weight:700;
  line-height:28px;
  margin:0 0 15px
}
@media screen and (max-width:767px) {
  .top__list dl dt {
    font-size:2.1rem;
    line-height:24px;
    margin:0 0 10px
  }

}
.top__list dl dd {
  font-size:1.5rem;
  line-height:27px
}
@media screen and (max-width:767px) {
  .top__list dl dd {
    font-size:1.4rem;
    line-height:24px
  }

}
.top__list--01 h2 {
  background:url(/employment/assets_c/2025/04/01top-thumb-920x540-4426.png) no-repeat center;
  background-size:cover
}
.top__list--02 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/02.jpg) no-repeat center;
  background-size:cover
}
.top__list--03 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/03.jpg) no-repeat center;
  background-size:cover
}
.top__list--04 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/04.jpg) no-repeat center;
  background-size:cover
}
.top__list--05 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/05.jpg) no-repeat center;
  background-size:cover
}
.top__list--06 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/06.jpg) no-repeat center;
  background-size:cover
}
.top__list--07 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/07.jpg) no-repeat center;
  background-size:cover
}
.top__list--08 h2 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/top/08.jpg) no-repeat center;
  background-size:cover
}
.top__list li {
  opacity:0;
  transform:translateY(10px);
  transition:all .5s ease
}
.top__list li:nth-of-type(1) {
  transition-delay:0s
}
.top__list li:nth-of-type(2) {
  transition-delay:.1s
}
.top__list li:nth-of-type(3) {
  transition-delay:.2s
}
.top__list li:nth-of-type(4) {
  transition-delay:.3s
}
.top__list li:nth-of-type(5) {
  transition-delay:.4s
}
.top__list li:nth-of-type(6) {
  transition-delay:.5s
}
.top__list[data-status=show] li {
  opacity:1;
  transform:translateY(0)
}
.message__mv {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/message/mv.jpg) no-repeat center 35%;
  background-size:cover;
  box-sizing:border-box;
  -ms-flex-direction:column;
  flex-direction:column;
  height:600px;
  opacity:0;
  padding:0 0 40px
}
@media screen and (max-width:960px) {
  .message__mv {
    height:480px;
    padding:0 0 20px
  }

}
@media screen and (max-width:767px) {
  .message__mv {
    background-position:center;
    height:500px;
    padding:40px 0 0
  }

}
.message__mv div {
  -ms-flex-align:start;
  align-items:flex-start;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 auto;
  max-width:960px;
  padding:0 30px;
  position:relative
}
@media screen and (max-width:767px) {
  .message__mv div {
    padding:0 20px 0
  }

}
.message__mv h1 {
  color:#000;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:90px;
  font-weight:700;
  height:90px;
  line-height:90px;
  overflow:hidden;
  text-align:left
}
@media screen and (max-width:767px) {
  .message__mv h1 {
    font-size:54px;
    height:108px;
    line-height:54px
  }

}
.message__mv p {
  color:#000;
  font-size:2.4rem;
  font-weight:700;
  line-height:28px;
  max-width:960px;
  text-align:left
}
.message__mv span {
  display:inline-block;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
  width:0%
}
.message__mv[data-status=show] {
  opacity:1;
  transition:opacity 1s ease 150ms
}
.message__mv[data-status=show] span {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 1s;
  width:100%
}
.message__mv[data-status=show] p span {
  transition-delay:1.3s
}
.message__block {
  margin:0 auto;
  max-width:960px;
  padding:70px 30px 100px;
  text-align:left
}
@media screen and (max-width:767px) {
  .message__block {
    padding:40px 20px 40px
  }

}
.message__block h3 {
  font-size:4.2rem;
  line-height:60px;
  margin:0 0 60px
}
@media screen and (max-width:767px) {
  .message__block h3 {
    font-size:3rem;
    line-height:51px;
    margin:0 0 20px
  }

}
.message__block h3 span {
  display:inline-block;
  position:relative
}
.message__block h3 span::before {
  background:#fff;
  content:"";
  height:110%;
  position:absolute;
  right:0;
  top:0;
  width:100%
}
.message__block h3[data-status=show] span::before {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 150ms;
  width:0%
}
.message__block h3 ruby rt {
  font-size:30%
}
.message__block p {
  font-size:1.5rem;
  line-height:33px
}
@media screen and (max-width:767px) {
  .message__block p {
    font-size:1.3rem;
    line-height:27px
  }

}
.message__block p+p {
  margin:33px 0 0
}
@media screen and (max-width:767px) {
  .message__block p+p {
    margin:27px 0 0
  }

}
.message__block p.message__caption {
  font-size:1.2rem;
  line-height:2em;
  margin:70px 0 0
}
@media screen and (max-width:767px) {
  .message__block p.message__caption {
    font-size:1rem;
    margin:45px 0 0
  }

}
@media screen and (min-width:768px) {
  .message__body01 {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 0 70px
  }
  .message__body01 img {
    max-width:480px;
    width:calc(51.5% - 15px)
  }
  .message__body01 div {
    max-width:450px;
    width:calc(100% - 51.5% - 15px)
  }

}
@media screen and (max-width:767px) {
  .message__body01 {
    margin:0 0 27px
  }
  .message__body01 img {
    width:100%;
    height:calc(100vw - 40px);
    object-fit:cover;
    margin:0 0 20px
  }

}
.message__body02 img {
  margin:0 0 70px;
  width:100%
}
@media screen and (max-width:767px) {
  .message__body02 img {
    height:calc(100vw - 40px);
    object-fit:cover;
    margin:0 0 20px
  }

}
.message .profile {
  background:#efefef;
  padding:60px 30px
}
@media screen and (max-width:767px) {
  .message .profile {
    padding:40px 20px
  }

}
.message .profile__body {
  max-width:960px;
  text-align:left
}
@media screen and (min-width:768px) {
  .message .profile__body {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto
  }

}
@media screen and (min-width:768px) {
  .message .profile__body img {
    max-width:360px;
    width:calc(39% - 15px)
  }

}
@media screen and (max-width:767px) {
  .message .profile__body img {
    margin:0 0 20px;
    width:100%
  }

}
@media screen and (min-width:768px) {
  .message .profile__body div {
    max-width:580px;
    width:calc(61% - 15px)
  }

}
.message .profile__body div h2 {
  font-size:1.5rem;
  font-weight:700;
  line-height:33px;
  margin:-7px 0 0
}
.message .profile__body div h2 strong {
  font-size:2.1rem;
  font-weight:700
}
@media screen and (max-width:767px) {
  .message .profile__body div h2 {
    margin:0
  }

}
.message .profile__body div p {
  font-size:1.4rem;
  line-height:30px;
  margin:5px 0 0
}
@media screen and (max-width:767px) {
  .message .profile__body div p {
    font-size:1.3rem;
    line-height:27px
  }

}
.message .profile__body div p strong {
  font-weight:700;
  font-size:1.5rem;
  line-height:33px
}
@media screen and (max-width:767px) {
  .message .profile__body div p strong {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (min-width:768px) {
  .business__tab {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto 80px;
    max-width:960px;
    padding:0 30px
  }

}
@media screen and (max-width:767px) {
  .business__tab {
    margin:0 auto 40px;
    padding:0 20px
  }

}
@media screen and (min-width:768px) {
  .business__tab li {
    max-width:320px;
    width:calc((100% - 40px)/ 3)
  }

}
@media screen and (max-width:767px) {
  .business__tab li {
    margin:0 0 10px 0
  }

}
.business__tab a {
  -ms-flex-align:center;
  align-items:center;
  background:#9399c8;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  font-size:1.8rem;
  height:120px;
  -ms-flex-pack:center;
  justify-content:center;
  line-height:24px;
  position:relative;
  width:100%;
  text-decoration:none;
  transition:all 250ms ease
}
@media screen and (max-width:767px) {
  .business__tab a {
    font-size:1.5rem;
    height:60px
  }

}
@media screen and (min-width:768px) {
  .business__tab a:hover {
    opacity:.7
  }

}
.business__tab a::before {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/icon_logo_white.svg) no-repeat left 0;
  background-size:270px 120px;
  content:"";
  height:100%;
  left:0;
  opacity:.2;
  position:absolute;
  top:0;
  width:100%
}
@media screen and (max-width:767px) {
  .business__tab a::before {
    background-size:202.5px 90px
  }

}
.business__tab02 {
  background:#f7f8f8;
  box-sizing:border-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  left:0;
  margin:0 auto 80px;
  padding:20px 30px;
  position:fixed;
  top:140px;
  transform:translateY(-100%);
  width:100%;
  z-index:100;
  transition:all 250ms ease
}
@media screen and (max-width:767px) {
  .business__tab02 {
    display:none
  }

}
.business__tab02[data-status=show] {
  transform:translateY(0)
}
@media screen and (min-width:768px) {
  .business__tab02 li {
    max-width:320px;
    width:calc((100% - 40px)/ 3)
  }

}
.business__tab02 li:nth-of-type(2) {
  margin:0 20px
}
.business__tab02 a {
  -ms-flex-align:center;
  align-items:center;
  background:#9399c8;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  font-size:1.5rem;
  height:40px;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative;
  width:100%;
  text-decoration:none;
  transition:all 250ms ease
}
@media screen and (min-width:768px) {
  .business__tab02 a:hover {
    opacity:.7
  }

}
.business__tab02 a::before {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/icon_logo_white.svg) no-repeat left 0;
  background-size:180px 80px;
  content:"";
  height:100%;
  left:0;
  opacity:.2;
  position:absolute;
  top:0;
  width:100%
}
.business__body {
  text-align:left
}
.business__body {
  background:#f7f8f8
}
.business__body--photo {
  width:100%
}
.business__body--text {
  margin:0 auto;
  max-width:960px;
  padding:70px 30px 80px
}
@media screen and (max-width:767px) {
  .business__body--text {
    padding:40px 20px
  }

}
.business__body--text>h3 span {
  display:inline-block;
  position:relative
}
.business__body--text>h3 span::before {
  background:#f7f8f8;
  content:"";
  height:110%;
  position:absolute;
  right:0;
  top:0;
  width:100%
}
.business__body--text>h3[data-status=show] span::before {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 150ms;
  width:0%
}
.business__body h3 {
  font-size:4.2rem;
  line-height:60px;
  margin:0 0 40px
}
@media screen and (max-width:767px) {
  .business__body h3 {
    font-size:3rem;
    line-height:51px;
    margin:0 0 20px
  }

}
.business__body p {
  font-size:1.5rem;
  line-height:33px
}
@media screen and (max-width:767px) {
  .business__body p {
    font-size:1.3rem;
    line-height:27px
  }

}
.business .feature {
  background:#fff;
  padding:70px 30px 80px
}
@media screen and (max-width:767px) {
  .business .feature {
    padding:40px 20px
  }

}
.business .feature__body {
  margin:0 auto;
  max-width:960px;
  padding:0 0 40px
}
@media screen and (max-width:767px) {
  .business .feature__body {
    padding:0 0 10px
  }

}
.business .feature__body h3 {
  margin-bottom:60px
}
@media screen and (max-width:767px) {
  .business .feature__body h3 {
    margin:0 0 30px
  }

}
@media screen and (min-width:768px) {
  .business .feature__item {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 0 60px
  }

}
@media screen and (max-width:767px) {
  .business .feature__item {
    margin:0 0 40px
  }

}
@media screen and (min-width:768px) {
  .business .feature__item--photo {
    max-width:420px;
    position:relative;
    width:calc(45% - 15px)
  }

}
@media screen and (max-width:767px) {
  .business .feature__item--photo {
    margin:0 0 20px
  }

}
.business .feature__item--photo img {
  width:100%
}
@media screen and (min-width:768px) {
  .business .feature__item--photo p {
    bottom:-22px;
    font-size:1.2rem;
    line-height:18px;
    position:absolute;
    right:0
  }
  .business .feature__item--photo p.ex {
    box-sizing:border-box;
    height:60px;
    padding:4px 0 0;
    position:static;
    text-align:right
  }

}
@media screen and (max-width:767px) {
  .business .feature__item--photo p {
    font-size:1.1rem;
    line-height:15px;
    margin:5px 0 0;
    text-align:right
  }
  .business .feature__item--photo p.ex {
    margin:5px 0 10px
  }

}
@media screen and (min-width:768px) {
  .business .feature__item--text {
    max-width:520px;
    width:calc(55% - 15px)
  }

}
@media screen and (min-width:768px) {
  .business .feature__item--text p {
    line-height:30px
  }
  .business .feature__item--text p+p {
    margin-top:30px
  }
  .business .feature__item--text p+h4 {
    margin-top:60px
  }

}
@media screen and (max-width:767px) {
  .business .feature__item--text p+p {
    margin-top:27px
  }
  .business .feature__item--text p+h4 {
    margin-top:40px
  }

}
.business .feature__item--text h4 {
  font-size:2.4rem;
  font-weight:700;
  line-height:33px;
  margin:0 0 25px
}
@media screen and (max-width:767px) {
  .business .feature__item--text h4 {
    font-size:2.1rem;
    margin:0 0 15px
  }

}
@media screen and (max-width:767px) {
  .business .feature__item--text ul {
    overflow:hidden
  }

}
.business .feature__item--text li {
  font-size:1.5rem;
  line-height:30px;
  padding:0 0 0 1em;
  text-indent:-1em
}
@media screen and (max-width:767px) {
  .business .feature__item--text li {
    font-size:1.3rem;
    line-height:27px
  }

}
.business .feature__item--text li+li {
  margin:30px 0 0
}
@media screen and (max-width:767px) {
  .business .feature__item--text li+li {
    margin:10px 0 0
  }

}
.business .feature__item--text li div {
  float:right;
  margin:0 0 0 30px;
  text-indent:0;
  width:50%
}
@media screen and (max-width:767px) {
  .business .feature__item--text li div {
    margin:0 0 0 15px;
    width:40%
  }

}
.business .feature__item--text li div img {
  width:100%
}
.business .feature__item--text li div p {
  font-size:1.2rem;
  line-height:18px;
  margin:5px 0 0
}
@media screen and (max-width:767px) {
  .business .feature__item--text li div p {
    font-size:1.1rem;
    line-height:15px
  }

}
.business .feature__story {
  background:#fff;
  border:1px solid #c7a4cc;
  margin:0 auto;
  max-width:960px
}
.business .feature__story dt {
  background:#e3e4e8;
  color:#c7a4cc;
  font-size:2.1rem;
  font-weight:700;
  line-height:60px
}
@media screen and (max-width:767px) {
  .business .feature__story dt {
    font-size:1.8rem;
    line-height:24px;
    padding:0 0 8px;
    text-align:center
  }

}
.business .feature__story dt span {
  -ms-flex-align:center;
  align-items:center;
  background:#c7a4cc;
  color:#fff;
  display:-ms-inline-flexbox;
  display:inline-flex;
  font-weight:700;
  height:60px;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 20px 0 0;
  width:240px
}
@media screen and (max-width:767px) {
  .business .feature__story dt span {
    display:-ms-flexbox;
    display:flex;
    height:40px;
    margin:0 0 8px;
    width:100%
  }

}
@media screen and (min-width:768px) {
  .business .feature__story dd {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:40px
  }

}
@media screen and (max-width:767px) {
  .business .feature__story dd {
    padding:20px
  }

}
.business .feature__story dd img {
  border-radius:100%;
  max-width:240px;
  overflow:hidden;
  width:calc(28.2% - 20px)
}
@media screen and (max-width:767px) {
  .business .feature__story dd img {
    display:block;
    margin:0 auto 20px;
    width:200px
  }

}
@media screen and (min-width:768px) {
  .business .feature__story dd div {
    max-width:640px;
    width:calc(71.7% - 20px)
  }

}
.business .feature__story dd p {
  line-height:30px
}
@media screen and (max-width:767px) {
  .business .feature__story dd p {
    line-height:27px
  }

}
.business .feature__story dd p span {
  display:block;
  font-size:1.8rem;
  font-weight:700;
  line-height:24px;
  margin:10px 0 0
}
@media screen and (max-width:767px) {
  .business .feature__story dd p span {
    font-size:1.5rem
  }

}
.business .feature__story dd p span span {
  display:block;
  font-size:1.2rem;
  margin:-24px 0 0 110px
}
@media screen and (max-width:767px) {
  .business .feature__story dd p span span {
    font-size:1.1rem;
    margin:0
  }

}
.business .feature__story dd p strong {
  display:inline-block;
  font-size:2.7rem;
  line-height:42px
}
@media screen and (max-width:767px) {
  .business .feature__story dd p strong {
    font-size:2.1rem;
    line-height:33px
  }

}
.business .feature__story dd p+p {
  margin:15px 0 0
}
.product {
  overflow:hidden
}
.product__block {
  overflow:hidden;
  padding:80px 30px;
  position:relative
}
@media screen and (max-width:767px) {
  .product__block {
    padding:40px 20px
  }

}
.product__block[data-status=show]::after {
  top:0
}
.product__block--01 {
  background:#efefef
}
.product__block--01 .product__job {
  background:#fff
}
.product__block--02 .product__job {
  background:#efefef
}
.product__block::after,.product__block::before {
  border-color:transparent;
  border-style:solid;
  border-width:20px 20px 0 20px;
  content:"";
  height:0;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:100%;
  width:0;
  z-index:10
}
@media screen and (max-width:767px) {
  .product__block::after,.product__block::before {
    border-width:15px 15px 0 15px
  }

}
.product__block::before {
  top:0
}
.product__block::after {
  top:-20px;
  transition:all 250ms ease
}
.product__block--arrowgray::after {
  border-color:#efefef transparent transparent transparent
}
.product__block--arrowpurple::after {
  border-color:#c7a4cc transparent transparent transparent
}
.product__block--arrowlightpurple::after {
  border-color:#9399c8 transparent transparent transparent
}
.product__block--arrowwhite::after {
  border-color:#fff transparent transparent transparent
}
@media screen and (min-width:768px) {
  .product__block--arrowdouble::after {
    border-color:#9399c8 transparent transparent transparent;
    left:calc((100% - 1000px) * .5 + 210px - 20px);
    right:auto
  }

}
@media screen and (min-width:768px) and (max-width:1060px) {
  .product__block--arrowdouble::after {
    left:220px
  }

}
@media screen and (min-width:768px) and (max-width:960px) {
  .product__block--arrowdouble::after {
    left:calc(25% - 20px)
  }

}
.product__block--arrowdouble::before {
  border-color:#c7a4cc transparent transparent transparent;
  left:auto;
  right:calc((100% - 1000px) * .5 + 210px - 20px);
  top:-20px;
  transition:all 250ms ease
}
@media screen and (max-width:1060px) {
  .product__block--arrowdouble::before {
    right:220px
  }

}
@media screen and (max-width:960px) {
  .product__block--arrowdouble::before {
    right:calc(25% - 20px)
  }

}
@media screen and (max-width:767px) {
  .product__block--arrowdouble::before {
    left:0;
    right:0
  }

}
.product__block--arrowdouble[data-status=show]::before {
  top:0
}
.product__body {
  max-width:960px;
  position:relative;
  text-align:left
}
@media screen and (min-width:768px) {
  .product__body {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto
  }

}
@media screen and (min-width:768px) {
  .product__body--text {
    max-width:520px;
    width:calc(55% - 15px)
  }

}
.product__body h2 {
  font-size:2.4rem;
  font-weight:700;
  line-height:33px;
  margin:0 0 25px
}
@media screen and (max-width:767px) {
  .product__body h2 {
    font-size:2.1rem;
    line-height:27px;
    margin:0 0 10px
  }

}
@media screen and (min-width:768px) {
  .product__body>img {
    max-width:420px;
    width:calc(45% - 15px)
  }

}
@media screen and (max-width:767px) {
  .product__body>img {
    margin:0 0 15px;
    width:100%
  }

}
.product__body p {
  font-size:1.5rem;
  line-height:30px
}
@media screen and (max-width:767px) {
  .product__body p {
    font-size:1.3rem;
    line-height:27px
  }

}
.product__job {
  position:relative
}
@media screen and (min-width:768px) {
  .product__job {
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:40px 0 0;
    padding:20px 40px;
    width:100%
  }

}
@media screen and (max-width:767px) {
  .product__job {
    margin:20px 0 0;
    padding:30px 20px
  }

}
.product__job--label span {
  background: #a1a5b2;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height:25px;
}
.product__job--label span.wovn_show_if_ja {
  width: 80px;
}
.product__job--label span.wovn_show_if_en {
  width: 120px;
}
@media screen and (max-width:767px) {
  .product__job--label span {
    font-size:1.2rem;
    height:20px
  }

}
.product__job img {
  border-radius:100%;
  width:160px
}
@media screen and (min-width:768px) {
  .product__job dl {
    max-width:720px;
    width:calc(100% - 160px - 20px)
  }

}
.product__job dt {
  font-size:2.1rem;
  font-weight:700;
  line-height:33px;
  margin:0 0 15px
}
@media screen and (max-width:960px) {
  .product__job dt {
    font-size:1.8rem;
    line-height:27px
  }

}
.product__job dd {
  font-size:1.5rem;
  line-height:30px
}
@media screen and (max-width:767px) {
  .product__job dd {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .product__job dd img {
    display:block;
    margin:0 auto 10px
  }

}
@media screen and (min-width:768px) {
  .product__column02 {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto;
    max-width:960px;
    padding:0 30px;
    position:relative
  }
  .product__column02::before {
    background:#9399c8;
    content:"";
    height:100%;
    left:-50vw;
    position:absolute;
    width:150vw;
    z-index:1
  }
  .product__column02::after {
    background:#c7a4cc;
    content:"";
    height:100%;
    left:50%;
    position:absolute;
    width:100vw;
    z-index:2
  }

}
@media all and (-ms-high-contrast:none\0) {
  .product__column02 {
    max-width:none;
    width:960px
  }

}
.product__column02 .product__block {
  z-index:10
}
@media screen and (min-width:768px) {
  .product__column02 .product__block {
    max-width:420px;
    padding:80px 0;
    width:calc(50% - 30px)
  }

}
@media screen and (max-width:767px) {
  .product__column02 .product__block:nth-of-type(1) {
    background:#9399c8
  }
  .product__column02 .product__block:nth-of-type(2) {
    background:#c7a4cc
  }
  .product__column02 .product__block:nth-of-type(2)::after,.product__column02 .product__block:nth-of-type(2)::before {
    content:none
  }

}
.product__column02 .product__body {
  color:#fff;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  -ms-flex-pack:start;
  justify-content:flex-start
}
@media screen and (min-width:768px) {
  .product__column02 .product__body>img {
    margin:0 0 35px;
    width:100%
  }

}
.product__column02 .product__body--text {
  -ms-flex-positive:10;
  flex-grow:10;
  width:auto
}
.product__column02 .product__job {
  background:rgba(255,255,255,.6);
  box-sizing:border-box;
  color:#000;
  display:block;
  padding:40px;
  min-height:400px
}
@media screen and (max-width:960px) {
  .product__column02 .product__job {
    min-height:442px;
    padding:40px 20px
  }

}
@media screen and (max-width:767px) {
  .product__column02 .product__job {
    padding:30px 20px;
    min-height:0
  }

}
.product__column02 .product__job dl {
  max-width:none;
  width:auto
}
.product__column02 .product__job img {
  float:left;
  margin:0 20px 10px 0
}
@media screen and (max-width:960px) {
  .product__column02 .product__job img {
    display:block;
    float:none;
    margin:0 auto 10px
  }

}
@media all and (-ms-high-contrast:none\0) {
  .product__column02 .product__block {
    width:420px;
    max-width:none;
    margin-right:80px
  }

}
@media all and (-ms-high-contrast:none\0) {
  .product__column02 .product__block+div {
    margin:0 0 0 80px
  }

}
@media all and (-ms-high-contrast:none\0) {
  .product__column02 .product__body {
    max-width:420px;
    margin:0 auto;
    display:block
  }

}
.product__complete {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/product/11.jpg) no-repeat center 80%;
  background-size:cover;
  height:600px;
  opacity:0;
  overflow:hidden;
  padding:0 30px;
  position:relative
}
@media screen and (max-width:767px) {
  .product__complete {
    background-position:70% 80%;
    height:500px;
    padding:0 20px 0
  }

}
.product__complete span {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  width:0%
}
.product__complete[data-status=show] {
  opacity:1;
  transition:opacity 1s ease 150ms
}
.product__complete[data-status=show] span {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 1s;
  width:100%
}
.product__complete[data-status=show] dd span {
  transition-delay:1.3s
}
.product__complete dl {
  -ms-flex-align:start;
  align-items:flex-start;
  box-sizing:border-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 auto;
  max-width:960px;
  padding:30px 0 0;
  position:relative;
  text-align:left
}
@media screen and (max-width:767px) {
  .product__complete dl {
    text-shadow:0 0 5px #fff
  }

}
.product__complete dt {
  font-size:2.4rem;
  font-weight:700;
  line-height:33px
}
@media screen and (max-width:767px) {
  .product__complete dt {
    font-size:2.1rem;
    line-height:27px
  }

}
.product__complete dt span {
  font-weight:700
}
.product__complete dd {
  font-size:60px;
  line-height:70px
}
@media screen and (max-width:767px) {
  .product__complete dd {
    font-size:4.2rem;
    line-height:50px
  }

}
.product__complete img {
  width:100%
}
.product__complete::after {
  border-color:transparent;
  border-color:#fff transparent transparent transparent;
  border-style:solid;
  border-width:20px 20px 0 20px;
  content:"";
  height:0;
  left:0;
  margin:0 auto;
  position:absolute;
  right:0;
  top:-20px;
  transition:all 250ms ease 1s;
  width:0;
  z-index:10
}
@media screen and (max-width:767px) {
  .product__complete::after {
    border-width:15px 15px 0 15px
  }

}
.product__complete[data-status=show]::after {
  top:0
}
.product__img img {
  width:100%
}
.work__tab {
  margin:60px auto 50px;
  max-width:960px;
  padding:0 30px
}
@media screen and (max-width:767px) {
  .work__tab {
    margin:30px auto 15px;
    padding:0 20px
  }

}
.work__tab ul {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media screen and (max-width:767px) {
  .work__tab ul {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
  }

}
.work__tab li {
  -ms-flex-align:center;
  align-items:center;
  background:#f7f8f8;
  border:1px solid currentColor;
  border-radius:50px;
  box-sizing:border-box;
  color:#9399c8;
  cursor:pointer;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-positive:10;
  flex-grow:10;
  font-size:1.4rem;
  height:50px;
  -ms-flex-pack:center;
  justify-content:center;
  max-width:150px;
  transition:all 250ms ease
}
@media screen and (max-width:767px) {
  .work__tab li {
    font-size:1.2rem;
    height:40px;
    max-width:calc(50% - 5px);
    width:calc(50% - 5px)
  }

}
.work__tab li[data-current=true] {
  background:#fff;
  pointer-events:none
}
.work__list {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 auto 100px;
  max-width:960px;
  padding:0 30px;
  gap:30px
}
.work__list[data-anm] {
  animation:fadein .5s ease 0s 1 forwards;
  opacity:0
}
@media screen and (max-width:767px) {
  .work__list {
    margin:0 auto 60px;
    padding:0 20px;
    gap:10px
  }

}
.work__list li {
  width:calc((100% - 60px)/ 3)
}
@media screen and (max-width:767px) {
  .work__list li {
    width:calc(50% - 5px)
  }

}
.work__list a {
  border:1px solid #ddd;
  color:#000;
  display:block;
  padding:9px;
  text-decoration:none;
  transition:all 250ms ease
}
@media screen and (min-width:768px) {
  .work__list a:hover {
    opacity:.7
  }

}
.work__list a img {
  width:100%
}
.work__list a p {
  font-size:1.8rem;
  font-weight:700;
  line-height:1.333em;
  margin:20px 0 12px;
  text-align:center
}
@media screen and (max-width:767px) {
  .work__list a p {
    margin:15px 0 10px;
    font-size:1.4rem
  }

}
.work__mv {
  height:600px;
  opacity:0;
  overflow:hidden;
  padding:40px 0 0;
  position:relative
}
@media screen and (max-width:767px) {
  .work__mv {
    height:500px;
    padding:20px 0 0
  }

}
.work__mv--01 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/01/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--02 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/02/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--03 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/03/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--04 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/04/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--05 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/05/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--06 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/06/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--07 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/07/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--08 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/08/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--09 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/09/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--10 {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/work/new/10/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--11 {
  background:url(/employment/__assets/old_assets/images/work/new/11/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--12 {
  background:url(/employment/__assets/old_assets/images/work/new/12/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--13 {
  background:url(/employment/__assets/old_assets/images/work/new/13/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--14 {
  background:url(/employment/__assets/old_assets/images/work/new/14/01.jpg) no-repeat center top;
  background-size:cover
}
.work__mv--15 {
  background:url(/employment/__assets/old_assets/images/work/new/15/01.jpg) no-repeat center top;
  background-size:cover
}
@media screen and (max-width:767px) {
  .work__mv--01 {
    background-position:70% top
  }

}
@media screen and (max-width:767px) {
  .work__mv--11 {
    background-position:38% top
  }

}
@media screen and (max-width:767px) {
  .work__mv--12 {
    background-position:38% top
  }

}
@media screen and (max-width:767px) {
  .work__mv--13 {
    background-position:55% top
  }

}
@media screen and (max-width:767px) {
  .work__mv--14 {
    background-position:15% top
  }

}
@media screen and (max-width:767px) {
  .work__mv--15 {
    background-position:60% top
  }

}
.work__mv--title {
  -ms-flex-align:start;
  align-items:flex-start;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 auto 40px;
  max-width:960px;
  padding:0 30px;
  text-align:left
}
@media screen and (max-width:767px) {
  .work__mv--title {
    padding:0 20px
  }

}
.work__mv--title h1 {
  color:#000;
  font-size:2.4rem;
  line-height:28px
}
@media screen and (max-width:767px) {
  .work__mv--title h1 {
    font-size:2.1rem
  }

}
.work__mv--title span {
  display:inline-block;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
  width:0%
}
.work__mv--title p {
  color:#000;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:90px;
  font-weight:700;
  line-height:90px
}
@media screen and (max-width:767px) {
  .work__mv--title p {
    font-size:60px;
    line-height:60px
  }

}
@media screen and (max-width:374px) {
  .work__mv--title p {
    font-size:50px
  }

}
.work__mv--title--benefits {
  color:#c7a4cc
}
.work__mv--title--benefits p {
  color:#c7a4cc
}
.work__mv ul {
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  font-size:1.8rem;
  margin:auto;
  max-width:960px;
  position:absolute;
  gap:1em;
  inset:auto 30px 45px
}
@media screen and (max-width:767px) {
  .work__mv ul {
    font-size:1.5rem;
    inset:auto 20px 20px
  }

}
.work__mv--hashtag {
  color:#fff;
  font-size:1.8rem;
  margin:auto;
  max-width:960px;
  position:absolute;
  text-align:left;
  inset:auto 30px 45px;
}
@media screen and (max-width:767px) {
  .work__mv--hashtag {
    font-size:1.5rem;
    inset:auto 20px 20px;
    line-height:30px;
    margin:0;
    width:70%;
    word-break:break-all;
  }

}
.work__mv--hashtag span {
  margin-right:1em;
}
.work__mv--text {
  background:rgba(0,0,0,.6);
  bottom:0;
  color:#fff;
  left:0;
  margin:0 auto;
  padding:30px 30px 30px;
  position:absolute;
  right:0;
  transform:translateY(100%)
}
@media screen and (max-width:767px) {
  .work__mv--text {
    padding:20px 20px 20px
  }

}
.work__mv dt {
  font-feature-settings:"palt";
  font-size:4.2rem;
  line-height:60px;
  margin:0 auto 15px;
  max-width:960px;
  text-align:left
}
.work__mv--12 dt {
  font-size:4rem;
}
@media screen and (max-width:767px) {
  .work__mv dt {
    font-size:2.4rem;
    line-height:33px
  }

}
.work__mv dd {
  font-size:3rem;
  line-height:42px;
  margin:0 auto;
  max-width:960px;
  text-align:right
}
@media screen and (max-width:767px) {
  .work__mv dd {
    font-size:1.8rem;
    line-height:27px
  }

}
.work__mv dd span {
  font-size:1.5rem;
  margin:0 0 0 1em
}
@media screen and (max-width:767px) {
  .work__mv dd span {
    display:block;
    font-size:1.2rem;
    margin:0 0 0
  }

}
.work__mv[data-status=show] {
  opacity:1;
  transition:opacity 1s ease 150ms
}
.work__mv[data-status=show] .work__mv--text {
  transition:transform 750ms cubic-bezier(.075,.82,.165,1) 1.5s;
  transform:translateY(0)
}
.work__mv[data-status=show] .work__mv--title span {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 1s;
  width:100%
}
.work__mv[data-status=show] .work__mv--title h1 span {
  transition-delay:1.15s
}
.work__body {
  -ms-flex-align:start;
  align-items:flex-start;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 auto;
  max-width:960px;
  padding:80px 30px 0
}
@media screen and (max-width:767px) {
  .work__body {
    display:block;
    padding:40px 20px 0
  }

}
.work__body dt {
  -ms-flex-align:center;
  align-items:center;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-negative:0;
  flex-shrink:0;
  font-size:2.1rem;
  height:200px;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 0 80px;
  width:200px
}
@media screen and (max-width:767px) {
  .work__body dt {
    font-size:1.8rem;
    height:50px;
    margin:0 -20px 10px;
    width:auto
  }

}
.work__body dd {
  text-align:left;
  font-size:1.5rem;
  line-height:30px
}
@media screen and (max-width:767px) {
  .work__body dd {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (min-width:768px) {
  .work__body dd {
    margin:0 0 80px;
    max-width:760px;
    width:calc(100% - 230px)
  }

}
@media screen and (max-width:767px) {
  .work__body dd {
    margin:0 0 30px
  }

}
.work__body dd img {
  opacity:0;
  width:100%
}
@media screen and (max-width:767px) {
  .work__body dd img {
    margin:10px 0 0
  }

}
.work__body dd[data-status=show] img {
  opacity:1;
  transition:all .5s ease
}
.work__body--01 {
  background:#a1a5b2
}
.work__body--02 {
  background:#c7a4cc
}
.work__body--03 {
  background:#cca69a
}
.work__body--04 {
  background:#ccc49a
}
.work__body--05 {
  background:#e5ceb8
}
.work__body--06 {
  background:#9399c8
}
.work__photo img {
  width:100%
}
@media screen and (max-width:767px) {
  .work__photo img {
    height:100vw;
    object-fit:cover
  }

}
@media screen and (min-width:768px) {
  .benefits__list {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto;
    max-width:960px;
    padding:50px 30px 40px
  }

}
@media screen and (max-width:767px) {
  .benefits__list {
    padding:40px 20px 40px
  }

}
.benefits__list li {
  margin:0 0 90px;
  max-width:300px;
  text-align:left;
  width:calc((100% - 60px)/ 3)
}
@media screen and (max-width:960px) {
  .benefits__list li {
    margin:0 0 50px
  }

}
@media screen and (max-width:767px) {
  .benefits__list li {
    max-width:none;
    margin:0 0 30px;
    width:auto
  }

}
.benefits__list img {
  width:100%
}
.benefits__list h3 {
  font-size:1.8rem;
  font-weight:700;
  line-height:33px;
  margin:10px 0 5px
}
.benefits__list h3 span {
  font-size:1.5rem;
  font-weight:inherit
}
.benefits__list p {
  font-size:1.5rem;
  line-height:27px
}
@media screen and (max-width:767px) {
  .benefits__list p {
    font-size:1.3rem;
    line-height:27px
  }

}
.recruit__mv {
  background:url(/__assets/from_theme/old_assets/employment/assets/images/recruit/mv.jpg) no-repeat center 35%;
  background-size:cover;
  box-sizing:border-box;
  -ms-flex-direction:column;
  flex-direction:column;
  height:600px;
  opacity:0;
  padding:0 0 40px
}
@media screen and (max-width:960px) {
  .recruit__mv {
    height:480px;
    padding:0 0 20px
  }

}
@media screen and (max-width:767px) {
  .recruit__mv {
    background-position:center;
    height:500px;
    padding:40px 0 0
  }

}
.recruit__mv div {
  -ms-flex-align:start;
  align-items:flex-start;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  height:100%;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 auto;
  max-width:960px;
  padding:0 30px;
  position:relative
}
@media screen and (max-width:767px) {
  .recruit__mv div {
    padding:0 20px 0
  }

}
.recruit__mv h1 {
  color:#fff;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:90px;
  font-weight:700;
  height:90px;
  line-height:90px;
  overflow:hidden;
  text-align:left
}
@media screen and (max-width:767px) {
  .recruit__mv h1 {
    font-size:54px;
    height:54px;
    line-height:54px
  }

}
.recruit__mv p {
  color:#fff;
  font-size:2.4rem;
  font-weight:700;
  line-height:28px;
  max-width:960px;
  text-align:left
}
.recruit__mv span {
  display:inline-block;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
  width:0%
}
.recruit__mv[data-status=show] {
  opacity:1;
  transition:opacity 1s ease 150ms
}
.recruit__mv[data-status=show] span {
  transition:width 750ms cubic-bezier(.075,.82,.165,1) 1s;
  width:100%
}
.recruit__mv[data-status=show] p span {
  transition-delay:1.3s
}
.recruit__outline {
  margin:0 auto;
  max-width:960px;
  padding:80px 30px 25px;
  text-align:left
}
@media screen and (max-width:767px) {
  .recruit__outline {
    padding:40px 20px 20px
  }

}
.recruit__outline h3 {
  font-size:2.4rem;
  font-weight:700;
  line-height:33px;
  margin:0 0 10px
}
@media screen and (max-width:767px) {
  .recruit__outline h3 {
    font-size:2.1rem;
    line-height:27px
  }

}
.recruit__outline h3 span {
  font-size:1.5rem;
  font-weight:700
}
@media screen and (max-width:767px) {
  .recruit__outline h3 span {
    font-size:1.4rem
  }

}
.recruit__outline table {
  border:1px solid #ddd;
  border-bottom:none;
  border-collapse:collapse;
  box-sizing:border-box;
  font-size:1.4rem;
  line-height:24px;
  margin:0 0 80px;
  width:100%
}
@media screen and (max-width:767px) {
  .recruit__outline table {
    border:1px solid #ddd;
    border-top:none;
    display:block;
    margin:0 0 40px
  }
  .recruit__outline table tbody,.recruit__outline table td,.recruit__outline table th,.recruit__outline table tr {
    display:block
  }

}
@media screen and (min-width:768px) {
  .recruit__outline th {
    border-bottom:1px solid #ddd;
    box-sizing:border-box;
    padding:12px 25px;
    vertical-align:top;
    width:24%
  }

}
@media screen and (max-width:767px) {
  .recruit__outline th {
    border-top:1px solid #ddd;
    font-weight:700;
    padding:10px 15px 0
  }

}
@media screen and (min-width:768px) {
  .recruit__outline td {
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    padding:12px 20px;
    vertical-align:top
  }
  .recruit__outline td+td {
    width:50%
  }

}
@media screen and (max-width:767px) {
  .recruit__outline td {
    font-size:1.3rem;
    padding:0 15px 10px
  }
  .recruit__outline td+td {
    margin-top:-10px
  }

}
.recruit__flow {
  padding:80px 30px
}
@media screen and (max-width:767px) {
  .recruit__flow {
    padding:40px 20px
  }

}
.recruit__flow ol {
  margin:0 0 30px
}
@media screen and (max-width:767px) {
  .recruit__flow ol {
    margin:0 0 20px
  }

}
.recruit__flow li {
  font-size:2.1rem;
  font-weight:700;
  line-height:33px
}
@media screen and (max-width:767px) {
  .recruit__flow li {
    font-size:1.8rem;
    line-height:27px
  }

}
.recruit__flow li::after {
  border-color:#a1a5b2 transparent transparent transparent;
  border-style:solid;
  border-width:20px 20px 0 20px;
  content:"";
  display:block;
  height:0;
  margin:30px auto 25px;
  width:0
}
@media screen and (max-width:767px) {
  .recruit__flow li::after {
    border-width:15px 15px 0 15px;
    margin:20px auto 15px
  }

}
.recruit__flow li:last-child::after {
  content:none
}
.recruit__flow p {
  font-size:1.4rem;
  line-height:24px
}
@media screen and (max-width:767px) {
  .recruit__flow p {
    font-size:1.3rem;
    text-align:left
  }

}
.recruit__address {
  padding:80px 30px 95px
}
@media screen and (max-width:767px) {
  .recruit__address {
    padding:40px 20px;
    text-align:left
  }

}
.recruit__address--01,.recruit__address--03 {
  font-size:1.4rem;
  line-height:24px;
  margin:0 0 20px
}
@media screen and (max-width:767px) {
  .recruit__address--01,.recruit__address--03 {
    font-size:1.3rem
  }

}
.recruit__address--03 {
  margin:0 0 30px
}
.recruit__address--02 {
  font-weight:700;
  margin:0 0 24px;
  font-size:1.5rem;
  line-height:30px
}
@media screen and (max-width:767px) {
  .recruit__address--02 {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .recruit__address--02 {
    line-height:24px
  }

}
.recruit__address--02 strong {
  display:inline-block;
  font-size:3rem;
  font-weight:700;
  line-height:60px;
  margin:5px 0
}
@media screen and (max-width:767px) {
  .recruit__address--02 strong {
    font-size:2.4rem
  }

}


.recruit__address02 {
  padding:0px 30px 110px;
}
@media screen and (max-width:767px) {
  .recruit__address02 {
    padding:0px 20px 40px;
    text-align:left
  }

}
.recruit__address02 p{
  font-size:1.4rem;
  line-height:24px;
  margin:0 0 40px
}
@media screen and (max-width:767px) {
  .recruit__address02 p{
    font-size:1.3rem;
    margin:0 0 20px;
  }

}


.recruit__tab {
  -ms-flex-align:end;
  align-items:flex-end;
  background:#f7f8f8;
  display:-ms-flexbox;
  display:flex;
  height:120px;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 0 80px;
  gap:20px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .recruit__tab {
    height:65px;
    margin:0 0 40px;
    padding:0 20px;
    gap:10px
  }

}
.recruit__tab li {
  -ms-flex-align:center;
  align-items:center;
  background:#ff6002;
  border-radius:12px 12px 0 0;
  color:#fff;
  cursor:pointer;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-positive:10;
  flex-grow:10;
  font-size:1.5rem;
  height:60px;
  -ms-flex-pack:center;
  justify-content:center;
  max-width:240px;
  transition:all 250ms ease;
  box-shadow: 0px 0px 10px rgb( 0 0 0 / 0.1);
}
@media screen and (max-width:767px) {
  .recruit__tab li {
    height:45px;
    font-size:1.4rem;
    flex-direction: column;
  }
  .recruit__tab li span {
    font-size: 1.1rem;
  }

}
@media screen and (min-width:768px) {
  .recruit__tab li:hover {
    height:70px
  }

}
.recruit__tab li[data-current=true] {
  background:#fff;
  color:#000;
  height:70px;
  pointer-events:none
}
@media screen and (max-width:767px) {
  .recruit__tab li[data-current=true] {
    height:50px
  }

}


.recruit__block {
  display:none
}
.recruit__block[data-status=init] {
  display:block
}
.recruit__block[data-status=show] {
  animation:fadein .5s ease 0s 1 forwards;
  display:block;
  opacity:0
}
.recruit__block--career a {
  color:#ff6002;
  text-decoration:underline
}
.recruit__block--career a:hover {
  text-decoration:none
}
.contact__entry {
  padding:80px 30px 90px
}
@media screen and (max-width:767px) {
  .contact__entry {
    padding:40px 20px;
    text-align:left
  }

}
.contact__entry p {
  font-size:1.5rem;
  line-height:42px;
  margin:0 0 65px
}
@media screen and (max-width:767px) {
  .contact__entry p {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .contact__entry p {
    margin:0 0 30px
  }

}
.contact__entry .c-entrybtn+.contact__other--01 {
  margin-top:80px
}
@media screen and (max-width:767px) {
  .contact__entry .c-entrybtn+.contact__other--01 {
    margin-top:40px
  }

}
.contact__other {
  padding:80px 30px 95px
}
@media screen and (max-width:767px) {
  .contact__other {
    padding:40px 20px;
    text-align:left
  }

}
.contact__other--01 {
  font-size:1.4rem;
  line-height:24px;
  margin:0 0 20px
}
@media screen and (max-width:767px) {
  .contact__other--01 {
    font-size:1.3rem
  }

}
.contact__other--02 {
  font-weight:700;
  margin:0 0 24px;
  font-size:1.5rem;
  line-height:30px
}
@media screen and (max-width:767px) {
  .contact__other--02 {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .contact__other--02 {
    line-height:24px
  }

}
.contact__other--02 strong {
  display:inline-block;
  font-size:3rem;
  font-weight:700;
  line-height:60px;
  margin:5px 0
}
@media screen and (max-width:767px) {
  .contact__other--02 strong {
    font-size:2.4rem
  }

}
.education__lead {
  margin:70px auto 60px;
  max-width:960px;
  padding:0 30px;
  text-align:left;
  font-size:1.5rem;
  line-height:36px
}
@media screen and (max-width:767px) {
  .education__lead {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .education__lead {
    margin:40px auto 30px;
    padding:0 20px
  }

}
.education__table {
  margin:0 auto 100px;
  max-width:960px;
  padding:0 30px;
  text-align:left
}
@media screen and (max-width:767px) {
  .education__table {
    overflow:auto;
    padding:0 20px
  }

}
.education__table table {
  border-collapse:collapse;
  width:100%
}
@media screen and (max-width:767px) {
  .education__table table {
    width:200vw
  }

}
.education__table table td,.education__table table th {
  border:1px solid #231815;
  font-size:1.4rem;
  line-height:24px;
  padding:0 20px;
  text-align:center;
  vertical-align:middle
}
@media screen and (max-width:767px) {
  .education__table table td,.education__table table th {
    font-size:1.3rem;
    padding:0 10px
  }

}
.education__table table thead th {
  background:#c7a4cc;
  color:#fff;
  font-weight:700;
  height:60px
}
.education__table table tbody th {
  background:#f4edf5
}
.education__table table tbody th[rowspan] {
  background:#e9dbeb
}
.education__table table tbody th:not([rowspan]) {
  height:80px
}
.education__table table tbody th[colspan]+td {
  height:80px
}
.education__table table tbody td:first-child {
  height:80px
}
.education__table table li {
  text-align:left
}
.education__list {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 auto 100px;
  max-width:960px;
  padding:60px 30px 0;
  gap:60px 30px
}
@media screen and (max-width:767px) {
  .education__list {
    display:block;
    margin:0 auto 60px;
    padding:30px 20px 0
  }

}
.education__list>li {
  border:1px solid #231815;
  font-size:1.4rem;
  line-height:24px;
  max-width:450px;
  text-align:left
}
@media screen and (max-width:767px) {
  .education__list>li {
    font-size:1.3rem;
    margin:0 0 40px
  }

}
@media screen and (min-width:768px) {
  .education__list>li {
    width:50%
  }

}
.education__list>li p {
  margin:0 30px 24px
}
@media screen and (max-width:767px) {
  .education__list>li p {
    margin:0 20px 24px
  }

}
.education__list>li ul {
  margin:0 30px 24px
}
@media screen and (max-width:767px) {
  .education__list>li ul {
    margin:0 20px 24px
  }

}
.education__list>li h3 {
  -ms-flex-align:center;
  align-items:center;
  background:#c7a4cc;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  font-weight:700;
  height:60px;
  -ms-flex-pack:start;
  justify-content:flex-start;
  margin:0 0 24px;
  padding:0 20px
}
@media screen and (max-width:767px) {
  .education__list>li h3 {
    height:40px
  }

}
.women__lead {
  margin:70px auto 60px;
  max-width:960px;
  padding:0 30px;
  text-align:left;
  font-size:1.5rem;
  line-height:36px
}
@media screen and (max-width:767px) {
  .women__lead {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .women__lead {
    margin:40px auto 30px;
    padding:0 20px
  }

}
.women__table {
  margin:0 auto 100px;
  max-width:960px;
  padding:60px 30px 0;
  text-align:left
}
@media screen and (max-width:767px) {
  .women__table {
    margin:0 0 60px;
    padding:30px 20px 0
  }

}
.women__table table {
  border-collapse:collapse;
  table-layout:fixed;
  width:100%
}
@media screen and (max-width:767px) {
  .women__table table {
    border-bottom:1px solid #231815;
    display:block
  }
  .women__table table tbody,.women__table table td,.women__table table th,.women__table table thead,.women__table table tr {
    box-sizing:border-box;
    display:block
  }

}
.women__table table td,.women__table table th {
  border:1px solid #231815;
  font-size:1.4rem;
  line-height:24px;
  text-align:center;
  vertical-align:middle
}
@media screen and (max-width:767px) {
  .women__table table td,.women__table table th {
    border-bottom:none;
    font-size:1.3rem;
    padding:10px 10px
  }

}
.women__table table th {
  box-sizing:border-box
}
@media screen and (min-width:768px) {
  .women__table table th {
    height:80px;
    padding:0 20px;
    width:240px
  }

}
.women__table table td {
  text-align:left
}
@media screen and (min-width:768px) {
  .women__table table td {
    padding:16px 20px
  }

}
.women__table table tr:nth-of-type(odd) th {
  background:#f4edf5
}
.women__table table tr:nth-of-type(even) th {
  background:#e9dbeb
}
.women__table table thead th {
  background:#c7a4cc;
  color:#fff;
  font-weight:700;
  height:60px
}
@media screen and (min-width:768px) {
  .women__achievements {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:-10px auto 100px;
    max-width:960px;
    padding:0 30px 0;
    gap:30px
  }

}
@media screen and (max-width:767px) {
  .women__achievements {
    margin:-10px auto 0;
    padding:0 20px 60px
  }

}
@media screen and (min-width:768px) {
  .women__achievements li {
    max-width:460px;
    width:50%
  }

}
@media screen and (max-width:767px) {
  .women__achievements li {
    margin:20px 0 0
  }

}
.women__achievements li img {
  width:100%
}
@media screen and (min-width:768px) {
  .women__acquisition {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:-40px auto 100px;
    max-width:960px;
    padding:0 30px 0;
    gap:30px
  }

}
@media screen and (max-width:767px) {
  .women__acquisition {
    margin:-10px auto 0;
    padding:0 20px 60px
  }

}
.women__acquisition li {
  text-align:left
}
@media screen and (min-width:768px) {
  .women__acquisition li {
    max-width:460px;
    width:calc(50% - 15px)
  }

}
@media screen and (max-width:767px) {
  .women__acquisition li+li {
    margin:20px 0 0
  }

}
.women__acquisition li figure {
  -ms-flex-align:center;
  align-items:center;
  border:1px solid #ddd;
  box-sizing:border-box;
  display:-ms-flexbox;
  display:flex;
  height:200px;
  -ms-flex-pack:center;
  justify-content:center;
  padding:10px
}
@media screen and (max-width:767px) {
  .women__acquisition li figure {
    height:160px
  }

}
.women__acquisition li figure img {
  height:100%
}
.women__acquisition h3 {
  font-size:1.8rem;
  font-weight:700;
  line-height:33px;
  margin:10px 0 5px
}
.women__acquisition h3 span {
  font-size:1.5rem;
  font-weight:inherit
}
.women__acquisition p {
  font-size:1.5rem;
  line-height:27px
}
@media screen and (max-width:767px) {
  .women__acquisition p {
    font-size:1.3rem;
    line-height:27px
  }

}
.women__mv {
  position:relative
}
.women__mv img {
  width:100%
}
@media screen and (max-width:767px) {
  .women__mv img {
    height:80vw;
    object-fit:cover
  }

}
.women__mv dl {
  -ms-flex-align:start;
  align-items:flex-start;
  box-sizing:border-box;
  color:#fff;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  margin:auto;
  max-width:960px;
  position:absolute;
  text-align:left;
  inset:0
}
@media screen and (max-width:767px) {
  .women__mv dl {
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-shadow:0 0 5px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3);
    inset:20px
  }

}
.women__mv dl dt {
  font-size:4.2rem;
  font-weight:700;
  line-height:1.428em;
  margin:0 0 16px
}
@media screen and (max-width:767px) {
  .women__mv dl dt {
    font-size:2.1rem
  }

}
.women__mv dl dd {
  font-size:1.5rem;
  line-height:2em
}
@media screen and (max-width:767px) {
  .women__mv dl dd {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (max-width:767px) {
  .women__mv dl dd {
    line-height:1.5em
  }

}
.women__interview {
  margin:0 auto 100px;
  max-width:960px;
  padding:0 30px 0;
  text-align:left
}
@media screen and (max-width:767px) {
  .women__interview {
    margin:0 auto 60px;
    padding:0 20px 0
  }

}
.women__interview h3 {
  color:#c7a4cc;
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:9rem;
  font-weight:700;
  line-height:1em;
  margin:90px 0 40px
}
@media screen and (max-width:767px) {
  .women__interview h3 {
    font-size:5rem;
    margin:60px 0 20px
  }

}
.women__interview h4 {
  font-size:2.4rem;
  font-weight:700;
  line-height:1.5em;
  margin:0 0 45px
}
@media screen and (max-width:767px) {
  .women__interview h4 {
    font-size:2.1rem;
    margin:0 0 20px
  }

}
.women__interview p {
  margin:0 0 50px;
  font-size:1.5rem;
  line-height:2em
}
@media screen and (max-width:767px) {
  .women__interview p {
    margin:0 0 40px
  }

}
@media screen and (max-width:767px) {
  .women__interview p {
    font-size:1.3rem;
    line-height:27px
  }

}
@media screen and (min-width:768px) {
  .women__interview>div {
    -ms-flex-align:start;
    align-items:flex-start;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:30px
  }
  .women__interview>div div,.women__interview>div img {
    max-width:450px;
    width:50%
  }

}
@media screen and (max-width:767px) {
  .women__interview>div img {
    margin:40px 0 0;
    width:100%
  }

}
.women__interview>div p {
  margin:0
}
.women__interview>div p+p {
  margin:1lh 0 0
}
.women__img img {
  width:100%
}
.women__point {
  background:#c7a4cc;
  color:#fff;
  padding:60px 30px
}
@media screen and (max-width:767px) {
  .women__point {
    padding:40px 20px
  }

}
@media screen and (min-width:768px) {
  .women__point div {
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto 0;
    max-width:960px;
    gap:30px
  }

}
.women__point figure {
  border:5px solid #fff;
  border-radius:100%;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0;
  height:180px;
  width:180px
}
@media screen and (max-width:767px) {
  .women__point figure {
    height:120px;
    margin:0 auto 10px;
    width:120px
  }

}
.women__point figure img {
  border-radius:100%;
  width:100%
}
.women__point dl {
  -ms-flex-positive:10;
  flex-grow:10;
  max-width:740px;
  text-align:left
}
.women__point dl dt {
  font-family:HelveticaNeue,Arial,Helvetica,sans-serif;
  font-size:4.2rem;
  font-weight:700;
  line-height:1.2em;
  margin:0 0 5px
}
@media screen and (max-width:767px) {
  .women__point dl dt {
    font-size:3.3rem;
    margin:0 0 5px
  }

}
.women__point dl dd {
  font-size:1.5rem;
  line-height:2em
}
@media screen and (max-width:767px) {
  .women__point dl dd {
    font-size:1.3rem;
    line-height:27px
  }

}
.fh_footer li {
  text-align: left;

}
.fh_footer .footer_navHeader {
  text-align: left;

}
.fh_footer .footer_navItem a {
  font-weight: bold;

}

/* 250303追加 */

:root {
  --employment-padding:30px;
  @media screen and (max-width:767px) {
    --employment-padding:20px;
  }
}
.movie {
  margin-bottom: 100px;
  padding: 0px var(--employment-padding);
  @media screen and (max-width:767px) {
    margin-bottom: 50px;
  }
  p {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    margin: 40px 0px;
    @media screen and (max-width:767px) {
      font-size: 13px;
      margin: 20px 0px;
      line-height: 27px;
    }
  }
  .movie__body {
    iframe {
      display: block;
      margin: 0px auto;
      max-width: 1000px;
      width: 100%;
      aspect-ratio:100 / 56;
    }
  }
}


.careerentry {
  .careerentry__body {
    padding: 0px var(--employment-padding);
    p {
      font-size: 14px;
      line-height: 1.5em;
      text-align: center;
      margin: 40px 0px;
      @media screen and (max-width:767px) {
        font-size: 13px;
        margin: 20px 0px;
        line-height: 27px;
        text-align: left;
      }
    }
    ul {
      display:block flex;
      max-width: 940px;
      margin-inline:auto;
      justify-content: space-between;

      gap:10px;
      @media screen and (max-width:767px) {
        flex-wrap: wrap;
      }

      li {
        flex-basis: 220px;
        display: block flex;
        justify-content: center;
        align-items: center;
        color: #9399c8;
        border:1px solid currentColor;
        font-size: 14px;
        border-radius: 50px;
        box-sizing: border-box;
        height: 50px;
        cursor: pointer;
        background: #f7f8f8;
        transition: background 300ms ease;
        @media screen and (max-width:767px) {
          width: calc(50% - 5px);
          flex-basis: auto;
          font-size: 13px;
          line-height: 1.3em;
        }
        &:hover {
          background: white;
        }
        &[data-current="true"] {
          background: white;
          pointer-events: none;
        }
      }
    }
  }
  .careerentry__jobs {
    li {
      padding: 50px var(--employment-padding);
      @media screen and (max-width:767px) {
        padding-block:25px;
      }
      &.color {
        background: #f7f8f8;
      }
      &.animate {
        animation:fadein .5s ease 0.1s 1 forwards;
      }
      &[data-jobs="none"] {
        display: none !important;
        div {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.5em;
          text-align: center;
          padding: 50px 0px;
          @media screen and (max-width:767px) {
            padding: 30px 0px;
          }
        }
      }
    }
    &[data-jobs="init"] ,
    &[data-jobs="all"] {
      li {
        &:nth-of-type(even) {
          background: #f7f8f8;
        }
      }
    }
    &[data-jobs="all"] {
      li {
        display:block;
        opacity:0
      }
    }
    &[data-jobs="none"] {
      li {
        display:none;
        &[data-jobs="none"] {
          display:block !important;
          opacity:0;
        }
      }
    }
    &[data-jobs="technology"] {
      li {
        display: none;
        &[data-jobs="technology"] {
          display:block;
          opacity:0;
        }
      }
    }
    &[data-jobs="manufacturing"] {
      li {
        display: none;
        &[data-jobs="manufacturing"] {
          display:block;
          opacity:0;
        }
      }
    }
    &[data-jobs="corporate"] {
      li {
        display: none;
        &[data-jobs="corporate"] {
          display:block;
          opacity:0;
        }
      }
    }
    div {
      margin: 0px auto;
      max-width: 1000px;
      position: relative;
      text-align: left;
      h3 {
        background: white;
        border: 1px solid #dcdddd;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5em;
        padding: 28px 200px 28px var(--employment-padding);
        @media screen and (max-width:767px) {
          font-size: 14px;
          padding: 14px var(--employment-padding);
        }
      }
      table {
        border: 1px solid #dcdddd;
        border-top: none;
        width: 100%;
        background: white;
        box-sizing: border-box;
        @media screen and (max-width:767px) {
          display: block;
          border-bottom: none;
          tr,
          th,
          td,
          tbody {
            display: block;
            width: 100% !important;
            box-sizing: border-box;
          }
        }
        th,
        td {
          vertical-align: middle;
          font-size: 14px;
          line-height: 24px;
          padding: 18px 20px;
          border-bottom: 1px solid #dcdddd;
        }
        td {
          width: 76%;
          @media screen and (max-width:767px) {
            padding-block: 0px 10px;
          }
        }
        th {
          border-right: 1px solid #dcdddd;
          font-weight: 400;
          width: 24%;
          @media screen and (max-width:767px) {
            border-bottom: none;
            border-right: none;
            padding-block: 10px 0px;
          }
        }
      }
      nav {
        position: absolute;
        width: 160px;
        height: 40px;

        top: 18px;
        right: 20px;
        @media screen and (max-width:767px) {
          position: static;
          margin: 20px auto 0px;
        }
        a {
          display: block flex;
          justify-content: center;
          align-items: center;
          background: #ff6002;
          height: 100%;
          border-radius: 40px;
          color: white;
          font-size: 13px;
          font-weight: bold;
          transition: opacity 300ms ease;
          &:hover {
            opacity: 0.7;
          }
        }
      }
    }
  }
}



#topic_path {
  overflow: hidden;
  margin: 10px auto;
  padding-left: 0;
  width: 960px;
  font-size: 13px;
  list-style: none;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) {
  #topic_path {
    width: 100%;
    display: none;
  }
}
#topic_path li {
  float: left;
  margin-right: 0.5em;
}
#topic_path a {
  color: #333D7F;
  text-decoration: none;
}
#topic_path a:hover {
  text-decoration: underline;
}

#contents {
  margin: 0 auto 30px;
  width: 960px;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  #contents {
    box-sizing: border-box;
    margin: 0 10px 30px;
    width: auto;
  }
}

#searchResult {
  font-size: 13px;
  line-height: 1.5;
}
#searchResult .ttl_bar {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 7px 12px;
  border: 1px solid #ddd;
  border-bottom: 2px solid #459DBF;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  color: #343D7F;
  font-size: 15.6px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.15em;
}

.mt-site-search-result__message {
  margin-bottom: 30px;
  font-size: 13px;
  word-break: break-all;
}
.mt-site-search-result-item {
  margin: 30px 0 !important;
}
.mt-site-search-result-item__label {
  margin-bottom: 2px;
  color: #333D7F;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
.mt-site-search-result-item__url {
  display: none;
}

.mt-site-search__pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.mt-site-search-pagination-item {
  margin: 0 5px;
  padding: 0;
}
.mt-site-search-pagination-item__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background: #eee;
  width: 45px;
  color: #333d7f;
  font-size: 16px;
  font-weight: normal !important;
}
.mt-site-search-pagination-item__link strong {
  font-weight: normal;
}
.mt-site-search-pagination-item__link:hover,
.mt-site-search-pagination-item--current .mt-site-search-pagination-item__link {
  background: #333d7f;
  color: #fff !important;
  text-decoration: none;
}
.mt-site-search-result-item__excerpt {
  font-size: 13px;
}

#mt-site-search-result__spell-correction-suggestion__button {
  border: 1px solid #343d7f;
  border-radius: 3px;
  padding: 0.3em 1em;
  background: #343d7f;
  color: #fff;font-size: 110%;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

/*------------------------------
WOVN日英中コンテンツ出し分け
------------------------------*/
:lang(ja).wovn_show_if_en {
    display: none;
}
:lang(ja).wovn_show_if_cn {
    display: none;
}

:lang(en).wovn_show_if_ja {
    display: none;
}
:lang(en).wovn_show_if_cn {
    display: none;
}

:lang(zh-Hant).wovn_show_if_ja {
    display: none;
}
:lang(zh-Hant).wovn_show_if_en {
    display: none;
}
:lang(en).product__column02 .product__job {
  min-height:551px;
}
@media screen and (max-width:960px) {
  :lang(en).product__column02 .product__job {
    min-height:589px;
  }
}
@media screen and (max-width:767px) {
  :lang(en).product__column02 .product__job {
    min-height:0
  }
}