@charset "UTF-8";
/* line 23, ../../src/sass/top.scss */
section.sections {
  --inner-maxwidth: var(--contents);
  --inner-padding: var(--contents-padding);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: var(--spacing-xxxl);
}
@media screen and (max-width: 500px) {
  /* line 23, ../../src/sass/top.scss */
  section.sections {
    --inner-padding: var(--spacing-s) calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 23, ../../src/sass/top.scss */
  section.sections {
    margin-bottom: var(--spacing-xl);
  }
}
/* line 51, ../../src/sass/top.scss */
section.sections .inner {
  box-sizing: content-box;
  max-width: var(--inner-maxwidth);
  width: 100%;
  padding: var(--inner-padding);
}

/* line 69, ../../src/sass/top.scss */
.stickyMds {
  width: calc(var(--vw) * 16.66667);
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 500px) {
  /* line 69, ../../src/sass/top.scss */
  .stickyMds {
    display: none;
  }
}
/* line 82, ../../src/sass/top.scss */
.stickyMds .mds {
  padding-top: calc(var(--vw) * 10.41667);
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  gap: calc(var(--vw) * 1.92708);
}
@media screen and (max-width: 820px) {
  /* line 82, ../../src/sass/top.scss */
  .stickyMds .mds {
    padding-top: calc(var(--vw) * 19.53125);
  }
}
/* line 97, ../../src/sass/top.scss */
.stickyMds .mds .line {
  width: 1px;
  height: calc(var(--vw) * 3.22917);
  background-color: #000;
}
/* line 102, ../../src/sass/top.scss */
.stickyMds .mds .txt {
  color: #000;
  font-family: var(--font_mds);
  font-size: calc(var(--vw) * 1.04167);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.5em;
}
@media screen and (max-width: 820px) {
  /* line 102, ../../src/sass/top.scss */
  .stickyMds .mds .txt {
    font-size: var(--h6);
  }
}

/* line 126, ../../src/sass/top.scss */
h2.topH2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
/* line 131, ../../src/sass/top.scss */
h2.topH2 .main {
  color: var(--primary-base, #DAA717) !important;
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h3, 30px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 820px) {
  /* line 131, ../../src/sass/top.scss */
  h2.topH2 .main {
    font-size: var(--h6);
  }
}
@media screen and (max-width: 500px) {
  /* line 131, ../../src/sass/top.scss */
  h2.topH2 .main {
    font-size: var(--h6);
  }
}
/* line 144, ../../src/sass/top.scss */
h2.topH2 .en {
  color: var(--primary-base, #DAA717) !important;
  font-family: var(--font_mds);
  font-size: var(--h2_top);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

/* line 1, ../../src/sass/top/_movieBg.scss */
#movieBg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
/* line 9, ../../src/sass/top/_movieBg.scss */
#movieBg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 15, ../../src/sass/top/_movieBg.scss */
#movieBg iframe {
  width: 200%;
  height: 110vh;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
/* line 25, ../../src/sass/top/_movieBg.scss */
#movieBg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* line 1, ../../src/sass/top/_heroMovie.scss */
section#heroMovie {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  --hl_top: 25.925vh;
}
/* line 16, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #resetBtn {
  position: absolute;
  left: calc(var(--vw) * 1.77083);
  bottom: calc(var(--vw) * 3.85417);
  cursor: pointer;
  padding: 5px;
  background-color: #d8ffff;
}
@media (hover: hover) {
  /* line 26, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #resetBtn:hover {
    opacity: 0.6;
  }
}
/* line 37, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #koteiNews {
  display: flex;
  width: calc(var(--vw) * 20.83333);
  height: calc(var(--vw) * 6.66667);
  padding: calc(var(--vw) * 0.52083) var(--spacing-m, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-m, 24px);
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  right: calc(var(--vw) * 1.77083);
  bottom: calc(var(--vw) * 3.85417);
}
@media screen and (max-width: 1366px) {
  /* line 37, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews {
    width: calc(var(--vw) * 26.35432);
    height: calc(var(--vw) * 8.05271);
  }
}
@media screen and (max-width: 820px) {
  /* line 37, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews {
    width: calc(var(--vw) * 52.08333);
    height: calc(var(--vw) * 16.66667);
  }
}
@media screen and (max-width: 500px) {
  /* line 37, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews {
    width: calc(var(--vw) * 89.33333);
    height: calc(var(--vw) * 27.2);
  }
}
@media screen and (max-width: 820px) {
  /* line 37, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews {
    padding: calc(var(--vw) * 1.30208) var(--spacing-m);
    right: calc(var(--vw) * 2.60417);
    bottom: calc(var(--vw) * 4.42708);
  }
}
@media screen and (max-width: 500px) {
  /* line 37, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews {
    padding: calc(var(--vw) * 2.66667) var(--spacing-m);
    gap: var(--spacing-s);
    right: calc(var(--vw) * 5.33333);
    bottom: calc(var(--vw) * 9.06667);
  }
}
/* line 66, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #koteiNews .data {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}
/* line 71, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #koteiNews .data .date {
  color: var(--basic-white, #FFF);
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h5, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
/* line 76, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #koteiNews .data .cate {
  display: flex;
  padding: 0px var(--spacing-m, 24px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--rounded-full, 10000px);
  border: 1px solid var(--basic-white, #FFF);
  color: var(--basic-white, #FFF);
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h6, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
/* line 92, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #koteiNews a.title {
  color: var(--basic-white, #FFF);
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h6, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
@media (hover: hover) {
  /* line 99, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #koteiNews a.title:hover {
    color: var(--primary-base);
  }
}
@keyframes rollingUnagi {
  0% {
    opacity: 1;
    rotate: 0;
  }
  21% {
    opacity: 1;
    rotate: -360deg;
  }
  26% {
    rotate: -360deg;
    opacity: 0;
  }
  34% {
    rotate: -360deg;
    opacity: 0;
  }
  100% {
    rotate: -360deg;
    opacity: 0;
  }
}
/* line 144, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #rollingUnagi {
  width: 6.94444vh;
  height: 6.94444vh;
  mask-image: url("../img/top/hero/rollingUnagi.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  -webkit-mask-image: url("../img/top/hero/rollingUnagi.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100% 100%;
  background-color: var(--basic-black);
  position: relative;
  top: calc(var(--vw) * -1.45833);
  left: calc(var(--vw) * -0.20833);
  z-index: 33;
}
@media screen and (max-width: 500px) {
  /* line 1, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie {
    --hl_top: 16vh;
  }
}
@keyframes heroLogo {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  40% {
    opacity: 1;
    top: 50.925vh;
  }
  50% {
    top: var(--hl_top);
  }
  73% {
    top: var(--hl_top);
    width: 17.87vh;
  }
  90% {
    opacity: 1;
    top: 38.889vh;
    width: 38.61vh;
    z-index: 32;
  }
  100% {
    opacity: 1;
    top: 38.889vh;
    width: 38.61vh;
    z-index: 20;
  }
}
@keyframes heroLogoImg {
  0% {
    background-color: #231815;
    width: 17.87vh;
    height: 9.259vh;
  }
  73% {
    background-color: #231815;
    width: 17.87vh;
    height: 9.259vh;
  }
  90% {
    background-color: #fff;
    width: 38.611vh;
    height: 20vh;
  }
  100% {
    background-color: #fff;
    width: 38.611vh;
    height: 20vh;
  }
}
/* line 237, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #heroLogo {
  position: absolute;
  opacity: 0;
  width: 17.87vh;
  top: 50.925vh;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 32;
}
@media screen and (max-width: 500px) {
  /* line 237, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #heroLogo {
    max-width: 257px;
    max-height: 317px;
  }
}
/* line 258, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #heroLogo img {
  width: 100%;
}
/* line 263, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #heroLogo .logo2 {
  width: 17.87vh;
  height: 9.259vh;
  mask-image: url("../img/header/logo_02.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  -webkit-mask-image: url("../img/header/logo_02.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100% 100%;
  background-color: #231815;
}
@media screen and (max-width: 500px) {
  /* line 263, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #heroLogo .logo2 {
    max-width: 257px;
    max-height: 133px;
  }
}
@keyframes tateTxt {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  73% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tateTxtImg {
  0% {
    max-width: 0;
  }
  40% {
    max-width: 0;
  }
  50% {
    max-width: 100%;
  }
  100% {
    max-width: 100%;
  }
}
/* line 327, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #tateTxt {
  width: 5.55556vh;
  height: 51.38889vh;
  position: absolute;
  bottom: 9.25926vh;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 32;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 500px) {
  /* line 327, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #tateTxt {
    bottom: 19.1904vh;
  }
}
/* line 345, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #tateTxt img {
  max-width: 0;
}
@keyframes yokoTxt {
  0% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes yokoTxtImg {
  0% {
    max-width: 0;
  }
  83% {
    max-width: 0;
  }
  90% {
    max-width: 100%;
  }
  100% {
    max-width: 100%;
  }
}
/* line 385, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #yokoTxt {
  width: 38.51852vh;
  height: 8.88889vh;
  position: absolute;
  bottom: 27.77778vh;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 32;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 500px) {
  /* line 385, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie #yokoTxt {
    max-width: 257px;
    max-height: 31px;
  }
}
/* line 404, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #yokoTxt img {
  max-width: 0;
}
@keyframes doorUpper {
  0% {
    top: 0;
  }
  73% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -70%;
    opacity: 0;
  }
}
@keyframes doorDowner {
  0% {
    bottom: 0;
  }
  73% {
    bottom: 0;
    opacity: 1;
  }
  100% {
    bottom: -70%;
    opacity: 0;
  }
}
/* line 448, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #doorUpper {
  width: 100%;
  height: 70%;
  background-image: url(../img/top/hero/img_loading_up.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
}
/* line 461, ../../src/sass/top/_heroMovie.scss */
section#heroMovie #doorDowner {
  width: 100%;
  height: 70%;
  background-image: url(../img/top/hero/img_loading_down.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
}
/* line 477, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #rollingUnagi {
  animation: rollingUnagi 7.6s linear forwards;
}
/* line 481, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #heroLogo {
  animation: heroLogo 7.6s ease-in-out forwards;
}
/* line 484, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #heroLogo .logo2 {
  animation: heroLogoImg 7.6s ease-in-out forwards;
}
/* line 489, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #tateTxt {
  animation: tateTxt 7.6s ease-in-out forwards;
}
/* line 492, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #tateTxt img {
  animation: tateTxtImg 7.6s ease-in-out forwards;
}
/* line 497, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #yokoTxt {
  animation: yokoTxt 7.6s ease-out forwards;
}
/* line 500, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #yokoTxt img {
  animation: yokoTxtImg 7.6s ease-out forwards;
}
/* line 505, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #doorUpper {
  animation: doorUpper 7.6s ease-out forwards;
}
/* line 509, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.start #doorDowner {
  animation: doorDowner 7.6s ease-out forwards;
}
/* line 515, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #rollingUnagi {
  opacity: 0;
}
/* line 520, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #heroLogo {
  opacity: 1;
  top: 38.889vh;
  width: min(38.61vh,417px);
  z-index: 20;
}
@media screen and (max-width: 500px) {
  /* line 520, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie.skip #heroLogo {
    width: min(38.61vh,257px);
  }
}
/* line 531, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #heroLogo .logo2 {
  background-color: #fff;
  width: min(38.61vh,417px);
  height: min(20vh,216px);
}
@media screen and (max-width: 500px) {
  /* line 531, ../../src/sass/top/_heroMovie.scss */
  section#heroMovie.skip #heroLogo .logo2 {
    width: min(38.61vh,257px);
    height: min(20vh,133px);
  }
}
/* line 544, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #tateTxt {
  opacity: 0;
}
/* line 548, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #tateTxt img {
  max-width: 100%;
}
/* line 554, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #yokoTxt {
  opacity: 1;
}
/* line 558, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #yokoTxt img {
  max-width: 100%;
}
/* line 564, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #doorUpper {
  display: none;
}
/* line 569, ../../src/sass/top/_heroMovie.scss */
section#heroMovie.skip #doorDowner {
  display: none;
}

/* line 1, ../../src/sass/top/_about.scss */
section#about {
  position: relative;
}
/* line 4, ../../src/sass/top/_about.scss */
section#about .outerBg {
  background-color: rgba(255, 255, 255, 0.6);
  transform: scale(-1, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  mask-image: url("../img/mask/rect.svg"), url("../img/top/mask/img_top_mask_about_top.svg");
  mask-repeat: no-repeat;
  mask-position: top left, top left;
  mask-composite: exclude, subtract;
  mask-size: 100% 100%, 100% calc(var(--vw) * 20.10417);
}
/* line 27, ../../src/sass/top/_about.scss */
section#about .innerBg {
  padding-top: calc(var(--vw) * 20.10417);
  mask-image: url("../img/mask/rect.svg"), url("../img/top/mask/img_top_mask_about_top.svg");
  mask-repeat: no-repeat;
  mask-position: top left, top left;
  mask-composite: exclude, subtract;
  mask-size: 100% 100%, 100% calc(var(--vw) * 20.10417);
  background: linear-gradient(180deg, rgba(243, 244, 244, 0.60) 0%, var(--basic-base) 98%);;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
}
/* line 52, ../../src/sass/top/_about.scss */
section#about .innerBg .stickyMds .mds {
  position: sticky;
  top: 0;
}
/* line 65, ../../src/sass/top/_about.scss */
section#about .innerBg .body {
  flex: 1 0 0;
  position: relative;
}
/* line 69, ../../src/sass/top/_about.scss */
section#about .innerBg .body .textArea {
  width: calc(var(--vw) * 26.5625);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-l, 32px);
  margin-top: calc(var(--vw) * 21.875);
  margin-left: calc(var(--vw) * 40.10417);
  margin-bottom: var(--spacing-xxxl);
}
@media screen and (max-width: 820px) {
  /* line 69, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .textArea {
    width: calc(var(--vw) * 54.6875);
  }
}
@media screen and (max-width: 500px) {
  /* line 69, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .textArea {
    width: calc(var(--vw) * 89.33333);
  }
}
/* line 81, ../../src/sass/top/_about.scss */
section#about .innerBg .body .textArea > p {
  margin-bottom: 0;
}
@media screen and (max-width: 820px) {
  /* line 69, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .textArea {
    margin-top: calc(var(--vw) * 19.53125);
    margin-left: calc(var(--vw) * 20.83333);
    align-items: flex-end;
  }
}
@media screen and (max-width: 500px) {
  /* line 69, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .textArea {
    margin-top: calc(var(--vw) * 33.86667);
    margin-left: calc(var(--vw) * 5.33333);
    align-items: flex-end;
  }
}
/* line 100, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner {
  max-width: var(--contents);
  width: 100%;
}
@media screen and (max-width: 500px) {
  /* line 100, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner {
    margin: 0 auto var(--spacing-xxl);
  }
}
/* line 109, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images {
  width: calc(var(--vw) * 38.02083);
  margin: 0 auto;
  display: flex;
  gap: calc(var(--vw) * 3.38542);
}
@media screen and (max-width: 820px) {
  /* line 109, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images {
    width: calc(var(--vw) * 65.10417);
  }
}
@media screen and (max-width: 500px) {
  /* line 109, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  /* line 109, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images {
    gap: 0;
  }
}
/* line 120, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .text {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: var(--spacing-m);
}
@media screen and (max-width: 500px) {
  /* line 120, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images .text {
    gap: var(--spacing-s);
  }
}
/* line 131, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .tx {
  writing-mode: vertical-rl;
  text-orientation: upright;
  color: var(--basic-black, #2C2C2C);
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h5, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.5em;
}
/* line 139, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .tx.t2 {
  padding-top: 1.5em;
}
/* line 143, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .tx.t3 {
  padding-top: 3em;
}
/* line 148, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .leftSide {
  width: calc(var(--vw) * 18.22917);
  display: flex;
  gap: var(--spacing-l);
  flex-direction: column;
}
@media screen and (max-width: 820px) {
  /* line 148, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images .leftSide {
    width: calc(var(--vw) * 32.55208);
  }
}
@media screen and (max-width: 500px) {
  /* line 148, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images .leftSide {
    width: calc(var(--vw) * 52.26667);
  }
}
/* line 157, ../../src/sass/top/_about.scss */
section#about .innerBg .body .inner .images .rightSide {
  flex: 1 0 0;
  display: flex;
  gap: var(--spacing-l);
  flex-direction: column;
  padding-top: var(--spacing-l);
}
@media screen and (max-width: 500px) {
  /* line 157, ../../src/sass/top/_about.scss */
  section#about .innerBg .body .inner .images .rightSide {
    padding-top: calc(var(--vw) * 32);
  }
}
/* line 172, ../../src/sass/top/_about.scss */
section#about .innerBg .map {
  position: absolute;
  width: calc(var(--vw) * 83.33333);
  height: calc(var(--vw) * 41.82292);
  top: calc(var(--vw) * 20.10417);
  right: 0;
  background-image: url(../img/top/img_top_about_chizu.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 820px) {
  /* line 172, ../../src/sass/top/_about.scss */
  section#about .innerBg .map {
    width: 100%;
    height: calc(var(--vw) * 49.47917);
  }
}
@media screen and (max-width: 500px) {
  /* line 172, ../../src/sass/top/_about.scss */
  section#about .innerBg .map {
    width: 100%;
    height: calc(var(--vw) * 60.53333);
  }
}
/* line 184, ../../src/sass/top/_about.scss */
section#about .innerBg .map img {
  display: none;
}
/* line 190, ../../src/sass/top/_about.scss */
section#about .innerBg .map .here {
  width: calc(var(--vw) * 8.90625);
  height: calc(var(--vw) * 8.90625);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(var(--vw) * 29.6875);
  left: calc(var(--vw) * 18.64583);
}
@media screen and (max-width: 1366px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    width: calc(var(--vw) * 12.5183);
    height: calc(var(--vw) * 12.5183);
  }
}
@media screen and (max-width: 820px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    width: calc(var(--vw) * 13.02083);
    height: calc(var(--vw) * 13.02083);
  }
}
@media screen and (max-width: 500px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    width: calc(var(--vw) * 16);
    height: calc(var(--vw) * 16);
  }
}
@media screen and (max-width: 1366px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    top: calc(var(--vw) * 28.25769);
    left: calc(var(--vw) * 16.98389);
  }
}
@media screen and (max-width: 820px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    top: calc(var(--vw) * 33.85417);
    left: calc(var(--vw) * 22.13542);
  }
}
@media screen and (max-width: 500px) {
  /* line 190, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here {
    top: calc(var(--vw) * 40);
    left: calc(var(--vw) * 26.66667);
  }
}
/* line 216, ../../src/sass/top/_about.scss */
section#about .innerBg .map .here .inner {
  width: calc(var(--vw) * 3.59375);
  height: calc(var(--vw) * 3.59375);
  background-color: rgba(225, 186, 30, 0.5);
  border-radius: var(--rounded-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-dark);
  text-shadow: var(--basic-base);
  font-family: var(--font_mds);
  font-size: var(--h5);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 3px;
  text-indent: 2px;
}
@media screen and (max-width: 1366px) {
  /* line 216, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here .inner {
    width: calc(var(--vw) * 5.05124);
    height: calc(var(--vw) * 5.05124);
  }
}
@media screen and (max-width: 820px) {
  /* line 216, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here .inner {
    width: calc(var(--vw) * 6.51042);
    height: calc(var(--vw) * 6.51042);
  }
}
@media screen and (max-width: 500px) {
  /* line 216, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here .inner {
    width: calc(var(--vw) * 8);
    height: calc(var(--vw) * 8);
  }
}
@media screen and (max-width: 820px) {
  /* line 216, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here .inner {
    font-size: var(--h6);
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 500px) {
  /* line 216, ../../src/sass/top/_about.scss */
  section#about .innerBg .map .here .inner {
    font-size: var(--txt_8);
    letter-spacing: 1px;
  }
}
@keyframes outer-animation {
  0% {
    width: 70%;
    height: 70%;
    opacity: 0;
  }
  10% {
    width: 70%;
    height: 70%;
    opacity: 1;
  }
  95% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  100% {
    width: 70%;
    height: 70%;
    opacity: 0;
  }
}
/* line 279, ../../src/sass/top/_about.scss */
section#about .innerBg .map .here .outer {
  position: absolute;
  background-color: rgba(225, 186, 30, 0.5);
  border-radius: var(--rounded-full);
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  animation: outer-animation 2s linear infinite;
}

/* line 302, ../../src/sass/top/_about.scss */
section#under_a {
  background-color: var(--basic-base);
  width: 100%;
  height: calc(var(--vw) * 21.30208);
  mask-image: url("../img/top/mask/img_top_mask_about_under.svg");
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-size: 100% 100%;
  position: relative;
  -moz-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
}

/* line 1, ../../src/sass/top/_business.scss */
section#businessArea {
  mask-image: url("../img/mask/rect.svg"), url("../img/top/mask/img_top_mask_about_top.svg");
  mask-repeat: no-repeat;
  mask-position: top left, top left;
  mask-composite: exclude, subtract;
  mask-size: 100% 100%, 100% calc(var(--vw) * 20.10417);
  background-color: var(--basic-base);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding-top: calc(var(--vw) * 20.05208);
}
/* line 16, ../../src/sass/top/_business.scss */
section#businessArea.active {
  background-color: var(--secondary-dark);
}
/* line 20, ../../src/sass/top/_business.scss */
section#businessArea.active .scroll-section {
  background-image: url(../img/top/bg-business.jpg);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 30, ../../src/sass/top/_business.scss */
section#businessArea.active .progress-bar .pointer {
  background-color: var(--basic-white);
}
/* line 35, ../../src/sass/top/_business.scss */
section#businessArea.active * {
  color: #fff;
}
/* line 40, ../../src/sass/top/_business.scss */
section#businessArea .inner {
  box-sizing: content-box;
  max-width: var(--contents);
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-l, 32px);
  flex: 1 0 0;
  padding-bottom: calc(var(--vw) * 10.41667);
}
/* line 53, ../../src/sass/top/_business.scss */
section#businessArea .inner p {
  margin-bottom: 0;
  line-height: 230%;
}
@media screen and (max-width: 500px) {
  /* line 40, ../../src/sass/top/_business.scss */
  section#businessArea .inner {
    align-items: flex-start;
  }
  /* line 61, ../../src/sass/top/_business.scss */
  section#businessArea .inner p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 820px) {
  /* line 1, ../../src/sass/top/_business.scss */
  section#businessArea {
    margin-top: var(--spacing-xxxl);
  }
}

/* line 88, ../../src/sass/top/_business.scss */
section#business #tabYokoNavi {
  display: none;
}
@media screen and (max-width: 820px) {
  /* line 88, ../../src/sass/top/_business.scss */
  section#business #tabYokoNavi {
    display: block;
  }
}
/* line 102, ../../src/sass/top/_business.scss */
section#business .scroll-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-color: transparent;
  margin-bottom: calc(100vh - 100vh);
}
@media screen and (max-width: 820px) {
  /* line 102, ../../src/sass/top/_business.scss */
  section#business .scroll-section {
    overflow-x: auto;
    height: 70vh;
  }
}
@media screen and (max-width: 500px) {
  /* line 102, ../../src/sass/top/_business.scss */
  section#business .scroll-section {
    height: calc(var(--vw) * 97.06667);
  }
}
/* line 119, ../../src/sass/top/_business.scss */
section#business .scroll-section .stickyMds {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
/* line 125, ../../src/sass/top/_business.scss */
section#business .scroll-section .stickyMds .line {
  background-color: var(--basic-white);
}
/* line 130, ../../src/sass/top/_business.scss */
section#business .scroll-section .progress-bar {
  position: absolute;
  top: calc(var(--header-inner-height) + 10px);
  left: 50%;
  z-index: 10;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 820px) {
  /* line 130, ../../src/sass/top/_business.scss */
  section#business .scroll-section .progress-bar {
    display: none;
  }
}
/* line 142, ../../src/sass/top/_business.scss */
section#business .scroll-section .nav-buttons {
  position: absolute;
  width: calc(var(--vw) * 77.08333);
  top: calc(var(--vw) * 6.77083);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 820px) {
  /* line 142, ../../src/sass/top/_business.scss */
  section#business .scroll-section .nav-buttons {
    display: none;
  }
}
/* line 159, ../../src/sass/top/_business.scss */
section#business .scroll-section .nav-buttons button {
  padding: 0;
  font-size: var(--txt_mid);
  border: none;
  cursor: pointer;
  width: calc(var(--vw) * 10.41667);
  text-align: center;
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h6, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  line-height: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1366px) {
  /* line 159, ../../src/sass/top/_business.scss */
  section#business .scroll-section .nav-buttons button {
    width: calc(var(--vw) * 10.98097);
  }
}
@media (hover: hover) {
  /* line 177, ../../src/sass/top/_business.scss */
  section#business .scroll-section .nav-buttons button:hover {
    color: var(--primary-base);
  }
}
/* line 183, ../../src/sass/top/_business.scss */
section#business .scroll-section .nav-buttons button.active {
  color: var(--primary-base);
}
/* line 193, ../../src/sass/top/_business.scss */
section#business .progress-bar {
  width: calc(var(--vw) * 66.66667);
  height: 1px;
  background-color: #d9d9d9;
  left: 50%;
  position: relative;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (max-width: 820px) {
  /* line 205, ../../src/sass/top/_business.scss */
  section#business #tabYokoNavi .progress-bar {
    width: 90vw;
  }
}
@media screen and (max-width: 820px) {
  /* line 213, ../../src/sass/top/_business.scss */
  section#business #tabYokoNavi .progress-bar {
    width: 80vw;
  }
}
/* line 219, ../../src/sass/top/_business.scss */
section#business .nav-buttons {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: calc(100vw - 20px);
}
@media screen and (max-width: 820px) {
  /* line 219, ../../src/sass/top/_business.scss */
  section#business .nav-buttons {
    align-items: flex-start;
    gap: 0;
    width: 88vw;
    margin: 0 auto;
  }
}
/* line 233, ../../src/sass/top/_business.scss */
section#business .nav-buttons button {
  padding: 10px 15px;
  font-size: var(--txt_mid);
  font-family: var(--font_mds);
  border: none;
  cursor: pointer;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 241, ../../src/sass/top/_business.scss */
section#business .nav-buttons button.active {
  color: var(--primary-base);
}
@media screen and (max-width: 820px) {
  /* line 233, ../../src/sass/top/_business.scss */
  section#business .nav-buttons button {
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: var(--h6);
    padding: 1em 0 0;
    width: calc(var(--vw) * 8);
  }
}
@media screen and (max-width: 500px) {
  /* line 233, ../../src/sass/top/_business.scss */
  section#business .nav-buttons button {
    font-size: var(--txt_min);
  }
}
/* line 264, ../../src/sass/top/_business.scss */
section#business .horizontal-scroll {
  display: flex;
  width: calc(360vw + 40vw);
  height: 100vh;
  padding: 0 20vw;
}
@media screen and (max-width: 820px) {
  /* line 264, ../../src/sass/top/_business.scss */
  section#business .horizontal-scroll {
    width: 600vw;
    padding: 0;
  }
}
/* line 276, ../../src/sass/top/_business.scss */
section#business .panel {
  width: 60vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-weight: bold;
  color: #000;
  background-color: transparent;
  padding: calc(var(--vw) * 3.125) calc(var(--vw) * 1.5625);
}
@media screen and (max-width: 820px) {
  /* line 276, ../../src/sass/top/_business.scss */
  section#business .panel {
    width: 100vw;
    height: 60vh;
  }
}
@media screen and (max-width: 500px) {
  /* line 276, ../../src/sass/top/_business.scss */
  section#business .panel {
    padding: calc(var(--vw) * 5.33333) calc(var(--vw) * 2.66667);
  }
}
/* line 299, ../../src/sass/top/_business.scss */
section#business .panel .in {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  /* line 299, ../../src/sass/top/_business.scss */
  section#business .panel .in {
    align-items: flex-start;
  }
}
/* line 312, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines {
  width: 80%;
  width: 80%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-xs, 8px);
  position: relative;
}
@media screen and (max-width: 500px) {
  /* line 312, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines {
    width: 90%;
  }
}
/* line 326, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .upper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
@media screen and (max-width: 820px) {
  /* line 326, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .upper {
    flex-direction: column;
    align-items: stretch;
  }
}
/* line 341, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .upper h3 {
  color: var(--primary-base);
  font-family: var(--font_mds);
  font-size: calc(var(--vw) * 2.60417);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 820px) {
  /* line 341, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .upper h3 {
    font-size: calc(var(--vw) * 6.51042);
  }
}
@media screen and (max-width: 500px) {
  /* line 341, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .upper h3 {
    font-size: calc(var(--vw) * 8);
  }
}
/* line 350, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .upper .btn {
  align-self: flex-end !important;
  color: var(--basic-black) !important;
  border-color: var(--basic-black) !important;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 500px) {
  /* line 350, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .upper .btn {
    font-size: calc(var(--vw) * 3.2);
    margin: 0;
  }
}
/* line 362, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .upper .btn:after {
  background-color: var(--basic-black) !important;
}
@media (hover: hover) {
  /* line 370, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines:hover .upper .btn {
    color: var(--primary-base) !important;
    border-color: transparent !important;
  }
  /* line 374, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines:hover .upper .btn:after {
    background-color: var(--primary-base) !important;
  }
  /* line 381, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines:hover .downer figure img {
    scale: 1.1;
  }
}
/* line 390, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer {
  position: relative;
}
/* line 393, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer figure {
  width: 100%;
  aspect-ratio: 21 / 10;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  /* line 393, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .downer figure {
    height: calc(var(--vw) * 53.33333);
  }
}
/* line 398, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 404, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer figure:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/top/business/over.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 0;
}
/* line 421, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer .text {
  width: calc(var(--vw) * 20.83333);
  position: absolute;
  top: calc(var(--vw) * 2.08333);
  left: calc(var(--vw) * 2.08333);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-s, 16px);
  align-self: stretch;
}
@media screen and (max-width: 820px) {
  /* line 421, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .downer .text {
    width: calc(var(--vw) * 50.78125);
  }
}
@media screen and (max-width: 500px) {
  /* line 421, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .downer .text {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  /* line 421, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .downer .text {
    top: calc(var(--vw) * 3.90625);
    left: calc(var(--vw) * 3.90625);
  }
}
@media screen and (max-width: 500px) {
  /* line 421, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines .downer .text {
    top: 0;
    left: 0;
    padding: calc(var(--vw) * 5.33333);
  }
}
/* line 445, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer .text h4 {
  color: #FFF;
  font-family: var(--font_mds, "Hina Mincho");
  font-size: var(--h3, 30px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
/* line 450, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines .downer .text p {
  color: #fff;
}
/* line 457, ../../src/sass/top/_business.scss */
section#business .panel .in a.bizines:after {
  content: "";
  width: calc(var(--vw) * 8.07292);
  height: calc(var(--vw) * 7.70833);
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/top/business/kazari.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -moz-transform: translate(-30%, -30%);
  -ms-transform: translate(-30%, -30%);
  -webkit-transform: translate(-30%, -30%);
  transform: translate(-30%, -30%);
}
@media screen and (max-width: 820px) {
  /* line 457, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines:after {
    width: calc(var(--vw) * 16.27604);
    height: calc(var(--vw) * 15.49479);
  }
}
@media screen and (max-width: 500px) {
  /* line 457, ../../src/sass/top/_business.scss */
  section#business .panel .in a.bizines:after {
    width: calc(var(--vw) * 16);
    height: calc(var(--vw) * 15.2);
  }
}
/* line 477, ../../src/sass/top/_business.scss */
section#business .progress-bar .unagiPointer {
  width: calc(var(--vw) * 3.69792);
  height: calc(var(--vw) * 1.14583);
  background-image: url(../img/top/business/unagipointer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translate(-70%, -48%);
  -ms-transform: translate(-70%, -48%);
  -webkit-transform: translate(-70%, -48%);
  transform: translate(-70%, -48%);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 820px) {
  /* line 477, ../../src/sass/top/_business.scss */
  section#business .progress-bar .unagiPointer {
    width: calc(var(--vw) * 7.55208);
    height: calc(var(--vw) * 2.34375);
  }
}
@media screen and (max-width: 500px) {
  /* line 477, ../../src/sass/top/_business.scss */
  section#business .progress-bar .unagiPointer {
    width: calc(var(--vw) * 14.4);
    height: calc(var(--vw) * 4);
  }
}
@media screen and (max-width: 820px) {
  /* line 477, ../../src/sass/top/_business.scss */
  section#business .progress-bar .unagiPointer {
    -moz-transform: translate(-85%, -48%);
    -ms-transform: translate(-85%, -48%);
    -webkit-transform: translate(-85%, -48%);
    transform: translate(-85%, -48%);
  }
}
/* line 494, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer {
  width: calc(var(--vw) * 0.41667);
  height: calc(var(--vw) * 0.41667);
  border-radius: var(--rounded-full);
  background-color: var(--basic-black);
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}
@media screen and (max-width: 820px) {
  /* line 494, ../../src/sass/top/_business.scss */
  section#business .progress-bar .pointer {
    width: calc(var(--vw) * 1.04167);
    height: calc(var(--vw) * 1.04167);
  }
}
@media screen and (max-width: 500px) {
  /* line 494, ../../src/sass/top/_business.scss */
  section#business .progress-bar .pointer {
    width: calc(var(--vw) * 1.6);
    height: calc(var(--vw) * 1.6);
  }
}
/* line 503, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.active {
  background-color: var(--primary-base);
}
/* line 507, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p1 {
  left: 0;
}
/* line 511, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p2 {
  left: 20%;
}
/* line 515, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p3 {
  left: 40%;
}
/* line 519, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p4 {
  left: 60%;
}
/* line 523, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p5 {
  left: 80%;
}
/* line 527, ../../src/sass/top/_business.scss */
section#business .progress-bar .pointer.p6 {
  left: 100%;
}
/* line 536, ../../src/sass/top/_business.scss */
section#business .horizontal-scroll .panel:nth-of-type(2n) .bizines {
  margin-top: calc(var(--vw) * 12.5);
}
@media screen and (max-width: 820px) {
  /* line 536, ../../src/sass/top/_business.scss */
  section#business .horizontal-scroll .panel:nth-of-type(2n) .bizines {
    margin-top: 0;
  }
}

/* line 552, ../../src/sass/top/_business.scss */
section#businessArea.active section#business .panel .in a.bizines .upper .btn {
  color: var(--basic-white) !important;
  border-color: var(--basic-white) !important;
}
/* line 556, ../../src/sass/top/_business.scss */
section#businessArea.active section#business .panel .in a.bizines .upper .btn:after {
  background-color: var(--basic-white) !important;
}
@media (hover: hover) {
  /* line 563, ../../src/sass/top/_business.scss */
  section#businessArea.active section#business .panel .in a.bizines:hover .upper .btn {
    color: var(--primary-base) !important;
    border-color: transparent !important;
  }
  /* line 567, ../../src/sass/top/_business.scss */
  section#businessArea.active section#business .panel .in a.bizines:hover .upper .btn:after {
    background-color: var(--primary-base) !important;
  }
}

/* line 1, ../../src/sass/top/_newsArea.scss */
section#newsArea {
  background-color: var(--basic-base);
  padding: var(--spacing-xxxl) 0 calc(var(--spacing-xxxl) + calc(var(--vw) * 6.25));
  position: relative;
  mask-image: url("../img/mask/rect.svg"), url("../img/top/mask/img_top_mask_recruit.svg");
  mask-repeat: no-repeat;
  mask-position: top left, bottom left;
  mask-composite: exclude, subtract;
  mask-size: 100% 100%, 100% calc(var(--vw) * 7.8125);
  z-index: 1;
}
@media screen and (max-width: 820px) {
  /* line 1, ../../src/sass/top/_newsArea.scss */
  section#newsArea {
    mask-size: 100% 100%, 100% calc(var(--vw) * 7.8125);
    padding-bottom: calc(var(--spacing-xxxl) + calc(var(--vw) * 7.8125));
  }
}
@media screen and (max-width: 500px) {
  /* line 1, ../../src/sass/top/_newsArea.scss */
  section#newsArea {
    mask-size: 100% 100%, 100% 60px;
    padding-bottom: calc(var(--spacing-xxxl) + 60px);
  }
}
/* line 41, ../../src/sass/top/_newsArea.scss */
section#newsArea .inner {
  box-sizing: content-box;
  max-width: var(--contents);
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-l, 32px);
  flex: 1 0 0;
  padding-bottom: calc(var(--vw) * 2.08333);
}
/* line 60, ../../src/sass/top/_newsArea.scss */
section#newsArea .mdsArea {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
/* line 66, ../../src/sass/top/_newsArea.scss */
section#newsArea .mdsArea a {
  align-self: flex-end;
}
@media screen and (max-width: 820px) {
  /* line 71, ../../src/sass/top/_newsArea.scss */
  section#newsArea .newsList {
    padding: 0 calc(var(--vw) * 2.60417);
    gap: var(--spacing-l) var(--spacing-s);
  }
}
@media screen and (max-width: 500px) {
  /* line 71, ../../src/sass/top/_newsArea.scss */
  section#newsArea .newsList {
    gap: var(--spacing-s);
  }
}
/* line 82, ../../src/sass/top/_newsArea.scss */
section#newsArea .newsList article {
  padding: calc(var(--vw) * 1.04167);
}
@media screen and (max-width: 820px) {
  /* line 82, ../../src/sass/top/_newsArea.scss */
  section#newsArea .newsList article {
    padding: 0;
  }
  /* line 88, ../../src/sass/top/_newsArea.scss */
  section#newsArea .newsList article:nth-child(n+4) {
    display: none;
  }
}
/* line 95, ../../src/sass/top/_newsArea.scss */
section#newsArea .thumb {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--spacing-s, 16px);
  justify-content: center;
  margin-top: calc(var(--vw) * 2.08333);
  cursor: pointer;
}
@media screen and (max-width: 820px) {
  /* line 95, ../../src/sass/top/_newsArea.scss */
  section#newsArea .thumb {
    display: none;
  }
}
/* line 109, ../../src/sass/top/_newsArea.scss */
section#newsArea .thumb .sliderArea {
  max-width: 500px;
}
/* line 113, ../../src/sass/top/_newsArea.scss */
section#newsArea .thumb figure {
  width: calc(var(--vw) * 4.6875);
  height: calc(var(--vw) * 3.02083);
  padding: var(--spacing-xs);
  border: 1px solid var(--basic-base);
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 124, ../../src/sass/top/_newsArea.scss */
section#newsArea .thumb figure.slick-current {
  border: 1px solid var(--primary-base);
}
/* line 128, ../../src/sass/top/_newsArea.scss */
section#newsArea .thumb figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* line 136, ../../src/sass/top/_newsArea.scss */
section#newsArea #newsZ1 {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  /* line 141, ../../src/sass/top/_newsArea.scss */
  section#newsArea #newsZ1 .newsList {
    padding: calc(var(--vw) * 5.33333);
  }
  /* line 144, ../../src/sass/top/_newsArea.scss */
  section#newsArea #newsZ1 .newsList article {
    padding: 0;
  }
}
/* line 151, ../../src/sass/top/_newsArea.scss */
section#newsArea #unagiEyes {
  width: calc(var(--vw) * 28.125);
  height: 100%;
  position: absolute;
  left: 0;
  bottom: calc(var(--vw) * 2.60417);
  z-index: 0;
  background-image: url(../img/top/img_news_unagi.svg);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
  /* line 151, ../../src/sass/top/_newsArea.scss */
  section#newsArea #unagiEyes {
    width: calc(var(--vw) * 72);
  }
}
/* line 163, ../../src/sass/top/_newsArea.scss */
section#newsArea #unagiEyes img.eyes {
  width: calc(var(--vw) * 1.51042);
  width: calc(var(--vw) * 1.51042);
  position: absolute;
}
@media screen and (max-width: 500px) {
  /* line 163, ../../src/sass/top/_newsArea.scss */
  section#newsArea #unagiEyes img.eyes {
    width: calc(var(--vw) * 4);
  }
}
/* line 171, ../../src/sass/top/_newsArea.scss */
section#newsArea #unagiEyes #leftEye {
  bottom: calc(var(--vw) * 13.17708);
  right: calc(var(--vw) * 4.16667);
}
@media screen and (max-width: 500px) {
  /* line 171, ../../src/sass/top/_newsArea.scss */
  section#newsArea #unagiEyes #leftEye {
    bottom: calc(var(--vw) * 33.6);
    right: calc(var(--vw) * 10.66667);
  }
}
/* line 181, ../../src/sass/top/_newsArea.scss */
section#newsArea #unagiEyes #rightEye {
  bottom: calc(var(--vw) * 9.375);
  right: calc(var(--vw) * 0.57292);
}
@media screen and (max-width: 500px) {
  /* line 181, ../../src/sass/top/_newsArea.scss */
  section#newsArea #unagiEyes #rightEye {
    bottom: calc(var(--vw) * 24);
    right: calc(var(--vw) * 1.33333);
  }
}

/* line 5, ../../src/sass/top/_exp.scss */
section#exp.sections {
  --inner-maxwidth: var(--contents);
  --inner-padding: var(--contents-padding);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
  margin-top: calc(var(--vw) * -7.8125);
  margin-bottom: calc(var(--vw) * -5.72917);
  padding-top: calc(var(--vw) * 7.8125);
  padding-bottom: calc(var(--vw) * 5.72917);
}
@media screen and (max-width: 500px) {
  /* line 5, ../../src/sass/top/_exp.scss */
  section#exp.sections {
    --inner-padding: var(--spacing-s) calc(var(--vw) * 5.33333);
  }
}
/* line 33, ../../src/sass/top/_exp.scss */
section#exp.sections .inner {
  box-sizing: content-box;
  max-width: var(--inner-maxwidth);
  width: 100%;
  padding: var(--inner-padding);
  padding-top: var(--spacing-xxl);
  padding-bottom: var(--spacing-xxl);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1366px) {
  /* line 33, ../../src/sass/top/_exp.scss */
  section#exp.sections .inner {
    padding: var(--spacing-xxl) var(--spacing-xl);
  }
}
@media screen and (max-width: 500px) {
  /* line 33, ../../src/sass/top/_exp.scss */
  section#exp.sections .inner {
    padding: var(--spacing-xxl) calc(var(--vw) * 5.33333);
  }
}
/* line 60, ../../src/sass/top/_exp.scss */
section#exp.sections #bgimageA {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url(../img/top/exp/bg_top_taiken_ec.jpg);
}
/* line 75, ../../src/sass/top/_exp.scss */
section#exp.sections #bgimageB {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-image: url(../img/top/exp/bg_top_taiken_restaurant.jpg);
}
/* line 91, ../../src/sass/top/_exp.scss */
section#exp.sections.bgA #bgimageA {
  opacity: 1;
}
/* line 97, ../../src/sass/top/_exp.scss */
section#exp.sections.bgB #bgimageB {
  opacity: 1;
}
/* line 102, ../../src/sass/top/_exp.scss */
section#exp.sections:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 820px) {
  /* line 5, ../../src/sass/top/_exp.scss */
  section#exp.sections {
    margin-top: calc(var(--vw) * -8.07292);
    margin-bottom: calc(var(--vw) * -7.42188);
    padding-top: calc(var(--vw) * 8.07292);
    padding-bottom: calc(var(--vw) * 7.42188);
  }
}
@media screen and (max-width: 500px) {
  /* line 5, ../../src/sass/top/_exp.scss */
  section#exp.sections {
    margin-top: calc(var(--vw) * -16.53333);
    margin-bottom: calc(var(--vw) * -15.2);
    padding-top: calc(var(--vw) * 16.53333);
    padding-bottom: calc(var(--vw) * 15.2);
  }
}
/* line 135, ../../src/sass/top/_exp.scss */
section#exp.sections .frame {
  display: flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--vw) * 6.77083);
}
@media screen and (max-width: 1366px) {
  /* line 135, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame {
    gap: calc(var(--vw) * 5.85652);
  }
}
@media screen and (max-width: 500px) {
  /* line 135, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame {
    flex-direction: column;
    gap: var(--spacing-l);
  }
}
/* line 150, ../../src/sass/top/_exp.scss */
section#exp.sections .frame .title {
  width: calc(var(--vw) * 23.54167);
  height: calc(var(--vw) * 13.125);
}
@media screen and (max-width: 820px) {
  /* line 150, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .title {
    width: calc(var(--vw) * 33.85417);
    height: calc(var(--vw) * 18.09896);
  }
}
@media screen and (max-width: 500px) {
  /* line 150, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .title {
    width: calc(var(--vw) * 85.33333);
    height: calc(var(--vw) * 47.73333);
  }
}
/* line 157, ../../src/sass/top/_exp.scss */
section#exp.sections .frame .title span {
  color: var(--basic-white, #FFF);
  text-align: center;
  font-family: var(--font_mds);
  font-size: calc(var(--vw) * 6.25);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
/* line 168, ../../src/sass/top/_exp.scss */
section#exp.sections .frame .btns {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 2.08333);
}
@media screen and (max-width: 1366px) {
  /* line 168, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .btns {
    gap: calc(var(--vw) * 1.46413);
  }
}
@media screen and (max-width: 820px) {
  /* line 168, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .btns {
    flex-direction: column;
    gap: var(--spacing-s);
  }
}
/* line 182, ../../src/sass/top/_exp.scss */
section#exp.sections .frame .btns a.btnB {
  width: calc(var(--vw) * 14.58333);
  height: calc(var(--vw) * 5.20833);
  padding: 0 var(--spacing-m);
}
@media screen and (max-width: 1366px) {
  /* line 182, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .btns a.btnB {
    width: calc(var(--vw) * 15.81259);
    height: calc(var(--vw) * 5.27086);
  }
}
@media screen and (max-width: 820px) {
  /* line 182, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .btns a.btnB {
    width: calc(var(--vw) * 41.66667);
    height: calc(var(--vw) * 10.41667);
  }
}
@media screen and (max-width: 500px) {
  /* line 182, ../../src/sass/top/_exp.scss */
  section#exp.sections .frame .btns a.btnB {
    width: calc(var(--vw) * 85.33333);
    height: calc(var(--vw) * 21.33333);
  }
}

/* line 5, ../../src/sass/top/_recruit.scss */
section#recruit.sections {
  --inner-maxwidth: var(--contents);
  --inner-padding: var(--contents-padding);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  /* line 5, ../../src/sass/top/_recruit.scss */
  section#recruit.sections {
    --inner-padding: var(--spacing-s) calc(var(--vw) * 5.33333);
  }
}
/* line 33, ../../src/sass/top/_recruit.scss */
section#recruit.sections .inner {
  box-sizing: content-box;
  max-width: var(--inner-maxwidth);
  width: 100%;
  padding: var(--inner-padding);
}
@media screen and (max-width: 500px) {
  /* line 33, ../../src/sass/top/_recruit.scss */
  section#recruit.sections .inner {
    padding-bottom: 0;
  }
}

