@charset "UTF-8";
/**
 * Foundation
 */
/* Breakpoints */
/* Size */
/* Font */
/* Color */
/* Easing */
/* Default */
/* In */
/* Out */
/* In Out */
/* line-heightを返す */
/* カラーコードのシャープマークを削除して返す */
/* 
  レスポンシブ（以上）
*/
/* 
  レスポンシブ（未満）
*/
/* ホバー */
/* 疑似要素（絶対配置） */
/* aタグのサイズを親要素に合わせる */
/* a11y-css-resetから引用 
  https://github.com/mike-engel/a11y-css-reset
*/
/* テキスト */
/* レイアウト */
/* destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     * 3. Remove gray overlay on links for iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
     * Remove the margin in all browsers.
     */
body {
  margin: 0;
}

/**
     * Render the `main` element consistently in IE.
     */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
     * Remove the gray background on active links in IE 10.
     */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
     * Prevent vertical alignment issues.
     */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
     * Reset form fields to make them styleable
     */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
     * Reset radio and checkbox appearance to preserve their look in iOS.
     */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * Correct the inability to style clickable types in iOS and Safari.
     */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
     * Remove the inner border and padding in Firefox.
     */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
     * Restore the focus styles unset by the previous rule.
     */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Remove arrow in IE10 & IE11
     */
select::-ms-expand {
  display: none;
}

/**
     * Remove padding
     */
option {
  padding: 0;
}

/**
     * Reset to invisible
     */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  vertical-align: baseline;
}

/**
     * Remove the default vertical scrollbar in IE 10+.
     */
textarea {
  overflow: auto;
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the outline style in Safari.
     */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
     * Remove the inner padding in Chrome and Safari on macOS.
     */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Clickable labels
     */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Remove outline for editable content.
     */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
     * Add the correct display in IE 10+.
     */
template {
  display: none;
}

/**
     * Add the correct display in IE 10.
     */
[hidden] {
  display: none;
}

/**
    * Remove dialog UA Style
    */
:where(dialog) {
  inline-size: unset;
  max-inline-size: unset;
  block-size: unset;
  max-block-size: unset;
  padding: unset;
  margin: unset;
  color: unset;
  background-color: unset;
  border: unset;
  overflow: unset;
}

:where(a[href],
button,
input,
select,
textarea,
summary,
[tabindex]):focus {
  outline: 0;
}

:where(a[href],
button,
input,
select,
textarea,
summary,
[tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 4px;
}

:root {
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  scroll-padding-top: 8.125rem;
  scrollbar-gutter: stable;
  overscroll-behavior: none;
}
@media not all and (min-width: 476px) {
  :root {
    font-size: 2.5641025641vw;
  }
}
@media screen and (min-width: 476px) {
  :root {
    font-size: 10px;
  }
}

html, body {
  background-color: #FFF;
}

body {
  letter-spacing: 0;
}

picture {
  display: block;
}
picture img {
  width: 100%;
}

img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  outline: 0;
}

@media not all and (min-width: 476px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 476px) {
  .sp {
    display: none;
  }
}

.visually-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

/**
 * Base Element
 */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes elasticScale {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(0.95);
  }
  60% {
    transform: scale(1.005);
  }
  80% {
    transform: scale(0.995);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
@keyframes VisualSlider {
  100% {
    background-position: 0 100%;
  }
}
@keyframes VisualSliderSP {
  100% {
    background-position: 0 -294.125rem;
  }
}
@keyframes BgSideSlider {
  100% {
    background-position: 0 -4.0625rem;
  }
}
@keyframes BgSlashSlider {
  100% {
    background-position: 6.5rem 6.5rem;
  }
}
@keyframes BgSlashReverseSlider {
  100% {
    background-position: -6.5rem 6.5rem;
  }
}
@keyframes BgVerticalSlider {
  100% {
    background-position: 4.875rem 0;
  }
}
@keyframes BgHorizontalSlider {
  100% {
    background-position: 0 4.875rem;
  }
}
@keyframes BgVertical {
  100% {
    background-position: 4.875rem 0;
  }
}
@keyframes BgGridSlider {
  100% {
    background-position: 4.79375rem 4.79375rem;
  }
}
@keyframes BgRectangleSlider {
  100% {
    background-position: 11.2125rem 11.2125rem;
  }
}
@keyframes BgRhombusSlider {
  100% {
    background-position: 5.525rem 9.1rem;
  }
}
@keyframes BgTriangleSlider {
  100% {
    background-position: 0 63.05rem;
  }
}
@keyframes BgPyramidSlider {
  100% {
    background-position: 5.6875rem 4.7125rem;
  }
}
@keyframes BgZigzagSlider {
  100% {
    background-position: 0 6.5rem;
  }
}
@keyframes BgStarSlider {
  100% {
    background-position: 16.25rem 32.5rem;
  }
}
@keyframes BgCircleSlider {
  100% {
    background-position: 11.13125rem 22.2625rem;
  }
}
@keyframes swing {
  0%, 100% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
}
@keyframes swingSmall-1 {
  0%, 100% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes swingSmall-2 {
  0%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(15deg);
  }
}
@keyframes float {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -0.8125rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-0.65rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes slideRight {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0.65rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.transform-fadeIn {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.transform-fadeIn.isAnimationStarted {
  opacity: 1;
  transform: translateY(0);
}

.c-contentsList .c-contentsList_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
.c-contentsList .c-contentsList_item:nth-of-type(1) {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.c-contentsList .c-contentsList_item:nth-of-type(2) {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.c-contentsList .c-contentsList_item:nth-of-type(3) {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.c-contentsList.isAnimationStarted .c-contentsList_heading {
  opacity: 1;
  transform: scale(1);
}
.c-contentsList.isAnimationStarted .c-contentsList_item {
  opacity: 1;
  transform: translateY(0);
}

.c-bottomArea .c-pamphlet .c-pamphlet_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
.c-bottomArea .c-pamphlet .c-pamphlet_contents {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.c-bottomArea .c-pamphlet.isAnimationStarted .c-pamphlet_heading {
  opacity: 1;
  transform: scale(1);
}
.c-bottomArea .c-pamphlet.isAnimationStarted .c-pamphlet_contents {
  opacity: 1;
  transform: translateY(0);
}
.c-bottomArea .c-sns .c-sns_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
.c-bottomArea .c-sns .c-sns_list {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.c-bottomArea .c-sns.isAnimationStarted .c-sns_heading {
  opacity: 1;
  transform: scale(1);
}
.c-bottomArea .c-sns.isAnimationStarted .c-sns_list {
  opacity: 1;
  transform: translateY(0);
}

.l-pc_left .l-visual .l-visual_title {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, transform 1.8s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.2s;
}
.l-pc_left .l-visual .l-visual_title::after {
  clip-path: polygon(100% 0, 100% 200%, -100% 0);
  transition: clip-path 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
}
.l-pc_left .l-visual .l-visual_voice img {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
.l-pc_left .l-visual.isAnimationStarted .l-visual_title {
  opacity: 1;
  transform: scale(1);
}
.l-pc_left .l-visual.isAnimationStarted .l-visual_title::after {
  clip-path: polygon(100% 0, 100% 0, 100% 0);
}
.l-pc_left .l-visual.isAnimationStarted .l-visual_voice.--active img {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s, transform 1.2s linear(0, 0.2612, 0.5421, 0.8169, 1.0643, 1.2684, 1.4194, 1.5131, 1.5508, 1.5381, 1.4836, 1.3984, 1.2939, 1.1817, 1.072, 0.9734, 0.8921, 0.832, 0.7948, 0.78, 0.7853, 0.8071, 0.8413, 0.8831, 0.9279, 0.9717, 1.011, 1.0434, 1.0673, 1.0821, 1.0879, 1.0857, 1.0769, 1.0632, 1.0465, 1.0286, 1.0111, 0.9955, 0.9826, 0.973, 0.9672, 0.9649, 0.9658, 0.9693, 0.9748, 0.9815, 0.9886, 0.9956, 1.0019, 1.007, 1.0108, 1.0131, 1.014, 1.0137, 1.0122, 1.01, 1.0074, 1.0045, 1.0017, 0.9992, 0.9972, 0.9957, 0.9948, 0.9944, 0.9946, 0.9951, 0.996, 0.9971, 0.9982, 0.9993, 1.0003, 1.0011, 1.0017, 1.0021, 1.0022, 1.0022, 1.0019, 1.0016, 1.0012, 1.0007, 1.0003, 0.9999, 0.9995, 0.9993, 0.9992, 0.9991, 0.9991, 0.9992, 0.9994, 0.9995, 0.9997, 0.9999, 1.0001, 1.0002, 1.0003, 1.0003, 1.0004, 1.0003, 1.0003, 1.0003, 1) 0.9s;
}

:where([data-area-namespace=top]) .kv .kv_title {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, transform 1.8s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.2s;
}
:where([data-area-namespace=top]) .kv .kv_title::after {
  clip-path: polygon(100% 0, 100% 200%, -100% 0);
  transition: clip-path 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.25s;
}
:where([data-area-namespace=top]) .kv .kv_voice img {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace=top]) .kv.isAnimationStarted .kv_title {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .kv.isAnimationStarted .kv_title::after {
  clip-path: polygon(100% 0, 100% 0, 100% 0);
}
:where([data-area-namespace=top]) .kv.isAnimationStarted .kv_voice.--active img {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s, transform 1.2s linear(0, 0.2612, 0.5421, 0.8169, 1.0643, 1.2684, 1.4194, 1.5131, 1.5508, 1.5381, 1.4836, 1.3984, 1.2939, 1.1817, 1.072, 0.9734, 0.8921, 0.832, 0.7948, 0.78, 0.7853, 0.8071, 0.8413, 0.8831, 0.9279, 0.9717, 1.011, 1.0434, 1.0673, 1.0821, 1.0879, 1.0857, 1.0769, 1.0632, 1.0465, 1.0286, 1.0111, 0.9955, 0.9826, 0.973, 0.9672, 0.9649, 0.9658, 0.9693, 0.9748, 0.9815, 0.9886, 0.9956, 1.0019, 1.007, 1.0108, 1.0131, 1.014, 1.0137, 1.0122, 1.01, 1.0074, 1.0045, 1.0017, 0.9992, 0.9972, 0.9957, 0.9948, 0.9944, 0.9946, 0.9951, 0.996, 0.9971, 0.9982, 0.9993, 1.0003, 1.0011, 1.0017, 1.0021, 1.0022, 1.0022, 1.0019, 1.0016, 1.0012, 1.0007, 1.0003, 0.9999, 0.9995, 0.9993, 0.9992, 0.9991, 0.9991, 0.9992, 0.9994, 0.9995, 0.9997, 0.9999, 1.0001, 1.0002, 1.0003, 1.0003, 1.0004, 1.0003, 1.0003, 1.0003, 1) 0.9s;
}
:where([data-area-namespace=top]) .joblist .joblist_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=top]) .joblist.isAnimationStarted .joblist_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .joblist .job {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace=top]) .joblist .job .job_image {
  opacity: 0;
  clip-path: inset(0 80% 0 0);
  transition: clip-path 0.4s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
:where([data-area-namespace=top]) .joblist .job .job_character {
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.26s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.5s;
}
:where([data-area-namespace=top]) .joblist .job .job_lead {
  opacity: 0;
  transition: opacity 0.4s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
:where([data-area-namespace=top]) .joblist .job .job_name {
  opacity: 0;
  clip-path: inset(0 80% 0 0);
  transition: clip-path 0.4s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
:where([data-area-namespace=top]) .joblist .job .job_button {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.8s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.8s;
}
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted .job_name,
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted .job_image {
  opacity: 1;
  clip-path: inset(0);
}
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted .job_lead {
  opacity: 1;
}
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted .job_character {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .joblist .job.isAnimationStarted .job_button {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .diagram .diagram_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=top]) .diagram .diagram_lead,
:where([data-area-namespace=top]) .diagram .diagram_open {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=top]) .diagram.isAnimationStarted .diagram_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .diagram.isAnimationStarted .diagram_lead,
:where([data-area-namespace=top]) .diagram.isAnimationStarted .diagram_open {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace=top]) .overview .overview_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=top]) .overview .shorts_area {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=top]) .overview.isAnimationStarted .overview_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .overview.isAnimationStarted .shorts_area {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace=top]) .interview::before {
  clip-path: inset(0 50% 0 50%);
  transition: clip-path 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace=top]) .interview .interview_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=top]) .interview .shorts_area {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=top]) .interview .movie_link_wrap {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=top]) .interview.isAnimationStarted::before {
  clip-path: inset(0 0 0 0);
}
:where([data-area-namespace=top]) .interview.isAnimationStarted .interview_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=top]) .interview.isAnimationStarted .shorts_area,
:where([data-area-namespace=top]) .interview.isAnimationStarted .movie_link_wrap {
  opacity: 1;
  transform: translateY(0);
}

