@charset "UTF-8";
:root {
  --fontfamily-en:"Montserrat", sans-serif;
  --fontfamily-serif:"Noto Serif", serif;
  --fontfamily-sansserif:"Noto Sans JP", sans-serif;
  --color-shiraibrown120:#3b2c2b;
  --color-shiraibrown:#645046;
  --color-shiraibrown80:#9d7b66;
  --color-black:#000;
  --color-white:#fff;
  --color-grey:#595858;
}

/*==============================================
global
==============================================*/
html {
  font-size: 62.5%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.65;
  font-family: var(--fontfamily-serif);
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  overflow-x: hidden;
  color: var(--color-shiraibrown);
}


body.fixed {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}


*:last-child {
  margin-bottom:0;
}

*:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, button, figure, figcaption {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

li {
  list-style-type: none;
}

img {
  border: none;
  vertical-align: middle!important;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  height: auto;
  image-rendering: -webkit-optimize-contrast; /*Chromeぼけ対策*/
  image-rendering: auto;
}

/*==============================================
common
==============================================*/
._pc {
  display: inline-block;
}

._sp {
  display: none;
}

._inner {
  width: 75%;
  max-width: 1100px;
  margin: 0 auto;
}

._tit {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  align-items: center;
  gap: 1em;
  margin-bottom: .75em;
  clip-path: inset(0 100% 0 0);
  width: 70%;
}

._tit__en {
  font-size: 5.4rem;
  font-weight: 700;
  font-family: var(--fontfamily-en);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.1;
}

._tit__ja {
  font-weight: 500;
  letter-spacing: 0.18em;
  font-size: 1.5rem;
}

._lead {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: 2em;
  clip-path: inset(0 100% 0 0);
  width: 70%;
}

@media (max-width:1200px) {
  ._inner {
    width: 90%;
    max-width: unset;
  }
}

@media (max-width:767px) {
  ._pc {
    display: none;
  }

  ._sp {
    display: inline-block;
  }

  ._inner {
    width: 80%;
  }

  ._tit {
    grid-template-columns: repeat(1, auto);
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 1em;
    text-align: center;
    width: 100%;
  }

  ._tit__en {
    font-size: 4.5rem;
    line-height: 1.1;
    margin-bottom: .25em;
  }

  ._tit__ja {
    font-size: 1.2rem;
  }

  ._lead {
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
  }
}

/*==============================================
link
==============================================*/
a, a:visited, a img, a:visited img, button {
  transition: all .3s ease-in;
}

a:not([class]), a:not([class]):visited {
  color: var(--color-shiraibrown);
  text-decoration: none;
}

a:not([class]):hover {
  text-decoration: none;
}


/*==============================================
header
==============================================*/
/*header__menu*/
.header__menu {
  position: fixed;
  top:15px;
  right:25px;
  z-index: 20;
}

.header__menu a, .header__menu a:visited {
  width: 75px;
  height: 75px;
  display: block;
  border-radius: 100%;
  background: var(--color-shiraibrown120);
  position: relative;
}

.header__menu a span {
  position: absolute;
  left:17px;
  width: 100%;
  height: 2px;
  background: var(--color-white);
  transition: all .5s;
  width: 40px;
}

.header__menu a span:nth-of-type(1) {
  top: 30px;
}

.header__menu a span:nth-of-type(2) {
  bottom: 30px;
}

.header__menu--ison a {
  background: none;
}

.header__menu--ison span:nth-of-type(1) {
  transform: translateY(6px) rotate(-45deg);
  background: var(--color-shiraibrown120);
}
.header__menu--ison span:nth-of-type(2) {
  transform: translateY(-6px) rotate(45deg);
  background: var(--color-shiraibrown120);
}

/*header__nav*/
.header__nav {
  position: fixed;
  z-index: 19;
  right:0;
  top:0;
  background: var(--color-white);
  border-radius: 0 0 0 45px;
  transform: translateX(100%);
  transition: all .3s;
}

.header__nav--ison {
  transform: translateX(0);
}

.header__nav-list {
  display: grid;
  gap: 1.5em;
  padding: 130px 120px 90px 90px;
}

.header__nav-list-item {
  font-size: 1.7rem;
  font-weight: 700;
  font-family: var(--fontfamily-en);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.header__nav-list-item--cs {
  font-weight: 500;
}

.header__nav-list-item--cs a::before {
  background: url(/recruit/img/header_nav_newwin.png) no-repeat center left;
  background-size: 14px;
  content: '';
  width: 14px;
  height: 14px;
  display: inline-block;
  padding-left: 10px;
}

.header__nav-list-item a, .header__nav-list-item a:visited {
  display: block;
}

.header__nav-logo {
  display: none;
}

@media (max-width:767px) {
  /*header__menu*/
  .header__menu {
    top:15px;
    right:20px;
  }

  .header__menu a, .header__menu a:visited {
    width: 50px;
    height: 50px;
  }

  .header__menu a span {
    left:13px;
    width: 25px;
  }

  .header__menu a span:nth-of-type(1) {
    top: 29px;
  }

  .header__menu a span:nth-of-type(2) {
    bottom: 29px;
  }

  .header__menu--ison span:nth-of-type(1) {
    transform: translateY(-5px) rotate(-45deg);
  }

  .header__menu--ison span:nth-of-type(2) {
    transform: translateY(5px) rotate(45deg);
  }

  /*header__nav*/
  .header__nav {
    border-radius: 0;
    width: 100%;
    height: 100vh;
    height: 100%;
    /* height: 100svh; */
    display: grid;
    /* justify-content: center; */
    align-items: center;
  }

  .header__nav-list {
    gap: 1.5em;
    padding: 0;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    z-index: 10;
  }

  .header__nav-list-item a, .header__nav-list-item a:visited {
    display: block;
  }

  .header__nav-logo {
    top:20px;
    left:20px;
    width: 60px;
    position: absolute;
    display: block;
  }

  .header__nav-bg {
    width: 100%;
    height: 100%;
    /* height: 100svh; */
    position: absolute;
    top:0;
    left:0;
  }
}


  @media (max-width:1000px) and (orientation: landscape){
    .header__nav-list {
      grid-template-columns: repeat(2,1fr);
      text-align: center;
    }
  }

/*==============================================
kv
==============================================*/
.kv {
  position: relative;
}

.kv__logo {
  position: absolute;
  top:25px;
  left:25px;
  z-index: 5;
  width: 180px;
}

.kv__pc {
  aspect-ratio: 1300/800;
  display: block;
  clip-path: inset(0 100% 0 0);
}

.kv__sp {
  display: none;
}

@media (max-width:767px) {
  .kv__logo {
    top:20px;
    left:20px;
    width: 60px;
  }

  .kv__pc {
    display: none;
  }

  .kv__sp {
    /* aspect-ratio: 750/1300; */
    height: 100vh;
    height: 100svh;
    display: block;
    clip-path: inset(0 100% 0 0);
    position: relative;
  }

  .kv__sp::after {
    background: url(/recruit/img/kv_sp_bg_wave.svg) no-repeat center top;
    background-size:cover;
    aspect-ratio: 365/40;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 5;
    content: '';
    width: 100%;
  }

  .kv__sp-txt {
    position: absolute;
    bottom: 20vw;
    width: 100%;
  }

  .kv__sp-txt img {
    width: 95%;
    margin: 0 auto;
    display: block
  }

  @media (orientation: landscape){
    .kv__sp {
      height: 200vh;
    }

    .kv__sp-txt img {
      width: 70%;
    }
  }
}


/*==============================================
lead
==============================================*/
.lead {
  position: relative;
  padding: 75px 0 0;
}

.lead::before {
  position: absolute;
  top:2px;
  left:0;
  background: url(/recruit/img/lead_bg_wave.svg) no-repeat center top;
  background-size:cover;
  content: '';
  width: 100%;
  aspect-ratio: 1300/67;
  transform: translateY(-100%);
}

.lead__box {
  writing-mode: vertical-rl;
  margin: 0 auto;
  align-items: center;
  display: grid;
  justify-content: center;
  gap: 2em;
  font-size: 2rem;
  line-height: 2.5;
}

.lead__copy {
  opacity: 0;
  filter: blur(3rem);
}

.lead__tit {
  width: 60%;
  min-width: 560px;
  margin: 0 auto 50px;
  clip-path: inset(0 100% 0 0);
}

.lead__img {
  clip-path: inset(0 100% 0 0);
  position: relative;
  top:1px;
}

.lead__img img {
  width: 100%;
  height: auto;
  position: relative;
  top:1px
}

@media (max-width:1200px) {
  .lead__box {
    gap: 2em;
    font-size: 1.8rem;
    line-height: 2;
  }
}

@media (max-width:767px) {
  .lead {
    padding: 15px 0 0;
  }

  .lead::before {
    background: none;
  }

  .lead__box {
    writing-mode:horizontal-tb;
    font-size: 1.4rem;
    margin-bottom: 40px;
  }

  .lead__tit {
    display: none;
  }
}


/*==============================================
value
==============================================*/
.value {
  color: var(--color-white);
  background: var(--color-shiraibrown);
  padding: 50px 0 10vw;
}

.value__sp {
  display: none;
}

.value__pc-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.value__pc-list--1st {
  width: 95%;
  gap: 50px;
  margin-bottom: 2em;
}

.value__pc-list--2nd {
  width: 100%;
  gap: 75px;
  z-index: 5;
  margin-top: -2em;
}

.value__pc-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  opacity: 0;
  transform: scale(0.8);
}

.value__pc-list-item-txt {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  font-family: var(--fontfamily-sansserif);
  margin-top: 1.5em;
}

.value__img-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.value__img {
  display: flex;
  gap: 35px;
}

.value__img-item {
  flex: 0 0 auto;
  border-radius: 13px;
  overflow: hidden;
  width: 265px;
}

.value__img-item img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width:1100px) {
  .value__pc-list-item-txt {
    font-size: 1.1rem;
  }

  .value__pc-list-item-txt br {
    display: none;
  }
}

