@charset "UTF-8";
.f13, .f13 * {
  font-size: 0.8vw;
}
.f14, .f14 * {
  font-size: 0.9vw;
}
.f16, .f16 * {
  font-size: 1.0vw;
}
.f18, .f18 * {
  font-size: 1.2vw;
}
.f20, .f20 * {
  font-size: 1.4vw;
}
.f24, .f24 * {
  font-size: 1.6vw;
}
.f30, .f30 * {
  font-size: 1.8vw;
}
.f32, .f32 * {
  font-size: 2.0vw;
}
.f36, .f36 * {
  font-size: 2.4vw;
}
.f40, .f40 * {
  font-size: 2.8vw;
}
.f44, .f44 * {
  font-size: 3.2vw;
}
.f48, .f48 * {
  font-size: 3.6vw;
}
.f60, .f60 * {
  font-size: 4.2vw;
}
.f72, .f72 * {
  font-size: 5.0vw;
}
.f80, .f80 * {
  font-size: 5.6vw;
}
.f90, .f90 * {
  font-size: 6.0vw;
}
.f120, .f120 * {
  font-size: 8.0vw;
}
@media screen and (max-width: 767px) {
  .f13, .f13 * {
    font-size: 3.0vw;
  }
  .f14, .f14 * {
    font-size: 3.2vw;
  }
  .f16, .f16 * {
    font-size: 3.4vw;
  }
  .f18, .f18 * {
    font-size: 3.8vw;
  }
  .f20, .f20 * {
    font-size: 4.2vw;
  }
  .f24, .f24 * {
    font-size: 4.6vw;
  }
  .f30, .f30 * {
    font-size: 5.0vw;
  }
  .f32, .f32 * {
    font-size: 5.4vw;
  }
  .f36, .f36 * {
    font-size: 6.2vw;
  }
  .f40, .f40 * {
    font-size: 7.0vw;
  }
  .f44, .f44 * {
    font-size: 7.8vw;
  }
  .f48, .f48 * {
    font-size: 8.6vw;
  }
  .f60, .f60 * {
    font-size: 10.5vw;
  }
  .f72, .f72 * {
    font-size: 12.4vw;
  }
  .f80, .f80 * {
    font-size: 14.0vw;
  }
  .f90, .f90 * {
    font-size: 16.0vw;
  }
  .f120, .f120 * {
    font-size: 18.0vw;
  }
}
.sup {
  font-size: 70%;
  vertical-align: super;
}
.sub {
  font-size: 70%;
}
.-btn- {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 7.5vw;
  height: 2.5vw;
  text-indent: .6em;
  background-color: #009e96;
  overflow: hidden;
  transition: all .3s;
}
.-btn-:before {
  content: '';
  position: absolute;
  top: -1px;
  right: auto;
  bottom: auto;
  left: -400px;
  width: 400px;
  height: 80px;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-image: url("../../../recruit_n/_/images/common/bgi_hover_01.svg");
  transition: all .5s;
}
.-btn-:after {
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right .5em center;
  background-size: .5625vw .9375vw;
  background-image: url("../../../recruit_n/_/images/common/ico_arrow_white_01.svg");
}
.-btn- span {
  position: relative;
  color: white;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 700;
  z-index: 1;
  transition: all .3s;
}
.-btn- span.jp {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
}
.-btn-.no-arw {
  text-indent: 0;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: none;
}
.-btn-.no-arw:after {
  display: none;
}
.-btn-.white {
  background-color: white;
}
.-btn-.white:after {
  background-image: url("../../../recruit_n/_/images/common/ico_arrow_green_01.svg");
}
.-btn-.white span {
  color: #333333;
}
.-btn-.gray {
  background-color: #eee;
}
.-btn-.gray:after {
  background-size: .75vw .875vw;
  background-image: url("../../../recruit_n/_/images/common/ico_link_green_01.svg");
}
.-btn-.gray span {
  color: #009e96;
}
.-btn-:hover {
  box-shadow: 0 0 8px 6px #c1e4e2;
}
.-btn-:hover span {
  color: #009e96;
}
.-btn-:hover:before {
  opacity: 1;
  left: -120px;
}
.-btn-:hover:after {
  opacity: 1;
  background-image: url("../../../recruit_n/_/images/common/ico_arrow_green_01.svg");
}
.-btn-.gray:hover:after {
  background-image: url("../../../recruit_n/_/images/common/ico_link_green_01.svg");
}
.-btn-.-gr2-:hover {
  box-shadow: 0 0 8px 6px #009e96;
}
@media screen and (max-width: 767px) {
  .-btn- {
    width: 25vw;
    height: 2.4em;
  }
  .-btn-:before {
    display: none;
  }
  .-btn-:after {
    background-position: right .5em center;
    background-size: 1.8vw 3vw;
  }
  .-btn- span {
    font-weight: 600;
  }
  .-btn-.gray:after {
    background-size: 2.4vw 2.8vw;
  }
}
.page-title {
  position: relative;
  min-height: 12.5vw;
  padding: 6.25vw 0 0 10vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100vw 12.5vw;
  background-image: url("../../../recruit_n/_/images/common/bgi_pagetitle_01_pc.svg");
}
.page-title .en {
  color: #009e96;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 600;
  line-height: 100%;
  text-indent: -.05em;
}
.page-title .jp {
  margin-top: .25em;
  font-weight: bold;
  white-space: nowrap;
}
.page-title .lead {
  margin-top: 2em;
  line-height: 1.6em;
}
@media screen and (max-width: 767px) {
  .page-title {
    min-height: auto;
    padding: 12.5vw 10vw 0 10vw;
    background-size: 100vw 25vw;
    background-image: url("../../../recruit_n/_/images/common/bgi_pagetitle_01_sp.svg");
  }
  .page-title .jp {
    margin-top: .5em;
  }
  .page-title .lead {
    margin-top: 1.25em;
  }
  .page-title .lead br {
    display: none;
  }
}
.copy-bgfix {
  position: relative;
  width: 100vw;
  height: 50vw;
  margin-top: -12.55vw;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: fixed;
  background-size: 100vw auto;
  pointer-events: none;
}
.copy-bgfix.bg1 {
  background-image: url("../../../recruit_n/_/images/member/index/bgi_01.jpg");
}
.copy-bgfix.bg2 {
  background-image: url("../../../recruit_n/_/images/member/cmn/bgi_01.jpg");
}
.copy-bgfix.bg3 {
  background-image: url("../../../recruit_n/_/images/message/bgi_01.jpg");
}
.copy-bgfix > img {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .copy-bgfix {
    height: 100vw;
    margin-top: 10vw;
    background-attachment: scroll;
  }
  .copy-bgfix.bg1 {
    background-image: url("../../../recruit_n/_/images/member/index/bgi_02.jpg");
  }
  .copy-bgfix.bg2 {
    background-image: url("../../../recruit_n/_/images/member/cmn/bgi_02.jpg");
  }
  .copy-bgfix.bg3 {
    background-image: url("../../../recruit_n/_/images/message/bgi_02.jpg");
  }
}
*, *:after, *:before {
  box-sizing: inherit;
}
html {
  overflow-x: hidden;
  box-sizing: border-box;
  font-size: 62.5%;
}
body {
  width: 100%;
  color: #333333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  overflow-x: hidden;
}
::selection {
  background-color: #009e96;
  color: white;
}
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}
a {
  text-decoration: none;
}
img {
  width: 100%;
  height: auto;
}
br.sp {
  display: none;
}
br.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  br.sp {
    display: block;
  }
  br.pc {
    display: none;
  }
}
main {
  display: block;
}
header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 12.5vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-image: url("../../../recruit_n/_/images/common/bgi_header_01.svg");
}
header.default {
  height: 10vw;
  background-image: none;
}
header.default .gnv {
  padding-bottom: 0;
}
header.default .gnv > div > a {
  color: #333333;
}
header.default .gnv #entry-btn.-btn-:hover {
  box-shadow: 0 0 12px 8px #c1e4e2;
}
header .lgo {
  position: relative;
  width: 22.1875vw;
  height: 6.275vw;
  margin: 1vw 0 0 1.4vw;
}
header .lgo > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
header .lgo > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  width: 21.0625vw;
  height: 2.15vw;
  pointer-events: none;
}
header .lgo > div > span {
  color: white;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: .05em;
}
header #gnv-btn {
  display: none;
}
header .gnv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 1.75vw;
}
header .gnv > div {
  position: relative;
  margin-right: 1.25em;
}
header .gnv > div > a {
  color: white;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: .025em;
  transition: all .2s;
}
header .gnv > div > a:hover {
  color: #009e96;
}
header .gnv > div > ul {
  position: absolute;
  top: 1.5vw;
  right: auto;
  bottom: auto;
  left: auto;
  padding: .4em 1em;
  background-color: #009e96;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
  z-index: 1;
}
header .gnv > div > ul.on {
  top: 2.2vw;
  opacity: 1;
  pointer-events: auto;
}
header .gnv > div > ul:after {
  content: '';
  position: absolute;
  top: -1vw;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 1vw;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1vw .5vw;
  background-image: url("../../../recruit_n/_/images/common/bgi_balloon_01.svg");
}
header .gnv > div > ul.w2 {
  left: -8.7vw;
  width: 22vw;
}
header .gnv > div > ul li {
  margin: 1em 0;
}
header .gnv > div > ul li a {
  padding-left: 1.5em;
  color: white;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left .5em center;
  background-size: 0.45vw 0.75vw;
  background-image: url("../../../recruit_n/_/images/common/ico_arrow_white_01.svg");
  transition: all .2s;
}
header .gnv > div > ul li a:hover {
  background-position: left .7em center;
}
header .gnv #entry-btn.-btn- {
  width: 10vw;
  height: 5vw;
  margin-right: 1.25em;
  transition: all .35s;
}
header .gnv #entry-btn.-btn-:hover {
  box-shadow: 0 0 12px 8px #009e96;
}
@media screen and (max-width: 767px) {
  header {
    display: block;
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 84px;
    background-color: white;
    background-image: none;
    z-index: 999;
  }
  header.default {
    height: 84px;
    background-image: none;
  }
  header.default .gnv > div > a {
    color: white;
  }
  header .lgo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
  }
  header .lgo > a {
    width: calc(100vw - 60px);
    height: 60px;
    padding: 4px;
  }
  header .lgo > a > img {
    width: 270px;
    height: 41px;
  }
}
@media screen and (max-width: 767px) and (max-width: 320px) {
  header .lgo > a {
    padding: 7px;
  }
  header .lgo > a > img {
    width: 230px;
    height: 35px;
  }
}
@media screen and (max-width: 767px) {
  header .lgo > div {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 24px;
    background-color: #00605b;
  }
  header .lgo > div > span {
    letter-spacing: .1em;
  }
  header #gnv-btn {
    display: block;
    position: fixed;
    top: 24px;
    right: 0;
    bottom: auto;
    left: auto;
    width: 60px;
    height: 60px;
    background-color: #009e96;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    background-image: url("../../../recruit_n/_/images/common/ico_menu_01.svg");
    z-index: 999;
  }
  header #gnv-btn.open {
    background-image: url("../../../recruit_n/_/images/common/ico_menu_02.svg");
  }
  header .gnv {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: fixed;
    top: 84px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100vw;
    height: calc(100vh - 84px);
    padding-bottom: 0;
    background-color: #009e96;
    z-index: 999;
  }
  header .gnv > div {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #1abcb4;
  }
  header .gnv > div > a {
    display: block;
    padding: 1.25em 0 1.25em 1em;
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 1.8vw 3vw;
    background-image: url("../../../recruit_n/_/images/common/ico_arrow_white_01.svg");
  }
  header .gnv > div > a.blank {
    background-size: 2.4vw 2.8vw;
    background-image: url("../../../recruit_n/_/images/common/ico_link_white_01.svg");
  }
  header .gnv > div > ul {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0 0;
    opacity: 1;
    pointer-events: auto;
  }
  header .gnv > div > ul:after {
    display: none;
  }
  header .gnv > div > ul.w2 {
    left: auto;
    width: auto;
  }
  header .gnv > div > ul li {
    margin: 0 0;
    background-color: #00605b;
    border-top: 1px solid #009e96;
  }
  header .gnv > div > ul li a {
    display: block;
    padding: 1.1em 0 1.1em 2em;
    background-position: right 1.2em center;
    background-size: 1.8vw 3vw;
    background-image: url("../../../recruit_n/_/images/common/ico_arrow_green_01.svg");
  }
  header .gnv #entry-btn.-btn- {
    width: 92vw;
    margin-top: 1em;
    padding: 2em 0;
    text-align: center;
    margin-right: 0;
    background-color: white;
  }
  header .gnv #entry-btn.-btn- span {
    color: #009e96;
    font-size: 5vw;
  }
}
footer {
  position: relative;
  width: 100vw;
  height: 12.5vw;
  background-color: #00605b;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-image: url("../../../recruit_n/_/images/common/bgi_footer_01.svg");
}
footer .corp {
  position: absolute;
  top: 3.125vw;
  right: auto;
  bottom: auto;
  left: 5vw;
}
footer .corp > a {
  color: white;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid white;
  transition: all .2s;
}
footer .corp > a:first-of-type {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
footer .corp > a:hover {
  color: #8adbd7;
}
footer .copy {
  position: absolute;
  top: auto;
  right: 5vw;
  bottom: 3.125vw;
  left: auto;
  color: white;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 400;
  letter-spacing: .05em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  footer {
    height: auto;
    background-image: none;
  }
  footer .corp {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100vw;
    height: auto;
    padding: 1.5em 0;
    text-align: center;
    background-image: none;
    background-color: #009e96;
  }
  footer .corp > a {
    margin-left: .6em;
    padding-left: .6em;
  }
  footer .copy {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100vw;
    height: auto;
    padding: 1.5em 0;
    text-align: center;
  }
}
.animsition {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100vw 45vw;
  background-image: url("../../../recruit_n/_/images/home/img_main_01_pc.jpg");
}
.ct-title {
  position: relative;
}
.ct-title .en {
  color: #009e96;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: .025em;
  transform: translateX(30px);
  opacity: 0;
  transition: all .75s .15s;
}
.ct-title .jp {
  margin-top: .25em;
  font-weight: bold;
  white-space: nowrap;
  transform: translateX(30px);
  opacity: 0;
  transition: all .75s .3s;
}
.ct-title .lead {
  margin-top: 1em;
  line-height: 1.6em;
  opacity: 0;
  transform: translateX(30px);
  transition: all .75s .45s;
}
.ct-title .more {
  margin-top: 1.6em;
  opacity: 0;
  transform: translateX(-30px);
  transition: all .75s;
}
.ct-title.wt .en, .ct-title.wt .jp, .ct-title.wt .lead {
  color: white;
}
.ct-title.active .en, .active .ct-title .en {
  transform: translateX(0);
  opacity: 1;
}
.ct-title.active .jp, .active .ct-title .jp {
  transform: translateX(0);
  opacity: 1;
}
.ct-title.active .lead, .active .ct-title .lead {
  transform: translateX(0);
  opacity: 1;
}
.ct-title.active .more, .active .ct-title .more {
  transform: translateX(0);
  opacity: 1;
}
.intro {
  position: relative;
  width: 100vw;
  height: 25vw;
  margin-top: 20vw;
  z-index: 1;
}
.intro svg {
  width: 100%;
  height: 100%;
}
.member {
  position: relative;
  width: 100vw;
  height: 120vw;
  margin-top: -12.55vw;
  background-repeat: no-repeat, no-repeat;
  background-position: left top, left center;
  background-attachment: scroll, fixed;
  background-size: 100vw 100vw, 100vw auto;
  background-image: url("../../../recruit_n/_/images/home/bgi_member_01_pc.svg"), url("../../../recruit_n/_/images/home/bgi_01.jpg");
}
.member .ct-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 25vw;
  padding-left: 5vw;
}
.member .member-index {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 25vw;
  padding: 0 5vw;
}
.member .member-index.second {
  justify-content: center;
}
.member .member-index .set {
  position: relative;
  width: 25vw;
  height: 25vw;
  color: white;
  opacity: 0;
  transition: all 1.5s;
}
.member .member-index .set .img {
  display: block;
  position: absolute;
  width: 15vw;
  /*height: 26.25vw;*/
  height: auto;
  right: 0;
}
.member .member-index .set .txt {
  position: absolute;
}
.member .member-index .set .s1 {
  font-family: urw-din-condensed, sans-serif;
  font-weight: 600;
  line-height: 100%;
}
.member .member-index .set .s2 {
  margin-top: 1em;
  font-weight: bold;
}
.member .member-index .set .s3 {
  margin-top: 1em;
  line-height: 1.6em;
}
.member .member-index .set .more {
  margin-top: 1.0vw;
}
.member .member-index .set .txt .lss {
  display: inline-block;
  letter-spacing: -0.05em;
  font-weight: inherit;
  text-indent: -1px !important;
}
.member .member-index .set.ishiguro {
  transition-delay: .4s;
}
.member .member-index .set.ishiguro .txt {
  margin-top: 3.55vw;
}
.member .member-index .set.ishiguro .img {
  right: 1vw;
  bottom: 5.0vw;
}
.member .member-index .set.akamatsu {
  transition-delay: .3s;
}
.member .member-index .set.akamatsu .txt {
  margin-top: 0.9vw;
}
.member .member-index .set.akamatsu .img {
  right: 1vw;
  bottom: 7.8vw;
}
.member .member-index .set.hatakeyama {
  transition-delay: .2s;
}
.member .member-index .set.hatakeyama .txt {
  margin-top: -2.0vw;
}
.member .member-index .set.hatakeyama .img {
  right: 1vw;
  bottom: 10.6vw;
}
.member .member-index .set.yamazaki {
  transition-delay: .1s;
}
.member .member-index .set.yamazaki .txt {
  margin-top: -4.8vw;
}
.member .member-index .set.yamazaki .img {
  right: 1vw;
  bottom: 13.4vw;
}
/* 対談バージョン　2023.7.12 */
.member .member-index .set.dialog {
  border: 0px solid;
  display: flex;
  justify-content: space-between;
  width: 50vw;
  height: 20vw;
}
.member .member-index .set.dialog .img {
  display: block;
  position: absolute;
  width: 15vw;
  /*height: 26.25vw;*/
  height: auto;
  right: 0;
}
.member .member-index .set.dialog .txt-wrap {
  position: relative;
}
.member .member-index .set.dialog .txt {
  position: relative;
}
.member .member-index .set.dialog .middle-more {
  position: relative;
  width: 7.5vw;
  margin-left: 0vw;
  margin-top: 4.1vw;
  text-align: center;
  z-index: 99;
}
.member .member-index .set.dialog .middle-more img {
  width: 60%;
  margin-bottom: 5.5vw;
}
.member .member-index .set.hagio_katahira {
  /*margin-left: 4vw;*/
  transition-delay: .4s;
}
.member .member-index .set.hagio_katahira .txt {
  margin-top: 0vw;
}
.member .member-index .set.hagio_katahira .img {
  right: -4vw;
  bottom: -3vw;
}
.member .member-index .set.hagio_katahira .middle-more img {
  margin-bottom: 5.3vw;
}


.member .member-index .set.hagio_katahira .txt.hagio {
  margin-top: 3vw;
}
.member .member-index .set.hagio_katahira .txt.hagio .img {
  left: 4.5vw;
  bottom: 0vw;
}
.member .member-index .set.hagio_katahira .txt.hagio img {
  margin-top: 4vw;
}
.member .member-index .set.hagio_katahira .txt.katahira {
  margin-top: 0.5vw;
}
.member .member-index .set.hagio_katahira .txt.katahira .img {
  right: 6.5vw;
  bottom: 2vw;
}
.member .member-index .set.yamatani_kasuya {
  margin-left: 4vw;
  transition-delay: .3s;
}
.member .member-index .set.yamatani_kasuya .txt {
  margin-top: 0vw;
}
.member .member-index .set.yamatani_kasuya .img {
  right: -4vw;
  bottom: -3vw;
}
.member .member-index .set.yamatani_kasuya .txt.yamatani {
  margin-top: -2vw;
  left: -1vw;
}
.member .member-index .set.yamatani_kasuya .txt.yamatani .img {
  left: 5.0vw;
  bottom: 5.7vw;
}
.member .member-index .set.yamatani_kasuya .txt.yamatani img {}
.member .member-index .set.yamatani_kasuya .txt.kasuya {
  margin-top: -6vw;
}
.member .member-index .set.yamatani_kasuya .txt.kasuya .img {
  right: 8.0vw;
  bottom: 7.7vw;
}
.member .member-index .set.yamatani_kasuya .txt.kasuya img {}
.member .member-index .set.yamatani_kasuya .middle-more {
  right: 2.0vw;
  bottom: 6.0vw;
}
.member .member-index .set.watanabe_karakama {
  margin-left: 4vw;
  transition-delay: .2s;
}
.member .member-index .set.watanabe_karakama .txt {
  margin-top: 0vw;
}
.member .member-index .set.watanabe_karakama .img {
  right: -4vw;
  bottom: -3vw;
}
.member .member-index .set.watanabe_karakama .middle-more {
  margin-top: 4.8vw;
}
.member .member-index .set.watanabe_karakama .middle-more img {
  margin-bottom: 4.8vw;
}
.member .member-index .set.watanabe_karakama .txt.watanabe {
  margin-top: -2vw;
}
.member .member-index .set.watanabe_karakama .txt.watanabe .img {
  left: 9vw;
  bottom: 5.7vw;
}
.member .member-index .set.watanabe_karakama .txt.watanabe img {}
.member .member-index .set.watanabe_karakama .txt.karakama {
  margin-top: -6vw;
}
.member .member-index .set.watanabe_karakama .txt.karakama .img {
  right: 9.0vw;
  bottom: 7.8vw;
}
.member .member-index .set.watanabe_karakama .txt.karakama img {}
.member .member-index .set.watanabe_karakama .middle-more {
  bottom: 6.0vw;
}
.member .member-index.active .set {
  opacity: 1;
}
.work {
  position: relative;
  width: 100vw;
  height: 25vw;
  margin-top: -12.5vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100vw 25vw;
  background-image: url("../../../recruit_n/_/images/home/bgi_work_01.svg");
}
.work .txt-img {
  position: absolute;
  top: -3.75vw;
  right: auto;
  bottom: auto;
  left: 10vw;
  width: 80vw;
}
.work .txt-img > img {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s;
}
.work .txt-img > img.active {
  opacity: 1;
  transform: translateY(0);
}
.work .txt-img .cover {
  display: block;
  position: absolute;
  top: 8.8vw;
  right: auto;
  bottom: auto;
  left: 40vw;
  width: 35vw;
  height: 21.25vw;
  transform: skewY(7deg);
}
.work .txt-img .ct-title {
  position: absolute;
  top: 5.625vw;
  right: auto;
  bottom: auto;
  left: 10vw;
  width: 25.2vw;
}
.message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80vw;
  margin: 0 auto;
}
.message .set {
  width: 22.5vw;
}
.message .set:nth-of-type(1) {
  padding-top: 3.75vw;
}
.message .set:nth-of-type(2) {
  padding-top: 7.5vw;
}
.message .set:nth-of-type(3) {
  padding-top: 11.25vw;
}
.message .set > a {
  display: block;
  width: 100%;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s;
}
.message .set.active > a {
  opacity: 1;
  transform: translateY(0);
}
.message .set .ct-title {
  margin-top: 1em;
}
footer {
  margin-top: 7.5vw;
}
@media screen and (max-width: 767px) {
  .animsition {
    background-size: 100vw 71vw;
    background-image: url("../../../recruit_n/_/images/home/img_main_01_sp.jpg");
  }
  .ct-title .en {
    font-size: 3.6vw;
  }
  .ct-title .lead {
    margin-top: .75em;
    font-size: 3.4vw;
    line-height: 1.5em;
  }
  .ct-title .more {
    margin-top: 1em;
  }
  .intro {
    width: 100vw;
    height: 43vw;
    margin-top: 0;
    padding-top: 58.375vw;
  }
  .member {
    height: auto;
    margin-top: 0vw;
    background-repeat: no-repeat, none;
    background-position: left top, none;
    background-attachment: scroll, none;
    background-size: 100vw 50vw, none;
    background-image: url("../../../recruit_n/_/images/home/bgi_member_01_sp.svg"), none;
  }
  .member .ct-title {
    height: auto;
    padding: 36.5vw 5vw 5vw 5vw;
  }
  .member .ct-title .lead {
    letter-spacing: -0.04em;
  }
  .member .ct-title .lead br {
    display: none;
  }
  .member .member-index {
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    padding: 2.5vw 6.5vw 0;
  }
  .member .member-index.second {
    margin-top: 35vw;
    margin-bottom: 40vw;
  }
  .member .member-index .set {
    width: 40vw;
    margin-bottom: 40vw;
    height: auto;
    color: #333333;
  }
  .member .member-index .set .img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .member .member-index .set .txt {
    width: 100%;
    border: 0px solid;
    display: block;
    text-align: center;
  }
  .member .member-index .set .s1 {
    display: none;
  }
  .member .member-index .set .s2 {
    margin-top: 1em;
    text-align: center;
  }
  .member .member-index .set .s3 {
    margin-top: .6em;
    line-height: 1.5em;
    text-align: center;
  }
  .member .member-index .set .more {
    width: 100%;
    margin-top: 1em;
  }
  .member .member-index .set.ishiguro .txt {
    margin-top: 0;
  }
  .member .member-index .set.ishiguro .img {
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.akamatsu .txt {
    margin-top: 0;
  }
  .member .member-index .set.akamatsu .img {
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.hatakeyama .txt {
    margin-top: 0;
  }
  .member .member-index .set.hatakeyama .img {
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.yamazaki .txt {
    margin-top: 0;
  }
  .member .member-index .set.yamazaki .img {
    right: auto;
    bottom: auto;
  }
  /* 対談バージョン　2023.7.12 */
  .member .member-index.second.screen {
    margin-top: 0vw;
    margin-bottom: 0vw;
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .member .member-index .set.dialog {
    border: 0px solid;
    justify-content: space-between;
    width: 100%;
    height: auto;
  }
  .member .member-index .set.dialog .img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: auto;
    left: auto;
    right: auto;
  }
  .member .member-index .set.dialog .txt-wrap {
    position: relative;
  }
  .member .member-index .set.dialog .txt {
    position: relative;
  }
  .member .member-index .set.dialog .middle-more {
    border: 0px solid;
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: -14.5vw;
    text-align: center;
    z-index: 99;
  }
  .member .member-index .set.dialog .middle-more img {
    width: 18%;
    margin-bottom: 10vw;
    filter: invert();
  }

  .member .member-index .set.hagio_katahira {
    margin-left: 0;
    margin-bottom: 30vw;
  }
  .member .member-index .set.hagio_katahira .txt {
    margin-top: 0;
  }
  .member .member-index .set.hagio_katahira .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.hagio_katahira .txt.hagio,
  .member .member-index .set.hagio_katahira .txt.katahira {
    margin: 0vw;
  }
  .member .member-index .set.hagio_katahira .txt.hagio .img,
  .member .member-index .set.hagio_katahira .txt.katahira .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.hagio_katahira .txt.hagio img,
  .member .member-index .set.hagio_katahira .txt.katahira img {
    margin-top: 0vw;
  }
  
  .member .member-index .set.yamatani_kasuya {
    margin-left: 0;
    margin-bottom: 30vw;
  }
  .member .member-index .set.yamatani_kasuya .txt {
    margin-top: 0;
  }
  .member .member-index .set.yamatani_kasuya .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.yamatani_kasuya .txt.yamatani,
  .member .member-index .set.yamatani_kasuya .txt.kasuya {
    margin-top: 0vw;
  }
  .member .member-index .set.yamatani_kasuya .txt.yamatani .img,
  .member .member-index .set.yamatani_kasuya .txt.kasuya .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.yamatani_kasuya .txt.yamatani img,
  .member .member-index .set.yamatani_kasuya .txt.kasuya img {
    margin-top: 0vw;
  }
  
  .member .member-index .set.watanabe_karakama {
    margin-left: 0;
  }
  .member .member-index .set.watanabe_karakama .txt {
    margin-top: 0;
  }
  .member .member-index .set.watanabe_karakama .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.watanabe_karakama .txt.watanabe,
  .member .member-index .set.watanabe_karakama .txt.karakama {
    margin-top: 0vw;
  }
  .member .member-index .set.watanabe_karakama .txt.watanabe .img,
  .member .member-index .set.watanabe_karakama .txt.karakama .img {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .member .member-index .set.watanabe_karakama .txt.watanabe img,
  .member .member-index .set.watanabe_karakama .txt.karakama img {
    margin-top: 0vw;
  }
  
  
  
  
  
  .work {
    height: auto;
    margin-top: 10vw;
    background-image: none;
  }
  .work .txt-img {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100vw;
  }
  .work .txt-img .cover {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100vw;
    height: 50vw;
    transform: skewY(0);
  }
  .work .txt-img .ct-title {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 83.75vw;
    margin: -5vw auto 0;
  }
  .message {
    display: block;
    width: 100vw;
  }
  .message .set {
    width: 100vw;
    margin-top: 5vw;
  }
  .message .set:nth-of-type(1) {
    padding-top: 0;
  }
  .message .set:nth-of-type(1) .ct-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .message .set:nth-of-type(2) {
    padding-top: 0;
  }
  .message .set:nth-of-type(3) {
    padding-top: 0;
  }
  .message .set:nth-of-type(3) .ct-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .message .set .ct-title {
    width: 83.75vw;
    margin: -5vw auto 0;
    clear: both;
  }
  main {
    padding-bottom: 70vw;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100vw 62.5vw;
    background-image: url("../../../recruit_n/_/images/home/bgi_02.jpg");
  }
  footer {
    margin-top: 0;
  }
}
/*# sourceMappingURL=style_home.css.map */