:where([data-area-namespace^=job-]) .p-fv .p-fv_image {
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.2s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_copy {
  opacity: 0;
  transform: scale(0.9) translateY(1.21875rem);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.6s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_title {
  opacity: 0;
  transform: scale(0.75);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.4s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_title::after {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_character {
  transform-origin: top left;
  opacity: 0;
  transform: scale(0.94) translate(-0.8125rem, -0.8125rem);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.2s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-1 {
  transition-delay: 0.25s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-2 {
  transition-delay: 0.35s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-3 {
  transition-delay: 0.25s;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-rightTop {
  transform: translate(-2.4375rem, 2.4375rem) rotate(-10deg);
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-leftTop {
  transform: translate(2.4375rem, 2.4375rem) rotate(10deg);
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-leftBottom {
  transform: translate(2.4375rem, -2.4375rem) rotate(10deg);
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object-leftBottom-2 {
  transform: translate(1.625rem, -3.25rem) rotate(15deg);
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_image {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_copy {
  transform: scale(1) translateY(0);
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_title {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_title::after {
  clip-path: inset(0 0 0 100%);
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_character {
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-fv.isAnimationStarted .p-fv_object {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
}
:where([data-area-namespace^=job-]) .p-intro .p-intro_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-intro .p-intro_lead {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace^=job-]) .p-intro .p-introShorts {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-intro.isAnimationStarted .p-intro_heading,
:where([data-area-namespace^=job-]) .p-intro.isAnimationStarted .p-intro_lead,
:where([data-area-namespace^=job-]) .p-intro.isAnimationStarted .p-introShorts {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-intro .p-point::before {
  clip-path: inset(0 50% 0 50%);
  transition: clip-path 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace^=job-]) .p-intro .p-point .p-point_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-intro .p-point .p-points_contents {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-intro .p-point.isAnimationStarted::before {
  clip-path: inset(0 0 0 0);
}
:where([data-area-namespace^=job-]) .p-intro .p-point.isAnimationStarted .p-point_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-intro .p-point.isAnimationStarted .p-points_contents {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_contents {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-routine.isAnimationStarted .p-routine_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-routine.isAnimationStarted .p-routine_contents {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_lead {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-interview .p-interviewShorts,
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
:where([data-area-namespace^=job-]) .p-interview.isAnimationStarted .p-interview_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-interview.isAnimationStarted .p-interview_lead,
:where([data-area-namespace^=job-]) .p-interview.isAnimationStarted .p-interviewShorts,
:where([data-area-namespace^=job-]) .p-interview.isAnimationStarted .p-interview_link_wrap {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_lead {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-howto .p-flow {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.2s;
}
:where([data-area-namespace^=job-]) .p-howto .p-flow .p-flow_heading .p-flow_heading_must {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.4s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.4s;
}
:where([data-area-namespace^=job-]) .p-howto .p-flow.--isPhase::before {
  opacity: 0;
  transform: translateY(-4.0625rem);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.5s;
}
:where([data-area-namespace^=job-]) .p-howto .p-goal::before {
  opacity: 0;
  transform: translateY(-4.0625rem);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.2s;
}
:where([data-area-namespace^=job-]) .p-howto .p-goal .p-goal_inner {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.2s;
}
:where([data-area-namespace^=job-]) .p-howto .p-skill {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.2s;
}
:where([data-area-namespace^=job-]) .p-howto .p-skill .p-skill_heading .p-skill_heading_column {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.4s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.4s;
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_annotation {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.42, 0, 1, 1) 0.2s;
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-howto_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-howto_lead {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-flow.isAnimationStarted {
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-flow.isAnimationStarted .p-flow_heading .p-flow_heading_must {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-flow.isAnimationStarted.--isPhase::before {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-goal.isAnimationStarted::before {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-goal.isAnimationStarted .p-goal_inner {
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-skill.isAnimationStarted {
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-skill.isAnimationStarted .p-skill_heading .p-skill_heading_column {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-howto.isAnimationStarted .p-howto_annotation.isAnimationStarted {
  opacity: 1;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_contents,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_annotation,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_lead {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
}
:where([data-area-namespace^=job-]) .p-schedule.isAnimationStarted .p-schedule_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=job-]) .p-schedule.isAnimationStarted .p-schedule_contents,
:where([data-area-namespace^=job-]) .p-schedule.isAnimationStarted .p-schedule_annotation,
:where([data-area-namespace^=job-]) .p-schedule.isAnimationStarted .p-schedule_lead,
:where([data-area-namespace^=job-]) .p-schedule.isAnimationStarted .p-schedule_link_wrap {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-college {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace^=job-]) .p-college .p-college_heading .p-college_heading_column {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.4s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.4s;
}
:where([data-area-namespace^=job-]) .p-college.isAnimationStarted {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace^=job-]) .p-college.isAnimationStarted .p-college_heading .p-college_heading_column {
  opacity: 1;
  transform: scale(1);
}

:where([data-area-namespace^=news-]) .fv .fv_title {
  transform: scale(0.8);
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.68, -0.75, 0.15, 1) 0.2s, opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
:where([data-area-namespace^=news-]) .fv .fv_visual-1 {
  opacity: 0;
  transform: translateY(-2.4375rem);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 1, 1) 0.4s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}
:where([data-area-namespace^=news-]) .fv.isAnimationStarted .fv_title {
  transform: scale(1);
  opacity: 1;
}
:where([data-area-namespace^=news-]) .fv.isAnimationStarted .fv_visual-1 {
  transform: translateY(0);
  opacity: 1;
}

:where([data-area-namespace=news-detail]) .news_contents .article,
:where([data-area-namespace=news-detail]) .news_contents .news_navigation_wrap {
  opacity: 0;
  transform: translateY(-2.4375rem);
  transition: opacity 0.4s cubic-bezier(0.42, 0, 1, 1) 0.5s, transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
}
:where([data-area-namespace=news-detail]) .news_contents.isAnimationStarted .article,
:where([data-area-namespace=news-detail]) .news_contents.isAnimationStarted .news_navigation_wrap {
  transform: translateY(0);
  opacity: 1;
}

:where([data-area-namespace=movie]) .fv .fv_title {
  transform: scale(0.8);
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.68, -0.75, 0.15, 1) 0.2s, opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
:where([data-area-namespace=movie]) .fv .fv_copy {
  opacity: 0;
  transform: scale(0.9) translateY(1.21875rem);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.6s;
}
:where([data-area-namespace=movie]) .fv .fv_lead {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
}
:where([data-area-namespace=movie]) .fv .fv_visual-1 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.7s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.7s;
}
:where([data-area-namespace=movie]) .fv .fv_visual-2 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.85s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.85s;
}
:where([data-area-namespace=movie]) .fv.isAnimationStarted .fv_title {
  transform: scale(1);
  opacity: 1;
}
:where([data-area-namespace=movie]) .fv.isAnimationStarted .fv_copy {
  opacity: 1;
  transform: scale(1) translateY(0);
}
:where([data-area-namespace=movie]) .fv.isAnimationStarted .fv_lead {
  opacity: 1;
}
:where([data-area-namespace=movie]) .fv.isAnimationStarted .fv_visual-1,
:where([data-area-namespace=movie]) .fv.isAnimationStarted .fv_visual-2 {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=movie]) .block .block_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=movie]) .block .movie_wrapper {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=movie]) .block.isAnimationStarted .block_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=movie]) .block.isAnimationStarted .movie_wrapper {
  opacity: 1;
  transform: translateY(0);
}

:where([data-area-namespace=data]) .fv .fv_title {
  transform: scale(0.8);
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.68, -0.75, 0.15, 1) 0.2s, opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
:where([data-area-namespace=data]) .fv .fv_copy {
  opacity: 0;
  transform: scale(0.9) translateY(1.21875rem);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.6s;
}
:where([data-area-namespace=data]) .fv .fv_lead {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
}
:where([data-area-namespace=data]) .fv .fv_visual-1 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.7s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.7s;
}
:where([data-area-namespace=data]) .fv .fv_visual-2 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.85s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.85s;
}
:where([data-area-namespace=data]) .fv.isAnimationStarted .fv_title {
  transform: scale(1);
  opacity: 1;
}
:where([data-area-namespace=data]) .fv.isAnimationStarted .fv_copy {
  opacity: 1;
  transform: scale(1) translateY(0);
}
:where([data-area-namespace=data]) .fv.isAnimationStarted .fv_lead {
  opacity: 1;
}
:where([data-area-namespace=data]) .fv.isAnimationStarted .fv_visual-1,
:where([data-area-namespace=data]) .fv.isAnimationStarted .fv_visual-2 {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=data]) .group::before {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.3s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.3s;
}
:where([data-area-namespace=data]) .group .group_heading {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
:where([data-area-namespace=data]) .group .group_inner {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=data]) .group.isAnimationStarted::before {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=data]) .group.isAnimationStarted .group_heading,
:where([data-area-namespace=data]) .group.isAnimationStarted .group_inner {
  opacity: 1;
  transform: translateY(0);
}
:where([data-area-namespace=data]) .card::before {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 1, 1) 0.55s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s;
}
:where([data-area-namespace=data]) .card .card_heading {
  opacity: 0;
  clip-path: inset(0 40% 0 40%);
  transition: clip-path 0.7s 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace=data]) .card .card_paragraph,
:where([data-area-namespace=data]) .card .card_note,
:where([data-area-namespace=data]) .card .card_annotation,
:where([data-area-namespace=data]) .card .card_description,
:where([data-area-namespace=data]) .card .card_information {
  opacity: 0;
  transition: opacity 0.6s 0.9s cubic-bezier(0.39, 0.575, 0.565, 1);
}
:where([data-area-namespace=data]) .card .card_visual {
  opacity: 0;
  transition: opacity 0.6s 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
:where([data-area-namespace=data]) .card .card_item::before {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 1, 1), transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
:where([data-area-namespace=data]) .card .card_item .card_item_heading {
  opacity: 0;
  clip-path: inset(0 40% 0 40%);
  transition: clip-path 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace=data]) .card .card_item .card_item_paragraph,
:where([data-area-namespace=data]) .card .card_item .card_item_link_wrap {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(1)::before {
  transition-delay: 1.05s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(1) .card_item_heading {
  transition-delay: 1s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(1) .card_item_paragraph,
:where([data-area-namespace=data]) .card .card_item:nth-of-type(1) .card_item_link_wrap {
  transition-delay: 1s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(2)::before {
  transition-delay: 1.15s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(2) .card_item_heading {
  transition-delay: 1.1s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(2) .card_item_paragraph,
:where([data-area-namespace=data]) .card .card_item:nth-of-type(2) .card_item_link_wrap {
  transition-delay: 1.1s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(3)::before {
  transition-delay: 1.25s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(3) .card_item_heading {
  transition-delay: 1.2s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(3) .card_item_paragraph,
:where([data-area-namespace=data]) .card .card_item:nth-of-type(3) .card_item_link_wrap {
  transition-delay: 1.2s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(4)::before {
  transition-delay: 1.35s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(4) .card_item_heading {
  transition-delay: 1.3s;
}
:where([data-area-namespace=data]) .card .card_item:nth-of-type(4) .card_item_paragraph,
:where([data-area-namespace=data]) .card .card_item:nth-of-type(4) .card_item_link_wrap {
  transition-delay: 1.3s;
}
:where([data-area-namespace=data]) .card.isAnimationStarted::before {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=data]) .card.isAnimationStarted .card_heading {
  opacity: 1;
  clip-path: inset(0);
}
:where([data-area-namespace=data]) .card.isAnimationStarted .card_paragraph,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_note,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_annotation,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_description,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_visual,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_information {
  opacity: 1;
}
:where([data-area-namespace=data]) .card.isAnimationStarted .card_item::before {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=data]) .card.isAnimationStarted .card_item .card_item_heading {
  opacity: 1;
  clip-path: inset(0);
}
:where([data-area-namespace=data]) .card.isAnimationStarted .card_item .card_item_paragraph,
:where([data-area-namespace=data]) .card.isAnimationStarted .card_item .card_item_link_wrap {
  opacity: 1;
}

:where([data-area-namespace=manga]) .fv .fv_title {
  transform: scale(0.8);
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.68, -0.75, 0.15, 1) 0.2s, opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
:where([data-area-namespace=manga]) .fv .fv_copy {
  opacity: 0;
  transform: scale(0.9) translateY(1.21875rem);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.6s;
}
:where([data-area-namespace=manga]) .fv .fv_lead {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
}
:where([data-area-namespace=manga]) .fv .fv_visual-1 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.7s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.7s;
}
:where([data-area-namespace=manga]) .fv .fv_visual-2 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.85s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.85s;
}
:where([data-area-namespace=manga]) .fv.isAnimationStarted .fv_title {
  transform: scale(1);
  opacity: 1;
}
:where([data-area-namespace=manga]) .fv.isAnimationStarted .fv_copy {
  opacity: 1;
  transform: scale(1) translateY(0);
}
:where([data-area-namespace=manga]) .fv.isAnimationStarted .fv_lead {
  opacity: 1;
}
:where([data-area-namespace=manga]) .fv.isAnimationStarted .fv_visual-1,
:where([data-area-namespace=manga]) .fv.isAnimationStarted .fv_visual-2 {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=manga]) .block .block_heading {
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, transform 1.3s linear(0, 0.0527, 0.1944, 0.3969, 0.6299, 0.865, 1.0776, 1.2494, 1.3691, 1.4325, 1.4418, 1.4043, 1.3311, 1.2353, 1.1302, 1.0279, 0.9385, 0.8693, 0.8241, 0.804, 0.807, 0.8294, 0.8658, 0.9104, 0.9573, 1.0013, 1.0384, 1.0658, 1.0822, 1.0877, 1.0834, 1.0711, 1.0535, 1.0331, 1.0124, 0.9937, 0.9785, 0.9679, 0.9622, 0.9612, 0.9644, 0.9707, 0.9791, 0.9883, 0.9973, 1.0052, 1.0113, 1.0153, 1.0172, 1.017, 1.015, 1.0119, 1.008, 1.0039, 1, 0.9967, 0.9943, 0.9928, 0.9923, 0.9927, 0.9937, 0.9953, 0.997, 0.9989, 1.0005, 1.0019, 1.0028, 1.0033, 1.0034, 1.0031, 1.0026, 1.0019, 1.001, 1.0003, 0.9996, 0.999, 0.9987, 0.9985, 0.9985, 0.9987, 0.9989, 0.9993, 0.9997, 1, 1.0003, 1.0005, 1.0006, 1.0007, 1.0006, 1.0006, 1.0004, 1.0003, 1.0001, 1, 0.9998, 0.9998, 0.9997, 0.9997, 0.9997, 0.9998, 1) 0.3s;
}
:where([data-area-namespace=manga]) .block .manga_wrapper {
  opacity: 0;
  transform: translateY(1.95rem);
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s, opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
:where([data-area-namespace=manga]) .block.isAnimationStarted .block_heading {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace=manga]) .block.isAnimationStarted .manga_wrapper {
  opacity: 1;
  transform: translateY(0);
}

:where([data-area-namespace^=jobMatching-]) .fv .fv_title {
  transform: scale(0.8);
  transform-origin: bottom center;
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.68, -0.75, 0.15, 1) 0.2s, opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_copy {
  opacity: 0;
  transform: scale(0.9) translateY(1.21875rem);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s linear(0, 0.314 3.8%, 0.584 7.6%, 0.818 11.5%, 0.922 13.5%, 1.021 15.6%, 1.109 17.7%, 1.187 19.8%, 1.255 21.9%, 1.316 24.1%, 1.368 26.3%, 1.413 28.6%, 1.449 30.9%, 1.477 33.3%, 1.493 35.1%, 1.504 36.9%, 1.511 38.8%, 1.514 40.7%, 1.513 42.7%, 1.508 44.7%, 1.498 46.8%, 1.485 48.9%, 1.451 52.9%, 1.403 57.3%, 1.345 61.9%, 1.169 75.1%, 1.119 79.3%, 1.08 83.1%, 1.044 87.4%, 1.03 89.5%, 1.019 91.6%, 1.01 93.6%, 1.004 95.7%, 1.001 97.8%, 1);
  transition-delay: 0.6s;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_lead {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6s;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_visual-1 {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.7s, transform 0.65s linear(0, 0.213 2.7%, 0.4 5.5%, 0.565 8.5%, 0.702 11.6%, 0.814 14.8%, 0.863 16.5%, 0.907 18.3%, 0.945 20.1%, 0.978 22%, 1.006 24%, 1.029 26%, 1.053 28.9%, 1.069 32%, 1.078 35.4%, 1.08 39.1%, 1.077 41.9%, 1.072 45.1%, 1.028 61.7%, 1.018 66.6%, 1.011 71.4%, 1.005 76.8%, 1.002 82.7%, 1) 0.7s;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_visual-2 {
  opacity: 0;
  transform: translateY(-0.8125rem);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 1, 1) 0.7s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
}
:where([data-area-namespace^=jobMatching-]) .fv.isAnimationStarted .fv_title {
  transform: scale(1);
  opacity: 1;
}
:where([data-area-namespace^=jobMatching-]) .fv.isAnimationStarted .fv_copy {
  opacity: 1;
  transform: scale(1) translateY(0);
}
:where([data-area-namespace^=jobMatching-]) .fv.isAnimationStarted .fv_lead {
  opacity: 1;
}
:where([data-area-namespace^=jobMatching-]) .fv.isAnimationStarted .fv_visual-1 {
  opacity: 1;
  transform: scale(1);
}
:where([data-area-namespace^=jobMatching-]) .fv.isAnimationStarted .fv_visual-2 {
  transform: translateY(0);
  opacity: 1;
}

:where([data-area-namespace=jobMatching-diagnosis]) .diagnosis {
  opacity: 0;
  transform: translateY(-2.4375rem);
  transition: opacity 0.4s cubic-bezier(0.42, 0, 1, 1) 0.2s, transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
:where([data-area-namespace=jobMatching-diagnosis]) .diagnosis.isAnimationStarted.-start {
  transform: translateY(0);
  opacity: 1;
}

:where([data-area-namespace=jobMatching-result]) .contents .result {
  opacity: 0;
  transform: translateY(-2.4375rem);
  transition: opacity 0.4s cubic-bezier(0.42, 0, 1, 1) 0.2s, transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
:where([data-area-namespace=jobMatching-result]) .contents .result .result_name_main {
  opacity: 0;
  transition: opacity 0.6s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace=jobMatching-result]) .contents .result .result_character {
  opacity: 0;
  transition: opacity 0.6s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace=jobMatching-result]) .contents .result .result_image {
  opacity: 0;
  transition: opacity 0.6s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace=jobMatching-result]) .contents.isAnimationStarted .result {
  transform: translateY(0);
  opacity: 1;
}
:where([data-area-namespace=jobMatching-result]) .contents.isAnimationStarted .result .result_name_main {
  opacity: 1;
}
:where([data-area-namespace=jobMatching-result]) .contents.isAnimationStarted .result .result_character {
  opacity: 1;
}
:where([data-area-namespace=jobMatching-result]) .contents.isAnimationStarted .result .result_image {
  opacity: 1;
}

/**
 * Layout
 */
.l-layout {
  position: relative;
}
@media screen and (min-width: 476px) {
  .l-layout {
    display: grid;
    grid-template-areas: "blank-1 sidebar-left content sidebar-right blank-2";
    grid-template-columns: auto 0.65rem 39rem 0.65rem auto;
  }
  .l-layout::before {
    position: fixed;
    content: "";
    z-index: 0;
    inset: 0;
    background-color: #FEE039;
  }
}
@media screen and (min-width: 810px) {
  .l-layout {
    grid-template-areas: "pc-left sidebar-left content sidebar-right";
    grid-template-columns: 1fr 0.65rem 39rem 0.65rem;
  }
}
@media screen and (min-width: 1080px) {
  .l-layout {
    grid-template-areas: "pc-left sidebar-left content sidebar-right pc-right";
    grid-template-columns: 1fr 0.65rem 39rem 0.65rem auto;
  }
}

.l-stage {
  min-height: 100lvh;
  grid-area: content;
  position: relative;
  width: 39rem;
  margin-inline: auto;
  overflow: clip;
  background-color: #DBDBDB;
}
@media not all and (min-width: 476px) {
  .l-stage {
    width: 100%;
  }
}

.l-transitionWipe {
  position: fixed;
  z-index: 1;
  z-index: 1000;
  top: 0;
  left: auto;
  width: 39rem;
  height: 100dvh;
  pointer-events: none;
  background-color: #fff;
  transform: scaleY(0);
  opacity: 0;
}

.l-pc_sidebar-left {
  grid-area: sidebar-left;
}
.l-pc_sidebar-right {
  grid-area: sidebar-right;
}
.l-pc_sidebar {
  display: none;
  position: sticky;
  top: 0;
  content: "";
  width: 100%;
  height: 100vh;
  background-color: #000;
}
@media screen and (min-width: 476px) {
  .l-pc_sidebar {
    display: block;
  }
}

.l-pc_left {
  grid-area: pc-left;
  display: none;
  position: sticky;
  top: 0;
  grid-template-rows: 1fr auto;
  height: 100vh;
  overflow-y: hidden;
  padding: 20px;
  row-gap: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (min-width: 810px) {
  .l-pc_left {
    display: grid;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1300px) {
  .l-pc_left {
    grid-template-columns: 1fr auto;
  }
}
.l-pc_left .l-visual {
  container-type: size;
  position: relative;
  grid-row: 1/2;
}
.l-pc_left .l-visual::before {
  --bg-ratio: 3620 / 440;
  --bg-height: calc(100cqw * var(--bg-ratio));
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: url("/umajob/assets/images/common/visual_tile-sp.webp");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center 0;
  animation: bgLoop 120s linear infinite;
}
@media screen and (min-width: 1300px) {
  .l-pc_left .l-visual {
    grid-column: 1/3;
  }
  .l-pc_left .l-visual::before {
    --bg-ratio: 2074 / 895;
    --bg-height: calc(100cqw * var(--bg-ratio));
    background-image: url("/umajob/assets/images/common/visual_tile.webp");
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center 0;
    animation: bgLoop 60s linear infinite;
  }
}
@keyframes bgLoop {
  from {
    background-position: center 0;
  }
  to {
    background-position: center calc(var(--bg-height) * -1);
  }
}
.l-pc_left .l-visual .l-visual_inner {
  display: grid;
  width: 100%;
  height: 100%;
  position: relative;
}
.l-pc_left .l-visual .l-visual_title {
  position: relative;
  justify-self: center;
  align-self: center;
  width: min(83.1496062992cqw, 66.4150943396cqh);
}
.l-pc_left .l-visual .l-visual_title::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  -webkit-mask: url("/umajob/assets/images/common/visual_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/common/visual_title.webp") no-repeat 50% 50%/contain;
  background-color: #000;
}
.l-pc_left .l-visual .l-visual_voice_wrap {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 1fr 1fr 1fr min(36.062992126cqw, 28.8050314465cqh) 1fr 1fr 1fr;
}
.l-pc_left .l-visual .l-visual_voice-1 {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: max(-8.188976378cqw, -6.5408805031cqh);
  margin-left: max(-10.3937007874cqw, -8.3018867925cqh);
  width: min(21.7322834646cqw, 17.358490566cqh);
}
.l-pc_left .l-visual .l-visual_voice-2 {
  grid-column: 3/4;
  grid-row: 2/3;
  margin-top: min(1.2598425197cqw, 1.0062893082cqh);
  margin-left: max(-5.8267716535cqw, -4.6540880503cqh);
  width: min(38.7401574803cqw, 30.9433962264cqh);
}
.l-pc_left .l-visual .l-visual_voice-3 {
  grid-column: 4/5;
  grid-row: 3/4;
  margin-top: min(2.2047244094cqw, 1.7610062893cqh);
  margin-left: max(-8.031496063cqw, -6.4150943396cqh);
  width: min(29.2913385827cqw, 23.3962264151cqh);
}
.l-pc_left .l-visual .l-visual_voice-4 {
  grid-column: 2/3;
  grid-row: 3/4;
  margin-top: min(3.7795275591cqw, 3.0188679245cqh);
  margin-left: max(-20.7874015748cqw, -16.6037735849cqh);
  width: min(29.9212598425cqw, 23.8993710692cqh);
}
.l-pc_left .l-visual .l-visual_voice-5 {
  grid-column: 3/4;
  grid-row: 5/6;
  margin-top: min(1.2598425197cqw, 1.0062893082cqh);
  margin-left: min(6.2992125984cqw, 5.0314465409cqh);
  width: min(29.9212598425cqw, 23.8993710692cqh);
}
.l-pc_left .l-visual .l-visual_voice-6 {
  grid-column: 2/3;
  grid-row: 6/7;
  margin-top: min(3.937007874cqw, 3.1446540881cqh);
  margin-left: max(-17.6377952756cqw, -14.0880503145cqh);
  width: min(29.9212598425cqw, 23.8993710692cqh);
}
.l-pc_left .l-visual .l-visual_voice-7 {
  grid-column: 4/5;
  grid-row: 7/8;
  margin-top: max(-3.6220472441cqw, -2.893081761cqh);
  margin-left: max(-18.8976377953cqw, -15.0943396226cqh);
  width: min(29.9212598425cqw, 23.8993710692cqh);
}
.l-pc_left .l-pc_diagnosis {
  display: none;
  align-self: end;
  justify-self: end;
  position: relative;
  width: 280px;
  padding-top: 23px;
}
@media screen and (min-width: 1300px) {
  .l-pc_left .l-pc_diagnosis {
    display: grid;
  }
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_title {
  position: absolute;
  display: block;
  top: 0;
  left: calc(50% - 100px);
  z-index: 1;
  width: 200px;
  height: 48px;
  border-radius: 16px;
  text-align: center;
  color: #FFF;
  background-color: #000;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_title .l-pc_diagnosis_title_inner {
  font-size: 24px;
  line-height: 48px;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  border-radius: 16px;
  background-color: #F7C7C6;
  border: 1px solid #000;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link::before {
  opacity: 0.2;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 3px), #FFF calc(100% - 3px)), linear-gradient(90deg, transparent calc(100% - 3px), #FFF calc(100% - 3px));
  background-size: 40px 40px;
  background-repeat: repeat;
  background-position: center center;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:focus .l-pc_diagnosis_badge {
  filter: drop-shadow(1px 1px 0 transparent);
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:focus .l-pc_diagnosis_badge_arrow::before {
  transform: translateX(0);
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:focus .l-pc_diagnosis_badge_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  .l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:hover .l-pc_diagnosis_badge {
    filter: drop-shadow(1px 1px 0 transparent);
  }
  .l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:hover .l-pc_diagnosis_badge_arrow::before {
    transform: translateX(0);
  }
  .l-pc_left .l-pc_diagnosis .l-pc_diagnosis_link:hover .l-pc_diagnosis_badge_arrow::after {
    transform: translateX(140%);
  }
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_lead {
  position: absolute;
  top: 30px;
  left: -7px;
  width: 113px;
  height: 63px;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_badge {
  position: absolute;
  display: block;
  bottom: 8px;
  right: 10px;
  width: 40px;
  height: 37px;
  --icon-fill: #FFF310;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_badge_arrow {
  position: absolute;
  top: 14px;
  left: calc(50% - 7px);
  width: 14px;
  height: 14px;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_character {
  position: absolute;
  bottom: -2px;
  left: -5px;
  width: 231px;
  height: 62px;
  background: url("/umajob/assets/images/common/pc_diagnosis_character.webp") no-repeat 50% 50%/contain;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_star {
  position: absolute;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_star span {
  display: block;
  width: 21px;
  height: 29px;
  background: url("/umajob/assets/images/common/pc_diagnosis_star.svg") no-repeat 50% 50%/contain;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_star.l-pc_diagnosis_star-1 {
  top: 32px;
  right: 144px;
  animation: swing 4s steps(1) infinite;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_star.l-pc_diagnosis_star-2 {
  top: 10px;
  right: 11px;
  animation: swing 4s steps(1) infinite reverse;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number {
  position: absolute;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number span {
  display: block;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number.l-pc_diagnosis_number-1 {
  top: 36px;
  right: 81px;
  animation: swingSmall-1 4s steps(1) infinite reverse;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number.l-pc_diagnosis_number-1 span {
  width: 65px;
  height: 51px;
  background: url("/umajob/assets/images/common/pc_diagnosis_number-1.webp") no-repeat 50% 50%/contain;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number.l-pc_diagnosis_number-2 {
  top: 43px;
  right: 4px;
  animation: swingSmall-2 4s steps(1) infinite;
}
.l-pc_left .l-pc_diagnosis .l-pc_diagnosis_number.l-pc_diagnosis_number-2 span {
  width: 74px;
  height: 50px;
  background: url("/umajob/assets/images/common/pc_diagnosis_number-2.webp") no-repeat 50% 50%/contain;
}
.l-pc_left .l-pc_news {
  position: relative;
  min-height: 150px;
  height: 100%;
  align-self: end;
  padding-top: 23px;
}
.l-pc_left .l-pc_news .l-pc_news_title {
  position: absolute;
  display: block;
  top: 0;
  left: calc(50% - 80px);
  z-index: 1;
  width: 160px;
  height: 42px;
  display: grid;
}
.l-pc_left .l-pc_news .l-pc_news_title .l-pc_news_title_inner {
  position: relative;
  text-align: center;
  margin-right: 5px;
  border-radius: 40px;
  border-radius: 9999px;
  border: 1px solid #000;
  background-color: #FFF;
  font-size: 28px;
  line-height: 42px;
}
.l-pc_left .l-pc_news .l-pc_news_title .l-pc_news_title_inner::before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #48BED8 0%, #DAE138 40%, #EF93BB 100%);
  border: 1px solid #000;
}
.l-pc_left .l-pc_news .l-pc_news_inner {
  height: 100%;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #000;
  background-color: #fff;
}
.l-pc_left .l-pc_news .l-pc_news_content {
  display: grid;
  grid-template-columns: auto minmax(100px, auto);
  -moz-column-gap: 16px;
       column-gap: 16px;
  height: 100%;
  padding: 8px;
  border-radius: 8px;
  background-color: #FFF4CD;
}
.l-pc_left .l-pc_news .l-pc_news_item {
  position: relative;
}
.l-pc_left .l-pc_news .l-pc_news_item::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: -9px;
  width: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23D9E471' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='1'/%3E%3C/svg%3E");
  background-position: left bottom;
  background-repeat: repeat-y;
  background-size: 4px 12px;
}
.l-pc_left .l-pc_news .l-pc_news_date {
  display: inline-block;
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.8333333333;
}
.l-pc_left .l-pc_news .l-pc_news_link {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.8333333333;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: #000;
  transition: text-decoration-color 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.l-pc_left .l-pc_news .l-pc_news_link:focus {
  text-decoration-color: rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) {
  .l-pc_left .l-pc_news .l-pc_news_link:hover {
    text-decoration-color: rgba(0, 0, 0, 0.2);
  }
}
.l-pc_left .l-pc_news .l-pc_news_archive_wrap {
  justify-self: center;
  align-self: center;
}
.l-pc_left .l-pc_news .l-pc_news_archive {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 12px 8px;
  border-radius: 70px;
  border: 1px solid #000;
  background-color: #D9E471;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 1px 1px 0 #000;
}
.l-pc_left .l-pc_news .l-pc_news_archive:focus {
  box-shadow: 1px 1px 0 transparent;
}
.l-pc_left .l-pc_news .l-pc_news_archive:focus .l-pc_news_archive_arrow::before {
  transform: translateX(0);
}
.l-pc_left .l-pc_news .l-pc_news_archive:focus .l-pc_news_archive_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  .l-pc_left .l-pc_news .l-pc_news_archive:hover {
    box-shadow: 1px 1px 0 transparent;
  }
  .l-pc_left .l-pc_news .l-pc_news_archive:hover .l-pc_news_archive_arrow::before {
    transform: translateX(0);
  }
  .l-pc_left .l-pc_news .l-pc_news_archive:hover .l-pc_news_archive_arrow::after {
    transform: translateX(140%);
  }
}
.l-pc_left .l-pc_news .l-pc_news_archive_text {
  font-size: 12px;
  line-height: 1.8333333333;
  font-weight: 700;
}
.l-pc_left .l-pc_news .l-pc_news_archive_arrow {
  width: 14px;
}

.l-pc_right {
  grid-area: pc-right;
  display: none;
  position: sticky;
  top: 0;
  align-items: center;
  justify-items: center;
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior: none;
  background-color: #E7F3E3;
  width: 290px;
  padding: 40px 0 40px 40px;
}
.l-pc_right a,
.l-pc_right summary {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-pc_right a:focus,
.l-pc_right summary:focus {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .l-pc_right a:hover,
  .l-pc_right summary:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1080px) {
  .l-pc_right {
    display: grid;
    justify-content: start;
    align-content: start;
  }
}
.l-pc_right .l-pc_logo {
  display: block;
  width: 160px;
}
.l-pc_right .l-pc_nav_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 32px;
  margin-top: 36px;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_link,
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name {
  font-size: 20px;
  line-height: 1;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name {
  display: inline-block;
  cursor: pointer;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name::-webkit-details-marker {
  /* Safari-デフォルトの三角形を削除*/
  display: none;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name_inner {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name_icon {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #000000;
  transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name_icon::before, .l-pc_right .l-pc_nav_list .l-pc_nav_group_name_icon::after {
  grid-column: 1/2;
  grid-row: 1/2;
  content: "";
  width: 7px;
  height: 1px;
  margin-top: -0.5px;
  margin-left: -0.5px;
  background-color: #000000;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_name_icon::before {
  transform: rotate(90deg);
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group.is-opened .l-pc_nav_group_name_icon {
  transform: rotate(90deg);
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group.is-opened .l-pc_nav_group_name_icon::after {
  opacity: 0;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_content {
  overflow: hidden;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list {
  display: grid;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs {
  margin-top: 24px;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 14px;
       column-gap: 14px;
  row-gap: 14px;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(-n + 4) {
  grid-column: 1/2;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(n + 5) {
  grid-column: 2/3;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(1),
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(5) {
  grid-row: 1/2;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(2),
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(6) {
  grid-row: 2/3;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(3),
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(7) {
  grid-row: 3/4;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-jobs .l-pc_nav_group_item:nth-of-type(4) {
  grid-row: 4/5;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-contents {
  margin-top: 24px;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 14px;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_list-banners {
  margin-top: 24px;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  row-gap: 10px;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_link {
  font-size: 12px;
  line-height: 1.5;
}
.l-pc_right .l-pc_nav_list .l-pc_nav_group_banner {
  display: block;
  width: 97px;
}
.l-pc_right .l-pc_sns {
  position: relative;
  width: 100%;
  margin-top: 30px;
  padding-top: 32px;
}
.l-pc_right .l-pc_sns::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23FFF' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='1'/%3E%3C/svg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
}
.l-pc_right .l-pc_sns .l-pc_sns_name {
  text-align: center;
}
.l-pc_right .l-pc_sns .l-pc_sns_name .l-pc_sns_name_inner {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 16px;
  font-size: 12px;
  line-height: 1.8333333333;
  background-color: #FFF;
}
.l-pc_right .l-pc_sns .l-pc_sns_lead {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.8333333333;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(3, auto);
  text-align: center;
}
.l-pc_right .l-pc_sns .l-pc_sns_lead::before, .l-pc_right .l-pc_sns .l-pc_sns_lead::after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #000;
  border-radius: 9999px;
  transform-origin: center bottom;
}
.l-pc_right .l-pc_sns .l-pc_sns_lead::before {
  justify-self: end;
  transform: rotate(-28deg);
}
.l-pc_right .l-pc_sns .l-pc_sns_lead::after {
  justify-self: start;
  transform: rotate(28deg);
}
.l-pc_right .l-pc_sns .l-pc_sns_list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin-top: 15px;
}
.l-pc_right .l-pc_sns .l-pc_sns_item {
  width: 30px;
}
.l-pc_right .l-pc_sns .l-pc_sns_link {
  display: block;
  width: 100%;
  height: 100%;
}
.l-pc_right .l-pc_pamphlet {
  width: auto;
  margin-inline: auto;
  margin-top: 30px;
}
.l-pc_right .l-pc_pamphlet .l-pc_pamphlet_link {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #000;
  background-color: #fff;
}
.l-pc_right .l-pc_pamphlet .l-pc_pamphlet_link::after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/umajob/assets/images/common/icon-blank.svg") no-repeat 50% 50%/contain;
}
.l-pc_right .l-pc_pamphlet .l-pc_pamphlet_image {
  width: 71px;
}
.l-pc_right .l-pc_pamphlet .l-pc_pamphlet_text {
  font-size: 12px;
  line-height: 1.3333333333;
}

[data-page=top] [data-nav=top],
[data-page^=news-] [data-nav=news],
[data-page=job-seisan-bokujyo] [data-nav=job-seisan-bokujyo],
[data-page=job-ikusei-bokujyo] [data-nav=job-ikusei-bokujyo],
[data-page=job-kyumuin] [data-nav=job-kyumuin],
[data-page=job-jyuishi] [data-nav=job-jyuishi],
[data-page=job-souteishi] [data-nav=job-souteishi],
[data-page=job-kisyu] [data-nav=job-kisyu],
[data-page=job-instructor] [data-nav=job-instructor],
[data-page^=jobMatching-] [data-nav=jobMatching],
[data-page=data] [data-nav=data],
[data-page=movie] [data-nav=movie],
[data-page=manga] [data-nav=manga] {
  color: #F49B17;
}

.l-header {
  position: sticky;
  z-index: 999;
  top: 0;
  height: 7.3125rem;
}
.l-header .l-header_inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  padding-inline: 1.625rem;
}
.l-header .l-header_logo {
  width: 7.55625rem;
}
.l-header .l-header_link {
  display: block;
  width: 100%;
  height: 100%;
}
.l-header .l-header_btn {
  position: relative;
  width: 3.9rem;
  height: 2.35625rem;
}
.l-header .l-header_btn[aria-expanded=false] .l-header_bar:nth-of-type(1) {
  transform: translate(0, calc(-0.89375rem - 1px));
}
.l-header .l-header_btn[aria-expanded=false] .l-header_bar:nth-of-type(2) {
  opacity: 1;
}
.l-header .l-header_btn[aria-expanded=false] .l-header_bar:nth-of-type(3) {
  transform: translate(0, calc(0.89375rem + 1px));
}
.l-header .l-header_btn[aria-expanded=true] .l-header_bar:nth-of-type(1) {
  transform: rotate(28deg);
}
.l-header .l-header_btn[aria-expanded=true] .l-header_bar:nth-of-type(2) {
  opacity: 0;
}
.l-header .l-header_btn[aria-expanded=true] .l-header_bar:nth-of-type(3) {
  transform: rotate(-28deg);
}
.l-header .l-header_btn[aria-expanded=true]::after {
  transform: rotate(-32deg);
  margin-top: -0.325rem;
}
.l-header .l-header_bar {
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1), margin 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.l-footer {
  padding-block: 3.25rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
  color: #000;
  background-color: #FFF;
}

.l-intro {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100dvh;
  background-color: #F6ED09;
  z-index: 9999;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.l-intro .l-intro_inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.l-intro .l-intro_bg {
  position: absolute;
  inset: 0;
  background: url("/umajob/assets/images/common/intro_bg-sp.webp") no-repeat 50% 50%/cover;
  transform: scale(1.1);
}
.l-intro .l-intro_bgPanel {
  position: absolute;
  top: calc(50% - min(68.5416666667vw, 32.12890625dvh));
  left: calc(50% - min(50.2083333333vw, 23.53515625dvh));
  width: min(100.4166666667vw, 47.0703125dvh);
  height: min(123.9583333333vw, 58.10546875dvh);
  background: url("/umajob/assets/images/common/intro_bgPanel.webp") no-repeat 50% 50%/contain;
  transform: scale(1.2);
}
.l-intro .l-intro_obj_inner {
  width: 100%;
  height: 100%;
}
.l-intro .l-intro_characters {
  position: absolute;
  top: calc(50% - min(64.5833333333vw, 30.2734375dvh));
  left: calc(50% - min(48.5416666667vw, 22.75390625dvh));
  width: min(94.7916666667vw, 44.43359375dvh);
  height: min(136.4583333333vw, 63.96484375dvh);
  background: url("/umajob/assets/images/common/intro_characters.webp") no-repeat 50% 50%/contain;
  transform: scale(0.6);
}
.l-intro .l-intro_title {
  position: absolute;
  bottom: calc(50% - min(67.2916666667vw, 31.54296875dvh));
  left: calc(50% - min(40.2083333333vw, 18.84765625dvh));
  width: min(82.2916666667vw, 38.57421875dvh);
  height: min(35.625vw, 16.69921875dvh);
  background: url("/umajob/assets/images/common/intro_title.webp") no-repeat 50% 50%/contain;
  transform: scale(0.6);
}
.l-intro .l-intro_obj {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
}
.l-intro .l-intro_obj-1,
.l-intro .l-intro_obj-2,
.l-intro .l-intro_obj-3,
.l-intro .l-intro_obj-4,
.l-intro .l-intro_obj-5,
.l-intro .l-intro_obj-15,
.l-intro .l-intro_obj-16,
.l-intro .l-intro_obj-17,
.l-intro .l-intro_obj-18 {
  display: none;
}
.l-intro .l-intro_obj-1,
.l-intro .l-intro_obj-2,
.l-intro .l-intro_obj-3,
.l-intro .l-intro_obj-4,
.l-intro .l-intro_obj-5,
.l-intro .l-intro_obj-6,
.l-intro .l-intro_obj-7,
.l-intro .l-intro_obj-8,
.l-intro .l-intro_obj-9 {
  transform: rotate(120deg);
}
.l-intro .l-intro_obj-10,
.l-intro .l-intro_obj-11,
.l-intro .l-intro_obj-12,
.l-intro .l-intro_obj-13,
.l-intro .l-intro_obj-14,
.l-intro .l-intro_obj-15,
.l-intro .l-intro_obj-16,
.l-intro .l-intro_obj-17,
.l-intro .l-intro_obj-18 {
  transform: rotate(-120deg);
}
.l-intro .l-intro_obj-1 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-1.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-2 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-2.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-3 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-3.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-4 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-4.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-5 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-5.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-15 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-15.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-16 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-16.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-17 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-17.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-18 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-18.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-6 {
  width: min(18.125vw, 8.49609375dvh);
  height: min(12.7083333333vw, 5.95703125dvh);
}
.l-intro .l-intro_obj-6 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-6.webp") no-repeat 50% 50%/contain;
  transform: rotate(67deg);
}
.l-intro .l-intro_obj-7 {
  width: min(18.5416666667vw, 8.69140625dvh);
  height: min(18.75vw, 8.7890625dvh);
}
.l-intro .l-intro_obj-7 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-7.webp") no-repeat 50% 50%/contain;
  transform: rotate(57deg);
}
.l-intro .l-intro_obj-8 {
  bottom: calc(50% - min(43.75vw, 20.5078125dvh));
  left: calc(50% - min(49.375vw, 23.14453125dvh));
  width: min(10vw, 4.6875dvh);
  height: min(9.5833333333vw, 4.4921875dvh);
}
.l-intro .l-intro_obj-8 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-8.webp") no-repeat 50% 50%/contain;
  transform: rotate(10deg);
}
.l-intro .l-intro_obj-9 {
  width: min(12.5vw, 5.859375dvh);
  height: min(12.5vw, 5.859375dvh);
}
.l-intro .l-intro_obj-9 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-9.webp") no-repeat 50% 50%/contain;
  transform: rotate(92deg);
}
.l-intro .l-intro_obj-10 {
  width: min(11.25vw, 5.2734375dvh);
  height: min(12.5vw, 5.859375dvh);
}
.l-intro .l-intro_obj-10 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-10.webp") no-repeat 50% 50%/contain;
  transform: rotate(178deg);
}
.l-intro .l-intro_obj-11 {
  width: min(11.875vw, 5.56640625dvh);
  height: min(11.6666666667vw, 5.46875dvh);
}
.l-intro .l-intro_obj-11 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-11.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-12 {
  width: min(16.0416666667vw, 7.51953125dvh);
  height: min(16.875vw, 7.91015625dvh);
}
.l-intro .l-intro_obj-12 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-12.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-13 {
  width: min(20.2083333333vw, 9.47265625dvh);
  height: min(21.4583333333vw, 10.05859375dvh);
}
.l-intro .l-intro_obj-13 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-13.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_obj-14 {
  width: min(19.7916666667vw, 9.27734375dvh);
  height: min(18.5416666667vw, 8.69140625dvh);
}
.l-intro .l-intro_obj-14 .l-intro_obj_inner {
  background: url("/umajob/assets/images/common/intro_obj-14.webp") no-repeat 50% 50%/contain;
}
.l-intro .l-intro_motionPath {
  z-index: 999;
  position: absolute;
}
.l-intro .l-intro_motionPath path {
  stroke: none;
  fill: none;
}
.l-intro .l-intro_motionPath-1,
.l-intro .l-intro_motionPath-2,
.l-intro .l-intro_motionPath-3,
.l-intro .l-intro_motionPath-4,
.l-intro .l-intro_motionPath-5,
.l-intro .l-intro_motionPath-15,
.l-intro .l-intro_motionPath-16,
.l-intro .l-intro_motionPath-17,
.l-intro .l-intro_motionPath-18 {
  display: none;
}
.l-intro .l-intro_motionPath-6 {
  top: calc(50% - min(36.4583333333vw, 17.08984375dvh));
  left: calc(50% - min(46.4583333333vw, 21.77734375dvh));
  width: min(29.5833333333vw, 13.8671875dvh);
  height: min(7.5vw, 3.515625dvh);
}
.l-intro .l-intro_motionPath-7 {
  top: calc(50% - min(3.5416666667vw, 1.66015625dvh));
  left: calc(50% - min(47.5vw, 22.265625dvh));
  width: min(28.3333333333vw, 13.28125dvh);
  height: min(16.6666666667vw, 7.8125dvh);
}
.l-intro .l-intro_motionPath-8 {
  bottom: calc(50% - min(43.9583333333vw, 20.60546875dvh));
  left: calc(50% - min(44.375vw, 20.80078125dvh));
  width: min(26.6666666667vw, 12.5dvh);
  height: min(27.5vw, 12.890625dvh);
}
.l-intro .l-intro_motionPath-9 {
  top: calc(50% - min(65.8333333333vw, 30.859375dvh));
  left: calc(50% - min(30.4166666667vw, 14.2578125dvh));
  width: min(17.9166666667vw, 8.3984375dvh);
  height: min(26.0416666667vw, 12.20703125dvh);
}
.l-intro .l-intro_motionPath-10 {
  top: calc(50% - min(71.6666666667vw, 33.59375dvh));
  right: calc(50% - min(10.8333333333vw, 5.078125dvh));
  width: min(9.375vw, 4.39453125dvh);
  height: min(28.9583333333vw, 13.57421875dvh);
}
.l-intro .l-intro_motionPath-11 {
  top: calc(50% - min(61.6666666667vw, 28.90625dvh));
  right: calc(50% - min(41.875vw, 19.62890625dvh));
  width: min(32.7083333333vw, 15.33203125dvh);
  height: min(20vw, 9.375dvh);
}
.l-intro .l-intro_motionPath-12 {
  top: calc(50% - min(43.5416666667vw, 20.41015625dvh));
  right: calc(50% - min(52.9166666667vw, 24.8046875dvh));
  width: min(39.1666666667vw, 18.359375dvh);
  height: min(11.4583333333vw, 5.37109375dvh);
}
.l-intro .l-intro_motionPath-13 {
  top: calc(50% - min(20.2083333333vw, 9.47265625dvh));
  right: calc(50% - min(48.75vw, 22.8515625dvh));
  width: min(35.8333333333vw, 16.796875dvh);
  height: min(22.7083333333vw, 10.64453125dvh);
}
.l-intro .l-intro_motionPath-14 {
  bottom: calc(50% - min(63.9583333333vw, 29.98046875dvh));
  right: calc(50% - min(48.75vw, 22.8515625dvh));
  width: min(25vw, 11.71875dvh);
  height: min(41.0416666667vw, 19.23828125dvh);
}
@media screen and (min-width: 476px) {
  .l-intro .l-intro_bg {
    background: url("/umajob/assets/images/common/intro_bg.webp") no-repeat 50% 50%/cover;
  }
  .l-intro .l-intro_bgPanel {
    top: calc(50% - min(32.7777777778vw, 46.09375dvh));
    left: calc(50% - min(23.8888888889vw, 33.59375dvh));
    width: min(47.7777777778vw, 67.1875dvh);
    height: min(58.75vw, 82.6171875dvh);
    background: url("/umajob/assets/images/common/intro_bgPanel.webp") no-repeat 50% 50%/contain;
  }
  .l-intro .l-intro_characters {
    top: calc(50% - min(30.8333333333vw, 43.359375dvh));
    left: calc(50% - min(23.4722222222vw, 33.0078125dvh));
    width: min(45.0694444444vw, 63.37890625dvh);
    height: min(64.8611111111vw, 91.2109375dvh);
  }
  .l-intro .l-intro_title {
    bottom: calc(50% - min(32.0138888889vw, 45.01953125dvh));
    left: calc(50% - min(19.7222222222vw, 27.734375dvh));
    width: min(39.2361111111vw, 55.17578125dvh);
    height: min(17.0138888889vw, 23.92578125dvh);
  }
  .l-intro .l-intro_obj-1,
  .l-intro .l-intro_obj-2,
  .l-intro .l-intro_obj-3,
  .l-intro .l-intro_obj-4,
  .l-intro .l-intro_obj-5,
  .l-intro .l-intro_obj-15,
  .l-intro .l-intro_obj-16,
  .l-intro .l-intro_obj-17,
  .l-intro .l-intro_obj-18 {
    display: block;
  }
  .l-intro .l-intro_obj-1 {
    width: min(7.5694444444vw, 10.64453125dvh);
    height: min(2.9861111111vw, 4.19921875dvh);
  }
  .l-intro .l-intro_obj-1 .l-intro_obj_inner {
    transform: rotate(-19deg);
  }
  .l-intro .l-intro_obj-2 {
    width: min(6.3194444444vw, 8.88671875dvh);
    height: min(8.4722222222vw, 11.9140625dvh);
  }
  .l-intro .l-intro_obj-2 .l-intro_obj_inner {
    transform: rotate(8deg);
  }
  .l-intro .l-intro_obj-3 {
    width: min(8.1944444444vw, 11.5234375dvh);
    height: min(7.7777777778vw, 10.9375dvh);
  }
  .l-intro .l-intro_obj-4 {
    width: min(5.3472222222vw, 7.51953125dvh);
    height: min(3.6805555556vw, 5.17578125dvh);
  }
  .l-intro .l-intro_obj-5 {
    width: min(6.5972222222vw, 9.27734375dvh);
    height: min(15.9027777778vw, 22.36328125dvh);
  }
  .l-intro .l-intro_obj-5 .l-intro_obj_inner {
    transform: rotate(16deg);
  }
  .l-intro .l-intro_obj-6 {
    width: min(8.3333333333vw, 11.71875dvh);
    height: min(6.0416666667vw, 8.49609375dvh);
  }
  .l-intro .l-intro_obj-6 .l-intro_obj_inner {
    transform: rotate(67deg);
  }
  .l-intro .l-intro_obj-7 {
    width: min(8.8194444444vw, 12.40234375dvh);
    height: min(8.9583333333vw, 12.59765625dvh);
  }
  .l-intro .l-intro_obj-7 .l-intro_obj_inner {
    transform: rotate(57deg);
  }
  .l-intro .l-intro_obj-8 {
    width: min(4.7916666667vw, 6.73828125dvh);
    height: min(4.5138888889vw, 6.34765625dvh);
  }
  .l-intro .l-intro_obj-8 .l-intro_obj_inner {
    transform: rotate(10deg);
  }
  .l-intro .l-intro_obj-9 {
    width: min(5.9722222222vw, 8.3984375dvh);
    height: min(5.9722222222vw, 8.3984375dvh);
  }
  .l-intro .l-intro_obj-9 .l-intro_obj_inner {
    transform: rotate(92deg);
  }
  .l-intro .l-intro_obj-10 {
    width: min(5.3472222222vw, 7.51953125dvh);
    height: min(5.9027777778vw, 8.30078125dvh);
  }
  .l-intro .l-intro_obj-10 .l-intro_obj_inner {
    transform: rotate(178deg);
  }
  .l-intro .l-intro_obj-11 {
    width: min(5.6944444444vw, 8.0078125dvh);
    height: min(5.5555555556vw, 7.8125dvh);
  }
  .l-intro .l-intro_obj-12 {
    width: min(7.6388888889vw, 10.7421875dvh);
    height: min(8.125vw, 11.42578125dvh);
  }
  .l-intro .l-intro_obj-13 {
    width: min(9.6527777778vw, 13.57421875dvh);
    height: min(10.2777777778vw, 14.453125dvh);
  }
  .l-intro .l-intro_obj-14 {
    width: min(9.1666666667vw, 12.890625dvh);
    height: min(8.8194444444vw, 12.40234375dvh);
  }
  .l-intro .l-intro_obj-15 {
    width: min(8.9583333333vw, 12.59765625dvh);
    height: min(8.9583333333vw, 12.59765625dvh);
  }
  .l-intro .l-intro_obj-15 .l-intro_obj_inner {
    transform: rotate(-29deg);
  }
  .l-intro .l-intro_obj-16 {
    width: min(9.0277777778vw, 12.6953125dvh);
    height: min(7.7777777778vw, 10.9375dvh);
  }
  .l-intro .l-intro_obj-16 .l-intro_obj_inner {
    transform: rotate(-9deg);
  }
  .l-intro .l-intro_obj-17 {
    width: min(8.75vw, 12.3046875dvh);
    height: min(7.8472222222vw, 11.03515625dvh);
  }
  .l-intro .l-intro_obj-18 {
    width: min(10.1388888889vw, 14.2578125dvh);
    height: min(5.8333333333vw, 8.203125dvh);
  }
  .l-intro .l-intro_motionPath-1,
  .l-intro .l-intro_motionPath-2,
  .l-intro .l-intro_motionPath-3,
  .l-intro .l-intro_motionPath-4,
  .l-intro .l-intro_motionPath-5,
  .l-intro .l-intro_motionPath-15,
  .l-intro .l-intro_motionPath-16,
  .l-intro .l-intro_motionPath-17,
  .l-intro .l-intro_motionPath-18 {
    display: block;
  }
  .l-intro .l-intro_motionPath-1 {
    top: calc(50% - min(25.7638888889vw, 36.23046875dvh));
    left: calc(50% - min(41.5972222222vw, 58.49609375dvh));
    width: min(32.1527777778vw, 45.21484375dvh);
    height: min(6.4583333333vw, 9.08203125dvh);
  }
  .l-intro .l-intro_motionPath-2 {
    top: calc(50% - min(9.2361111111vw, 12.98828125dvh));
    left: calc(50% - min(45.1388888889vw, 63.4765625dvh));
    width: min(32.0833333333vw, 45.1171875dvh);
    height: min(8.8888888889vw, 12.5dvh);
  }
  .l-intro .l-intro_motionPath-3 {
    top: calc(50% - min(1.1805555556vw, 1.66015625dvh));
    left: calc(50% - min(39.8611111111vw, 56.0546875dvh));
    width: min(31.1111111111vw, 43.75dvh);
    height: min(33.5416666667vw, 47.16796875dvh);
  }
  .l-intro .l-intro_motionPath-4 {
    top: calc(50% - min(17.7777777778vw, 25dvh));
    left: calc(50% - min(31.8055555556vw, 44.7265625dvh));
    width: min(19.5833333333vw, 27.5390625dvh);
    height: min(4.2361111111vw, 5.95703125dvh);
  }
  .l-intro .l-intro_motionPath-5 {
    top: calc(50% - min(3.3333333333vw, 4.6875dvh));
    left: calc(50% - min(35.9722222222vw, 50.5859375dvh));
    width: min(25.4861111111vw, 35.83984375dvh);
    height: min(16.8055555556vw, 23.6328125dvh);
  }
  .l-intro .l-intro_motionPath-6 {
    top: calc(50% - min(17.5694444444vw, 24.70703125dvh));
    left: calc(50% - min(22.4305555556vw, 31.54296875dvh));
    width: min(13.8194444444vw, 19.43359375dvh);
    height: min(3.4722222222vw, 4.8828125dvh);
  }
  .l-intro .l-intro_motionPath-7 {
    top: calc(50% - min(2.0833333333vw, 2.9296875dvh));
    left: calc(50% - min(23.6805555556vw, 33.30078125dvh));
    width: min(13.2638888889vw, 18.65234375dvh);
    height: min(7.7777777778vw, 10.9375dvh);
  }
  .l-intro .l-intro_motionPath-8 {
    bottom: calc(50% - min(21.0416666667vw, 29.58984375dvh));
    left: calc(50% - min(22.1527777778vw, 31.15234375dvh));
    width: min(12.4305555556vw, 17.48046875dvh);
    height: min(12.8472222222vw, 18.06640625dvh);
  }
  .l-intro .l-intro_motionPath-9 {
    top: calc(50% - min(31.3194444444vw, 44.04296875dvh));
    left: calc(50% - min(14.5833333333vw, 20.5078125dvh));
    width: min(8.4027777778vw, 11.81640625dvh);
    height: min(12.2222222222vw, 17.1875dvh);
  }
  .l-intro .l-intro_motionPath-10 {
    top: calc(50% - min(33.9583333333vw, 47.75390625dvh));
    left: 50%;
    width: min(4.375vw, 6.15234375dvh);
    height: min(13.5416666667vw, 19.04296875dvh);
  }
  .l-intro .l-intro_motionPath-11 {
    top: calc(50% - min(29.5138888889vw, 41.50390625dvh));
    right: calc(50% - min(19.4444444444vw, 27.34375dvh));
    width: min(15.3472222222vw, 21.58203125dvh);
    height: min(9.375vw, 13.18359375dvh);
  }
  .l-intro .l-intro_motionPath-12 {
    top: calc(50% - min(21.0416666667vw, 29.58984375dvh));
    right: calc(50% - min(24.4444444444vw, 34.375dvh));
    width: min(18.3333333333vw, 25.78125dvh);
    height: min(5.3472222222vw, 7.51953125dvh);
  }
  .l-intro .l-intro_motionPath-13 {
    top: calc(50% - min(9.9305555556vw, 13.96484375dvh));
    right: calc(50% - min(23.6111111111vw, 33.203125dvh));
    width: min(16.7361111111vw, 23.53515625dvh);
    height: min(10.625vw, 14.94140625dvh);
  }
  .l-intro .l-intro_motionPath-14 {
    bottom: calc(50% - min(31.1805555556vw, 43.84765625dvh));
    right: calc(50% - min(23.4027777778vw, 32.91015625dvh));
    width: min(11.6666666667vw, 16.40625dvh);
    height: min(19.2361111111vw, 27.05078125dvh);
  }
  .l-intro .l-intro_motionPath-15 {
    top: calc(50% - min(25.3472222222vw, 35.64453125dvh));
    right: calc(50% - min(38.0555555556vw, 53.515625dvh));
    width: min(31.1805555556vw, 43.84765625dvh);
    height: min(7.5694444444vw, 10.64453125dvh);
  }
  .l-intro .l-intro_motionPath-16 {
    top: calc(50% - min(14.3055555556vw, 20.1171875dvh));
    right: calc(50% - min(43.6805555556vw, 61.42578125dvh));
    width: min(34.2361111111vw, 48.14453125dvh);
    height: min(8.8194444444vw, 12.40234375dvh);
  }
  .l-intro .l-intro_motionPath-17 {
    top: calc(50% - min(1.8055555556vw, 2.5390625dvh));
    right: calc(50% - min(36.4583333333vw, 51.26953125dvh));
    width: min(26.8055555556vw, 37.6953125dvh);
    height: min(12.6388888889vw, 17.7734375dvh);
  }
  .l-intro .l-intro_motionPath-18 {
    bottom: calc(50% - min(30.9027777778vw, 43.45703125dvh));
    right: calc(50% - min(40.2083333333vw, 56.54296875dvh));
    width: min(27.2916666667vw, 38.37890625dvh);
    height: min(24.0277777778vw, 33.7890625dvh);
  }
}

html.is-pagePreparing .l-stage,
html.is-pagePreparing .l-pc_sidebar,
html.is-pagePreparing .l-pc_left,
html.is-pagePreparing .l-pc_right {
  opacity: 0;
  visibility: hidden;
}

.l-drawer {
  position: absolute;
  top: 7.3125rem;
  left: 0;
  right: 0;
  max-height: calc(100dvh - 7.3125rem);
  overflow-y: auto;
  overscroll-behavior: none;
}
@supports not (height: 1dvh) {
  .l-drawer {
    max-height: calc(80vh - 7.3125rem);
  }
}
.l-drawer a,
.l-drawer summary {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-drawer a:focus,
.l-drawer summary:focus {
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .l-drawer a:hover,
  .l-drawer summary:hover {
    opacity: 0.6;
  }
}
.l-drawer .l-drawer_nav {
  position: relative;
  display: grid;
  justify-content: start;
  padding: 6.5rem 0 6.5rem 5.525rem;
}
.l-drawer .l-drawer_nav::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #E7F3E3;
}
.l-drawer .l-drawer_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.25rem;
}
.l-drawer .l-drawer_list .l-drawer_link,
.l-drawer .l-drawer_list .l-drawer_group_name {
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
}
.l-drawer .l-drawer_list .l-drawer_group_name {
  display: inline-block;
  cursor: pointer;
}
.l-drawer .l-drawer_list .l-drawer_group_name::-webkit-details-marker {
  /* Safari-デフォルトの三角形を削除*/
  display: none;
}
.l-drawer .l-drawer_list .l-drawer_group_name_inner {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
}
.l-drawer .l-drawer_list .l-drawer_group_name_icon {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
  border: 1px solid #000000;
  transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
}
.l-drawer .l-drawer_list .l-drawer_group_name_icon::before, .l-drawer .l-drawer_list .l-drawer_group_name_icon::after {
  grid-column: 1/2;
  grid-row: 1/2;
  content: "";
  width: 0.73125rem;
  height: 1px;
  margin-top: -0.5px;
  margin-left: -0.5px;
  background-color: #000000;
}
.l-drawer .l-drawer_list .l-drawer_group_name_icon::before {
  transform: rotate(90deg);
}
.l-drawer .l-drawer_list .l-drawer_group.is-opened .l-drawer_group_name_icon {
  transform: rotate(90deg);
}
.l-drawer .l-drawer_list .l-drawer_group.is-opened .l-drawer_group_name_icon::after {
  opacity: 0;
}
.l-drawer .l-drawer_list .l-drawer_group_content {
  overflow: hidden;
}
.l-drawer .l-drawer_list .l-drawer_group_list {
  display: grid;
  margin-top: 3.25rem;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs {
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  row-gap: 3.25rem;
  -moz-column-gap: 4.55rem;
       column-gap: 4.55rem;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(-n + 4) {
  grid-column: 1/2;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(n + 5) {
  grid-column: 2/3;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(1),
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(5) {
  grid-row: 1/2;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(2),
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(6) {
  grid-row: 2/3;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(3),
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(7) {
  grid-row: 3/4;
}
.l-drawer .l-drawer_list .l-drawer_group_list-jobs .l-drawer_group_item:nth-of-type(4) {
  grid-row: 4/5;
}
.l-drawer .l-drawer_list .l-drawer_group_list-contents {
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.95rem;
}
.l-drawer .l-drawer_list .l-drawer_group_list-banners {
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  -moz-column-gap: 0.8125rem;
       column-gap: 0.8125rem;
  row-gap: 0.8125rem;
}
.l-drawer .l-drawer_list .l-drawer_group_link {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.l-drawer .l-drawer_list .l-drawer_group_banner {
  display: block;
  width: 13.4875rem;
}
.l-drawer .l-drawer_sns {
  position: relative;
  width: 100%;
  margin-top: 4.0625rem;
  padding-top: 4.0625rem;
}
.l-drawer .l-drawer_sns::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23FFF' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='1'/%3E%3C/svg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 8px 2px;
}
.l-drawer .l-drawer_sns .l-drawer_sns_name {
  text-align: center;
}
.l-drawer .l-drawer_sns .l-drawer_sns_name .l-drawer_sns_name_inner {
  display: inline-block;
  padding: 0.325rem 0.65rem;
  border-radius: 1.3rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  background-color: #FFF;
}
.l-drawer .l-drawer_sns .l-drawer_sns_lead {
  margin-top: 1.625rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  display: grid;
  justify-items: center;
  align-items: end;
  grid-template-columns: repeat(3, auto);
  text-align: center;
}
.l-drawer .l-drawer_sns .l-drawer_sns_lead::before, .l-drawer .l-drawer_sns .l-drawer_sns_lead::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.4625rem;
  background-color: #000;
  border-radius: 9999px;
  transform-origin: center bottom;
}
.l-drawer .l-drawer_sns .l-drawer_sns_lead::before {
  justify-self: end;
  transform: rotate(-28deg);
  margin-right: 0.2em;
}
.l-drawer .l-drawer_sns .l-drawer_sns_lead::after {
  justify-self: start;
  transform: rotate(28deg);
}
.l-drawer .l-drawer_sns .l-drawer_sns_list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  -moz-column-gap: 4.875rem;
       column-gap: 4.875rem;
  margin-top: 1.625rem;
}
.l-drawer .l-drawer_sns .l-drawer_sns_item {
  width: 4.0625rem;
}
.l-drawer .l-drawer_sns .l-drawer_sns_link {
  display: block;
  width: 100%;
  height: 100%;
}
.l-drawer .l-drawer_pamphlet {
  width: auto;
  margin-inline: auto;
  margin-top: 4.0625rem;
}
.l-drawer .l-drawer_pamphlet .l-drawer_pamphlet_link {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  -moz-column-gap: 0.975rem;
       column-gap: 0.975rem;
  padding: 1.625rem;
  border-radius: 0.65rem;
  border: 1px solid #000;
  background-color: #fff;
}
.l-drawer .l-drawer_pamphlet .l-drawer_pamphlet_link::after {
  display: block;
  content: "";
  width: 1.7875rem;
  height: 1.7875rem;
  background: url("/umajob/assets/images/common/icon-blank.svg") no-repeat 50% 50%/contain;
}
.l-drawer .l-drawer_pamphlet .l-drawer_pamphlet_image {
  width: 8.125rem;
}
.l-drawer .l-drawer_pamphlet .l-drawer_pamphlet_text {
  padding-left: 0.65rem;
  font-size: 1.3rem;
  line-height: 1.375;
}

.l-drawer[aria-hidden=true] {
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0.001s 0s linear;
}
.l-drawer[aria-hidden=true] .l-drawer_nav::before {
  transform: translateY(-40%);
  opacity: 0;
  transition: opacity 0.001s 0s cubic-bezier(0, 0, 0.58, 1), transform 0.001s 0s cubic-bezier(0, 0, 0.58, 1);
}
.l-drawer[aria-hidden=true] .l-drawer_list,
.l-drawer[aria-hidden=true] .l-drawer_sns,
.l-drawer[aria-hidden=true] .l-drawer_pamphlet {
  transform: translateY(-0.8125rem);
  opacity: 0;
  transition: opacity 0.001s 0s cubic-bezier(0, 0, 0.58, 1), transform 0.001s 0s cubic-bezier(0, 0, 0.58, 1);
}

.l-drawer[aria-hidden=false] {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0.2s 0.01s linear;
}
.l-drawer[aria-hidden=false] .l-drawer_nav::before {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.2s 0.01s cubic-bezier(0.42, 0, 1, 1), transform 0.3s 0.01s cubic-bezier(0.42, 0, 1, 1);
}
.l-drawer[aria-hidden=false] .l-drawer_list,
.l-drawer[aria-hidden=false] .l-drawer_sns,
.l-drawer[aria-hidden=false] .l-drawer_pamphlet {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.2s 0.3s cubic-bezier(0, 0, 0.58, 1), transform 0.3s 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.l-others_fv {
  position: relative;
}
.l-others_fv .l-others_fv_inner {
  position: relative;
  padding: 4.875rem 2.84375rem;
}
.l-others_fv .l-others_fv_copy {
  display: block;
  font-size: 1.95rem;
  line-height: 1.3333333333;
  font-weight: 800;
}
.l-others_fv .l-others_fv_title {
  font-size: 5.6875rem;
  line-height: 1.1714285714;
  font-weight: 800;
}
.l-others_fv .l-others_fv_title .--ls-6 {
  letter-spacing: -0.06em;
}
.l-others_fv .l-others_fv_title .--ls-10 {
  letter-spacing: -0.1em;
}
.l-others_fv .l-others_fv_title .--ls-13 {
  letter-spacing: -0.13em;
}
.l-others_fv .l-others_fv_lead {
  margin-top: 4.875rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
}
.l-others_fv .l-others_fv_visual {
  position: absolute;
}

.l-statusBars_adjust {
  position: fixed;
  top: 0;
  pointer-events: none;
  z-index: 10000;
  height: 5px;
  width: 100%;
  background-color: #000;
  mix-blend-mode: lighten;
}

.l-tabBars_adjust {
  position: fixed;
  bottom: 0;
  pointer-events: none;
  height: 4px;
  width: 100%;
  z-index: 10000;
  background-color: #000;
  mix-blend-mode: lighten;
}

/**
 * Component
 */
.c-contentsList .c-contentsList_inner {
  padding-block: 4.0625rem;
  padding-inline: 3.25rem;
}
.c-contentsList .c-contentsList_group {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.25rem;
  margin-top: 3.25rem;
}
.c-contentsList .c-contentsList_link {
  display: block;
  width: 100%;
  position: relative;
}
.c-contentsList .c-contentsList_link:focus .c-contentsList_title {
  transform: translateY(-1.1375rem);
}
.c-contentsList .c-contentsList_link:focus .c-contentsList_image img {
  transform: scale(1.04);
}
.c-contentsList .c-contentsList_link:focus .c-contentsList_lead {
  transform: translateY(0.8125rem);
}
@media (hover: hover) and (pointer: fine) {
  .c-contentsList .c-contentsList_link:hover .c-contentsList_title {
    transform: translateY(-1.1375rem);
  }
  .c-contentsList .c-contentsList_link:hover .c-contentsList_image img {
    transform: scale(1.04);
  }
  .c-contentsList .c-contentsList_link:hover .c-contentsList_lead {
    transform: translateY(0.8125rem);
  }
}
.c-contentsList .c-contentsList_title {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.65rem 1.3rem;
  border-radius: 1.3rem 1.3rem 1.3rem 0;
  background-color: #000;
  color: #FFF;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.3333333333;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-contentsList .c-contentsList_image {
  width: 100%;
  margin-top: -2.03125rem;
  border-radius: 0.8125rem;
  border: 1px solid #000;
  overflow: hidden;
}
.c-contentsList .c-contentsList_image img {
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-contentsList .c-contentsList_lead {
  position: absolute;
  right: -1.625rem;
  bottom: -1.86875rem;
  width: 26.325rem;
  height: 5.525rem;
  padding-top: 2.35625rem;
  padding-left: 2.275rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
  background: url("/umajob/assets/images/common/contentsList_bubble-jobMatching.webp") no-repeat 50% 50%/contain;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.c-shorts {
  position: relative;
  aspect-ratio: 9/16;
}
.c-shorts .c-shorts_open {
  width: 100%;
  height: 100%;
}
.c-shorts .c-shorts_open > img {
  height: 100%;
}
.c-shorts .c-shorts_movie_wrap {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
}
.c-shorts .c-shorts_movie_wrap .c-shorts_movie {
  width: 100%;
  height: 100%;
}
.c-shorts.--playing .c-shorts_movie_wrap {
  z-index: 0;
  opacity: 1;
}

.c-heading {
  position: relative;
  z-index: 1;
  text-align: center;
}
.c-heading .c-heading_wrapper {
  display: inline-block;
}
.c-heading.--hasBreak .c-heading_inner .--small {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.5;
}
.c-heading.--hasBreak.--top .c-heading_inner {
  line-height: 1;
  padding: 0 1.86875rem 1.3rem;
}
.c-heading.--hasBreak.--bottom .c-heading_inner {
  line-height: 0.75;
  padding: 0.8125rem 1.86875rem 0.73125rem;
}
.c-heading .c-heading_inner {
  position: relative;
  display: inline-block;
  padding: 1.21875rem 1.86875rem;
  margin-right: 0.40625rem;
  border-radius: 3.25rem;
  border-radius: 9999px;
  border: 1px solid #000;
  background-color: #FFF;
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.25;
}
.c-heading .c-heading_inner::before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  top: 0.40625rem;
  left: 0.40625rem;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #48BED8 0%, #DAE138 40%, #EF93BB 100%);
  border: 1px solid #000;
}
.c-heading .c-heading_inner.--hasRuby {
  padding: 1.38125rem 2.7625rem 1.05625rem;
}
.c-heading .c-heading_inner.--hasRuby .ruby_rt {
  top: -0.7em;
  font-size: 0.375em;
}

.c-buttonArrow {
  overflow: hidden;
  position: relative;
  display: block;
}
.c-buttonArrow::before, .c-buttonArrow::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1), color 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.c-buttonArrow::before {
  transform: translateX(-140%);
}
.c-buttonArrow::after {
  transform: translateX(0);
}
.c-buttonArrow.--white::before, .c-buttonArrow.--white::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23FFF' d='M-.001 8.146h10.844L6.736 13l1.526 1.292 6.047-7.146L8.262 0 6.736 1.292l4.107 4.854H-.001z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.c-buttonArrow.--black::before, .c-buttonArrow.--black::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23000' d='M-.001 8.146h10.844L6.736 13l1.526 1.292 6.047-7.146L8.262 0 6.736 1.292l4.107 4.854H-.001z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}

.c-iconButton {
  --icon-fill: #845BA3;
  filter: drop-shadow(1px 1px 0 #000);
  transition: filter 0.3s cubic-bezier(0, 0, 0.58, 1);
  position: relative;
}
.c-iconButton::before, .c-iconButton::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.c-iconButton::before {
  background-color: var(--icon-fill);
  -webkit-mask: url("/umajob/assets/images/common/icon-button-shape.svg") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/common/icon-button-shape.svg") no-repeat 50% 50%/contain;
}
.c-iconButton::after {
  background-image: url("/umajob/assets/images/common/icon-button-stroke.svg");
  pointer-events: none;
}

.c-waveWhiteSection {
  background-color: #FFF;
  position: relative;
}
.c-waveWhiteSection::before, .c-waveWhiteSection::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: 0.8125rem;
  background: url("/umajob/assets/images/common/wave-white.webp") no-repeat 50% 50%/cover;
}
.c-waveWhiteSection::before {
  top: -0.65rem;
}
.c-waveWhiteSection::after {
  bottom: -0.65rem;
  transform: scaleY(-1);
}

.c-bottomArea {
  position: relative;
  padding-block: 4.875rem;
}

.c-pamphlet .c-pamphlet_contents {
  display: grid;
  justify-items: center;
  width: 32.09375rem;
  margin-inline: auto;
  margin-top: 3.25rem;
  padding-block: 3.25rem;
  border-radius: 1.3rem;
  background-color: #FFF;
  border: 1px solid #000;
}
.c-pamphlet .c-pamphlet_lead {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
.c-pamphlet .c-pamphlet_image {
  width: 25.59375rem;
  margin-top: 1.625rem;
}
.c-pamphlet .c-pamphlet_download {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  margin-top: 1.625rem;
  padding: 1.95rem 2.6rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
  color: #FFF;
  background-color: #FE6213;
  box-shadow: 0.08125rem 0.08125rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.c-pamphlet .c-pamphlet_download::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
.c-pamphlet .c-pamphlet_download:focus {
  box-shadow: 0.08125rem 0.08125rem 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  .c-pamphlet .c-pamphlet_download:hover {
    box-shadow: 0.08125rem 0.08125rem 0 transparent;
  }
}

.c-sns {
  margin-top: 3.25rem;
}
.c-sns .c-sns_list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 2.03125rem;
       column-gap: 2.03125rem;
  justify-content: center;
  margin-top: 3.25rem;
}
.c-sns .c-sns_link {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 9.5875rem;
  height: 9.5875rem;
  border-radius: 0.8125rem;
  border: 1px solid #000;
  background-color: #FFF;
}
.c-sns .c-sns_link:focus .c-sns_icon {
  transform: scale(1.1);
}
@media (hover: hover) and (pointer: fine) {
  .c-sns .c-sns_link:hover .c-sns_icon {
    transform: scale(1.1);
  }
}
.c-sns .c-sns_icon {
  width: 4.225rem;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.c-ruby {
  position: relative;
  display: inline-block;
  margin-inline: -0.25em;
}

.c-ruby_rt {
  position: absolute;
  left: 50%;
  top: -0.8em;
  transform: translateX(-50%);
  font-size: 0.5em;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: 0;
}

/**
 * Pages
 */
:where([data-page=top]) .l-stage {
  background-color: #FEE039;
}

:where([data-area-namespace=top]) .kv {
  height: 60.9375rem;
  position: relative;
}
:where([data-area-namespace=top]) .kv::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.625rem;
  background-repeat: repeat-y;
  background-size: cover;
  background-size: 35.75rem 294.125rem;
  background-position: 0 0;
  animation: VisualSliderSP 100s linear infinite;
  background-image: url("/umajob/assets/images/common/visual_tile-sp.webp");
}
:where([data-area-namespace=top]) .kv .kv_inner {
  position: relative;
  padding-top: 21.45rem;
  width: 100%;
  height: 100%;
}
:where([data-area-namespace=top]) .kv .kv_title {
  position: relative;
  width: 35.75rem;
  margin-inline: auto;
}
:where([data-area-namespace=top]) .kv .kv_title::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  -webkit-mask: url("/umajob/assets/images/top/kv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/top/kv_title.webp") no-repeat 50% 50%/contain;
  background-color: #000;
}
:where([data-area-namespace=top]) .kv .kv_voice {
  position: absolute;
}
:where([data-area-namespace=top]) .kv .kv_voice-1 {
  top: 7.71875rem;
  right: 2.51875rem;
  width: 16.0875rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-2 {
  top: 14.95rem;
  left: 3.49375rem;
  width: 15.4375rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-3 {
  bottom: 15.925rem;
  right: 4.55rem;
  width: 15.925rem;
  height: 4.55rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-4 {
  bottom: 5.76875rem;
  left: 4.7125rem;
  width: 11.2125rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-5 {
  top: 2.6rem;
  left: 3.25rem;
  width: 19.9875rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-6 {
  bottom: 4.55rem;
  right: 2.275rem;
  width: 15.1125rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .kv .kv_voice-7 {
  bottom: 18.6875rem;
  left: 2.35625rem;
  width: 14.1375rem;
  height: 3.7375rem;
}
:where([data-area-namespace=top]) .news .news_inner {
  padding-block: 1.625rem 4.7125rem;
  padding-inline: 3.25rem;
}
:where([data-area-namespace=top]) .news .news_content {
  margin-top: -3.0875rem;
  padding: 1.95rem 1.625rem 1.3rem;
  border-radius: 1.3rem;
  border: 1px solid #000;
  background-color: #FFF;
}
:where([data-area-namespace=top]) .news .news_content_inner {
  display: grid;
  padding: 1.3rem;
  border-radius: 0.65rem;
  background-color: #FFF4CD;
}
:where([data-area-namespace=top]) .news .news_date {
  justify-self: start;
  padding: 0.325rem 0.65rem;
  background-color: #FFF;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace=top]) .news .news_link {
  display: block;
  margin-top: 0.65rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: #000;
  transition: text-decoration-color 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=top]) .news .news_link:focus {
  text-decoration-color: rgba(0, 0, 0, 0.2);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .news .news_link:hover {
    text-decoration-color: rgba(0, 0, 0, 0.2);
  }
}
:where([data-area-namespace=top]) .news .news_archive {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
  justify-self: center;
  margin-top: 3.9rem;
  padding: 0.975rem 0.65rem;
  border-radius: 5.6875rem;
  border: 1px solid #000;
  background-color: #D9E471;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.08125rem 0.08125rem 0 #000;
}
:where([data-area-namespace=top]) .news .news_archive::before {
  content: "";
  display: block;
  position: absolute;
  top: -1.95rem;
  left: calc(50% - 13.1625rem);
  width: 26.40625rem;
  height: 0.325rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23D9E471' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='1'/%3E%3C/svg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 0.975rem 0.325rem;
}
:where([data-area-namespace=top]) .news .news_archive:focus {
  box-shadow: 0.08125rem 0.08125rem 0 transparent;
}
:where([data-area-namespace=top]) .news .news_archive:focus .news_archive_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .news .news_archive:focus .news_archive_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .news .news_archive:hover {
    box-shadow: 0.08125rem 0.08125rem 0 transparent;
  }
  :where([data-area-namespace=top]) .news .news_archive:hover .news_archive_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .news .news_archive:hover .news_archive_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .news .news_archive_text {
  font-size: 0.975rem;
  line-height: 1.8333333333;
  font-weight: 700;
}
:where([data-area-namespace=top]) .news .news_archive_arrow {
  width: 1.1375rem;
}
:where([data-area-namespace=top]) .joblist .joblist_inner {
  padding-block: 4.875rem 4.0625rem;
  padding-inline: 3.25rem;
}
:where([data-area-namespace=top]) .joblist .joblist_contents {
  display: grid;
  grid-template-columns: repeat(1, auto);
  row-gap: 3.25rem;
  margin-top: 3.575rem;
}
:where([data-area-namespace=top]) .joblist {
  /* 共通設定 */
  --jobMainColor: #F49B17;
  --jobSubColor: #F49B17;
  --jobButtonColor: #F49B17;
}
:where([data-area-namespace=top]) .joblist .job {
  display: block;
  width: 100%;
}
:where([data-area-namespace=top]) .joblist .job_link {
  position: relative;
  display: grid;
  grid-template-columns: 11.5375rem 16.4125rem;
  justify-content: space-between;
  border-radius: 1.3rem;
  padding: 1.95rem 1.3rem;
  border: 1px solid #000;
  background-color: var(--jobMainColor);
}
:where([data-area-namespace=top]) .joblist .job_link::before {
  opacity: 0.1;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
}
:where([data-area-namespace=top]) .joblist .job_link:focus .job_button {
  filter: drop-shadow(1px 1px 0 transparent);
}
:where([data-area-namespace=top]) .joblist .job_link:focus .job_button .job_button_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .joblist .job_link:focus .job_button .job_button_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .joblist .job_link:hover .job_button {
    filter: drop-shadow(1px 1px 0 transparent);
  }
  :where([data-area-namespace=top]) .joblist .job_link:hover .job_button .job_button_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .joblist .job_link:hover .job_button .job_button_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .joblist .job_visual {
  position: relative;
  width: 100%;
}
:where([data-area-namespace=top]) .joblist .job_image {
  width: 100%;
}
:where([data-area-namespace=top]) .joblist .job_character {
  position: absolute;
  z-index: 1;
}
:where([data-area-namespace=top]) .joblist .job_text {
  position: relative;
  text-align: center;
  padding-top: 0.325rem;
}
:where([data-area-namespace=top]) .joblist .job_lead {
  display: inline-block;
  padding: 0.325rem 0.65rem;
  border-radius: 3.25rem;
  background-color: var(--jobSubColor);
  border: 1px solid #000;
  font-size: 0.975rem;
  line-height: 1.6666666667;
}
:where([data-area-namespace=top]) .joblist .job_lead.--hasRuby .ruby_rt {
  top: -0.4em;
  font-size: 0.6em;
}
:where([data-area-namespace=top]) .joblist .job_name {
  margin-inline: auto;
  margin-top: 0.65rem;
}
:where([data-area-namespace=top]) .joblist .job_button {
  position: absolute;
  bottom: 0.8125rem;
  right: 0.975rem;
  width: 3.25rem;
  height: 3.00625rem;
  --icon-fill: var(--jobButtonColor);
}
:where([data-area-namespace=top]) .joblist .job_button_arrow {
  position: absolute;
  top: 1.1375rem;
  left: calc(50% - 0.56875rem);
  width: 1.1375rem;
  height: 1.1375rem;
}
:where([data-area-namespace=top]) .joblist {
  /* 個別設定 */
}
:where([data-area-namespace=top]) .joblist .job-seisan {
  --jobMainColor: #F49B17;
  --jobSubColor: #FFF3CD;
  --jobButtonColor: #FCC92C;
}
:where([data-area-namespace=top]) .joblist .job-seisan .job_character {
  top: 3.81875rem;
  left: 6.825rem;
  width: 7.23125rem;
  height: 6.90625rem;
}
:where([data-area-namespace=top]) .joblist .job-seisan .job_name {
  width: 13.1625rem;
}
:where([data-area-namespace=top]) .joblist .job-ikusei {
  --jobMainColor: #23B3D3;
  --jobSubColor: #DFF2FC;
  --jobButtonColor: #2583C6;
}
:where([data-area-namespace=top]) .joblist .job-ikusei .job_character {
  top: 2.7625rem;
  left: 6.825rem;
  width: 7.71875rem;
  height: 7.9625rem;
}
:where([data-area-namespace=top]) .joblist .job-ikusei .job_name {
  width: 13.1625rem;
}
:where([data-area-namespace=top]) .joblist .job-kyumuin {
  --jobMainColor: #FCC92C;
  --jobSubColor: #FFF3CD;
  --jobButtonColor: #F39800;
}
:where([data-area-namespace=top]) .joblist .job-kyumuin .job_character {
  top: 4.0625rem;
  left: 7.71875rem;
  width: 7.55625rem;
  height: 6.9875rem;
}
:where([data-area-namespace=top]) .joblist .job-kyumuin .job_name {
  width: 9.75rem;
}
:where([data-area-namespace=top]) .joblist .job-jyuishi {
  --jobMainColor: #2FA438;
  --jobSubColor: #DFF2FC;
  --jobButtonColor: #23B3D3;
}
:where([data-area-namespace=top]) .joblist .job-jyuishi .job_character {
  top: 4.0625rem;
  left: 6.41875rem;
  width: 8.45rem;
  height: 6.825rem;
}
:where([data-area-namespace=top]) .joblist .job-jyuishi .job_name {
  width: 9.75rem;
}
:where([data-area-namespace=top]) .joblist .job-souteishi {
  --jobMainColor: #845BA3;
  --jobSubColor: #EEDEED;
  --jobButtonColor: #97A8D5;
}
:where([data-area-namespace=top]) .joblist .job-souteishi .job_character {
  top: 3.16875rem;
  left: 6.09375rem;
  width: 9.1rem;
  height: 7.55625rem;
}
:where([data-area-namespace=top]) .joblist .job-souteishi .job_name {
  width: 9.75rem;
}
:where([data-area-namespace=top]) .joblist .job-kisyu {
  --jobMainColor: #E9473B;
  --jobSubColor: #FEFCE2;
  --jobButtonColor: #EF93BB;
}
:where([data-area-namespace=top]) .joblist .job-kisyu .job_character {
  top: 2.19375rem;
  left: 7.15rem;
  width: 7.06875rem;
  height: 8.36875rem;
}
:where([data-area-namespace=top]) .joblist .job-kisyu .job_name {
  width: 6.74375rem;
}
:where([data-area-namespace=top]) .joblist .job-instructor {
  --jobMainColor: #E84994;
  --jobSubColor: #FEEFE2;
  --jobButtonColor: #845BA3;
}
:where([data-area-namespace=top]) .joblist .job-instructor .job_character {
  top: 1.86875rem;
  left: 7.6375rem;
  width: 6.0125rem;
  height: 8.9375rem;
}
:where([data-area-namespace=top]) .joblist .job-instructor .job_text {
  padding-top: 1.95rem;
}
:where([data-area-namespace=top]) .joblist .job-instructor .job_name {
  width: 15.51875rem;
}
:where([data-area-namespace=top]) .diagram .diagram_inner {
  padding-block: 2.4375rem 4.875rem;
}
:where([data-area-namespace=top]) .diagram .diagram_lead {
  margin-top: 3.25rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
}
:where([data-area-namespace=top]) .diagram .diagram_open {
  width: 100%;
  pointer-events: none;
  margin-top: 3.25rem;
}
:where([data-area-namespace=top]) .shorts_area {
  position: relative;
  margin-top: 3.4125rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide {
  display: grid;
  width: 32.5rem !important;
  padding-inline: 0.8125rem;
  padding-bottom: 1.625rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide.swiper-slide-active .c-shorts_open {
  pointer-events: auto;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide.swiper-slide-active .shorts_slide_link_wrap {
  opacity: 1;
  transform: scale(1) translateY(0);
}
:where([data-area-namespace=top]) .shorts_area .shorts_button {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 23.4rem;
  width: 4.875rem;
  height: 4.46875rem;
  --icon-fill: #FEE039;
}
:where([data-area-namespace=top]) .shorts_area .shorts_button.--prev {
  left: 0.8125rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_button.--prev .shorts_button_arrow {
  transform: scaleX(-1);
}
:where([data-area-namespace=top]) .shorts_area .shorts_button.--next {
  right: 0.8125rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_button:focus {
  filter: drop-shadow(1px 1px 0 transparent);
}
:where([data-area-namespace=top]) .shorts_area .shorts_button:focus .shorts_button_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .shorts_area .shorts_button:focus .shorts_button_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .shorts_area .shorts_button:hover {
    filter: drop-shadow(1px 1px 0 transparent);
  }
  :where([data-area-namespace=top]) .shorts_area .shorts_button:hover .shorts_button_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .shorts_area .shorts_button:hover .shorts_button_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .shorts_area .c-shorts_open {
  pointer-events: none;
}
:where([data-area-namespace=top]) .shorts_area .shorts_button_arrow {
  position: absolute;
  top: 1.70625rem;
  left: calc(50% - 0.8125rem);
  width: 1.70625rem;
  height: 1.70625rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link_wrap {
  transform-origin: top;
  opacity: 0;
  transform: scale(0.7) translateY(-1.625rem);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  position: relative;
  display: block;
  justify-self: center;
  margin-top: -3.25rem;
  color: #FFF;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link {
  position: relative;
  z-index: 1;
  display: grid;
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
  grid-template-columns: repeat(2, auto);
  padding: 3.25rem 1.7875rem 1.95rem;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link::before, :where([data-area-namespace=top]) .shorts_area .shorts_slide_link::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='348' height='85' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M314 17c18.778 0 34 15.222 34 34s-15.222 34-34 34H34C15.222 85 0 69.778 0 51s15.222-34 34-34h249l3-17 18 17z'/%3E%3C/mask%3E%3Cpath fill='%23FFF' d='M314 17c18.778 0 34 15.222 34 34s-15.222 34-34 34H34C15.222 85 0 69.778 0 51s15.222-34 34-34h249l3-17 18 17z'/%3E%3Cpath fill='%23000' d='M283 17v1h.839l.146-.826zm3-17 .687-.727-1.349-1.274-.323 1.827zm18 17-.687.727.289.273H304zm10 0v1c18.225 0 33 14.775 33 33h2c0-19.33-15.67-35-35-35zm34 34h-1c0 18.225-14.775 33-33 33v2c19.33 0 35-15.67 35-35zm-34 34v-1H34v2h280zM34 85v-1C15.775 84 1 69.225 1 51h-2c0 19.33 15.67 35 35 35zM0 51h1c0-18.225 14.775-33 33-33v-2C14.67 16-1 31.67-1 51zm34-34v1h249v-2H34zm249 0 .985.174 3-17L286 0l-.985-.174-3 17zm3-17-.687.727 18 17L304 17l.687-.727-18-17zm18 17v1h10v-2h-10z' mask='url(%23a)'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  transform: translate(0.325rem, 0.325rem);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='348' height='85' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M314 17c18.778 0 34 15.222 34 34s-15.222 34-34 34H34C15.222 85 0 69.778 0 51s15.222-34 34-34h249l3-17 18 17z'/%3E%3C/mask%3E%3Cpath fill='%23FE6213' d='M314 17c18.778 0 34 15.222 34 34s-15.222 34-34 34H34C15.222 85 0 69.778 0 51s15.222-34 34-34h249l3-17 18 17z'/%3E%3Cpath fill='%23000' d='M283 17v1h.839l.146-.826zm3-17 .687-.727-1.349-1.274-.323 1.827zm18 17-.687.727.289.273H304zm10 0v1c18.225 0 33 14.775 33 33h2c0-19.33-15.67-35-35-35zm34 34h-1c0 18.225-14.775 33-33 33v2c19.33 0 35-15.67 35-35zm-34 34v-1H34v2h280zM34 85v-1C15.775 84 1 69.225 1 51h-2c0 19.33 15.67 35 35 35zM0 51h1c0-18.225 14.775-33 33-33v-2C14.67 16-1 31.67-1 51zm34-34v1h249v-2H34zm249 0 .985.174 3-17L286 0l-.985-.174-3 17zm3-17-.687.727 18 17L304 17l.687-.727-18-17zm18 17v1h10v-2h-10z' mask='url(%23a)'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link:focus::before {
  opacity: 0;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link:focus .shorts_slide_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link:focus .shorts_slide_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .shorts_area .shorts_slide_link:hover::before {
    opacity: 0;
  }
  :where([data-area-namespace=top]) .shorts_area .shorts_slide_link:hover .shorts_slide_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .shorts_area .shorts_slide_link:hover .shorts_slide_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link_text {
  position: relative;
  z-index: 2;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace=top]) .shorts_area .shorts_slide_link_arrow {
  position: relative;
  z-index: 2;
  width: 1.1375rem;
}
:where([data-area-namespace=top]) .overview .overview_inner {
  padding-block: 5.6875rem 3.25rem;
}
:where([data-area-namespace=top]) .interview {
  position: relative;
}
:where([data-area-namespace=top]) .interview::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 16.25rem);
  width: 32.5rem;
  height: 0.325rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23FFFFFF' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 0.975rem 0.325rem;
}
:where([data-area-namespace=top]) .interview .interview_inner {
  padding-block: 3.25rem 4.875rem;
}
:where([data-area-namespace=top]) .movie_link_wrap {
  text-align: center;
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  justify-self: center;
  margin-top: 3.25rem;
  padding: 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  color: #FFF;
  background-color: #FE6213;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link:focus .movie_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link:focus .movie_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .movie_link_wrap .movie_link:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace=top]) .movie_link_wrap .movie_link:hover .movie_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .movie_link_wrap .movie_link:hover .movie_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link .movie_link_text {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace=top]) .movie_link_wrap .movie_link .movie_link_arrow {
  width: 1.1375rem;
}
:where([data-area-namespace=top]) .fixedBanner {
  position: sticky;
  z-index: 900;
  left: calc(50% - 18.525rem);
  bottom: 0.65rem;
  width: 39rem;
  height: 10.15625rem;
  margin-top: -10.15625rem;
}
:where([data-area-namespace=top]) .fixedBanner[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s cubic-bezier(0, 0, 0.58, 1), visibility 0.01s 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
:where([data-area-namespace=top]) .fixedBanner[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s 0.12s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.3s 0.02s cubic-bezier(0, 0, 0.58, 1), visibility 0.01s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_close {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center;
  top: -0.975rem;
  right: 0;
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
  border: 1px solid #000;
  background-color: #FFF;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_close::before, :where([data-area-namespace=top]) .fixedBanner .fixedBanner_close::after {
  grid-column: 1/2;
  grid-row: 1/2;
  content: "";
  display: block;
  width: 1.3rem;
  height: 1px;
  background-color: #000;
  transform-origin: center;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_close::before {
  transform: rotate(45deg);
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_close::after {
  transform: rotate(-45deg);
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  width: 37.05rem;
  height: 10.15625rem;
  margin-inline: auto;
  padding: 1.95rem;
  background-color: #F7C7C6;
  border: 1px solid #000;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link::before {
  opacity: 0.2;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 0.24375rem), #FFF calc(100% - 0.24375rem)), linear-gradient(90deg, transparent calc(100% - 0.24375rem), #FFF calc(100% - 0.24375rem));
  background-size: 3.25rem 3.25rem;
  background-repeat: repeat;
  background-position: center center;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link::after {
  content: "";
  position: relative;
  display: block;
  width: 9.425rem;
  height: 7.15rem;
  margin-left: 1.38125rem;
  background: url("/umajob/assets/images/top/fixedBanner_character.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:focus .fixedBanner_badge {
  filter: drop-shadow(1px 1px 0 transparent);
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:focus .fixedBanner_badge_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:focus .fixedBanner_badge_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:hover .fixedBanner_badge {
    filter: drop-shadow(1px 1px 0 transparent);
  }
  :where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:hover .fixedBanner_badge_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=top]) .fixedBanner .fixedBanner_link:hover .fixedBanner_badge_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_lead {
  position: relative;
  display: inline-block;
  padding: 0.325rem 0.65rem;
  border-radius: 3.25rem;
  background-color: #FEEFE2;
  border: 1px solid #000;
  font-size: 0.975rem;
  line-height: 1.6666666667;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_title {
  position: relative;
  margin-top: 0.65rem;
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.25;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_badge {
  position: absolute;
  top: calc(50% - 1.4625rem);
  right: 1.3rem;
  width: 3.25rem;
  height: 3.00625rem;
  --icon-fill: #FFF310;
}
:where([data-area-namespace=top]) .fixedBanner .fixedBanner_badge_arrow {
  position: absolute;
  top: 1.1375rem;
  left: calc(50% - 0.56875rem);
  width: 1.1375rem;
  height: 1.1375rem;
}
:where([data-area-namespace=top]) .diagramModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 720/786;
  width: min(100vw - 32px, 79.4701986755vh, 720px);
  max-width: 720px;
  max-height: 786px;
  transition-duration: 300ms;
  transition-property: display, overlay, opacity;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-behavior: allow-discrete;
  opacity: 1;
  visibility: visible;
}
:where([data-area-namespace=top]) .diagramModal::backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: inherit;
}
@starting-style {
  :where([data-area-namespace=top]) .diagramModal:modal::backdrop {
    opacity: 0;
  }
}
:where([data-area-namespace=top]) .diagramModal:not(:modal), :where([data-area-namespace=top]) .diagramModal:not(:modal)::backdrop {
  transition-duration: 300ms;
  opacity: 0;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
:where([data-area-namespace=top]) .diagramModal .diagramModal_inner {
  transform: scale(1);
  transition-duration: 300ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@starting-style {
  :where([data-area-namespace=top]) .diagramModal .diagramModal_inner {
    transform: scale(0.8);
  }
}
:where([data-area-namespace=top]) .diagramModal .diagramModal_inner {
  container-type: size;
  width: 100%;
  height: 100%;
}
:where([data-area-namespace=top]) .diagramModal .diagramModal_close {
  position: absolute;
  top: -8.3333333333cqw;
  right: 0;
  width: 8.3333333333cqw;
  height: 8.3333333333cqw;
}
@media screen and (min-width: 810px) {
  :where([data-area-namespace=top]) .kv,
  :where([data-area-namespace=top]) .news {
    display: none;
  }
  :where([data-area-namespace=top]) .joblist .joblist_inner {
    padding-block: 3.25rem 4.0625rem;
  }
  :where([data-area-namespace=top]) .diagram .diagram_open {
    cursor: zoom-in;
    pointer-events: auto;
  }
}
@media screen and (min-width: 1300px) {
  :where([data-area-namespace=top]) .fixedBanner {
    display: none;
  }
}

:where([data-area-namespace^=job-]) .p-progress {
  width: 32.5rem;
  height: 0.65rem;
  margin-inline: auto;
}
:where([data-area-namespace^=job-]) .p-progress .swiper-pagination-progressbar-fill {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: left;
}
:where([data-area-namespace^=job-]) main {
  position: relative;
}
:where([data-area-namespace^=job-]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.1;
}
:where([data-area-namespace^=job-]) .p-fv {
  height: 65rem;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_image,
:where([data-area-namespace^=job-]) .p-fv .p-fv_character,
:where([data-area-namespace^=job-]) .p-fv .p-fv_object {
  position: absolute;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_letter_wrap {
  position: relative;
  z-index: 1;
  padding-top: 3.25rem;
  padding-left: 2.6rem;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_title {
  position: relative;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_title::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #000;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_copy {
  display: block;
  font-size: 1.95rem;
  line-height: 1.3333333333;
  font-weight: 800;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_copy .ruby_rt {
  top: -0.5em;
  font-size: 0.5em;
  font-weight: 700;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_character {
  z-index: 1;
}
:where([data-area-namespace^=job-]) .p-fv .p-fv_object_inner {
  display: block;
  width: 100%;
  height: 100%;
}
:where([data-area-namespace^=job-]) .p-intro .p-intro_inner {
  padding-block: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-intro .p-intro_lead {
  margin-top: 3.25rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-intro .p-intro_lead .ruby_rt {
  top: -0.3em;
  font-size: 0.5em;
  font-weight: 700;
}
:where([data-area-namespace^=job-]) .p-intro .p-introShorts {
  width: 32.5rem;
  margin-inline: auto;
  margin-top: 3.25rem;
  background-color: #DCDADA;
}
:where([data-area-namespace^=job-]) .p-point {
  --pointColor_1: #FFF;
  --pointColor_2: #FFF;
  --pointColor_3: #FFF;
  --pointColor_4: #FFF;
  --pointColor_5: #000;
  --pointColor_6: #000;
  position: relative;
  margin-top: 3.25rem;
  padding-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-point::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 16.25rem);
  width: 32.5rem;
  height: 0.325rem;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 0.975rem 0.325rem;
}
:where([data-area-namespace^=job-]) .p-point .p-point_heading {
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-point .p-point_heading .p-point_heading_inner {
  padding: 0.65rem 1.7875rem;
  display: inline-block;
  background-color: var(--pointColor_1);
  color: var(--pointColor_6);
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
  clip-path: polygon(1.1375rem 0, calc(100% - 1.1375rem) 0, 100% 50%, calc(100% - 1.1375rem) 100%, 1.1375rem 100%, 0 50%);
}
:where([data-area-namespace^=job-]) .p-point .p-points_contents {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-point .p-point_slide {
  width: 34.125rem !important;
  padding-inline: 0.8125rem;
}
:where([data-area-namespace^=job-]) .p-point .p-point_title {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.65rem 1.3rem;
  border-radius: 1.3rem 1.3rem 1.3rem 0;
  color: var(--pointColor_5);
  background-color: var(--pointColor_2);
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-point .p-point_title sup {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.3em;
}
:where([data-area-namespace^=job-]) .p-point .p-point_image {
  margin-top: -1.95rem;
  width: 100%;
}
:where([data-area-namespace^=job-]) .p-point .p-point_paragraph {
  margin-top: 1.95rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace^=job-]) .p-point .p-point_paragraph sup {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.2em;
}
:where([data-area-namespace^=job-]) .p-point .p-point_annotation {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 0.975rem;
  line-height: 2;
  margin-top: 0.325rem;
}
:where([data-area-namespace^=job-]) .p-point .p-point_progress {
  margin-top: 3.25rem;
  background-color: var(--pointColor_3);
}
:where([data-area-namespace^=job-]) .p-point .p-point_progress .swiper-pagination-progressbar-fill {
  background-color: var(--pointColor_4);
}
:where([data-area-namespace^=job-]) .p-routine {
  --routineColor_1: #FFF;
  --routineColor_2: #FFF;
  --routineColor_3: #FFF;
  --routineColor_4: #FFF;
  --routineColor_5: #FFF;
  --routineColor_6: #FFF;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_inner {
  padding-block: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_contents {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slider {
  padding-inline: 2.4375rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slide {
  position: relative;
  width: 17.0625rem !important;
  height: auto;
  padding-inline: 0.8125rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slide.--double {
  width: 32.6625rem !important;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slide:nth-last-of-type(even) .p-routine_content {
  background-color: var(--routineColor_1);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slide:nth-last-of-type(odd) .p-routine_content {
  background-color: var(--routineColor_2);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_slide + .p-routine_slide::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.65rem);
  left: -0.8125rem;
  width: 1.625rem;
  height: 1.3rem;
  background-color: var(--routineColor_6);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_content {
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 1.95rem 1.3rem;
  border-radius: 1.3rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_double {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.6rem;
       column-gap: 2.6rem;
  margin-top: 0.65rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_half {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_half .p-routine_paragraph {
  margin-block: unset;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_time {
  font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: var(--routineColor_3);
  font-size: 1.95rem;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_paragraph {
  margin-block: 0.65rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_paragraph .--small {
  font-size: 1.3rem;
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_progress {
  margin-top: 3.25rem;
  background-color: var(--routineColor_4);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_progress .swiper-pagination-progressbar-fill {
  background-color: var(--routineColor_5);
}
:where([data-area-namespace^=job-]) .p-routine .p-routine_annotation {
  margin-top: 3.25rem;
  padding-inline: 3.25rem;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 0.975rem;
  line-height: 2;
  font-weight: 500;
}
:where([data-area-namespace^=job-]) .p-interview {
  --interviewColor_1: #FFF;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_inner {
  padding-block: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_lead {
  margin-top: 3.25rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-interview .p-interviewShorts {
  width: 32.5rem;
  margin-inline: auto;
  margin-block: 3.25rem;
  background-color: #DCDADA;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap {
  margin-top: 3.25rem;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.95rem;
       column-gap: 1.95rem;
  align-items: center;
  padding: 1.95rem 2.6rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.95rem;
  line-height: 1;
  text-align: center;
  color: #FFF;
  background-color: var(--interviewColor_1);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link .--small {
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner:focus .p-interview_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner:focus .p-interview_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner:hover .p-interview_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner:hover .p-interview_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner::after {
  display: none;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link.--isInner .p-interview_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-interview .p-interview_link_wrap .p-interview_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_inner {
  padding-block: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_lead {
  margin-top: 3.25rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_contents {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-howto .p-howto_annotation {
  margin-top: 3.25rem;
  padding-inline: 3.25rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: #FFF;
}
:where([data-area-namespace^=job-]) .p-flow {
  --flowColor_1: #FFF;
  --flowColor_2: #FFF;
  --flowColor_3: #FFF;
  --flowColor_4: #FFF;
  --flowColor_5: #FFF;
  --flowColor_6: #FFF;
  --flowColor_7: #FFF;
  --flowColor_8: #FFF;
  --flowColor_9: #FFF;
  --flowColor_10: #FFF;
  --flowColor_11: #FFF;
  --flowColor_12: #FFF;
}
:where([data-area-namespace^=job-]) .p-flow + .p-flow {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-flow + .p-flow.--isPhase {
  position: relative;
  margin-top: 10.8875rem;
}
:where([data-area-namespace^=job-]) .p-flow + .p-flow.--isPhase::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8.2875rem);
  top: -7.6375rem;
  width: 16.575rem;
  height: 4.3875rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: var(--flowColor_10);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_contents,
:where([data-area-namespace^=job-]) .p-flow .p-flow_single {
  position: relative;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading {
  position: relative;
  display: block;
  width: 32.5rem;
  margin-inline: auto;
  padding-block: 0.8125rem;
  border-radius: 1.3rem 1.3rem 0 0;
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
  text-align: center;
  background-color: var(--flowColor_1);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--must {
  position: relative;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--must .p-flow_heading_must {
  position: absolute;
  top: -0.65rem;
  left: 0rem;
  width: 8.125rem;
  height: 4.0625rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--support {
  position: relative;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--support .p-flow_heading_support {
  position: absolute;
  display: block;
  top: -1.21875rem;
  right: 1.625rem;
  width: 8.36875rem;
  height: 5.3625rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--support .p-flow_heading_support span {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 0.65rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  background-color: var(--flowColor_11);
  clip-path: polygon(0 0, 100% 0, 100% 84.8%, 50% 100%, 0 84.8%);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading.--support .p-flow_heading_support::before {
  content: "";
  display: block;
  position: absolute;
  top: 0rem;
  left: -1.05625rem;
  width: 1.05625rem;
  height: 1.21875rem;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  background-color: var(--flowColor_12);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_heading .--leftSpace {
  padding-left: 1.21875rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_slider,
:where([data-area-namespace^=job-]) .p-flow .p-flow_singleItem {
  padding-inline: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_slide,
:where([data-area-namespace^=job-]) .p-flow .p-flow_singleItem_inner {
  position: relative;
  width: 32.5rem !important;
  height: auto;
  background-color: var(--flowColor_2);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_slide + .p-flow_slide::before,
:where([data-area-namespace^=job-]) .p-flow .p-flow_singleItem_inner + .p-flow_slide::before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--flowColor_2);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_content {
  height: 100%;
  display: grid;
  align-content: start;
  grid-template-rows: repeat(2, auto);
  padding: 3.25rem 1.625rem 7.3125rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_content.--hasButton {
  grid-template-rows: repeat(3, auto);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_content.--endAlign {
  align-content: end;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_singleItem .p-flow_content {
  padding: 3.25rem 1.625rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  min-height: 4.55rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_title .--small {
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_title::before {
  content: "";
  display: block;
  width: 0.65rem;
  height: 100%;
  background-color: var(--flowColor_3);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_image {
  width: 100%;
  margin-top: 1.95rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  margin-top: 1.95rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_copy {
  display: block;
  height: 5.525rem;
  padding: 1.21875rem 0 0 1.95rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_label {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0.65rem 1.3rem;
  background-color: var(--flowColor_7);
  border-radius: 1.3rem 1.3rem 1.3rem 0;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_image {
  margin-top: -1.38125rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_description {
  margin-top: 1.3rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_link_wrap {
  text-align: center;
  margin-top: 1.95rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_link_wrap .p-flow_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.3rem 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  background-color: var(--flowColor_4);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_link_wrap .p-flow_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_link_wrap .p-flow_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-flow .p-flow_link_wrap .p-flow_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_link_wrap {
  text-align: center;
  margin-top: 1.3rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_link_wrap .p-flow_half_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 0.975rem;
       column-gap: 0.975rem;
  align-items: center;
  padding: 1.3rem 1.625rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  background-color: var(--flowColor_4);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_link_wrap .p-flow_half_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_half_link_wrap .p-flow_half_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-flow .p-flow_half_link_wrap .p-flow_half_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.95rem;
  -moz-column-gap: 1.1375rem;
       column-gap: 1.1375rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.3rem 1.95rem;
  border-radius: 3.25rem;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:focus {
  box-shadow: 0 0 0 transparent;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:focus .p-flow_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:focus .p-flow_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:hover {
    box-shadow: 0 0 0 transparent;
  }
  :where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:hover .p-flow_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:hover .p-flow_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:nth-of-type(1) {
  background-color: var(--flowColor_8);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link:nth-of-type(2) {
  background-color: var(--flowColor_9);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_double_link_wrap .p-flow_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_progress {
  position: absolute;
  z-index: 2;
  bottom: 3.25rem;
  left: calc(50% - 14.625rem);
  width: 29.25rem;
  margin-top: -3.9rem;
  background-color: var(--flowColor_5);
}
:where([data-area-namespace^=job-]) .p-flow .p-flow_progress .swiper-pagination-progressbar-fill {
  background-color: var(--flowColor_6);
}
:where([data-area-namespace^=job-]) .p-goal {
  --goalColor_1: #FFF;
  --goalColor_2: #FFF;
  --goalColor_3: #FFF;
  position: relative;
  width: 32.5rem;
  margin-top: 10.8875rem;
  margin-inline: auto;
}
:where([data-area-namespace^=job-]) .p-goal .p-goal_inner {
  display: block;
  width: 100%;
  min-height: 9.75rem;
  display: grid;
  align-items: center;
  padding: 1.3rem 1.4625rem;
  border-radius: 0.8125rem;
  background-color: var(--goalColor_2);
}
:where([data-area-namespace^=job-]) .p-goal .p-goal_text {
  text-align: center;
  color: var(--goalColor_1);
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
}
:where([data-area-namespace^=job-]) .p-goal .p-goal_text .--small {
  font-size: 1.625rem;
  line-height: 2.4;
}
:where([data-area-namespace^=job-]) .p-goal .p-goal_text sup {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.2em;
}
:where([data-area-namespace^=job-]) .p-goal .p-goal_annotation {
  margin-top: 1.3rem;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--goalColor_1);
}
:where([data-area-namespace^=job-]) .p-goal::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8.2875rem);
  top: -7.6375rem;
  width: 16.575rem;
  height: 4.3875rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: var(--goalColor_3);
}
:where([data-area-namespace^=job-]) .p-skill {
  --skillColor_1: #FFF;
  --skillColor_2: #FFF;
  --skillColor_3: #FFF;
  --skillColor_4: #FFF;
  position: relative;
  width: 32.5rem;
  margin-top: 3.25rem;
  margin-inline: auto;
  padding: 3.25rem 1.625rem;
  border-radius: 1.3rem;
  background-color: var(--skillColor_1);
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_heading {
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_heading .p-skill_heading_inner {
  position: relative;
  display: inline-block;
  padding: 0.65rem 1.4625rem;
  border-radius: 1.3rem;
  background-color: var(--skillColor_2);
  color: var(--skillColor_3);
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_heading .p-skill_heading_column {
  position: absolute;
  top: -1.7875rem;
  left: -2.84375rem;
  width: 8.53125rem;
  height: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_paragraph {
  margin-top: 3.25rem;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.9;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_paragraph .--attention {
  color: #FF0000;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_paragraph:nth-of-type(2) {
  margin-top: 10.8875rem;
  position: relative;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_paragraph:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8.2875rem);
  top: -7.6375rem;
  width: 16.575rem;
  height: 4.3875rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: var(--skillColor_2);
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_link_wrap {
  text-align: center;
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_link_wrap .p-skill_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.95rem 2.6rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  background-color: var(--skillColor_4);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_link_wrap .p-skill_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-skill .p-skill_link_wrap .p-skill_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-skill .p-skill_link_wrap .p-skill_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-schedule {
  --scheduleColor_1: #FFF;
  --scheduleColor_2: #FFF;
  --scheduleColor_3: #FFF;
  --scheduleColor_4: #FFF;
  --scheduleColor_5: #FFF;
  --scheduleColor_6: #FFF;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_inner {
  padding-block: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_lead {
  margin-top: 3.25rem;
  text-align: center;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_contents {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_slider {
  padding-inline: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_slide,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_singleItem,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem {
  position: relative;
  width: 32.5rem !important;
  height: auto;
  background-color: var(--scheduleColor_1);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_slide + .p-schedule_slide::before,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_singleItem + .p-schedule_slide::before,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem + .p-schedule_slide::before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--scheduleColor_1);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_slide + .p-schedule_simpleItem,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_singleItem + .p-schedule_simpleItem,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem + .p-schedule_simpleItem {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_singleItem,
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem {
  margin-inline: auto;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem {
  padding: 3.25rem 1.3rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_content {
  height: 100%;
  display: grid;
  padding: 3.25rem 1.3rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_head {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-self: start;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_head.--deadline {
  align-self: start;
  grid-template-columns: auto 1fr auto;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_head.--deadline::after {
  content: "";
  display: block;
  width: 4.63125rem;
  height: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_month {
  align-self: start;
  padding-inline: 0.56875rem;
  background-color: var(--scheduleColor_2);
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
  min-width: 4.875rem;
  line-height: 4.875rem;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_month .p-schedule_number {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_month.--small {
  padding-inline: 0.8125rem 0.65rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_title {
  display: grid;
  align-items: center;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  margin-block: -0.65rem;
  color: var(--scheduleColor_3);
  min-height: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem_title {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  color: var(--scheduleColor_6);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_simpleItem_lead {
  margin-top: 1.3rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_description {
  padding-top: 1.3rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_description .--small {
  font-size: 0.975rem;
  line-height: 2.6666666667;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_image {
  align-self: end;
  padding-top: 1.3rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_item_link_wrap {
  text-align: center;
  margin-top: 1.95rem;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_item_link_wrap .p-schedule_item_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.3rem 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  background-color: var(--scheduleColor_6);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_item_link_wrap .p-schedule_item_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_item_link_wrap .p-schedule_item_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-schedule .p-schedule_item_link_wrap .p-schedule_item_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_progress {
  width: 32.5rem;
  margin-top: 3.25rem;
  margin-inline: auto;
  background-color: var(--scheduleColor_4);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_progress .swiper-pagination-progressbar-fill {
  background-color: var(--scheduleColor_5);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_annotation {
  margin-top: 3.25rem;
  padding-inline: 3.25rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-left: 1em;
  text-indent: -1em;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap {
  margin-top: 3.9rem;
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap .p-schedule_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.95rem;
       column-gap: 1.95rem;
  align-items: center;
  padding: 1.95rem 2.6rem;
  border-radius: 9999px;
  border: 1px solid #000;
  font-size: 1.95rem;
  line-height: 1;
  text-align: center;
  color: #FFF;
  background-color: var(--scheduleColor_6);
  box-shadow: 0.325rem 0.325rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap .p-schedule_link .--small {
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap .p-schedule_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap .p-schedule_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-schedule .p-schedule_link_wrap .p-schedule_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-college {
  --collegeColor_1: #FFF;
  --collegeColor_2: #FFF;
}
:where([data-area-namespace^=job-]) .p-college .p-college_inner {
  padding-block: 3.25rem;
  padding-inline: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-college .p-college_content {
  padding: 3.25rem 1.625rem;
  border-radius: 1.3rem;
  background-color: var(--collegeColor_1);
}
:where([data-area-namespace^=job-]) .p-college .p-college_heading {
  text-align: center;
}
:where([data-area-namespace^=job-]) .p-college .p-college_heading .p-college_heading_inner {
  position: relative;
  display: inline-block;
  padding: 0.65rem 1.4625rem;
  border-radius: 1.3rem;
  background-color: var(--collegeColor_2);
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
}
:where([data-area-namespace^=job-]) .p-college .p-college_heading .p-college_heading_inner .--small {
  display: block;
  font-size: 1.3rem;
  line-height: 1.5;
}
:where([data-area-namespace^=job-]) .p-college .p-college_heading .p-college_heading_column {
  position: absolute;
  top: -1.86875rem;
  left: -1.7875rem;
  width: 8.53125rem;
  height: 3.25rem;
}
:where([data-area-namespace^=job-]) .p-college .p-college_list {
  margin-top: 3.25rem;
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
  height: 23.4rem;
  -moz-column-fill: auto;
       column-fill: auto;
  padding-left: 1.3em;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=job-]) .p-college .p-college_list li::marker {
  content: "・";
}
:where([data-area-namespace^=job-]) .p-information_anchor_wrap {
  --informationAnchorColor_1: #FFF;
  --informationAnchorColor_2: #FFF;
  position: sticky;
  bottom: 1.625rem;
  z-index: 100;
  margin-top: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-information_anchor_wrap[aria-hidden=true] {
  visibility: hidden;
  transform: translateY(4.875rem);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.58, 1), transform 0.3s cubic-bezier(0, 0, 0.58, 1), visibility 0.01s 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
:where([data-area-namespace^=job-]) .p-information_anchor_wrap[aria-hidden=false] {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.4s 0.12s cubic-bezier(0, 0, 0.58, 1), transform 0.3s 0.02s cubic-bezier(0, 0, 0.58, 1), visibility 0.01s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
:where([data-area-namespace^=job-]) .p-information_anchor_wrap .information_anchor {
  position: relative;
  display: block;
  width: 32.5rem;
  height: 7.55625rem;
  margin-inline: auto;
  padding-top: 1.54375rem;
  text-align: center;
  background-color: var(--informationAnchorColor_1);
  -webkit-mask: url("/umajob/assets/images/job/common/information_anchor-shape.svg") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/common/information_anchor-shape.svg") no-repeat 50% 50%/contain;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--informationAnchorColor_2);
}
:where([data-area-namespace^=job-]) .p-information_anchor_wrap .information_anchor::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url("/umajob/assets/images/job/common/information_anchor-stroke.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-information {
  --informationColor_1: #FFF;
  --informationColor_2: #FFF;
  scroll-margin-top: 9.75rem;
}
:where([data-area-namespace^=job-]) .p-information .p-information_inner {
  margin-top: calc(-1.7875rem - 2px);
  padding-bottom: 4.875rem;
}
:where([data-area-namespace^=job-]) .p-information .p-information_content {
  position: relative;
  width: 32.5rem;
  margin-inline: auto;
  padding-block: 3.25rem;
  border-radius: 0 0 1.3rem 1.3rem;
  background-color: #FFF;
  border: 1px solid #000;
}
:where([data-area-namespace^=job-]) .p-information .p-information_content::before {
  content: "";
  display: block;
  position: absolute;
}
:where([data-area-namespace^=job-]) .p-information .p-information_lead {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace^=job-]) .p-information .p-information_link_wrap {
  text-align: center;
  margin-top: 1.95rem;
}
:where([data-area-namespace^=job-]) .p-information .p-information_link_wrap .p-information_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.3rem 1.95rem;
  border-radius: 3.25rem;
  border: 1px solid #000;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  background-color: var(--informationColor_1);
  box-shadow: 0.08125rem 0.08125rem 0 #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=job-]) .p-information .p-information_link_wrap .p-information_link::after {
  display: block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank-white.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-information .p-information_link_wrap .p-information_link .--small {
  font-size: 1.1375rem;
  line-height: 2.2857142857;
}
:where([data-area-namespace^=job-]) .p-information .p-information_link_wrap .p-information_link:focus {
  box-shadow: 0 0 0 transparent;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=job-]) .p-information .p-information_link_wrap .p-information_link:hover {
    box-shadow: 0 0 0 transparent;
  }
}
:where([data-area-namespace^=job-]) .p-information .p-information_second {
  width: 32.5rem;
  margin-top: 5.525rem;
  margin-inline: auto;
}
:where([data-area-namespace^=job-]) .p-information .p-information_second .p-information_link_wrap {
  position: relative;
}
:where([data-area-namespace^=job-]) .p-information .p-information_label {
  position: relative;
  display: block;
  width: 32.5rem;
  height: 7.55625rem;
  margin-inline: auto;
  padding-top: 1.54375rem;
  text-align: center;
  background-color: var(--informationColor_1);
  -webkit-mask: url("/umajob/assets/images/job/common/information_anchor-shape.svg") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/common/information_anchor-shape.svg") no-repeat 50% 50%/contain;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--informationColor_2);
}
:where([data-area-namespace^=job-]) .p-information .p-information_label::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url("/umajob/assets/images/job/common/information_anchor-stroke.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=job-]) .p-information .p-information_second_detail {
  margin-top: calc(-1.7875rem - 2px);
  padding-block: 3.25rem;
  border-radius: 0 0 1.3rem 1.3rem;
  background-color: #FFF;
  border: 1px solid #000;
}

:where([data-page=job-seisan-bokujyo]) .l-stage {
  background-color: #F49B17;
}

:where([data-area-namespace=job-seisan-bokujyo]) {
  --pageColor_1: #FFDB4F;
  --pageColor_2: #F39800;
  --pageColor_3: #EC6500;
  --pageColor_4: #FFF4CD;
  --pageColor_5: #FE6213;
  --pageColor_6: #B7D450;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_image {
  top: 16.65625rem;
  left: 2.925rem;
  width: 32.5rem;
  height: 44.525rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_copy {
  width: 22.66875rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.3rem;
  background: url("/umajob/assets/images/job/seisan-bokujyo/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_title {
  width: 29.98125rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/seisan-bokujyo/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/seisan-bokujyo/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_character {
  bottom: -4.875rem;
  right: 1.4625rem;
  width: 16.98125rem;
  height: 30.55rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-1 {
  top: 15.1125rem;
  right: 2.84375rem;
  width: 7.3125rem;
  height: 17.55rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-1 .fv_object_inner {
  transform: rotate(-2.87deg);
  background: url("/umajob/assets/images/job/seisan-bokujyo/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-2 {
  top: 39.73125rem;
  left: 5.2rem;
  width: 9.01875rem;
  height: 8.69375rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-2 .fv_object_inner {
  background: url("/umajob/assets/images/job/seisan-bokujyo/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-3 {
  top: 48.66875rem;
  left: 9.34375rem;
  width: 10.725rem;
  height: 10.96875rem;
}
:where([data-area-namespace=job-seisan-bokujyo]) .fv .fv_object-3 .fv_object_inner {
  transform: rotate(26.84deg);
  background: url("/umajob/assets/images/job/seisan-bokujyo/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_2);
  --pointColor_4: var(--pageColor_1);
}
:where([data-area-namespace=job-seisan-bokujyo]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23FFDB4F' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-seisan-bokujyo]) .routine {
  --routineColor_1: var(--pageColor_1);
  --routineColor_2: var(--pageColor_4);
  --routineColor_3: var(--pageColor_3);
  --routineColor_4: var(--pageColor_1);
  --routineColor_5: var(--pageColor_4);
  --routineColor_6: var(--pageColor_6);
}
:where([data-area-namespace=job-seisan-bokujyo]) .interview {
  --interviewColor_1: var(--pageColor_5);
}
:where([data-area-namespace=job-seisan-bokujyo]) .flow {
  --flowColor_1: var(--pageColor_1);
  --flowColor_2: var(--pageColor_4);
  --flowColor_3: var(--pageColor_2);
  --flowColor_4: var(--pageColor_5);
  --flowColor_5: var(--pageColor_6);
  --flowColor_6: var(--pageColor_1);
  --flowColor_7: var(--pageColor_6);
}
:where([data-area-namespace=job-seisan-bokujyo]) .flow .flow_copy {
  width: 26.325rem;
  background: url("/umajob/assets/images/job/seisan-bokujyo/flow_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .goal {
  --goalColor_1: var(--pageColor_4);
  --goalColor_2: var(--pageColor_5);
  --goalColor_3: var(--pageColor_6);
}
:where([data-area-namespace=job-seisan-bokujyo]) .schedule {
  --scheduleColor_1: var(--pageColor_4);
  --scheduleColor_2: var(--pageColor_2);
  --scheduleColor_3: var(--pageColor_5);
  --scheduleColor_4: var(--pageColor_1);
  --scheduleColor_5: var(--pageColor_2);
  --scheduleColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-seisan-bokujyo]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/seisan-bokujyo/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-seisan-bokujyo]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_5);
  --informationAnchorColor_2: var(--pageColor_4);
}
:where([data-area-namespace=job-seisan-bokujyo]) .information {
  --informationColor_1: var(--pageColor_5);
}
:where([data-area-namespace=job-seisan-bokujyo]) .information .information_content::before {
  bottom: -1px;
  left: -2.1125rem;
  width: 9.2625rem;
  height: 9.01875rem;
  background: url("/umajob/assets/images/job/seisan-bokujyo/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-ikusei-bokujyo]) .l-stage {
  background-color: #23B3D3;
}

:where([data-area-namespace=job-ikusei-bokujyo]) {
  --pageColor_1: #BBCCE9;
  --pageColor_2: #23B3D3;
  --pageColor_3: #DFF2FC;
  --pageColor_4: #0B3F97;
  --pageColor_5: #FFDD3F;
  --pageColor_6: #16489C;
  --pageColor_7: #FFF4CD;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_image {
  top: 16.65625rem;
  left: 2.925rem;
  width: 32.5rem;
  height: 44.525rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_copy {
  width: 26.8125rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.3rem;
  background: url("/umajob/assets/images/job/ikusei-bokujyo/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_title {
  width: 29.98125rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/ikusei-bokujyo/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/ikusei-bokujyo/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_character {
  bottom: -4.875rem;
  right: 1.4625rem;
  width: 16.98125rem;
  height: 30.55rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-1 {
  top: 21.85625rem;
  right: 4.14375rem;
  width: 6.41875rem;
  height: 8.6125rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-1 .fv_object_inner {
  transform: rotate(-8.18deg);
  background: url("/umajob/assets/images/job/ikusei-bokujyo/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-2 {
  top: 37.78125rem;
  left: 3.7375rem;
  width: 7.23125rem;
  height: 7.6375rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-2 .fv_object_inner {
  background: url("/umajob/assets/images/job/ikusei-bokujyo/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-3 {
  top: 55.575rem;
  left: 8.53125rem;
  width: 8.04375rem;
  height: 5.60625rem;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .fv .fv_object-3 .fv_object_inner {
  background: url("/umajob/assets/images/job/ikusei-bokujyo/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_2);
  --pointColor_4: var(--pageColor_1);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%2323B3D3' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-ikusei-bokujyo]) .routine {
  --routineColor_1: var(--pageColor_1);
  --routineColor_2: var(--pageColor_3);
  --routineColor_3: var(--pageColor_4);
  --routineColor_4: var(--pageColor_3);
  --routineColor_5: var(--pageColor_1);
  --routineColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .interview {
  --interviewColor_1: var(--pageColor_6);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .flow {
  --flowColor_1: var(--pageColor_1);
  --flowColor_2: var(--pageColor_3);
  --flowColor_3: var(--pageColor_2);
  --flowColor_4: var(--pageColor_4);
  --flowColor_5: var(--pageColor_5);
  --flowColor_6: var(--pageColor_1);
  --flowColor_7: var(--pageColor_5);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .flow .flow_copy {
  width: 26.325rem;
  background: url("/umajob/assets/images/job/ikusei-bokujyo/flow_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .goal {
  --goalColor_1: var(--pageColor_7);
  --goalColor_2: var(--pageColor_6);
  --goalColor_3: var(--pageColor_5);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .schedule {
  --scheduleColor_1: var(--pageColor_3);
  --scheduleColor_2: var(--pageColor_2);
  --scheduleColor_3: var(--pageColor_2);
  --scheduleColor_4: var(--pageColor_5);
  --scheduleColor_5: var(--pageColor_2);
  --scheduleColor_6: var(--pageColor_6);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/ikusei-bokujyo/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-ikusei-bokujyo]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_4);
  --informationAnchorColor_2: var(--pageColor_7);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .information {
  --informationColor_1: var(--pageColor_4);
}
:where([data-area-namespace=job-ikusei-bokujyo]) .information .information_content::before {
  bottom: -0.4875rem;
  left: -2.6rem;
  width: 9.2625rem;
  height: 9.9125rem;
  background: url("/umajob/assets/images/job/ikusei-bokujyo/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-kyumuin]) .l-stage {
  background-color: #FCC92C;
}

:where([data-area-namespace=job-kyumuin]) {
  --pageColor_1: #D9E471;
  --pageColor_2: #FCC92C;
  --pageColor_3: #FFF4CD;
  --pageColor_4: #EC6500;
  --pageColor_5: #66C0EE;
  --pageColor_6: #23B3D3;
  --pageColor_7: #3B82C5;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_image {
  top: 15.68125rem;
  left: 3.16875rem;
  width: 32.5rem;
  height: 45.825rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_copy {
  width: 26.8125rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 2.4375rem;
  background: url("/umajob/assets/images/job/kyumuin/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_title {
  width: 23.2375rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/kyumuin/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/kyumuin/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_character {
  bottom: -4.875rem;
  right: 1.4625rem;
  width: 16.98125rem;
  height: 30.55rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-1 {
  top: 15.925rem;
  right: 3.16875rem;
  width: 9.5875rem;
  height: 8.6125rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-1 .fv_object_inner {
  background: url("/umajob/assets/images/job/kyumuin/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-2 {
  top: 26.40625rem;
  left: 3.33125rem;
  width: 5.11875rem;
  height: 4.55rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-2 .fv_object_inner {
  background: url("/umajob/assets/images/job/kyumuin/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-3 {
  top: 50.7rem;
  left: 6.25625rem;
  width: 6.90625rem;
  height: 3.98125rem;
}
:where([data-area-namespace=job-kyumuin]) .fv .fv_object-3 .fv_object_inner {
  background: url("/umajob/assets/images/job/kyumuin/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_3);
  --pointColor_4: var(--pageColor_1);
}
:where([data-area-namespace=job-kyumuin]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23D9E471' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-kyumuin]) .routine {
  --routineColor_1: var(--pageColor_1);
  --routineColor_2: var(--pageColor_3);
  --routineColor_3: var(--pageColor_4);
  --routineColor_4: var(--pageColor_3);
  --routineColor_5: var(--pageColor_1);
  --routineColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-kyumuin]) .interview {
  --interviewColor_1: var(--pageColor_4);
}
:where([data-area-namespace=job-kyumuin]) .flow {
  --flowColor_1: var(--pageColor_1);
  --flowColor_2: var(--pageColor_3);
  --flowColor_3: var(--pageColor_2);
  --flowColor_4: var(--pageColor_4);
  --flowColor_5: var(--pageColor_5);
  --flowColor_6: var(--pageColor_1);
  --flowColor_7: var(--pageColor_1);
  --flowColor_8: var(--pageColor_4);
  --flowColor_9: var(--pageColor_6);
  --flowColor_11: var(--pageColor_5);
  --flowColor_12: var(--pageColor_7);
}
:where([data-area-namespace=job-kyumuin]) .goal {
  --goalColor_1: var(--pageColor_3);
  --goalColor_2: var(--pageColor_4);
  --goalColor_3: var(--pageColor_5);
}
:where([data-area-namespace=job-kyumuin]) .schedule {
  --scheduleColor_1: var(--pageColor_3);
  --scheduleColor_2: var(--pageColor_2);
  --scheduleColor_3: var(--pageColor_4);
  --scheduleColor_4: var(--pageColor_2);
  --scheduleColor_5: var(--pageColor_5);
  --scheduleColor_6: var(--pageColor_4);
}
:where([data-area-namespace=job-kyumuin]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/kyumuin/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kyumuin]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_4);
  --informationAnchorColor_2: #FFF;
}
:where([data-area-namespace=job-kyumuin]) .information {
  --informationColor_1: var(--pageColor_4);
}
:where([data-area-namespace=job-kyumuin]) .information .information_content::before {
  bottom: -1px;
  left: -2.6rem;
  width: 9.2625rem;
  height: 8.9375rem;
  background: url("/umajob/assets/images/job/kyumuin/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-jyuishi]) .l-stage {
  background-color: #2FA438;
}

:where([data-area-namespace=job-jyuishi]) {
  --pageColor_1: #D9E471;
  --pageColor_2: #2FA438;
  --pageColor_3: #E7F3E3;
  --pageColor_4: #2FA438;
  --pageColor_5: #F39800;
  --pageColor_6: #185D0A;
  --pageColor_7: #FFF4CD;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_image {
  top: 18.28125rem;
  left: 3.16875rem;
  width: 32.5rem;
  height: 43.225rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_copy {
  width: 25.675rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.86875rem;
  background: url("/umajob/assets/images/job/jyuishi/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_title {
  width: 23.2375rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/jyuishi/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/jyuishi/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_character {
  bottom: -5.28125rem;
  right: 3.16875rem;
  width: 12.35rem;
  height: 31.28125rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-1 {
  top: 24.13125rem;
  right: 3.81875rem;
  width: 8.04375rem;
  height: 6.9875rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-1 .fv_object_inner {
  transform: rotate(1.94deg);
  background: url("/umajob/assets/images/job/jyuishi/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-2 {
  top: 24.94375rem;
  left: 3.7375rem;
  width: 6.175rem;
  height: 6.175rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-2 .fv_object_inner {
  transform: rotate(180deg);
  background: url("/umajob/assets/images/job/jyuishi/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-3 {
  top: 48.2625rem;
  left: 5.0375rem;
  width: 6.0125rem;
  height: 5.76875rem;
}
:where([data-area-namespace=job-jyuishi]) .fv .fv_object-3 .fv_object_inner {
  background: url("/umajob/assets/images/job/jyuishi/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-jyuishi]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_3);
  --pointColor_4: var(--pageColor_1);
  --pointColor_5: #FFF;
}
:where([data-area-namespace=job-jyuishi]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23D9E471' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-jyuishi]) .routine {
  --routineColor_1: var(--pageColor_1);
  --routineColor_2: var(--pageColor_3);
  --routineColor_3: var(--pageColor_4);
  --routineColor_4: var(--pageColor_3);
  --routineColor_5: var(--pageColor_1);
  --routineColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-jyuishi]) .interview {
  --interviewColor_1: var(--pageColor_6);
}
:where([data-area-namespace=job-jyuishi]) .flow {
  --flowColor_1: var(--pageColor_1);
  --flowColor_2: var(--pageColor_3);
  --flowColor_3: var(--pageColor_2);
  --flowColor_5: var(--pageColor_1);
  --flowColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-jyuishi]) .goal {
  --goalColor_1: var(--pageColor_7);
  --goalColor_2: var(--pageColor_6);
  --goalColor_3: var(--pageColor_5);
}
:where([data-area-namespace=job-jyuishi]) .college {
  --collegeColor_1: var(--pageColor_3);
  --collegeColor_2: #FFF;
}
:where([data-area-namespace=job-jyuishi]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_6);
  --informationAnchorColor_2: #FFF;
}
:where([data-area-namespace=job-jyuishi]) .information {
  --informationColor_1: var(--pageColor_6);
}
:where([data-area-namespace=job-jyuishi]) .information .information_content::before {
  bottom: -1px;
  left: -2.1125rem;
  width: 8.6125rem;
  height: 7.88125rem;
  background: url("/umajob/assets/images/job/jyuishi/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-souteishi]) .l-stage {
  background-color: #845BA3;
}

:where([data-area-namespace=job-souteishi]) {
  --pageColor_1: #D04091;
  --pageColor_2: #9E7FB8;
  --pageColor_3: #EEDEED;
  --pageColor_4: #D2BEDC;
  --pageColor_5: #845BA3;
  --pageColor_6: #66C0EE;
  --pageColor_7: #721AC6;
  --pageColor_8: #FFDB4F;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_image {
  top: 14.70625rem;
  left: 3.25rem;
  width: 32.5rem;
  height: 46.6375rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_copy {
  width: 26.8125rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.3rem;
  background: url("/umajob/assets/images/job/souteishi/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_title {
  width: 23.2375rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/souteishi/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/souteishi/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_character {
  bottom: -4.875rem;
  right: 0.4875rem;
  width: 13.4875rem;
  height: 31.3625rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-1 {
  top: 17.63125rem;
  right: 4.46875rem;
  width: 5.3625rem;
  height: 5.93125rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-1 .fv_object_inner {
  transform: rotate(-37.92deg);
  background: url("/umajob/assets/images/job/souteishi/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-2 {
  top: 41.6rem;
  left: 4.7125rem;
  width: 6.09375rem;
  height: 6.58125rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-2 .fv_object_inner {
  transform: rotate(68.7deg);
  background: url("/umajob/assets/images/job/souteishi/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-3 {
  top: 54.1125rem;
  left: 16.575rem;
  width: 7.3125rem;
  height: 5.6875rem;
}
:where([data-area-namespace=job-souteishi]) .fv .fv_object-3 .fv_object_inner {
  transform: rotate(79.57deg);
  background: url("/umajob/assets/images/job/souteishi/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_2);
  --pointColor_4: var(--pageColor_1);
  --pointColor_5: #FFF;
  --pointColor_6: #FFF;
}
:where([data-area-namespace=job-souteishi]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23D04091' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-souteishi]) .routine {
  --routineColor_1: var(--pageColor_3);
  --routineColor_2: var(--pageColor_4);
  --routineColor_3: var(--pageColor_5);
  --routineColor_4: var(--pageColor_2);
  --routineColor_5: var(--pageColor_1);
  --routineColor_6: var(--pageColor_6);
}
:where([data-area-namespace=job-souteishi]) .interview {
  --interviewColor_1: var(--pageColor_7);
}
:where([data-area-namespace=job-souteishi]) .flow {
  --flowColor_1: var(--pageColor_4);
  --flowColor_2: var(--pageColor_3);
  --flowColor_3: var(--pageColor_5);
  --flowColor_4: var(--pageColor_7);
  --flowColor_5: var(--pageColor_8);
  --flowColor_6: var(--pageColor_4);
}
:where([data-area-namespace=job-souteishi]) .goal {
  --goalColor_1: #FFF;
  --goalColor_2: var(--pageColor_7);
  --goalColor_3: var(--pageColor_8);
}
:where([data-area-namespace=job-souteishi]) .skill {
  --skillColor_1: var(--pageColor_3);
  --skillColor_2: #FFF;
  --skillColor_3: var(--pageColor_5);
  --skillColor_4: var(--pageColor_7);
}
:where([data-area-namespace=job-souteishi]) .schedule {
  --scheduleColor_1: var(--pageColor_3);
  --scheduleColor_2: var(--pageColor_4);
  --scheduleColor_3: var(--pageColor_1);
  --scheduleColor_6: var(--pageColor_7);
}
:where([data-area-namespace=job-souteishi]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/souteishi/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-souteishi]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_7);
  --informationAnchorColor_2: #FFF;
}
:where([data-area-namespace=job-souteishi]) .information {
  --informationColor_1: var(--pageColor_7);
}
:where([data-area-namespace=job-souteishi]) .information .information_content::before {
  bottom: -1.21875rem;
  left: -2.19375rem;
  width: 9.2625rem;
  height: 10.075rem;
  background: url("/umajob/assets/images/job/souteishi/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-kisyu]) .l-stage {
  background-color: #E9473B;
}

:where([data-area-namespace=job-kisyu]) {
  --pageColor_1: #F7C7C6;
  --pageColor_2: #ED7971;
  --pageColor_3: #FEEFE2;
  --pageColor_4: #E9473B;
  --pageColor_5: #66C0EE;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_image {
  top: 12.675rem;
  left: 3.25rem;
  width: 32.5rem;
  height: 48.01875rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_copy {
  width: 25.75625rem;
  height: 5.6875rem;
  padding: 0.73125rem 0 0 1.86875rem;
  background: url("/umajob/assets/images/job/kisyu/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_title {
  width: 15.68125rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/kisyu/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/kisyu/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_character {
  bottom: -5.0375rem;
  right: 0.8125rem;
  width: 21.20625rem;
  height: 29.49375rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-1 {
  top: 19.25625rem;
  right: 4.3875rem;
  width: 7.71875rem;
  height: 3.0875rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-1 .fv_object_inner {
  background: url("/umajob/assets/images/job/kisyu/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-2 {
  top: 26.65rem;
  left: 3.25rem;
  width: 6.74375rem;
  height: 6.74375rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-2 .fv_object_inner {
  background: url("/umajob/assets/images/job/kisyu/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-3 {
  top: 49.15625rem;
  left: 3.575rem;
  width: 8.9375rem;
  height: 8.9375rem;
}
:where([data-area-namespace=job-kisyu]) .fv .fv_object-3 .fv_object_inner {
  background: url("/umajob/assets/images/job/kisyu/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_1);
  --pointColor_4: var(--pageColor_2);
  --pointColor_5: #FFF;
}
:where([data-area-namespace=job-kisyu]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23F7C7C6' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-kisyu]) .routine {
  --routineColor_1: var(--pageColor_1);
  --routineColor_2: var(--pageColor_3);
  --routineColor_3: var(--pageColor_4);
  --routineColor_4: var(--pageColor_1);
  --routineColor_5: var(--pageColor_2);
  --routineColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-kisyu]) .interview {
  --interviewColor_1: var(--pageColor_2);
}
:where([data-area-namespace=job-kisyu]) .flow {
  --flowColor_1: var(--pageColor_1);
  --flowColor_2: var(--pageColor_3);
  --flowColor_3: var(--pageColor_2);
  --flowColor_4: var(--pageColor_2);
  --flowColor_5: var(--pageColor_5);
  --flowColor_6: var(--pageColor_1);
  --flowColor_10: var(--pageColor_5);
}
:where([data-area-namespace=job-kisyu]) .goal {
  --goalColor_1: #FFF;
  --goalColor_2: var(--pageColor_2);
  --goalColor_3: var(--pageColor_5);
}
:where([data-area-namespace=job-kisyu]) .schedule {
  --scheduleColor_1: var(--pageColor_3);
  --scheduleColor_2: var(--pageColor_2);
  --scheduleColor_3: var(--pageColor_4);
  --scheduleColor_6: var(--pageColor_2);
}
:where([data-area-namespace=job-kisyu]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/kisyu/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-kisyu]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_2);
  --informationAnchorColor_2: #FFF;
}
:where([data-area-namespace=job-kisyu]) .information {
  --informationColor_1: var(--pageColor_2);
}
:where([data-area-namespace=job-kisyu]) .information .information_content::before {
  bottom: -0.73125rem;
  left: -2.19375rem;
  width: 8.45rem;
  height: 9.2625rem;
  background: url("/umajob/assets/images/job/kisyu/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page=job-instructor]) .l-stage {
  background-color: #E84994;
}

:where([data-area-namespace=job-instructor]) {
  --pageColor_1: #EC7AAC;
  --pageColor_2: #ED7971;
  --pageColor_3: #F7C7C6;
  --pageColor_4: #FEEFE2;
  --pageColor_5: #E84994;
  --pageColor_6: #66C0EE;
}
:where([data-area-namespace=job-instructor]) .fv .fv_image {
  top: 12.675rem;
  left: 3.25rem;
  width: 32.5rem;
  height: 48.01875rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_copy {
  width: 25.675rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 0.975rem;
  background: url("/umajob/assets/images/job/instructor/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .fv .fv_title {
  width: 27.3rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_title::after {
  -webkit-mask: url("/umajob/assets/images/job/instructor/fv_title.webp") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/job/instructor/fv_title.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .fv .fv_character {
  bottom: -5.2rem;
  right: 0.975rem;
  width: 14.38125rem;
  height: 31.44375rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-1 {
  top: 26.24375rem;
  right: 3.00625rem;
  width: 5.93125rem;
  height: 5.85rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-1 .fv_object_inner {
  background: url("/umajob/assets/images/job/instructor/fv_object-1.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-2 {
  top: 39.73125rem;
  left: 3.0875rem;
  width: 6.74375rem;
  height: 6.41875rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-2 .fv_object_inner {
  background: url("/umajob/assets/images/job/instructor/fv_object-2.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-3 {
  top: 52.24375rem;
  left: 11.7rem;
  width: 7.6375rem;
  height: 9.1rem;
}
:where([data-area-namespace=job-instructor]) .fv .fv_object-3 .fv_object_inner {
  background: url("/umajob/assets/images/job/instructor/fv_object-3.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .point {
  --pointColor_1: var(--pageColor_1);
  --pointColor_2: var(--pageColor_2);
  --pointColor_3: var(--pageColor_3);
  --pointColor_4: var(--pageColor_4);
  --pointColor_5: #FFF;
}
:where([data-area-namespace=job-instructor]) .point::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%23EC7AAC' d='M5.01 2a2 2 0 0 0-2-2H2a2 2 0 0 0 0 4h1.01a2 2 0 0 0 2-2' opacity='.6'/%3E%3C/svg%3E");
}
:where([data-area-namespace=job-instructor]) .routine {
  --routineColor_1: var(--pageColor_3);
  --routineColor_2: var(--pageColor_4);
  --routineColor_3: var(--pageColor_5);
  --routineColor_4: var(--pageColor_3);
  --routineColor_5: var(--pageColor_4);
  --routineColor_6: var(--pageColor_6);
}
:where([data-area-namespace=job-instructor]) .interview {
  --interviewColor_1: var(--pageColor_5);
}
:where([data-area-namespace=job-instructor]) .flow {
  --flowColor_1: var(--pageColor_3);
  --flowColor_2: var(--pageColor_4);
  --flowColor_3: var(--pageColor_1);
  --flowColor_4: var(--pageColor_5);
  --flowColor_5: var(--pageColor_3);
  --flowColor_6: var(--pageColor_1);
  --flowColor_10: var(--pageColor_6);
}
:where([data-area-namespace=job-instructor]) .goal {
  --goalColor_1: #FFF;
  --goalColor_2: var(--pageColor_1);
  --goalColor_3: var(--pageColor_6);
}
:where([data-area-namespace=job-instructor]) .schedule {
  --scheduleColor_1: var(--pageColor_4);
  --scheduleColor_2: var(--pageColor_1);
  --scheduleColor_3: var(--pageColor_1);
  --scheduleColor_4: var(--pageColor_3);
  --scheduleColor_5: var(--pageColor_4);
  --scheduleColor_6: var(--pageColor_5);
}
:where([data-area-namespace=job-instructor]) .schedule .schedule_head.--deadline::after {
  background: url("/umajob/assets/images/job/instructor/icon-deadline.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=job-instructor]) .information_anchor_wrap {
  --informationAnchorColor_1: var(--pageColor_1);
  --informationAnchorColor_2: #FFF;
}
:where([data-area-namespace=job-instructor]) .information {
  --informationColor_1: var(--pageColor_1);
}
:where([data-area-namespace=job-instructor]) .information .information_content::before {
  bottom: -2.275rem;
  left: -2.19375rem;
  width: 9.2625rem;
  height: 10.64375rem;
  background: url("/umajob/assets/images/job/instructor/information_character.webp") no-repeat 50% 50%/contain;
}

:where([data-page^=jobMatching-]) .l-stage {
  background-color: #F7C7C6;
}

:where([data-area-namespace^=jobMatching-]) {
  --mainColor: #fff;
}
:where([data-area-namespace^=jobMatching-]) main {
  position: relative;
}
:where([data-area-namespace^=jobMatching-]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.1;
}
:where([data-area-namespace^=jobMatching-]) .contentsList::before, :where([data-area-namespace^=jobMatching-]) .contentsList::after {
  display: none;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_copy {
  width: 25.8375rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.38125rem;
  background: url("/umajob/assets/images/job-matching/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_visual-1 {
  background: url("/umajob/assets/images/job-matching/fv_visual-1.webp") no-repeat 50% 50%/contain;
  top: 11.78125rem;
  right: 1.625rem;
  width: 13.08125rem;
  height: 14.38125rem;
}
:where([data-area-namespace^=jobMatching-]) .fv .fv_visual-2 {
  z-index: 2;
  background: url("/umajob/assets/images/job-matching/fv_visual-2.webp") no-repeat 50% 50%/contain;
  bottom: -3.65625rem;
  left: calc(50% - 18.0375rem);
  width: 36.15625rem;
  height: 7.3125rem;
}
:where([data-area-namespace^=jobMatching-]) .contents {
  position: relative;
  background-color: #FEEFE2;
}
:where([data-area-namespace^=jobMatching-]) .contents::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.4;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis {
  position: relative;
  padding: 4.875rem 3.25rem;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis.fade-out {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .question {
  width: 100%;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .question.fade-out {
  transition: opacity 0.3s 0.2s cubic-bezier(0, 0, 0.58, 1);
  opacity: 0;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .question.fade-in {
  transition: opacity 0.3s cubic-bezier(0.42, 0, 1, 1);
  opacity: 1;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .number {
  width: 14.1375rem;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .question_inner {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: 1fr auto;
  -moz-column-gap: 1.625rem;
       column-gap: 1.625rem;
  row-gap: 1.95rem;
  justify-content: center;
  width: 100%;
  min-height: 19.175rem;
  margin-top: -3.25rem;
  padding-block: 4.0625rem 3.575rem;
  background-color: #fff;
  border-radius: 1.3rem;
  border: 1px solid #000;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .text {
  grid-column: 1/3;
  grid-row: 1/2;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  align-self: center;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .button {
  width: 10.4rem;
  padding-block: 1.3rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  border: 0.08125rem solid #000;
  background-color: #fff;
  border-radius: 0.65rem;
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .button:focus:not(:disabled) {
  background-color: #FEEFE2;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .diagnosis .button:hover:not(:disabled) {
    background-color: #FEEFE2;
  }
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .button.-selected {
  animation: click 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0.01s forwards;
  background-color: #F7C7C6;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .button-yes {
  grid-column: 1/2;
  grid-row: 2/3;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .button-no {
  grid-column: 2/3;
  grid-row: 2/3;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination {
  position: relative;
  display: grid;
  grid-template-columns: repeat(10, 1.4625rem);
  justify-content: center;
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
  margin-top: 1.625rem;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span {
  width: 1.4625rem;
  height: 1.38125rem;
  --icon-fill: #FFF;
  filter: drop-shadow(1px 1px 0 #000);
  transition: filter 0.3s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span::before, :where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span::before {
  background-color: var(--icon-fill);
  -webkit-mask: url("/umajob/assets/images/common/icon-pagination-shape.svg") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/common/icon-pagination-shape.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span::after {
  background-image: url("/umajob/assets/images/common/icon-pagination-stroke.svg");
  pointer-events: none;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .pagination span.-active {
  --icon-fill: #FF9B00;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton_wrap {
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  margin-top: 1.625rem;
  padding: 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  color: #FFF;
  background-color: #E84994;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton.-is-first {
  display: none;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:focus .backButton_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:focus .backButton_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:hover .backButton_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=jobMatching-]) .diagnosis .backButton:hover .backButton_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton .backButton_text {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace^=jobMatching-]) .diagnosis .backButton .backButton_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0) scaleX(-1);
}
:where([data-area-namespace^=jobMatching-]) .finish {
  position: relative;
  opacity: 0;
  visibility: hidden;
  display: none;
  padding: 4.875rem 3.25rem;
}
:where([data-area-namespace^=jobMatching-]) .finish.fade-in {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_image {
  width: 32.5rem;
  margin-inline: auto;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link_wrap {
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  margin-top: 1.625rem;
  padding: 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  color: #FFF;
  background-color: #E84994;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link:focus .finish_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link:focus .finish_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .finish .finish_link:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace^=jobMatching-]) .finish .finish_link:hover .finish_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=jobMatching-]) .finish .finish_link:hover .finish_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link .finish_link_text {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace^=jobMatching-]) .finish .finish_link .finish_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .result {
  position: relative;
  padding: 4.875rem 3.25rem;
  --resultMainColor: red;
}
:where([data-area-namespace^=jobMatching-]) .result .result_inner {
  padding: 3.575rem 1.625rem;
  border-radius: 1.3rem;
  background-color: #FFF;
  border: 1px solid #000;
}
:where([data-area-namespace^=jobMatching-]) .result .result_name {
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .result .result_name_support {
  display: block;
  margin-bottom: 0.56875rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace^=jobMatching-]) .result .result_name_main {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.3125;
  color: var(--resultMainColor);
}
:where([data-area-namespace^=jobMatching-]) .result .result_name_main .ruby_rt {
  top: -0.5em;
  font-size: 0.35em;
  font-weight: 500;
}
:where([data-area-namespace^=jobMatching-]) .result .result_image {
  position: relative;
  width: 100%;
  margin-top: 1.95rem;
  border: 1px solid #000;
}
:where([data-area-namespace^=jobMatching-]) .result .result_image::before {
  content: "";
  display: block;
  position: absolute;
}
:where([data-area-namespace^=jobMatching-]) .result .result_description {
  margin-top: 1.95rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace^=jobMatching-]) .result .result_description p + p {
  margin-top: 3.25rem;
}
:where([data-area-namespace^=jobMatching-]) .result .result_link_wrap {
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .result .result_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.95rem;
       column-gap: 1.95rem;
  align-items: center;
  margin-top: 3.25rem;
  padding: 1.95rem 2.6rem;
  border-radius: 9999px;
  border: 1px solid #000;
  background-color: var(--resultMainColor);
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace^=jobMatching-]) .result .result_link:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace^=jobMatching-]) .result .result_link:focus .result_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .result .result_link:focus .result_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .result .result_link:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace^=jobMatching-]) .result .result_link:hover .result_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=jobMatching-]) .result .result_link:hover .result_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=jobMatching-]) .result .result_link .result_link_text {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace^=jobMatching-]) .result .result_link .result_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .result .result_share_lead {
  position: relative;
  margin-top: 3.25rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .result .result_share_lead::before, :where([data-area-namespace^=jobMatching-]) .result .result_share_lead::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.65rem;
  width: 1px;
  height: 1.625rem;
  background-color: #000;
  border-radius: 9999px;
  transform-origin: center bottom;
}
:where([data-area-namespace^=jobMatching-]) .result .result_share_lead::before {
  left: calc(50% - 6em);
  transform: rotate(-28deg);
}
:where([data-area-namespace^=jobMatching-]) .result .result_share_lead::after {
  right: calc(50% - 6em);
  transform: rotate(28deg);
}
:where([data-area-namespace^=jobMatching-]) .result .result_share_wrap {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  -moz-column-gap: 1.95rem;
       column-gap: 1.95rem;
  margin-top: 3.25rem;
}
:where([data-area-namespace^=jobMatching-]) .result .result_share {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 9.5875rem;
  height: 9.5875rem;
  border-radius: 0.8125rem;
  border: 1px solid #000;
}
:where([data-area-namespace^=jobMatching-]) .result .result_share img {
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
:where([data-area-namespace^=jobMatching-]) .result .result_share:focus img {
  transform: scale(1.1);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .result .result_share:hover img {
    transform: scale(1.1);
  }
}
:where([data-area-namespace^=jobMatching-]) .result .result_share-facebook img {
  width: 4.225rem;
}
:where([data-area-namespace^=jobMatching-]) .result .result_share-x img {
  width: 4.3875rem;
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link_wrap {
  text-align: center;
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  margin-top: 3.25rem;
  padding: 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  background-color: #E84994;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:focus .diagnosis_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:focus .diagnosis_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:hover .diagnosis_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace^=jobMatching-]) .result .diagnosis_link:hover .diagnosis_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link .diagnosis_link_text {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
  color: #FFF4CD;
}
:where([data-area-namespace^=jobMatching-]) .result .diagnosis_link .diagnosis_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0);
}
:where([data-area-namespace^=jobMatching-]) .result.result-seisan-bokujyo {
  --resultMainColor: #FF9B00;
}
:where([data-area-namespace^=jobMatching-]) .result.result-seisan-bokujyo .result_image::before {
  bottom: -1.625rem;
  right: -2.4375rem;
  background: url("/umajob/assets/images/job-matching/result_character-seisan-bokujyo.webp") no-repeat 50% 50%/contain;
  width: 5.76875rem;
  height: 19.58125rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-ikusei-bokujyo {
  --resultMainColor: #23B3D3;
}
:where([data-area-namespace^=jobMatching-]) .result.result-ikusei-bokujyo .result_image::before {
  bottom: -1.70625rem;
  right: -2.68125rem;
  background: url("/umajob/assets/images/job-matching/result_character-ikusei-bokujyo.webp") no-repeat 50% 50%/contain;
  width: 5.44375rem;
  height: 20.06875rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-instructor {
  --resultMainColor: #F546BE;
}
:where([data-area-namespace^=jobMatching-]) .result.result-instructor .result_image::before {
  bottom: -1.05625rem;
  right: -3.00625rem;
  background: url("/umajob/assets/images/job-matching/result_character-instructor.webp") no-repeat 50% 50%/contain;
  width: 6.0125rem;
  height: 17.7125rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-kyumuin {
  --resultMainColor: #FAC82D;
}
:where([data-area-namespace^=jobMatching-]) .result.result-kyumuin .result_image::before {
  bottom: -1.54375rem;
  right: -3.9rem;
  background: url("/umajob/assets/images/job-matching/result_character-kyumuin.webp") no-repeat 50% 50%/contain;
  width: 6.41875rem;
  height: 19.09375rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-souteishi {
  --resultMainColor: #925ABE;
}
:where([data-area-namespace^=jobMatching-]) .result.result-souteishi .result_image::before {
  bottom: -1.625rem;
  right: -4.55rem;
  background: url("/umajob/assets/images/job-matching/result_character-souteishi.webp") no-repeat 50% 50%/contain;
  width: 6.9875rem;
  height: 16.98125rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-jyuishi {
  --resultMainColor: #2FA438;
}
:where([data-area-namespace^=jobMatching-]) .result.result-jyuishi .result_image::before {
  bottom: -2.19375rem;
  right: -3.9rem;
  background: url("/umajob/assets/images/job-matching/result_character-jyuishi.webp") no-repeat 50% 50%/contain;
  width: 6.175rem;
  height: 20.8rem;
}
:where([data-area-namespace^=jobMatching-]) .result.result-kisyu {
  --resultMainColor: #F5433C;
}
:where([data-area-namespace^=jobMatching-]) .result.result-kisyu .result_image::before {
  bottom: -1.625rem;
  right: -3.4125rem;
  background: url("/umajob/assets/images/job-matching/result_character-kisyu.webp") no-repeat 50% 50%/contain;
  width: 6.90625rem;
  height: 18.0375rem;
}

:where([data-page=data]) .l-stage {
  background-color: #FCC92C;
}

:where([data-area-namespace=data]) main {
  position: relative;
}
:where([data-area-namespace=data]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.1;
}
:where([data-area-namespace=data]) .fv .fv_copy {
  width: 22.66875rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.38125rem;
  background: url("/umajob/assets/images/data/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .fv .fv_visual-1 {
  background: url("/umajob/assets/images/data/fv_visual-1.webp") no-repeat 50% 50%/contain;
  top: 18.28125rem;
  right: 1.21875rem;
  width: 10.2375rem;
  height: 12.91875rem;
}
:where([data-area-namespace=data]) .fv .fv_visual-2 {
  z-index: 2;
  background: url("/umajob/assets/images/data/fv_visual-2.webp") no-repeat 50% 50%/contain;
  bottom: -4.3875rem;
  left: 1.625rem;
  width: 12.675rem;
  height: 10.8875rem;
}
:where([data-area-namespace=data]) .group {
  --baseColor: #000;
  --titleColor: #000;
  position: relative;
  padding: 4.875rem 3.25rem;
}
:where([data-area-namespace=data]) .group .group_inner {
  position: relative;
  display: grid;
  gap: 1.625rem;
  margin-top: -2.7625rem;
  padding: 1.625rem;
  background-color: var(--baseColor);
  border-radius: 1.3rem;
  border: 1px solid #000;
}
:where([data-area-namespace=data]) .group .group_annotation {
  margin-top: 3.25rem;
  font-size: 0.975rem;
  line-height: 2;
  font-weight: 500;
}
:where([data-area-namespace=data]) .group .card {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: start;
  background-color: #FFF;
}
:where([data-area-namespace=data]) .group .card_heading {
  margin-bottom: 1.3rem;
  padding: 0.65rem 1.3rem;
  border-radius: 1.3rem;
  font-size: 1.4625rem;
  line-height: 1.7777777778;
  background-color: var(--titleColor);
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_heading .--small {
  margin-top: -0.3em;
  vertical-align: middle;
  font-size: 0.975rem;
}
:where([data-area-namespace=data]) .group .card_heading .--smallBlock {
  display: block;
  margin-top: -0.4em;
  font-size: 0.975rem;
}
:where([data-area-namespace=data]) .group .card_heading sup {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.3em;
}
:where([data-area-namespace=data]) .group .card_information {
  background-color: #FFEE74;
  padding: 1.3rem;
  border-radius: 1.3rem;
}
:where([data-area-namespace=data]) .group .card_paragraph {
  font-size: 1.4625rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_paragraph .--number {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.25rem;
  line-height: 0.75;
  letter-spacing: 0.02em;
  font-weight: 500;
}
:where([data-area-namespace=data]) .group .card_paragraph .--support {
  font-size: 1.3rem;
  line-height: 1.875;
}
:where([data-area-namespace=data]) .group .card_paragraph .--block {
  display: block;
}
:where([data-area-namespace=data]) .group .card_paragraph .--block + .--block {
  margin-top: 1.3rem;
}
:where([data-area-namespace=data]) .group .card_description {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_note {
  font-size: 0.975rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_annotation {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 0.975rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
}
:where([data-area-namespace=data]) .group .card_list {
  --listItemColor: red;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.625rem;
  margin-top: 1.3rem;
}
:where([data-area-namespace=data]) .group .card_list .card_item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto auto;
  align-items: end;
}
:where([data-area-namespace=data]) .group .card_list .card_item::before {
  display: block;
  content: "";
  grid-column: 2/3;
  grid-row: 1/3;
  width: 9.5875rem;
  height: 8.125rem;
}
:where([data-area-namespace=data]) .group .card_list .card_item_heading {
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: center;
  padding: 0.325rem 1.3rem;
  margin-bottom: 0.65rem;
  border-radius: 1.3rem;
  background-color: var(--listItemColor);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace=data]) .group .card_list .card_item_heading.--hasRuby {
  padding: 0.8125rem 1.625rem 0.325rem;
}
:where([data-area-namespace=data]) .group .card_list .card_item_paragraph {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-bottom: 1.05625rem;
  font-size: 1.4625rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_list .card_item_paragraph .--number {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.25rem;
  line-height: 0.75;
  letter-spacing: 0.02em;
  font-weight: 500;
}
:where([data-area-namespace=data]) .group .card_list .card_item_link_wrap {
  grid-column: 1/3;
  grid-row: 3/4;
  justify-self: center;
  margin-top: 0.8125rem;
  text-align: center;
}
:where([data-area-namespace=data]) .group .card_list .card_item_link {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  padding: 1.3rem 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  background-color: var(--listItemColor);
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace=data]) .group .card_list .card_item_link:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace=data]) .group .card_list .card_item_link:focus .card_item_link_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=data]) .group .card_list .card_item_link:focus .card_item_link_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=data]) .group .card_list .card_item_link:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace=data]) .group .card_list .card_item_link:hover .card_item_link_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=data]) .group .card_list .card_item_link:hover .card_item_link_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=data]) .group .card_list .card_item_link .card_item_link_text {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
}
:where([data-area-namespace=data]) .group .card_list .card_item_link .card_item_link_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0);
}
:where([data-area-namespace=data]) .group .card_list .card_item-kisyu {
  --listItemColor: #F7C7C6;
}
:where([data-area-namespace=data]) .group .card_list .card_item-kisyu::before {
  background: url("/umajob/assets/images/data/sticker-kisyu.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group .card_list .card_item-kyumuin {
  --listItemColor: #FFF4CD;
}
:where([data-area-namespace=data]) .group .card_list .card_item-kyumuin::before {
  background: url("/umajob/assets/images/data/sticker-kyumuin.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group .card_list .card_item-jyuishi {
  --listItemColor: #B7D450;
}
:where([data-area-namespace=data]) .group .card_list .card_item-jyuishi::before {
  background: url("/umajob/assets/images/data/sticker-jyuishi.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group .card_list .card_item-souteishi {
  --listItemColor: #D2BEDC;
}
:where([data-area-namespace=data]) .group .card_list .card_item-souteishi::before {
  background: url("/umajob/assets/images/data/sticker-souteishi.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry {
  --baseColor: #FCC92C;
  --titleColor: #23B3D3;
  background-color: #FFF4CD;
}
:where([data-area-namespace=data]) .group.industry::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.4;
}
:where([data-area-namespace=data]) .group.industry .group_inner {
  grid-template-areas: "sales sales" "participants participants" "visitors visitors" "racetracks racetracks" "transaction transaction" "horses prize" "trainingCenter trainingCenter";
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, auto);
}
:where([data-area-namespace=data]) .group.industry .card-sales {
  grid-area: sales;
  padding: 1.95rem 1.3rem 1.95rem 12.1875rem;
}
:where([data-area-namespace=data]) .group.industry .card-sales::before {
  content: "";
  display: block;
  position: absolute;
  top: 2.68125rem;
  left: 1.3rem;
  width: 9.75rem;
  height: 8.125rem;
  background: url("/umajob/assets/images/data/sticker-sales.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-participants {
  grid-area: participants;
  padding: 2.925rem 14.3rem 2.03125rem 1.3rem;
}
:where([data-area-namespace=data]) .group.industry .card-participants::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.95rem;
  right: 1.3rem;
  width: 11.05rem;
  height: 9.18125rem;
  background: url("/umajob/assets/images/data/sticker-participants.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-visitors {
  grid-area: visitors;
  padding: 1.95rem 1.70625rem;
}
:where([data-area-namespace=data]) .group.industry .card-visitors::before {
  content: "";
  display: block;
  position: absolute;
  top: 8.69375rem;
  left: 1.70625rem;
  width: 11.05rem;
  height: 9.18125rem;
  background: url("/umajob/assets/images/data/sticker-visitors.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-visitors .card_paragraph,
:where([data-area-namespace=data]) .group.industry .card-visitors .card_note {
  padding-left: 12.35rem;
}
:where([data-area-namespace=data]) .group.industry .card-racetracks {
  grid-area: racetracks;
  padding: 1.95rem 14.4625rem 0.8125rem 1.7875rem;
}
:where([data-area-namespace=data]) .group.industry .card-racetracks::before {
  content: "";
  display: block;
  position: absolute;
  top: 3.33125rem;
  right: 1.7875rem;
  width: 11.05rem;
  height: 9.18125rem;
  background: url("/umajob/assets/images/data/sticker-racetracks.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-transaction {
  grid-area: transaction;
  padding: 1.95rem 1.3rem 1.95rem 11.375rem;
}
:where([data-area-namespace=data]) .group.industry .card-transaction::before {
  content: "";
  display: block;
  position: absolute;
  top: 2.925rem;
  left: 1.3rem;
  width: 9.75rem;
  height: 8.125rem;
  background: url("/umajob/assets/images/data/sticker-transaction.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-horses {
  grid-area: horses;
  padding-block: 1.95rem 8.45rem;
}
:where([data-area-namespace=data]) .group.industry .card-horses::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.325rem;
  left: calc(50% - 6.0125rem);
  width: 12.025rem;
  height: 7.15rem;
  background: url("/umajob/assets/images/data/sticker-horses.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-horses .card_heading {
  margin-bottom: 2.925rem;
}
:where([data-area-namespace=data]) .group.industry .card-prize {
  grid-area: prize;
  padding-block: 1.95rem 8.125rem;
}
:where([data-area-namespace=data]) .group.industry .card-prize::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.325rem;
  left: calc(50% - 6.0125rem);
  width: 12.025rem;
  height: 7.15rem;
  background: url("/umajob/assets/images/data/sticker-prize.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.industry .card-trainingCenter {
  grid-area: trainingCenter;
  padding: 1.95rem 1.7875rem;
}
:where([data-area-namespace=data]) .group.contribution {
  --baseColor: #2FA438;
  --titleColor: #F39800;
}
:where([data-area-namespace=data]) .group.contribution::before {
  content: "";
  display: block;
  position: absolute;
  top: -4.0625rem;
  right: 0.975rem;
  width: 11.2125rem;
  height: 10.80625rem;
  background: url("/umajob/assets/images/data/sticker-contribution.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=data]) .group.contribution .card {
  padding: 1.95rem 1.7875rem;
}
:where([data-area-namespace=data]) .group.contribution .card .card_information {
  margin-block: 1.3rem;
}
:where([data-area-namespace=data]) .group.contribution .card-use .card_visual {
  width: 16.25rem;
}
:where([data-area-namespace=data]) .group.contribution .card-donation .card_visual {
  width: 25.5125rem;
}
:where([data-area-namespace=data]) .bottomArea {
  background-color: #FFF4CD;
}

:where([data-page=movie]) .l-stage {
  background-color: #CCAFFF;
}

:where([data-area-namespace=movie]) main {
  position: relative;
}
:where([data-area-namespace=movie]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.1;
}
:where([data-area-namespace=movie]) .fv .fv_copy {
  width: 25.675rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 0.975rem;
  background: url("/umajob/assets/images/movie/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .fv .fv_visual-1 {
  background: url("/umajob/assets/images/movie/fv_visual-1.webp") no-repeat 50% 50%/contain;
  top: 17.95625rem;
  right: 0.65rem;
  width: 10.48125rem;
  height: 10.80625rem;
}
:where([data-area-namespace=movie]) .fv .fv_visual-2 {
  z-index: 2;
  background: url("/umajob/assets/images/movie/fv_visual-2.webp") no-repeat 50% 50%/contain;
  bottom: -4.95625rem;
  left: 2.6rem;
  width: 8.775rem;
  height: 12.8375rem;
}
:where([data-area-namespace=movie]) .fv .fv_lead {
  padding-bottom: 3.25rem;
}
:where([data-area-namespace=movie]) .contents {
  position: relative;
  background-color: #EEDEED;
  padding: 4.875rem 3.25rem;
}
:where([data-area-namespace=movie]) .contents::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.2;
}
:where([data-area-namespace=movie]) .contents .block {
  display: block;
  width: 100%;
  scroll-margin-top: 3.25rem;
}
:where([data-area-namespace=movie]) .contents .block + .block {
  margin-top: 3.25rem;
}
:where([data-area-namespace=movie]) .contents .movie_wrapper {
  width: 100%;
  margin-top: -2.4375rem;
  padding: 1.4625rem;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 1.3rem;
}
:where([data-area-namespace=movie]) .contents .movie_group {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.25rem;
  margin-top: 1.95rem;
}
:where([data-area-namespace=movie]) .contents .movie_title {
  margin-bottom: 1.625rem;
  font-size: 2.275rem;
  font-weight: 700;
  line-height: 1.4285714286;
  text-align: center;
}
:where([data-area-namespace=movie]) .contents .movie_lead {
  margin-bottom: 1.625rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
}
:where([data-area-namespace=movie]) .contents .movie_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
:where([data-area-namespace=movie]) .contents .movie_item {
  padding-block: 1.625rem;
}
:where([data-area-namespace=movie]) .contents .movie_open {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 26rem;
  margin-inline: auto;
  aspect-ratio: 320/181;
  overflow: hidden;
}
:where([data-area-namespace=movie]) .contents .movie_open > img {
  grid-column: 1/2;
  grid-row: 1/2;
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=movie]) .contents .movie_open::after {
  filter: drop-shadow(2px 2px 0 #000);
  transition: filter 0.3s cubic-bezier(0, 0, 0.58, 1);
  z-index: 2;
  content: "";
  grid-column: 1/2;
  grid-row: 1/2;
  justify-self: center;
  align-self: center;
  display: block;
  width: 3.575rem;
  height: 6.58125rem;
}
:where([data-area-namespace=movie]) .contents .movie_open:focus > img {
  transform: scale(1.04);
}
:where([data-area-namespace=movie]) .contents .movie_open:focus::after {
  filter: drop-shadow(2px 2px 0 transparent);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=movie]) .contents .movie_open:hover > img {
    transform: scale(1.04);
  }
  :where([data-area-namespace=movie]) .contents .movie_open:hover::after {
    filter: drop-shadow(2px 2px 0 transparent);
  }
}
:where([data-area-namespace=movie]) .contents .movie_annotation {
  justify-self: end;
  font-size: 0.975rem;
  line-height: 2;
}
:where([data-area-namespace=movie]) .contents .movie_description {
  margin-top: 1.3rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
  padding-inline: 1.625rem;
}
:where([data-area-namespace=movie]) .contents .movie_description.--noPadding {
  padding-inline: unset;
}
:where([data-area-namespace=movie]) .contents .movie_description.--smallPadding {
  padding-inline: 1.4625rem;
}
:where([data-area-namespace=movie]) .contents .movie_description sup {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.2em;
}
:where([data-area-namespace=movie]) .contents .block-cm .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23CCAFFF' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-bokujyo .movie_item:nth-of-type(1) .movie_open::after, :where([data-area-namespace=movie]) .contents .block-bokujyo .movie_item:nth-of-type(3) .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23F49B17' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-bokujyo .movie_item:nth-of-type(2) .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%2323B3D3' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-kyumuin .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23FAC82D' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-souteishi .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23915ABE' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-kisyu .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23F5433C' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .contents .block-instructor .movie_open::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='81' fill='none'%3E%3Cpath fill='%23FF38BD' stroke='%23000' d='M43.26 40.076.5 79.852V1.132z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=movie]) .modal {
  position: absolute;
  inset: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
}
:where([data-area-namespace=movie]) .modal[aria-hidden=true] {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.01s 0.5s linear, opacity 0.2s 0.11s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=movie]) .modal[aria-hidden=false] {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transition: visibility 0.2s 0.01s linear, opacity 0.2s 0.01s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=movie]) .modal .modal_container {
  max-height: 100dvh;
  height: 100%;
  display: grid;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
}
@supports not (height: 1dvh) {
  :where([data-area-namespace=movie]) .modal .modal_container {
    max-height: 100vh;
  }
}
:where([data-area-namespace=movie]) .modal .modal_inner {
  position: relative;
  display: grid;
  grid-template-rows: 4.875rem 1fr;
  width: 100%;
  height: 27.1375rem;
  margin-inline: auto;
}
:where([data-area-namespace=movie]) .modal .modal_close {
  position: sticky;
  top: 0;
  z-index: 2;
  justify-self: end;
  width: 4.875rem;
  height: 4.875rem;
}
:where([data-area-namespace=movie]) .modal .movie_player_wrap {
  width: 39rem;
  aspect-ratio: 16/9;
}
:where([data-area-namespace=movie]) .modal .movie_player {
  width: 100%;
  height: 100%;
}

:where([data-page^=news-]) .l-stage {
  background-color: #D9E471;
}

:where([data-area-namespace^=news-]) main {
  position: relative;
}
:where([data-area-namespace^=news-]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.2;
}
:where([data-area-namespace^=news-]) .fv .fv_title {
  padding-bottom: 20.23125rem;
}
:where([data-area-namespace^=news-]) .fv .fv_visual-1 {
  z-index: 2;
  background: url("/umajob/assets/images/news/fv_visual-1.webp") no-repeat 50% 50%/contain;
  left: 3.0875rem;
  bottom: -2.03125rem;
  width: 32.9875rem;
  height: 25.675rem;
}
:where([data-area-namespace^=news-]) .news_contents {
  position: relative;
  padding: 4.875rem 3.25rem;
  background-color: #E7F3E3;
}
:where([data-area-namespace^=news-]) .news_contents::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.4;
}

:where([data-area-namespace=news-archive]) .news_item + .news_item {
  margin-top: 1.625rem;
}
:where([data-area-namespace=news-archive]) .news_link {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  -moz-column-gap: 1.4625rem;
       column-gap: 1.4625rem;
  width: 100%;
  padding: 1.3rem;
  border-radius: 0.65rem;
  border: 1px solid #000;
  background-color: #FFF4CD;
}
:where([data-area-namespace=news-archive]) .news_link:focus .news_iconButton {
  filter: drop-shadow(1px 1px 0 transparent);
}
:where([data-area-namespace=news-archive]) .news_link:focus .news_iconButton_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=news-archive]) .news_link:focus .news_iconButton_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=news-archive]) .news_link:hover .news_iconButton {
    filter: drop-shadow(1px 1px 0 transparent);
  }
  :where([data-area-namespace=news-archive]) .news_link:hover .news_iconButton_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=news-archive]) .news_link:hover .news_iconButton_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=news-archive]) .news_link[target=_blank] .news_title::after {
  margin-top: 0.08125rem;
  margin-left: 0.325rem;
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url("/umajob/assets/images/common/icon-blank.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=news-archive]) .news_date {
  display: inline-block;
  padding: 0.325rem 0.65rem;
  background-color: #FFF;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
}
:where([data-area-namespace=news-archive]) .news_title {
  margin-top: 0.65rem;
  font-size: 1.4625rem;
  line-height: 1.3333333333;
  font-weight: 500;
}
:where([data-area-namespace=news-archive]) .news_title .--small {
  font-size: 0.975rem;
  line-height: 1.6666666667;
}
:where([data-area-namespace=news-archive]) .news_title .news_title_attention {
  display: grid;
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: end;
  justify-content: start;
  justify-self: start;
  grid-template-columns: 0.8125rem auto 0.8125rem;
  align-items: center;
  -moz-column-gap: 0.1em;
       column-gap: 0.1em;
}
:where([data-area-namespace=news-archive]) .news_title .news_title_attention span {
  margin-left: 0.1em;
}
:where([data-area-namespace=news-archive]) .news_title .news_title_attention::before, :where([data-area-namespace=news-archive]) .news_title .news_title_attention::after {
  content: "";
  display: block;
  width: 0.8125rem;
  height: 1.38125rem;
  background-color: #000000;
}
:where([data-area-namespace=news-archive]) .news_title .news_title_attention::before {
  clip-path: polygon(0 5%, 15% 0, 100% 100%);
}
:where([data-area-namespace=news-archive]) .news_title .news_title_attention::after {
  clip-path: polygon(85% 0, 100% 5%, 0 100%);
}
:where([data-area-namespace=news-archive]) .news_iconButton {
  position: relative;
  width: 3.25rem;
  height: 3.00625rem;
  --icon-fill: #D9E471;
}
:where([data-area-namespace=news-archive]) .news_iconButton_arrow {
  position: absolute;
  top: 1.1375rem;
  left: calc(50% - 0.56875rem);
  width: 1.1375rem;
  height: 1.1375rem;
}

:where([data-area-namespace=news-detail]) .article {
  position: relative;
  padding-block: 3.575rem;
  border-radius: 1.3rem;
  border: 1px solid #000;
  background-color: #fff;
}
:where([data-area-namespace=news-detail]) .article_lead {
  padding-inline: 1.625rem;
  margin-bottom: 0.56875rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
:where([data-area-namespace=news-detail]) .article_title {
  padding-inline: 0.325rem;
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}
:where([data-area-namespace=news-detail]) .article_schedule {
  display: block;
  width: 29.25rem;
  margin-inline: auto;
  margin-top: 1.95rem;
  padding: 0.8125rem;
  border-radius: 1.3rem;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  background-color: #E7F3E3;
}
:where([data-area-namespace=news-detail]) .article_main {
  margin-top: 1.95rem;
  padding-inline: 1.625rem;
}
:where([data-area-namespace=news-detail]) .article_main h2 {
  margin-block: 4.875rem 1.625rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace=news-detail]) .article_main h2 .--small {
  font-size: 1.1375rem;
}
:where([data-area-namespace=news-detail]) .article_main h2 .--attention {
  display: grid;
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: end;
  justify-self: start;
  grid-template-columns: auto auto auto;
  align-items: center;
  -moz-column-gap: 0.325rem;
       column-gap: 0.325rem;
}
:where([data-area-namespace=news-detail]) .article_main h2 .--attention::before, :where([data-area-namespace=news-detail]) .article_main h2 .--attention::after {
  content: "";
  width: 0.975rem;
  height: 1.625rem;
  background-color: #000000;
}
:where([data-area-namespace=news-detail]) .article_main h2 .--attention::before {
  clip-path: polygon(0 5%, 15% 0, 100% 100%);
}
:where([data-area-namespace=news-detail]) .article_main h2 .--attention::after {
  margin-left: -0.2em;
  clip-path: polygon(85% 0, 100% 5%, 0 100%);
}
:where([data-area-namespace=news-detail]) .article_main p {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace=news-detail]) .article_main p span.--small {
  font-size: 1.1375rem;
}
:where([data-area-namespace=news-detail]) .article_main p + p {
  margin-top: 3.25rem;
}
:where([data-area-namespace=news-detail]) .article_main figure {
  width: 26rem;
  margin-block: 3.25rem;
  margin-inline: auto;
}
:where([data-area-namespace=news-detail]) .article_main figure figcaption {
  margin-top: 1.1375rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
}
:where([data-area-namespace=news-detail]) .article_main figure figcaption.--left {
  text-align: left;
}
:where([data-area-namespace=news-detail]) .article_main figure + figure {
  margin-block: 0 3.25rem;
}
:where([data-area-namespace=news-detail]) .article_main .pictureList {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.625rem;
  margin-block: 3.25rem;
}
:where([data-area-namespace=news-detail]) .article_main .pictureList.--smallOffset {
  margin-block: 1.625rem 3.25rem;
}
:where([data-area-namespace=news-detail]) .article_main .pictureList figure {
  margin-block: unset;
}
:where([data-area-namespace=news-detail]) .article_main .annotation {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 1.3rem;
}
:where([data-area-namespace=news-detail]) .article_main .annotation p {
  margin-top: unset;
  font-size: 0.975rem;
  line-height: 2;
}
:where([data-area-namespace=news-detail]) .article_main a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.42, 0, 1, 1);
}
:where([data-area-namespace=news-detail]) .article_main a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 1.1375rem;
  height: 1.1375rem;
  margin-inline: 0.1625rem;
  background: url("/umajob/assets/images/common/icon-blank.svg") no-repeat 50% 50%/contain;
  vertical-align: -0.2em;
}
:where([data-area-namespace=news-detail]) .article_main a:focus {
  opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=news-detail]) .article_main a:hover {
    opacity: 0.7;
  }
}
:where([data-area-namespace=news-detail]) .article_main ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0.8125rem;
  margin-block: 3.25rem 1.625rem;
}
:where([data-area-namespace=news-detail]) .article_main ul.--smallOffset {
  margin-block: 0.8125rem 1.625rem;
}
:where([data-area-namespace=news-detail]) .article_main li {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-left: 1em;
  text-indent: -1em;
}
:where([data-area-namespace=news-detail]) .article_main li::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border: 0.08125rem solid #000;
  border-radius: 50%;
}
:where([data-area-namespace=news-detail]) .article_foot {
  margin-top: 3.25rem;
  padding-inline: 1.625rem;
}
:where([data-area-namespace=news-detail]) .access_heading {
  display: block;
  width: 100%;
  padding-block: 0.8125rem;
  border-radius: 1.3rem;
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
  background-color: #E7F3E3;
}
:where([data-area-namespace=news-detail]) .access_image {
  width: 26rem;
  margin-top: 3.25rem;
  margin-inline: auto;
}
:where([data-area-namespace=news-detail]) .access_map {
  border: 0.08125rem solid #000;
  overflow: hidden;
  width: 26rem;
  margin-top: 3.25rem;
  margin-inline: auto;
}
:where([data-area-namespace=news-detail]) .access_map iframe {
  aspect-ratio: 360/270;
  width: 100%;
  height: auto;
}
:where([data-area-namespace=news-detail]) .access_address {
  padding-inline: 1.625rem;
  margin-top: 3.25rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace=news-detail]) .access_list {
  padding-inline: 1.625rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 3.25rem;
  margin-top: 3.25rem;
}
:where([data-area-namespace=news-detail]) .access_item {
  display: grid;
  justify-items: start;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1.3rem;
}
:where([data-area-namespace=news-detail]) .access_label {
  display: inline-block;
  padding: 0.65rem 1.3rem;
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  background-color: #E7F3E3;
  border-radius: 0.65rem;
}
:where([data-area-namespace=news-detail]) .access_description {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
:where([data-area-namespace=news-detail]) .access_description_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0.8125rem;
  padding-inline: 1.625rem;
}
:where([data-area-namespace=news-detail]) .access_description_list.--largeOffset {
  margin-top: 2.4375rem;
}
:where([data-area-namespace=news-detail]) .access_description_item {
  font-size: 1.4625rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-left: 1em;
  text-indent: -1em;
}
:where([data-area-namespace=news-detail]) .access_description_item::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border: 0.08125rem solid #000;
  border-radius: 50%;
}
:where([data-area-namespace=news-detail]) .news_navigation_wrap {
  position: relative;
  text-align: center;
}
:where([data-area-namespace=news-detail]) .news_navigation_wrap:nth-of-type(1) .news_navigation {
  background-color: #D9E471;
}
:where([data-area-namespace=news-detail]) .news_navigation_wrap:nth-of-type(2) .news_navigation {
  background-color: #FFE009;
}
:where([data-area-namespace=news-detail]) .news_navigation {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.3rem;
       column-gap: 1.3rem;
  align-items: center;
  margin-top: 3.25rem;
  padding: 1.95rem;
  border-radius: 9999px;
  border: 1px solid #000;
  transition: box-shadow 0.2s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0.325rem 0.325rem 0 #000;
}
:where([data-area-namespace=news-detail]) .news_navigation:focus {
  box-shadow: 0.325rem 0.325rem 0 transparent;
}
:where([data-area-namespace=news-detail]) .news_navigation:focus .news_navigation_arrow::before {
  transform: translateX(0);
}
:where([data-area-namespace=news-detail]) .news_navigation:focus .news_navigation_arrow::after {
  transform: translateX(140%);
}
@media (hover: hover) and (pointer: fine) {
  :where([data-area-namespace=news-detail]) .news_navigation:hover {
    box-shadow: 0.325rem 0.325rem 0 transparent;
  }
  :where([data-area-namespace=news-detail]) .news_navigation:hover .news_navigation_arrow::before {
    transform: translateX(0);
  }
  :where([data-area-namespace=news-detail]) .news_navigation:hover .news_navigation_arrow::after {
    transform: translateX(140%);
  }
}
:where([data-area-namespace=news-detail]) .news_navigation .news_navigation_text {
  font-size: 1.95rem;
  font-weight: 700;
  line-height: 1.6666666667;
}
:where([data-area-namespace=news-detail]) .news_navigation .news_navigation_arrow {
  width: 1.1375rem;
  height: 1.1375rem;
  transform: translateX(0);
}

:where([data-page=manga]) .l-stage {
  background-color: #BDCDE7;
}

:where([data-area-namespace=manga]) main {
  position: relative;
}
:where([data-area-namespace=manga]) main::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #FFF calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #FFF calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.1;
}
:where([data-area-namespace=manga]) .fv .fv_copy {
  width: 29.575rem;
  height: 5.6875rem;
  padding: 0.8125rem 0 0 1.05625rem;
  background: url("/umajob/assets/images/manga/fv_copy.webp") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=manga]) .fv .fv_visual-1 {
  background: url("/umajob/assets/images/manga/fv_visual-1.webp") no-repeat 50% 50%/contain;
  top: 18.44375rem;
  right: 0.24375rem;
  width: 10.8875rem;
  height: 11.2125rem;
}
:where([data-area-namespace=manga]) .fv .fv_visual-2 {
  z-index: 2;
  background: url("/umajob/assets/images/manga/fv_visual-2.webp") no-repeat 50% 50%/contain;
  bottom: -5.0375rem;
  left: 1.1375rem;
  width: 9.2625rem;
  height: 11.2125rem;
}
:where([data-area-namespace=manga]) .contents {
  position: relative;
  background-color: #DFF2FC;
  padding-block: 4.875rem;
}
:where([data-area-namespace=manga]) .contents::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #F0E6C1 calc(100% - 1px));
  background-size: 1.1375rem 1.1375rem;
  background-repeat: repeat;
  background-position: center center;
  opacity: 0.4;
}
:where([data-area-namespace=manga]) .contents .block {
  display: block;
  width: 100%;
  scroll-margin-top: 3.25rem;
}
:where([data-area-namespace=manga]) .contents .block + .block {
  margin-top: 4.875rem;
}
:where([data-area-namespace=manga]) .contents .block_heading {
  position: relative;
  z-index: 2;
}
:where([data-area-namespace=manga]) .contents .manga_wrapper {
  width: 100%;
  margin-top: 3.25rem;
}
:where([data-area-namespace=manga]) .contents .manga_slider {
  width: 100%;
}
:where([data-area-namespace=manga]) .contents .manga_pagination {
  --icon-fill: #FFF;
  --icon-active: #FFF;
  display: grid;
  grid-template-columns: repeat(4, 1.4625rem);
  justify-content: center;
  -moz-column-gap: 0.65rem;
       column-gap: 0.65rem;
  margin-top: 1.625rem;
}
:where([data-area-namespace=manga]) .contents .manga_pagination span {
  cursor: pointer;
  position: relative;
  width: 1.4625rem;
  height: 1.38125rem;
  filter: drop-shadow(1px 1px 0 #000);
  transition: filter 0.3s cubic-bezier(0, 0, 0.58, 1);
}
:where([data-area-namespace=manga]) .contents .manga_pagination span::before, :where([data-area-namespace=manga]) .contents .manga_pagination span::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
:where([data-area-namespace=manga]) .contents .manga_pagination span::before {
  background-color: var(--icon-fill);
  -webkit-mask: url("/umajob/assets/images/common/icon-pagination-shape.svg") no-repeat 50% 50%/contain;
  mask: url("/umajob/assets/images/common/icon-pagination-shape.svg") no-repeat 50% 50%/contain;
}
:where([data-area-namespace=manga]) .contents .manga_pagination span::after {
  background-image: url("/umajob/assets/images/common/icon-pagination-stroke.svg");
  pointer-events: none;
}
:where([data-area-namespace=manga]) .contents .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #FF9B00;
}
:where([data-area-namespace=manga]) .contents .block-seisan .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #FF9B00;
}
:where([data-area-namespace=manga]) .contents .block-ikusei .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #23B3D3;
}
:where([data-area-namespace=manga]) .contents .block-kyumuin .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #FCC92C;
}
:where([data-area-namespace=manga]) .contents .block-jyuishi .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #2FA438;
}
:where([data-area-namespace=manga]) .contents .block-souteishi .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #845BA3;
}
:where([data-area-namespace=manga]) .contents .block-kisyu .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #F5433C;
}
:where([data-area-namespace=manga]) .contents .block-instructor .manga_pagination span.swiper-pagination-bullet-active {
  --icon-fill: #F546BE;
}/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */