#canvasArea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all 1s linear; }
  #canvasArea.line_container {
    opacity: 0; }
  #canvasArea.line_container.show {
    opacity: 1; }

#canvasArea canvas {
  position: absolute;
  top: 0;
  left: 0; }

body {
  overflow-x: hidden; }

.slider {
  position: absolute;
  width: 100%;
  height: 100vh; }

.slider ul li {
  will-change: transform;
  position: absolute;
  width: calc(205 / 1366 * 100%);
  border-radius: 11px;
  overflow: hidden;
  display: none;
  transition: all 1.5s ease-in-out; }

.slider ul li.pos00 {
  display: block;
  top: calc(711 / 1080 * 100%);
  left: calc(-282 / 1366 * 100%); }

.slider ul li.pos01 {
  display: block;
  top: calc(641 / 1080 * 100%);
  left: calc(-17 / 1366 * 100%); }

.slider ul li.pos02 {
  display: block;
  top: calc(571 / 1080 * 100%);
  left: calc(248 / 1366 * 100%); }

.slider ul li.pos03 {
  display: block;
  top: calc(491 / 1080 * 100%);
  left: calc(513 / 1366 * 100%); }

.slider ul li.pos04 {
  display: block;
  top: calc(405 / 1080 * 100%);
  left: calc(883 / 1366 * 100%);
  transform: scale(2); }

.slider ul li.pos05 {
  display: block;
  top: calc(331 / 1080 * 100%);
  left: calc(1252 / 1366 * 100%); }

.slider ul li.pos06 {
  display: block;
  top: calc(251 / 1080 * 100%);
  left: calc(1517 / 1366 * 100%);
  opacity: 1; }

.slider ul li.pos07 {
  display: block;
  top: calc(251 / 1080 * 100%);
  left: calc(1517 / 1366 * 100%);
  opacity: 0;
  transform: scale(0.5);
  transition: all 3.0s ease-out; }

@media screen and (max-width: 749px) {
  .slider ul li {
    width: calc(205 / 750 * 100%);
    border-radius: 6px; }

  .slider ul li.pos00 {
    display: block;
    top: calc(935 / 1334 * 100%);
    left: calc(-352 / 750 * 100%); }

  .slider ul li.pos01 {
    display: block;
    top: calc(870 / 1334 * 100%);
    left: calc(-74 / 750 * 100%); }

  .slider ul li.pos02 {
    display: block;
    top: calc(784 / 1334 * 100%);
    left: calc(296 / 750 * 100%);
    transform: scale(2); }

  .slider ul li.pos03 {
    display: block;
    top: calc(710 / 1334 * 100%);
    left: calc(665 / 750 * 100%); }

  .slider ul li.pos04 {
    display: block;
    top: calc((710 - 65) / 1334 * 100%);
    left: calc((665 + 278) / 750 * 100%);
    transform: scale(1); }

  .slider ul li.pos05 {
    display: block;
    top: calc((710 - 65 * 2) / 1334 * 100%);
    left: calc((665 + 278 + 278) / 750 * 100%); }

  .slider ul li.pos05, .slider ul li.pos06, .slider ul li.pos07 {
    display: block;
    top: calc((710 - 65 * 3) / 1334 * 100%);
    left: calc((665 + 278 + 278 + 278) / 750 * 100%); } }
.slider ul li img {
  width: 100%;
  height: auto; }

.pageTop .u-recruit-block .scr_contents {
  position: absolute;
  top: 0;
  right: 0; }

.pageTop .u-recruit-block .scr_contents .lines {
  transform: rotate(10deg);
  margin-right: 265px; }

.pageTop .u-recruit-block .scr_contents .line {
  position: absolute;
  margin-top: -1670px;
  width: 155px; }

.pageTop .u-recruit-block .scr_contents .line02 {
  right: 10px; }

.pageTop .u-recruit-block .scr_contents .line img {
  display: block;
  font-size: 0; }

.pageTop .u-recruit-block .scr_contents .line img {
  margin-bottom: 13px; }

@media screen and (max-width: 749px) {
  .pageTop .u-recruit-block .scr_contents .lines {
    transform: rotate(10deg) scale(0.5);
    margin-right: 60px; }

  .pageTop .u-recruit-block .scr_contents .line02 {
    display: none; } }
.pageTop .u-recruit-block .scr_contents {
  position: absolute;
  top: 0;
  right: 0; }

.pageTop .u-recruit-block .scr_contents .lines {
  transform: rotate(10deg);
  margin-right: 265px; }

.pageTop .u-recruit-block .scr_contents .line {
  position: absolute;
  margin-top: -1670px;
  width: 155px; }

.pageTop .u-recruit-block .scr_contents .line02 {
  right: 10px; }

.pageTop .u-recruit-block .scr_contents .line img {
  display: block;
  font-size: 0; }

.pageTop .u-recruit-block .scr_contents .line img {
  margin-bottom: 13px; }

@media screen and (max-width: 749px) {
  .pageTop .u-recruit-block .scr_contents .lines {
    transform: rotate(10deg) scale(0.5);
    margin-right: 60px; }

  .pageTop .u-recruit-block .scr_contents .line02 {
    display: none; } }

/*# sourceMappingURL=motion.css.map */