/* line 52, ../../src/sass/top/_recruit.scss */
section#recruit {
  mask-image: url("../img/mask/rect.svg"), url("../img/top/mask/img_top_mask_recruit_rev.svg");
  mask-repeat: no-repeat;
  mask-position: top left, top left;
  mask-composite: exclude, subtract;
  mask-size: 100% 100%, 100% calc(var(--vw) * 5.52083);
  background-color: var(--basic-base);
  position: relative;
  --end-zoom-ratio: 110%;
}
@media screen and (max-width: 820px) {
  /* line 52, ../../src/sass/top/_recruit.scss */
  section#recruit {
    mask-size: 100% 100%, 100% calc(var(--vw) * 7.16146);
  }
}
@media screen and (max-width: 500px) {
  /* line 52, ../../src/sass/top/_recruit.scss */
  section#recruit {
    mask-size: 100% 100%, 100% calc(var(--vw) * 14.66667);
    padding-bottom: 0;
  }
}
@media screen and (max-width: 820px) {
  /* line 52, ../../src/sass/top/_recruit.scss */
  section#recruit {
    --end-zoom-ratio: 150%;
  }
}
@media screen and (max-width: 500px) {
  /* line 52, ../../src/sass/top/_recruit.scss */
  section#recruit {
    --end-zoom-ratio: 420%;
  }
}
@keyframes recBG-animation {
  0% {
    background-size: 20%;
  }
  70% {
    background-size: 100%;
  }
  75% {
    background-size: 100%;
  }
  100% {
    background-size: var(--end-zoom-ratio);
  }
}
@keyframes recBG-blur-animation {
  0% {
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
  }
  70% {
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
  }
  100% {
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
  }
}
@keyframes recBG-NoBlur-animation {
  0% {
    background-color: rgba(255, 255, 255, 0.4);
  }
  70% {
    background-color: rgba(255, 255, 255, 0.4);
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(255, 255, 255, 0.9);
  }
}
@keyframes recBG-recinner-animation {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 158, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner {
  opacity: 0;
  display: flex;
  gap: var(--gap);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 500px) {
  /* line 158, ../../src/sass/top/_recruit.scss */
  section#recruit .recruitInner {
    flex-direction: column;
    margin-top: var(--spacing-xl);
  }
}
/* line 170, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box {
  width: calc((99.99% - var(--gap)) / 2);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  /* line 170, ../../src/sass/top/_recruit.scss */
  section#recruit .recruitInner .box {
    width: 100%;
  }
}
/* line 181, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box.sliders {
  display: flex;
  gap: var(--gap);
}
/* line 187, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box .fBox {
  display: flex;
  width: calc(var(--vw) * 20.83333);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 64px);
  align-self: stretch;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  /* line 187, ../../src/sass/top/_recruit.scss */
  section#recruit .recruitInner .box .fBox {
    width: calc(var(--vw) * 33.85417);
    height: calc(var(--vw) * 52.08333);
  }
}
@media screen and (max-width: 500px) {
  /* line 187, ../../src/sass/top/_recruit.scss */
  section#recruit .recruitInner .box .fBox {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  /* line 187, ../../src/sass/top/_recruit.scss */
  section#recruit .recruitInner .box .fBox {
    gap: var(--spacing-m);
  }
}
/* line 200, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box .fBox .btn {
  margin: 0;
}
/* line 205, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box .fBox h2.topH2 .main {
  color: var(--basic-black) !important;
}
/* line 209, ../../src/sass/top/_recruit.scss */
section#recruit .recruitInner .box .fBox h2.topH2 .en {
  color: var(--basic-black) !important;
}
/* line 219, ../../src/sass/top/_recruit.scss */
section#recruit #recBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/top/recruit/recBg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20%;
  z-index: 0;
}
/* line 232, ../../src/sass/top/_recruit.scss */
section#recruit #recBg .blur {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  z-index: 1;
}
@-moz-document url-prefix() {
  /* line 232, ../../src/sass/top/_recruit.scss */
  section#recruit #recBg .blur {
    backdrop-filter: blur(0);
  }
}
/* line 253, ../../src/sass/top/_recruit.scss */
section#recruit.fuwat.active .recruitInner {
  animation: recBG-recinner-animation 1.8s ease-in forwards;
}
/* line 257, ../../src/sass/top/_recruit.scss */
section#recruit.fuwat.active #recBg {
  animation: recBG-animation 1.8s ease-in forwards;
}
/* line 260, ../../src/sass/top/_recruit.scss */
section#recruit.fuwat.active #recBg .blur {
  animation: recBG-blur-animation 1.8s ease-in forwards;
}
@-moz-document url-prefix() {
  /* line 265, ../../src/sass/top/_recruit.scss */
  section#recruit.fuwat.active #recBg .blur {
    animation: recBG-NoBlur-animation 1.8s ease-in forwards;
  }
}
@keyframes vertical-animation {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes vertical-animation2 {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(-110%);
  }
}
/* line 297, ../../src/sass/top/_recruit.scss */
.slider-container {
  width: calc(var(--vw) * 15.625);
  height: calc(var(--vw) * 41.66667);
  overflow: hidden;
}
@media screen and (max-width: 820px) {
  /* line 297, ../../src/sass/top/_recruit.scss */
  .slider-container {
    width: calc(var(--vw) * 18.22917);
    height: calc(var(--vw) * 54.6875);
  }
}
@media screen and (max-width: 500px) {
  /* line 297, ../../src/sass/top/_recruit.scss */
  .slider-container {
    width: calc(var(--vw) * 42.13333);
    height: calc(var(--vw) * 80);
  }
}

/* line 302, ../../src/sass/top/_recruit.scss */
.slider-wrapper {
  display: grid;
  /* slideのmargin-bottom値を全て内包させる為 */
  animation: vertical-animation 30s linear infinite;
}
/* line 308, ../../src/sass/top/_recruit.scss */
.slider-wrapper.set2 {
  animation: vertical-animation2 30s linear infinite;
}

/* line 313, ../../src/sass/top/_recruit.scss */
.slide {
  width: 100%;
  aspect-ratio: 356 / 474;
  margin: 0 auto 20px;
}
/* line 318, ../../src/sass/top/_recruit.scss */
.slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  /* line 326, ../../src/sass/top/_recruit.scss */
  a.slide:hover {
    opacity: .7;
  }
}

/* line 194, ../../src/sass/top.scss */
body.top #header:not(.change):not(.change2) .logo {
  opacity: 0;
}

/* line 203, ../../src/sass/top.scss */
#footer {
  margin-top: 0;
}