@media (max-width:767px) {
  .value {
    padding: 40px 0 30vw;
  }

  .value__img {
    gap: 25px;
  }

  .value__pc-list {
    display: none;
  }

  .value__sp {
    display: block;
    margin-top: -1em;
  }

  .value__sp-notice {
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 3em;
  }

  .value__sp-nav {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(5,auto);
    gap: 30px 6vw;
    margin-bottom: 50px;
  }

  .value__sp-nav-item {
    opacity: 0.3;
    transform: scale(0);
  }

  .value__sp-nav-item--ison {
    opacity: 1;
  }

  .value__sp-list-wrapper {
    width: 100%;
    overflow: hidden;
  }

  .value__sp-list {
    display: flex;
    width: max-content;
    margin-bottom: 50px;
  }

  .value__sp-list-item {
    width: 100vw;
    padding: 0 25vw;
    flex: 0 0 auto;
    text-align: center;
  }

  .value__sp-list-item-txt {
    font-size: 1.4rem;
    font-family: var(--fontfamily-sansserif);
    letter-spacing: 0.1em;
    margin-top: 2em;
  }
}


/*==============================================
person
==============================================*/
.person {
  position: relative;
  padding: 50px 0 0;
}

.person::before {
  position: absolute;
  top:1px;
  left:0;
  background: url(/recruit/img/person_bg_wave.svg) no-repeat center top;
  background-size:cover;
  content: '';
  width: 100%;
  aspect-ratio: 1300/67;
  transform: translateY(-100%);
}

/*person__nav*/
.person__nav {
  padding: 2em 0;
  width: 100%;
  background: var(--color-white);
}

.person__nav--ison {
  position: fixed;
  top:0;
  left:0;
  z-index: 15;
}

.person__nav-anchor {
  height: 1px;
}

.person__nav-list {
  display: grid;
  grid-template-columns: repeat(6,auto);
  justify-content: center;
  align-items: center;
  letter-spacing: 0.12em;
}

.person__nav-list-item:first-child {
  border-left: 1px solid var(--color-shiraibrown80);
}

.person__nav-list-item a, .person__nav-list-item a:visited {
  display: block;
  padding: .25em 2.6em;
  border-right: 1px solid var(--color-shiraibrown80);
  text-align: center;
  position: relative;
  font-size: 1.7rem;
}

.person__nav-list-item--ison a span {
  display: inline-block;
  position: relative;
}

.person__nav-list-item--ison a span::after {
  content: '';
  position: absolute;
  bottom:-9px;
  left:0;
  width: 100%;
  height: 3px;
  background: var(--color-shiraibrown80);
}

.person__nav-list-item--ison a span::before {
  content: '▲';
  position: absolute;
  bottom:-4px;
  left:calc(50% - 4.5px);
  line-height: 0;
  font-size: 0.9rem;
  color: var(--color-shiraibrown80);
}

/*person__box-kv*/
.person__box-kv {
  position: relative;
  margin-bottom: 30px;
}

.person__box-kv::before {
  position: absolute;
  bottom:0;
  left:0;
  background: url(/recruit/img/person_bg_wave.svg) no-repeat center bottom;
  background-size:cover;
  content: '';
  width: 100%;
  aspect-ratio: 1300/65;
  z-index: 10;
}

.person__box-kv-copy-sp {
  display: none;
}

.person__box-kv-list {
  position: relative;
  aspect-ratio: 1000/442;
}

.person__box-kv-list-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.person__box-kv-list-item--01 {
  display: block; /* 最初に表示する画像 */
}

/*person__box-profile*/
.person__box-profile,
.person__box-contents {
  width: 53%;
  min-width: 700px;
  margin: 0 auto;
}

.person__box-profile {
  border-bottom: 1px solid var(--color-shiraibrown80);
  padding-bottom: 3em;
  margin-bottom: 3em;
}

.person__box-profile-inner {
  display: grid;
  grid-template-columns: 1fr 60%;
  justify-content: center;
  gap: 40px;
}

.person__box-profile-txt-name {
  font-size: 3.5rem;
  font-weight: 700;
}

.person__box-profile-txt-job {
  font-size: 2rem;
  letter-spacing: 0.12em;
}

.person__box-profile-txt-year {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
}

.person__box-profile-img {
  display: grid;
  grid-template-columns: repeat(3,auto);
  gap: 15px;
}

.person__box-profile-img-item {
  transition: all .2s;
}

.person__box-profile-img-item--ison {
  opacity: 0.5;
}

.person__box-profile-holiday {
  color: var(--color-shiraibrown80);
  display: grid;
  grid-template-columns: 12em 1fr;
  gap: 25px;
  margin-top: 2.5em;
}

.person__box-profile-holiday-fukidashi {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  border: 1px solid var(--color-shiraibrown80);
  border-radius: 10px;
  padding: .2em .75em;
  position: relative;
  text-align: center;
}

.person__box-profile-holiday-fukidashi::after {
  content: '';
  background: url(/recruit/img/person_fukidashi.png) no-repeat center top;
  background-size: contain;
  width: 8px;
  height: 15px;
  top:50%;
  right:-8px;
  position: absolute;
  transform: translateY(-50%);
}

.person__box-profile-holiday-copy {
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: var(--fontfamily-sansserif);
  text-align: justify;
}


/*person__box-contents*/
.person__box-contents {
  display: grid;
  gap: 3em;
  margin-bottom: 150px;
}

.person__box-contents-tit {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin-bottom: .5em;
}

.person__box-contents-copy {
  font-size: 1.9rem;
  font-family: var(--fontfamily-sansserif);
  color: var(--color-grey);
  letter-spacing: 0.05em;
  line-height: 1.9;
  text-align: justify;
}

.person__nav-sp {
  display: none;
}

@media (max-width:1200px) {
  .person__nav-list {
    justify-content: start;
  }

  .person__nav-list-item a, .person__nav-list-item a:visited {
    padding: .25em 2em;
  }
}


@media (max-width:1000px) {
  .person {
    padding-top: 35px;
  }

  .person::before {
    background: url(/recruit/img/person_bg_wave_sp.svg) no-repeat center top;
    background-size:cover;
    aspect-ratio: 365/52;
  }

  /*person__nav*/
  .person__nav {
    display: none;
  }

  /*person__box-kv*/
  .person__box-kv::before {
    display: none;
  }

  .person__box-kv-copy-sp {
    display: block;
    width: 80%;
    margin: 0 auto 20px;
    text-align: center;
  }

  .person__box-kv-list-item img {
    width: 100%;
  }

  .person__box-kv-list-item ._pc {
    display: none;
  }

  .person__box-kv-list-item ._sp {
    display: block;
  }

  .person__box-kv-list {
    position: relative;
    aspect-ratio: 730/1097;
  }

  /*person__box-profile*/
  .person__box-profile,
  .person__box-contents {
    width: 80%;
    min-width: unset;
    margin: 0 auto 3em;
  }

  .person__box-profile {
    margin-top: -2.5em;
    z-index: 2;
    position: relative;
  }

  .person__box-profile-inner {
    display: block;
  }

  .person__box-profile-txt-copy {
    font-size: 1.4rem;
  }

  .person__box-profile-txt-name {
    font-size: 3rem;
  }

  .person__box-profile-txt-job {
    font-size: 1.6rem;
  }

  .person__box-profile-txt-year {
    font-size: 1.2rem;
  }

  .person__box-profile-img {
    display: none;
  }

  .person__box-profile-holiday {
    display: block;
    margin-top: 1.5em;
  }

  .person__box-profile-holiday-fukidashi {
    font-size: 1.6rem;
    margin-bottom: 1em;
    width: 12em;
    position: relative;
    left:-1px;
  }

  .person__box-profile-holiday-fukidashi::after {
    content: '';
    width: 8px;
    height: 15px;
    top:auto;
    bottom: -11.5px;
    right:50%;
    position: absolute;
    transform: translateX(-50%) translateY(0) rotate(90deg);
  }

  /*person__box-contents*/
  .person__box-contents-tit {
    font-size: 2rem;
  }

  .person__box-contents-copy {
    font-size: 1.3rem;
  }

  /*person__nav-sp*/
  .person__nav-sp {
    border-top: 1px solid var(--color-shiraibrown80);
    border-bottom: 1px solid var(--color-shiraibrown80);
    margin-bottom: 2em;
    display: block;
  }

  .person__nav-sp-anchor {
    height: 20px;
  }

  .person__nav-sp select {
    background: url(/recruit/img/person_nav_icon_sp.png) no-repeat 95% center;
    background-size: 25px;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    border: none;
    padding: 1em;
    letter-spacing: 0.12em;
    text-align: center;
    font-family: var(--fontfamily-serif);
    color: var(--color-shiraibrown);
  }
}



/*==============================================
work
==============================================*/
.work {
  color: var(--color-white);
  background: var(--color-shiraibrown);
}

.work__inner {
  padding-top: 130px;
}

.work__contents {
  background: var(--color-white);
  color: var(--color-shiraibrown);
  padding: 55px 70px;
  margin-bottom: 150px;
}

.work__contents-tit {
  border:1px solid var(--color-shiraibrown);
  border-radius: 100px;
  padding: .5em;
  margin-bottom: 3em;
  text-align: center;
  position: relative;
}

.work__contents-tit-copy {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.work__contents-tit-notice {
  font-size: 1.3rem;
  font-family: var(--fontfamily-sansserif);
  color: var(--color-grey);
  position: absolute;
  right:2em;
  bottom: 1em;
}

.work__contents-notice-sp {
  display: none;
}

.work__contents-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.work__contents-list-item {
  border-right:1px solid var(--color-shiraibrown);
  border-bottom:1px solid var(--color-shiraibrown);
  padding: 35px 35px 35px 0;
}

.work__contents-list-item:nth-of-type(2n) {
  border-right: none;
  padding-left: 35px;
  padding-right: 0;
}

.work__contents-list-item:nth-of-type(1),
.work__contents-list-item:nth-of-type(2) {
  padding-top: 0;
}

.work__contents-list-item:nth-last-of-type(1),
.work__contents-list-item:nth-last-of-type(2) {
  border-bottom: none;
  padding-bottom: 0;
}

.work__contents-list-item-inner {
  opacity: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100%;
  transform: translateY(20px);
}

.work__contents-list-item-tit {
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: .35em;
}

.work__contents-list-item-subtit {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.work__contents-list-item-copy {
  font-family: var(--fontfamily-sansserif);
  font-size: 1.5rem;
  color: var(--color-grey);
  margin-bottom: .75em;
  letter-spacing: 0.02em;
  line-height: 1.86;
}

.work__contents-list-item-notice {
  font-family: var(--fontfamily-sansserif);
  color: var(--color-grey);
  font-size: 1.3rem;
}

.work__contents-list-item-fig {
  align-self: end;
}

.work__contents-list-item-inner--01 {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  gap: 10px;
}

.work__contents-list-item-fig--01 {
  align-self:center;
}

.work__culture {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 75px;
}

.work__culture-txt {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  clip-path: inset(0 100% 0 0);
}

.work__culture-list {
  display: grid;
}

.work__culture-list-item {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  padding: 1.2em 1.5em;
  border-bottom: 1px dashed var(--color-white);
  gap: 30px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  opacity: 0;
  transform: translateY(20px);
}

.work__img01 {
  clip-path: inset(0 100% 0 0);
  position: relative;
  top:-1px
}

.work__img02 {
  clip-path: inset(0 100% 0 0);
  margin-top: 150px;
}

.work__img01 img,
.work__img02 img {
  width: 100%;
  height: auto;
}

@media (max-width:1000px) {
  .work__contents-tit {
    margin-bottom: .5em;
  }

  .work__contents-tit-notice {
    display: none;
  }

  .work__contents-notice-sp {
    font-size: 1.2rem;
    font-family: var(--fontfamily-sansserif);
    text-align: center;
    margin-bottom: 3em;
    display: block;
  }
}

@media (max-width:767px) {
  .work__inner {
    width: 100%;
    padding-top: 50px;
  }

  /*work__contents*/
  .work__contents {
    width: 85%;
    padding: 40px 25px 25px;
    margin:0 auto 50px;
  }

  .work__contents-notice-sp {
    margin-bottom: 0;
  }

  .work__contents-tit-copy {
    font-size: 1.8rem;
  }

  .work__contents-list {
    grid-template-columns: repeat(1,1fr);
  }

  .work__contents-list-item {
    border-right:none;
    padding: 40px 0;
    text-align: center;
  }

  .work__contents-list-item:nth-of-type(2n) {
    padding-left: 0;
  }

  .work__contents-list-item:nth-of-type(1),
  .work__contents-list-item:nth-of-type(2) {
    padding: 40px 0;
  }

  .work__contents-list-item:nth-last-of-type(2) {
    border-bottom:1px solid var(--color-shiraibrown);
    padding-bottom: 40px;
  }

  .work__contents-list-item:nth-last-of-type(1) {
    border-bottom:none;
    padding-bottom: 20px;
  }

  .work__contents-list-item-inner--01 {
  grid-template-rows: auto auto 1fr;
    grid-template-columns: auto;
    gap: 10px;
  }

  .work__contents-list-item-fig--01 {
    align-self:self-end;
  }

  .work__contents-list-item-tit {
    font-size: 2rem;
  }

  .work__contents-list-item-subtit {
    font-size: 1.2rem;
  }

  .work__contents-list-item-copy {
    font-size: 1.3rem;
    margin-bottom: 1.5em;
  }

  .work__contents-list-item-notice {
    margin-top: -1em;
    margin-bottom: 2em;
  }

  /*work__culture*/
  .work__culture {
    display: block;
  }

  .work__culture-txt {
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: .5em;
  }

  .work__culture-list-item {
    grid-template-columns: 38px 1fr;
    gap: 25px;
    font-size: 1.4rem;
  }


  .work__img02 {
    margin-top: 50px;
  }
}



/*==============================================
message
==============================================*/
.message {
  padding: 180px 0 0;
}

.message__contents {
  width: 700px;
  margin: 0 auto 50px;
}

.message__contents-tit {
  margin: 50px 0;
  transform: scale(1.05);
  clip-path: inset(0 100% 0 0);
}

.message__contents-copy {
  font-size: 2rem;
  font-family: var(--fontfamily-sansserif);
  color: var(--color-grey);
  line-height: 1.8;
  margin-bottom: 2em;
  text-align: justify;
  opacity: 0;
}

.message__contents-name {
  text-align: right;
  font-size: 2.6rem;
  letter-spacing: 0.18em;
  opacity: 0;
}

.message__contents-name-president {
  font-size: 2rem;
  margin-right: 1em;
}

.message__img {
  clip-path: inset(0 100% 0 0);
}

.message__img img {
  width: 100%;
  height: auto;
}


@media (max-width:767px) {
  .message {
    padding: 50px 0 0;
  }

  .message__contents {
    width: 100%;
  }

  .message__contents-copy {
    font-size: 1.3rem;
  }
}



/*==============================================
recruit
==============================================*/
.recruit {
  padding: 130px 0 8vw;
}

.recruit__list {
  margin-top: 5em;
}

.recruit__list-item {
  opacity: 0;
}

.recruit__list-item:first-child a {
  border-top: 1px solid var(--color-shiraibrown);
}

.recruit__list-item a, .recruit__list-item a:visited {
  text-align: center;
  display: grid;
  grid-template-columns: 13em 16px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  padding: 1.5em;
  font-size: 2.2rem;
  letter-spacing: 0.18em;
  border-bottom: 1px solid var(--color-shiraibrown);
}

.recruit__list-item-icon {
  transition: all .3s;
  font-size: 1px;
}

.recruit__list-item a:hover .recruit__list-item-icon {
  transform: translateX(10px);
}

.recruit__list-item--isoff a, .recruit__list-item--isoff a:visited {
  opacity: 0.3;
  pointer-events: none;
}

.recruit__pagetop {
  text-align: right;
  padding: 50px 50px 0 0;
  position: relative;
  z-index: 5;
}

.recruit__pagetop a, .recruit__pagetop a:visited {
  display: inline-block;
}

.recruit__pagetop img {
  width: 52px;
  height: auto;
}

@media (max-width:767px) {
  .recruit {
    padding: 80px 0 8vw;
  }

  .recruit__list {
    margin-top: 3em;
  }

  .recruit__pagetop {
    text-align: center;
    padding: 20px 0;
  }

  .recruit__list-item a, .recruit__list-item a:visited {
    grid-template-columns: 13em 12px;
    padding: 1.2em;
    font-size: 1.5rem;
  }
}


/*==============================================
footer
==============================================*/
.footer {
  background: var(--color-shiraibrown);
  text-align: center;
  position: relative;
  padding: 30px 0 60px;
}

.footer::before {
  position: absolute;
  top:1px;
  left:0;
  background: url(/recruit/img/footer_bg_wave.svg) no-repeat center top;
  background-size:cover;
  content: '';
  width: 100%;
  aspect-ratio: 1300/120;
  transform: translateY(-100%);
}

.footer__logo {
  width: 225px;
  margin: 0 auto 60px;
}

.footer__copyright {
  font-weight: 200;
  font-family: var(--fontfamily-en);
  color: var(--color-white);
  font-size: 1.5rem;
  line-height: 1;
}

@media (max-width:767px) {
  .footer {
    padding: 30px 0 100px;
  }

  .footer::before {
    background: url(/recruit/img/footer_bg_wave_sp.svg) no-repeat center top;
    background-size:cover;
    aspect-ratio: 365/64;
  }

  .footer__logo {
    width: 45%;
    margin: 0 auto 30px;
  }

  .footer__copyright {
    color: var(--color-white);
    font-size: 1.2rem;
  }
}


/*==============================================
entry
==============================================*/
.entry {
  position: fixed;
  right:25px;
  bottom:50px;
  z-index: 20;
}

.entry a, .entry a:visited {
  color: var(--color-white);
  background: var(--color-shiraibrown120);
  text-decoration: none;
  padding: .5em 2em;
  border-radius:100px;
  font-family: var(--fontfamily-en);
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
  border: 3px solid var(--color-shiraibrown120);
  letter-spacing: 0.075em;
}

.entry a:hover {
  background: var(--color-white);
  color: var(--color-shiraibrown120);
  border-color:var(--color-shiraibrown120);
  opacity: 1;
}


@media (max-width:767px) {
  .entry {
    right:0;
    bottom:0;
    background: url(/recruit/img/entry_bg_sp.svg) no-repeat center bottom;
    background-size:cover;
    aspect-ratio: 365/61;
    width: 100%;
    display: grid;
    align-items: end;
  }

  .entry a, .entry a:visited {
    font-size: 1.7rem;
    line-height: 1;
    text-align: right;
    display: block;
    background: none;
    border: none;
    padding: 20px 50px 20px 20px;
    background: url(/recruit/img/entry_arrow.png) no-repeat 95% center;
    background-size:7px;
  }

  .entry a:hover {
    background: url(/recruit/img/entry_arrow.png) no-repeat 95% center;
    background-size:7px;
    color: var(--color-white);
    border: none;
  }

  @media (orientation: landscape){
    .entry {
      background: url(/recruit/img/entry_bg_sp.svg) no-repeat center top;
      background-size:cover;
      aspect-ratio: 365/40;
    }
  }
}


/*==============================================
vegas
==============================================*/
.vegas-content-scrollable,.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-content-scrollable{position:relative;height:100%;overflow:auto}.vegas-overlay{opacity:.5;background:url(./overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0%;height:100%;background:#fff;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;transform:translateZ(0);will-change:transform,opacity}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;filter:blur(32px) brightness(1.01)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;filter:blur(0) brightness(1.01)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;filter:contrast(1000%) saturate(1000%)}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;filter:invert(0)}.vegas-transition-negative2-out{opacity:0;filter:invert(100%)}.vegas-transition-slideDown,.vegas-transition-slideDown2{transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{transform:translateY(0)}.vegas-transition-slideDown2-out{transform:translateY(100%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{transform:translateX(0)}.vegas-transition-slideRight2-out{transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{transform:translateY(0)}.vegas-transition-slideUp2-out{transform:translateY(-100%)}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{transform:scale(0);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes kenburns{0%{transform:scale(1.3)}100%{transform:scale(1)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{transform:scale(1.5) translate(10%,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{transform:scale(1.5) translate(10%,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{transform:scale(1.5) translate(-10%,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{transform:scale(1.5) translate(-10%,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{transform:scale(1.5) translate(0,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{transform:scale(1.5) translate(0,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{transform:scale(1.5) translate(10%,0)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{transform:scale(1.5) translate(10%,0)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{transform:scale(1.5) translate(-10%,0)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{transform:scale(1.5) translate(-10%,0)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{transform:scale(1.5) translate(10%,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{transform:scale(1.5) translate(10%,10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{transform:scale(1.5) translate(-10%,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{transform:scale(1.5) translate(-10%,10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{transform:scale(1.5) translate(0,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{transform:scale(1.5) translate(0,10%)}100%{transform:scale(1) translate(0,0)}}
/*# sourceMappingURL=vegas.min.css.map */