@charset "UTF-8";
/* ========================================================
# 関数の設定
======================================================== */
/* ========================================================
# リキッドレイアウト設定
======================================================== */
html {
  font-size: 4.2666666667vw;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 1.1111111111vw;
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #1D2A2E;
  background-color: #F0F3F5;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
  font-family: "Montserrat", "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-size: 18px;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}

::-moz-selection {
  background-color: #1D2A2E;
  color: #fff;
}

::selection {
  background-color: #1D2A2E;
  color: #fff;
}

::-moz-selection {
  background-color: #1D2A2E;
  color: #fff;
}

a {
  color: #1D2A2E;
  text-decoration: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
a:hover {
  opacity: 0.6;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  width: 100%;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.pconly {
  display: block;
}

.sponly {
  display: none;
}

@media screen and (max-width: 767px) {
  .pconly {
    display: none;
  }
  .sponly {
    display: block;
  }
}
.js-showup {
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(0, 0.625rem, 0);
  transform: translate3d(0, 0.625rem, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.js-showup.-inView {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-filter: blur(0);
  filter: blur(0);
}
@media screen and (max-width: 767px) {
  .js-showup.-inView {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes arrowSlidePrev {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

@keyframes arrowSlidePrev {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, -50%, 0);
    transform: translate3d(60%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, -50%, 0);
    transform: translate3d(-60%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, -50%, 0);
    transform: translate3d(60%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, -50%, 0);
    transform: translate3d(-60%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlide2 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(40%, 0%, 0);
    transform: translate3d(40%, 0%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-40%, 0%, 0);
    transform: translate3d(-40%, 0%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlide2 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(40%, 0%, 0);
    transform: translate3d(40%, 0%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-40%, 0%, 0);
    transform: translate3d(-40%, 0%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlideUp {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlideUp {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlideDown {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, 70%, 0);
    transform: translate3d(-50%, 70%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlideDown {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, 70%, 0);
    transform: translate3d(-50%, 70%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
.leadgridCms-onlyInnerWorkspace.js-showup {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important;
}
.leadgridCms-onlyInnerWorkspace .js-showup {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important;
}

body #js-editor-header-wrapper, body #js-editor-footer-wrapper {
  z-index: 1 !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. For a smooth scroll.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth; /* 3 */
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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: 1em; /* 2 */
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  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: 1em; /* 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * 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] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  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;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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 odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * 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 */
}

/* 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;
}

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

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

.-lg-fs_xs {
  font-size: var(--font-size-xs);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xs {
    font-size: var(--font-size-xs-sp);
  }
}

.-lg-fs_s {
  font-size: var(--font-size-s);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .-lg-fs_s {
    font-size: var(--font-size-s-sp);
  }
}

.-lg-fs_m {
  font-size: var(--font-size-m);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .-lg-fs_m {
    font-size: var(--font-size-m-sp);
  }
}

.-lg-fs_l {
  font-size: var(--font-size-l);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_l {
    font-size: var(--font-size-l-sp);
  }
}

.-lg-fs_xl {
  font-size: var(--font-size-xl);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xl {
    font-size: var(--font-size-xl-sp);
  }
}

.-lg-fs_xxl {
  font-size: var(--font-size-xxl);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xxl {
    font-size: var(--font-size-xxl-sp);
  }
}

.-lg-fd_bold {
  font-weight: bold;
}

.-lg-fd_underline {
  text-decoration: underline;
}

.-lg-fd_strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(35, 96, 153, 0.2)), color-stop(90%, rgba(35, 96, 153, 0.2)), color-stop(90%, transparent));
  background: linear-gradient(transparent 70%, rgba(35, 96, 153, 0.2) 70%, rgba(35, 96, 153, 0.2) 90%, transparent 90%);
}

.-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.-pt0 {
  padding-top: 0 !important;
}

.-pb0 {
  padding-bottom: 0 !important;
}

/*
resources/default/public/assets/base/img/common/icomoon/style.css をリセットするた目のcss
icomoonは、新規フォント追加の度に、style.cssが更新されてしまうため、更新されて欲しくないスタイル修正はここに記載する。
*/
.icon-circle-arrow {
  position: relative;
  width: 14px;
  height: 14px;
}
.icon-circle-arrow.-white .path1:before {
  color: #fff;
}
.icon-circle-arrow.-white .path2:before {
  color: var(--color-base-primary);
}
.icon-circle-arrow.-primary .path1:before {
  color: var(--color-base-primary);
}
.icon-circle-arrow.-primary .path2:before {
  color: var(--color-base-primaryInside);
}
.icon-circle-arrow.-secondary .path1:before {
  color: var(--color-base-secondary);
}
.icon-circle-arrow.-secondary .path2:before {
  color: var(--color-base-secondaryInside);
}
.icon-circle-arrow.-large {
  width: 20px;
  height: 20px;
}
.icon-circle-arrow.-large .path1:before {
  font-size: 20px;
}
.icon-circle-arrow.-large .path2:before {
  font-size: 20px;
}
.icon-circle-arrow .path1 {
  position: absolute;
  left: 0;
}
.icon-circle-arrow .path2 {
  position: absolute;
  left: 0;
}
.icon-circle-arrow .path2:before {
  margin: 0;
  color: var(--color-base-secondary);
}

.udo-corp-c-inner {
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-inner {
    padding: 0 1.5rem;
  }
}
.udo-corp-c-inner.-large {
  max-width: 72.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-inner.-large {
    max-width: 30rem;
  }
}
.udo-corp-c-inner.-width1000 {
  max-width: 62.5rem;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-inner.-width1000 {
    padding: 0 1.5625rem;
  }
}
.udo-corp-c-inner.-width1260 {
  max-width: 81.25rem;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-inner.-width1260 {
    padding: 0 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-c-inner.-event {
    max-width: 30rem;
    padding: 0 1rem;
  }
}

/**
 * udo-corp ボタンコンポーネント
 * 基本: 文字黒・背景白・アイコン黒
 * .-white: 反転（文字白・背景黒・アイコン白）
 * 矢印アイコンは ::after 擬似要素で表示
 */
.udo-corp-c-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  padding: 0.75rem 0.875rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  position: relative;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  color: #fff;
  background: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0.875rem;
  }
}
.udo-corp-c-btn::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.375rem 0.5625rem;
}
.udo-corp-c-btn.-white {
  color: #1D2A2E;
  background: #fff;
}
.udo-corp-c-btn.-white::after {
  border-color: #1D2A2E;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/0.375rem 0.5625rem;
}
.udo-corp-c-btn.-white:hover {
  color: #fff;
}
.udo-corp-c-btn.-white:hover::after {
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.375rem 0.5625rem;
}
.udo-corp-c-btn.-red {
  color: #e60012;
  background: #fff;
  border: 0.125rem solid #e60012;
}
.udo-corp-c-btn.-red::after {
  border-color: #e60012;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/0.375rem 0.5625rem;
  -webkit-filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
}
.udo-corp-c-btn.-red:hover {
  color: #fff;
  background: #e60012;
  border-color: #e60012;
}
.udo-corp-c-btn.-red:hover::after {
  border-color: rgba(255, 255, 255, 0.5);
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.375rem 0.5625rem;
  -webkit-filter: none;
  filter: none;
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-c-btn:hover:not(.-red) {
  background-color: #e60012;
  opacity: 1;
}
.udo-corp-c-btn:hover:not(.-red)::after {
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  border-color: rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes btnArrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50.1% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}

@keyframes btnArrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50.1% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}
/**
 * スライダーナビゲーションコンポーネント
 * 矢印ボタン + ページネーション（プログレスドット）
 *
 * autoplayの秒数はCSS変数 --slider-nav-autoplay-duration で調整可能（デフォルト: 4s）
 */
.udo-corp-c-slider-nav {
  --slider-nav-autoplay-duration: 4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-slider-nav {
    gap: 1rem;
  }
}

.c-slider-nav__arrow {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 2px solid #ddd;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  overflow: hidden;
  -webkit-transition: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-slider-nav__arrow {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.c-slider-nav__arrow img {
  width: 0.6875rem;
  height: 1rem;
  display: block;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.c-slider-nav__arrow:hover {
  background: #fff;
  border-color: #1D2A2E;
}
.c-slider-nav__arrow.-change-black:hover img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.c-slider-nav__arrow--next:hover img {
  -webkit-animation: sliderArrowSlideNext 0.4s ease forwards;
  animation: sliderArrowSlideNext 0.4s ease forwards;
}
.c-slider-nav__arrow--prev:hover img {
  -webkit-animation: sliderArrowSlidePrev 0.4s ease forwards;
  animation: sliderArrowSlidePrev 0.4s ease forwards;
}

@-webkit-keyframes sliderArrowSlideNext {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(400%);
    transform: translateX(400%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes sliderArrowSlideNext {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(400%);
    transform: translateX(400%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sliderArrowSlidePrev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%);
  }
  50.1% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sliderArrowSlidePrev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%);
  }
  50.1% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.-white .c-slider-nav__arrow {
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.c-slider-nav__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .c-slider-nav__pagination {
    gap: 1.0625rem;
  }
}

.c-slider-nav__dot {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  opacity: 1;
}
.c-slider-nav__dot.swiper-pagination-bullet-active .c-slider-nav__dotFill {
  -webkit-animation: slider-nav-progress-fill var(--slider-nav-autoplay-duration) linear forwards;
  animation: slider-nav-progress-fill var(--slider-nav-autoplay-duration) linear forwards;
}

.c-slider-nav__dotProgress {
  display: block;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-slider-nav__dotBg {
  fill: none;
  stroke: rgba(29, 42, 46, 0.2);
  stroke-width: 3;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

.c-slider-nav__dot:hover .c-slider-nav__dotBg {
  stroke: #1d2a2e;
}

.c-slider-nav__dotFill {
  fill: none;
  stroke: #1D2A2E;
  stroke-width: 3;
  stroke-dasharray: 28;
  stroke-dashoffset: 28;
}

.udo-corp-c-slider-nav .swiper-pagination-bullet {
  width: auto;
  height: auto;
  margin: 0;
  background: transparent;
  opacity: 1;
}

.-white .c-slider-nav__dotBg {
  stroke: rgba(255, 255, 255, 0.4);
}
.-white .c-slider-nav__dotFill {
  stroke: #fff;
}
.-white .c-slider-nav__dot:hover .c-slider-nav__dotBg {
  stroke: white;
}

@-webkit-keyframes slider-nav-progress-fill {
  from {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes slider-nav-progress-fill {
  from {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/**
 * バナー一覧スライダーコンポーネント（他セクションでも利用可）
 * 中央1枚フォーカス、左右はぼかし表示。3枚未満時は中央寄せ・矢印・インジケーター非表示
 */
.udo-corp-c-bannerList {
  position: relative;
  overflow: visible;
}
.udo-corp-c-bannerList .c-bannerList__sliderWrap {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  margin: 0 -5rem;
  padding: 0 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-bannerList .c-bannerList__sliderWrap {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }
}
.udo-corp-c-bannerList .c-bannerList__swiper {
  position: relative;
  overflow: visible;
}

.c-bannerList__swiper .c-bannerList__slide {
  will-change: filter, opacity, transform;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0.3;
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
  -webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .c-bannerList__swiper .c-bannerList__slide {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.c-bannerList__swiper .c-bannerList__slide.is-visible {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  .c-bannerList__swiper .c-bannerList__slide.is-visible.is-neighbor {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.c-bannerList__swiper .c-bannerList__slide .c-bannerList__card {
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  height: 100%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.c-bannerList__swiper .c-bannerList__slide .c-bannerList__card:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.c-bannerList__swiper .c-bannerList__slide .c-bannerList__cardImage {
  aspect-ratio: 360/90;
  overflow: hidden;
}
.c-bannerList__swiper .c-bannerList__slide .c-bannerList__cardImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.c-bannerList__nav {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-bannerList__nav {
    margin-top: 1.5rem;
  }
}

.udo-corp-c-bannerList--few .c-bannerList__sliderWrap {
  margin: 0;
  padding: 0;
}
.udo-corp-c-bannerList--few .c-bannerList__swiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
}
.udo-corp-c-bannerList--few .c-bannerList__swiper .c-bannerList__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 22.5rem;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
.udo-corp-c-bannerList--few .c-bannerList__cardImage {
  aspect-ratio: auto;
  height: 5.625rem;
}
.udo-corp-c-bannerList--few .c-bannerList__nav {
  display: none;
}

/**
 * udo-corp フッター（バナー・リストボックス・お問い合わせ・プライバシー・SNS）
 */
.udo-corp-s-footer {
  background-color: #142125;
  background-color: #142125;
  color: #fff;
  padding: 5rem 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer {
    padding: 4rem 0rem 4rem 0rem;
  }
}
.udo-corp-s-footer.leadgridCms-onlyInnerWorkspace {
  z-index: 9999;
  opacity: 1;
}
.udo-corp-s-footer .udo-corp-c-inner {
  position: relative;
  z-index: 3;
}
.udo-corp-s-footer .s-footer__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30rem;
  mix-blend-mode: hard-light;
  z-index: 2;
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__bg {
    height: 20rem;
  }
}
.udo-corp-s-footer .s-footer__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--s-footer-bg-color)));
  background: linear-gradient(to bottom, transparent 0%, var(--s-footer-bg-color) 100%);
  -webkit-animation: footerBgColor 6s linear infinite;
  animation: footerBgColor 6s linear infinite;
}
.udo-corp-s-footer .s-footer__bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: screen;
  display: block;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, black), color-stop(85%, black), to(transparent)), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 85%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, black), color-stop(85%, black), to(transparent)), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
  mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 85%, transparent 100%), linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-composite: source-in, xor;
  mask-composite: intersect;
}
.udo-corp-s-footer .s-footer__speaker-right {
  position: absolute;
  bottom: 2.75rem;
  right: -11.5rem;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  width: 26.25rem;
  height: 26.25rem;
  opacity: 0.15;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__speaker-right {
    right: -6.625rem;
    bottom: 6.5625rem;
    width: 12.9375rem;
    height: 12.9375rem;
  }
}
.udo-corp-s-footer .s-footer__speaker-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-animation: speakerVibrate 0.15s infinite;
  animation: speakerVibrate 0.15s infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.udo-corp-s-footer .s-footer__speaker-left {
  position: absolute;
  bottom: 2.75rem;
  left: -11.5rem;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  width: 26.25rem;
  height: 26.25rem;
  opacity: 0.15;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__speaker-left {
    left: -6.625rem;
    bottom: 6.5625rem;
    width: 12.9375rem;
    height: 12.9375rem;
  }
}
.udo-corp-s-footer .s-footer__speaker-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-animation: speakerVibrate 0.15s infinite;
  animation: speakerVibrate 0.15s infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.udo-corp-s-footer .s-footer__speaker {
  position: absolute;
  bottom: 2.75rem;
  left: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__speaker {
    bottom: 6.5625rem;
  }
}
.udo-corp-s-footer .s-footer__speaker img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-footer .s-footer__light {
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 90%;
  z-index: 1;
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(7px);
  filter: blur(7px);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__light {
    display: none;
  }
}
.udo-corp-s-footer .s-footer__light img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-footer .s-footer__banner {
  overflow: hidden;
  margin-bottom: 5.625rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__banner {
    margin-bottom: 4.0625rem;
  }
}
.udo-corp-s-footer .s-footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4.875rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem;
    gap: 2rem;
  }
}
.udo-corp-s-footer .s-footer__blocksInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3rem 6.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__blocksInner {
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__blocks {
    width: 100%;
  }
}
.udo-corp-s-footer .s-footer__block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 2.5rem;
  padding-bottom: 1.125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__block {
    width: 100%;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
  }
}
.udo-corp-s-footer .s-footer__block::after {
  width: 0.1875rem;
  height: 4.75rem;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: -0.125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__block::after {
    height: 3.5rem;
  }
}
.udo-corp-s-footer .s-footer__blockHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__blockHead {
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-footer .s-footer__blockTitles {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.udo-corp-s-footer .s-footer__blockTitle {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin: 0 0 1rem;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__blockTitle {
    font-size: 2rem;
    margin: 0 0 0.5rem;
  }
}
.udo-corp-s-footer .s-footer__blockSubtitle {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__blockSubtitle {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-footer .s-footer__linkList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__linkList {
    gap: 1.5rem 1.625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.udo-corp-s-footer .s-footer__linkItem {
  margin: 0;
  line-height: 0;
}
.udo-corp-s-footer .s-footer__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  position: relative;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__link {
    gap: 0.375rem;
    font-size: 1rem;
  }
}
.udo-corp-s-footer .s-footer__link::before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.udo-corp-s-footer .s-footer__link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/0.375rem 0.5625rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.udo-corp-s-footer .s-footer__link:hover {
  color: #e60012;
  text-decoration: underline;
  opacity: 1;
}
.udo-corp-s-footer .s-footer__link:hover::before {
  border-color: #e60012;
}
.udo-corp-s-footer .s-footer__link:hover::after {
  -webkit-filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-footer .s-footer__contactWrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactWrap {
    width: 100%;
    gap: 1.5rem;
  }
}
.udo-corp-s-footer .s-footer__contactButtonsWrap {
  gap: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtonsWrap {
    width: 100%;
    gap: 0.5rem;
  }
}
.udo-corp-s-footer .s-footer__contactButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  max-width: 21.875rem;
  width: 21.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtons {
    max-width: 100%;
    width: 100%;
    gap: 0.5rem;
  }
}
.udo-corp-s-footer .s-footer__contactButton2 {
  width: 100%;
}
.udo-corp-s-footer .s-footer__contactButtonLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.2);
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtonLink {
    font-size: 1rem;
    padding: 1rem;
    gap: 0.75rem;
  }
}
.udo-corp-s-footer .s-footer__contactButtonLink:hover {
  background-color: #e60012;
  border-color: #e60012;
  opacity: 1;
}
.udo-corp-s-footer .s-footer__contactButtonLink:hover .s-footer__contactButtonIcon {
  background: rgba(255, 255, 255, 0.1);
}
.udo-corp-s-footer .s-footer__contactButtonLink:hover .s-footer__contactButtonArrow {
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-footer .s-footer__contactButtonIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background: rgba(255, 255, 255, 0.1);
}
.udo-corp-s-footer .s-footer__contactButtonIcon img {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtonIcon img {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtonIcon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.udo-corp-s-footer .s-footer__contactButton2Link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  color: #1D2A2E;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  background: #fff;
  border: 0.125rem solid #fff;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButton2Link {
    font-size: 1rem;
    padding: 1rem;
    gap: 0.75rem;
  }
}
.udo-corp-s-footer .s-footer__contactButton2Link:hover {
  background-color: #e60012;
  border-color: #e60012;
  color: #fff;
  opacity: 1;
}
.udo-corp-s-footer .s-footer__contactButton2Link:hover .s-footer__contactButton2Icon {
  background: rgba(255, 255, 255, 0.1);
}
.udo-corp-s-footer .s-footer__contactButton2Link:hover .s-footer__contactButton2Icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.udo-corp-s-footer .s-footer__contactButton2Link:hover .s-footer__contactButton2Arrow {
  border-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-white.svg");
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-footer .s-footer__contactButton2Icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: #F0F3F5;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.udo-corp-s-footer .s-footer__contactButton2Icon img {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButton2Icon img {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButton2Icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.udo-corp-s-footer .s-footer__contactButton2Text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.udo-corp-s-footer .s-footer__contactButton2Arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg") no-repeat center/0.5625rem 0.5625rem;
  -webkit-transition: border-color 0.3s ease, background-image 0.3s ease;
  transition: border-color 0.3s ease, background-image 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButton2Arrow {
    width: 1.75rem;
    height: 1.75rem;
    background-size: 0.4375rem 0.4375rem;
  }
}
.udo-corp-s-footer .s-footer__contactButtonText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.udo-corp-s-footer .s-footer__contactButtonArrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.5rem 0.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__contactButtonArrow {
    width: 1.75rem;
    height: 1.75rem;
    background-size: 0.375rem 0.5625rem;
  }
}
.udo-corp-s-footer .s-footer__policyList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem 0rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__policyList {
    gap: 1rem 0rem;
  }
}
.udo-corp-s-footer .s-footer__policyItem {
  margin: 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__policyItem {
    line-height: 1;
  }
}
.udo-corp-s-footer .s-footer__policyLink {
  color: #fff;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.udo-corp-s-footer .s-footer__policyLink:hover {
  color: #e60012;
  text-decoration: underline;
  opacity: 1;
}
.udo-corp-s-footer .s-footer__sns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__sns {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-footer .s-footer__snsInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0 2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsInner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1.5rem 1.25rem;
  }
}
.udo-corp-s-footer .s-footer__snsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  position: relative;
}
.udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--goods {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--goods {
    margin-left: 0;
  }
}
.udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch {
    border-bottom: 1px solid white;
    padding: 0 0 1rem 0;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
  }
}
.udo-corp-s-footer .s-footer__snsBlock:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlock:not(:last-child)::after {
    display: none;
  }
}
.udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch::after {
  top: 75%;
}
.udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--goods::after {
  display: none;
}
.udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch:nth-of-type(3)::after {
  right: auto;
  left: 100%;
  margin-left: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--main {
    grid-column: 1/-1;
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
  }
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--main::after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1.5rem;
    height: 0.0625rem;
    background: white;
  }
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch:nth-of-type(2) {
    grid-column: 1;
  }
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--branch:nth-of-type(3) {
    grid-column: 2;
  }
  .udo-corp-s-footer .s-footer__snsBlock.s-footer__snsBlock--goods {
    grid-column: 1/-1;
    text-align: center;
  }
}
.udo-corp-s-footer .s-footer__snsBlockTitle {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
  letter-spacing: 0.01em;
}
.s-footer__snsBlock--branch .udo-corp-s-footer .s-footer__snsBlockTitle {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsBlockTitle {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
  }
}
.udo-corp-s-footer .s-footer__snsIconList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsIconList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
  }
}
.udo-corp-s-footer .s-footer__snsIconItem {
  margin: 0;
}
.udo-corp-s-footer .s-footer__snsIconLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #fff;
  text-decoration: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}
.udo-corp-s-footer .s-footer__snsIconLink:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsIconLink {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.udo-corp-s-footer .s-footer__snsIconWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.udo-corp-s-footer .s-footer__snsIconWrap img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__snsIconWrap img {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
}
.udo-corp-s-footer .s-footer__copyright {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  color: rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-footer .s-footer__copyright {
    font-size: 0.75rem;
  }
}

@-webkit-keyframes btnArrowDiagonalSlide {
  0% {
    background-position: center center;
  }
  50% {
    background-position: 200% -100%;
  }
  50.1% {
    background-position: -100% 200%;
  }
  100% {
    background-position: center center;
  }
}

@keyframes btnArrowDiagonalSlide {
  0% {
    background-position: center center;
  }
  50% {
    background-position: 200% -100%;
  }
  50.1% {
    background-position: -100% 200%;
  }
  100% {
    background-position: center center;
  }
}
@-webkit-keyframes speakerVibrate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.04) translate(1px, -1px);
    transform: scale(1.04) translate(1px, -1px);
  }
  50% {
    -webkit-transform: scale(0.97) translate(-1px, 1px);
    transform: scale(0.97) translate(-1px, 1px);
  }
  75% {
    -webkit-transform: scale(1.04) translate(1px, 1px);
    transform: scale(1.04) translate(1px, 1px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes speakerVibrate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.04) translate(1px, -1px);
    transform: scale(1.04) translate(1px, -1px);
  }
  50% {
    -webkit-transform: scale(0.97) translate(-1px, 1px);
    transform: scale(0.97) translate(-1px, 1px);
  }
  75% {
    -webkit-transform: scale(1.04) translate(1px, 1px);
    transform: scale(1.04) translate(1px, 1px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes btnArrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50.1% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}
@property --s-footer-bg-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #FF563C;
}
@-webkit-keyframes footerBgColor {
  0%, 100% {
    --s-footer-bg-color: #FF563C;
  }
  33.33% {
    --s-footer-bg-color: #BEFF3C;
  }
  66.66% {
    --s-footer-bg-color: #3CEBFF;
  }
}
@keyframes footerBgColor {
  0%, 100% {
    --s-footer-bg-color: #FF563C;
  }
  33.33% {
    --s-footer-bg-color: #BEFF3C;
  }
  66.66% {
    --s-footer-bg-color: #3CEBFF;
  }
}
.udo-corp-c-header {
  position: fixed;
  top: 2rem;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: background-color 0.3s ease, padding 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, padding 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease, -webkit-box-shadow 0.3s ease;
  border-radius: 0.5rem;
  margin: 0 1rem;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header {
    margin: 0 1rem;
    padding: 0rem;
    top: 3rem;
  }
}
.udo-corp-c-header.under-page {
  top: 1rem;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header.under-page {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0.04875rem 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.04875rem 1rem rgba(0, 0, 0, 0.05);
    padding: 0.5rem;
  }
  .udo-corp-c-header.under-page .c-header__navLink {
    color: #1D2A2E;
  }
  .udo-corp-c-header.under-page .c-header__navLink:hover {
    background-color: #1D2A2E;
    color: #fff;
  }
  .udo-corp-c-header.under-page .c-header__memberBtn {
    background-color: transparent;
    color: #1D2A2E;
    border: 1px solid #DDD;
  }
}
.udo-corp-c-header.under-page .c-header__logoImg {
  width: 5.8125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header.under-page .c-header__logoImg {
    width: 5.375rem;
    height: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header.is-scrolled {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0.04875rem 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.04875rem 1rem rgba(0, 0, 0, 0.05);
    padding: 0.5rem;
  }
  .udo-corp-c-header.is-scrolled .c-header__navLink {
    color: #1D2A2E;
  }
  .udo-corp-c-header.is-scrolled .c-header__navLink:hover {
    background-color: #1D2A2E;
    color: #fff;
  }
  .udo-corp-c-header.is-scrolled .c-header__memberBtn {
    background-color: transparent;
    color: #1D2A2E;
    border: 1px solid #DDD;
  }
  .udo-corp-c-header.is-scrolled .c-header__logoImg {
    width: 5.8125rem;
  }
}
.udo-corp-c-header .c-header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
}
.udo-corp-c-header .c-header__logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
}
.udo-corp-c-header .c-header__logoLink {
  display: block;
  line-height: 0;
}
.udo-corp-c-header .c-header__logoLink:hover {
  opacity: 1;
}
.udo-corp-c-header .c-header__logoLink.pc-logo {
  display: block;
}
.udo-corp-c-header .c-header__logoLink.sp-logo {
  display: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__logoLink.pc-logo {
    display: none;
  }
  .udo-corp-c-header .c-header__logoLink.sp-logo {
    display: block;
  }
}
.udo-corp-c-header .c-header__logoImg {
  display: block;
  width: 5.8125rem;
  width: 9.75rem;
  height: auto;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__logoImg {
    width: 5.375rem;
    height: 2.75rem;
  }
}
.udo-corp-c-header .c-header__nav {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header .c-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.udo-corp-c-header .c-header__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-c-header .c-header__navItem {
  margin: 0;
}
.udo-corp-c-header .c-header__navItem:nth-child(5) {
  position: relative;
  margin-right: 0.75rem;
}
.udo-corp-c-header .c-header__navItem:nth-child(5)::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -0.75rem;
  width: 0.0625rem;
  height: 0.75rem;
  background: rgba(255, 255, 255, 0.2);
}
.udo-corp-c-header .c-header__navLink {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0.5rem;
  letter-spacing: 0.01em;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  border-radius: 0.25rem;
}
.udo-corp-c-header .c-header__navLink:hover {
  opacity: 1;
}
.udo-corp-c-header .c-header__navLink:hover {
  background-color: #fff;
  color: #1D2A2E;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header .c-header__navItem.is-active .c-header__navLink {
    background-color: #fff;
    color: #1D2A2E;
  }
}
.udo-corp-c-header.is-scrolled .c-header__navItem:nth-child(5)::after, .udo-corp-c-header.under-page .c-header__navItem:nth-child(5)::after {
  background: rgba(29, 42, 46, 0.2);
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header.is-scrolled .c-header__navItem.is-active .c-header__navLink, .udo-corp-c-header.under-page .c-header__navItem.is-active .c-header__navLink {
    background-color: #1D2A2E;
    color: #fff;
  }
}
.udo-corp-c-header .c-header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-c-header .c-header__memberBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background-color: #fff;
  color: #1D2A2E;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  border-radius: 0.5rem;
  border: 1px solid white;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__memberBtn {
    padding: 0.61875rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.1875rem;
    height: 2.75rem;
  }
}
.udo-corp-c-header .c-header__memberBtn:hover {
  opacity: 1;
  background-color: #e60012;
  color: #fff;
  border-color: #e60012;
}
.udo-corp-c-header .c-header__memberBtn:hover .c-header__memberIcon {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.udo-corp-c-header .c-header__memberIcon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__memberIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.udo-corp-c-header .c-header__memberText {
  white-space: nowrap;
}
.udo-corp-c-header .c-header__menuBtn {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.61875rem 0.75rem;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.1875rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  background: #1D2A2E;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__menuBtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2.75rem;
  }
}
.udo-corp-c-header .c-header__menuIcon {
  display: none;
  width: 0.75rem;
  height: 0.125rem;
  background-color: currentColor;
  border-radius: 0.0625rem;
  position: relative;
}
.udo-corp-c-header .c-header__menuIcon::before, .udo-corp-c-header .c-header__menuIcon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: currentColor;
  border-radius: 0.0625rem;
}
.udo-corp-c-header .c-header__menuIcon::before {
  top: -0.375rem;
}
.udo-corp-c-header .c-header__menuIcon::after {
  top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-header .c-header__menuIcon {
    display: block;
  }
}
.udo-corp-c-header .c-header__drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(29, 42, 46, 0.9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: -1;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: visibility 0.4s ease, -webkit-transform 0.4s ease;
  transition: visibility 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, visibility 0.4s ease;
  transition: transform 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-header .c-header__drawer {
    display: none;
  }
}
.udo-corp-c-header.is-drawerOpen .c-header__drawer {
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 999;
}
.udo-corp-c-header .c-header__drawerClose {
  position: absolute;
  top: 0.625rem;
  right: 1.25rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #636363;
  background: transparent;
  cursor: pointer;
  z-index: 10;
}
.udo-corp-c-header .c-header__drawerCloseIcon {
  position: relative;
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  margin: auto;
}
.udo-corp-c-header .c-header__drawerCloseIcon::before, .udo-corp-c-header .c-header__drawerCloseIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9375rem;
  height: 0.125rem;
  background-color: #fff;
  border-radius: 0.0625rem;
}
.udo-corp-c-header .c-header__drawerCloseIcon::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.udo-corp-c-header .c-header__drawerCloseIcon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.udo-corp-c-header .c-header__drawerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  padding: 4rem 1.5rem 1.5rem 1.5rem;
  overflow-y: auto;
}
.udo-corp-c-header .c-header__drawerList {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 2.5rem;
}
.udo-corp-c-header .c-header__drawerItem {
  margin: 0;
  opacity: 0;
  -webkit-transform: translate(30px, 30px);
  transform: translate(30px, 30px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  margin-bottom: 2rem;
}
.udo-corp-c-header .c-header__drawerItem:nth-child(5) {
  margin-bottom: 5rem;
  position: relative;
}
.udo-corp-c-header .c-header__drawerItem:nth-child(5)::after {
  content: "";
  position: absolute;
  bottom: -2.5rem;
  left: 0rem;
  width: 0.75rem;
  height: 0.0625rem;
  background: rgba(255, 255, 255, 0.2);
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(1) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(3) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(4) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(5) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(6) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerItem:nth-child(7) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.udo-corp-c-header .c-header__drawerLink {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.udo-corp-c-header .c-header__drawerLink:hover {
  opacity: 1;
  color: rgba(255, 255, 255, 0.7);
}
.udo-corp-c-header .c-header__drawerMember {
  margin-top: 2rem;
  opacity: 0;
  -webkit-transform: translate(30px, 30px);
  transform: translate(30px, 30px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.udo-corp-c-header.is-drawerOpen .c-header__drawerMember {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.udo-corp-c-header .c-header__drawerMemberBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  color: #1D2A2E;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.udo-corp-c-header .c-header__drawerMemberBtn:hover {
  opacity: 1;
}
.udo-corp-c-header .c-header__drawerMemberIcon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.5rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: var(--UDO-lightgray, #F0F3F5);
  -webkit-transition: border-color 0.2s ease, -webkit-filter 0.2s ease;
  transition: border-color 0.2s ease, -webkit-filter 0.2s ease;
  transition: filter 0.2s ease, border-color 0.2s ease;
  transition: filter 0.2s ease, border-color 0.2s ease, -webkit-filter 0.2s ease;
  border-radius: 50%;
}
.udo-corp-c-header .c-header__drawerMemberText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.udo-corp-c-header .c-header__drawerMemberArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #DDD;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease, -webkit-filter 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, -webkit-filter 0.2s ease;
  transition: filter 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  transition: filter 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, -webkit-filter 0.2s ease;
}
.udo-corp-c-header .c-header__drawerMemberArrow::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  background: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg") no-repeat center/contain;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}

.udo-corp-c-breadcrumb {
  margin-bottom: 3rem;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-breadcrumb {
    margin-bottom: 2.5rem;
  }
}
.udo-corp-c-breadcrumb::-webkit-scrollbar {
  display: none;
}
.udo-corp-c-breadcrumb.-media {
  padding: 3px 0 3px;
  background-color: #eeeeee;
}
.udo-corp-c-breadcrumb.-media li + li:before {
  width: 5px;
  height: 8px;
  background: url("/assets/base/img/media/icon_breadcrumb_arrow.svg") no-repeat 0 0;
  background-size: 5px 8px;
  margin: 0 14px;
}
.udo-corp-c-breadcrumb.-media li a {
  color: #52575d;
  line-height: 24px;
}
.udo-corp-c-breadcrumb .c-breadcrumb__itemTop {
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  cursor: pointer;
}
.udo-corp-c-breadcrumb .c-breadcrumb__itemTop a {
  opacity: 1 !important;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.udo-corp-c-breadcrumb .c-breadcrumb__itemTop a:hover {
  color: #e60012;
  text-decoration: none;
}
.udo-corp-c-breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-c-breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-breadcrumb li {
    font-size: 0.75rem;
  }
}
.udo-corp-c-breadcrumb li:after {
  content: " ";
  display: block;
  width: 0.375rem;
  height: 0.5625rem;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center;
  background-size: 0.3125rem auto;
  margin: 0 0.625rem;
}
.udo-corp-c-breadcrumb li:last-child::after {
  display: none;
}
.udo-corp-c-breadcrumb li a {
  text-decoration: underline;
  color: #1D2A2E;
  cursor: pointer;
  opacity: 1;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  letter-spacing: 0;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.udo-corp-c-breadcrumb li a:hover {
  color: #e60012;
  text-decoration: none;
}
.udo-corp-c-breadcrumb li:last-child:not(:has(a)) {
  text-decoration: none;
  opacity: 0.5;
  letter-spacing: 0;
}

.-white-breadcrumb .udo-corp-c-breadcrumb li {
  color: #fff;
}
.-white-breadcrumb .udo-corp-c-breadcrumb li:after {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.-white-breadcrumb .udo-corp-c-breadcrumb li a {
  color: #fff;
}

.udo-corp-c-backTop {
  position: fixed;
  right: 1rem;
  bottom: 1.375rem;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease, bottom 0.3s ease;
  transition: opacity 0.3s ease, bottom 0.3s ease;
  mix-blend-mode: difference;
  opacity: 0;
  pointer-events: none;
}
.udo-corp-c-backTop.is-visible {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-backTop {
    width: 3rem;
    height: 3rem;
    right: 1rem;
    bottom: 1rem;
  }
}
.udo-corp-c-backTop:hover {
  opacity: 0.4;
}
.udo-corp-c-backTop img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.udo-corp-c-noresult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-noresult {
    margin-top: 2.5rem;
  }
}
.udo-corp-c-noresult .c-noresult__label {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-size: 2.0625rem;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.udo-corp-c-noresult .c-noresult__title {
  font-weight: bold;
  margin: 1.25rem 0 0;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-noresult .c-noresult__title {
    margin-top: 0.9375rem;
  }
}
.udo-corp-c-noresult .c-noresult__text {
  margin: 3.125rem 0 0;
  font-size: 1rem;
}
.udo-corp-c-noresult .udo-corp-c-btn {
  margin-top: 3.125rem;
}

.base-c-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .base-c-pager {
    margin-top: 2.5rem;
  }
}
.base-c-pager .c-pager__itemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-inline: 0.75rem;
  gap: 0.625rem 0;
}
@media screen and (max-width: 767px) {
  .base-c-pager .c-pager__itemWrap {
    margin-inline: 0.25rem;
  }
}
.base-c-pager .c-pager__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #1D2A2E;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-size: 1.125rem;
  text-decoration: none;
  border: 0.0625rem solid #fff;
  -webkit-transition: color 0.1s linear, border-color 0.1s linear 0.05s;
  transition: color 0.1s linear, border-color 0.1s linear 0.05s;
}
@media screen and (max-width: 767px) {
  .base-c-pager .c-pager__item {
    min-width: auto;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1rem;
  }
}
.base-c-pager .c-pager__item + .c-pager__item {
  margin-left: 0.75rem;
}
@media screen and (max-width: 767px) {
  .base-c-pager .c-pager__item + .c-pager__item {
    margin-left: 0.25rem;
  }
}
.base-c-pager .c-pager__item:is(span):not(.-current):not(.-prev):not(.-next) {
  background-color: transparent;
  border: 0.0625rem solid transparent;
}
.base-c-pager .c-pager__item.-current {
  background-color: transparent;
  opacity: 1;
  border: 0.0625rem solid transparent;
}
.base-c-pager .c-pager__item.-current:is(a):hover {
  border-color: transparent;
  color: #1D2A2E;
}
.base-c-pager .c-pager__item:is(a):hover {
  opacity: 1;
  color: #e60012;
  border-color: #e60012;
}
.base-c-pager .c-pager__item.-prev, .base-c-pager .c-pager__item.-next {
  background-color: #1D2A2E;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  border: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.base-c-pager .c-pager__item.-prev i, .base-c-pager .c-pager__item.-next i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.375rem 0.5625rem;
}
@media screen and (max-width: 767px) {
  .base-c-pager .c-pager__item.-prev i, .base-c-pager .c-pager__item.-next i {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.base-c-pager .c-pager__item.-prev:is(a):hover, .base-c-pager .c-pager__item.-next:is(a):hover {
  background-color: #e60012;
  opacity: 1;
}
.base-c-pager .c-pager__item.-prev:is(a):hover i, .base-c-pager .c-pager__item.-next:is(a):hover i {
  -webkit-animation: pagerArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: pagerArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  border-color: rgba(255, 255, 255, 0.5);
}
.base-c-pager .c-pager__item.-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@-webkit-keyframes pagerArrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50.1% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}

@keyframes pagerArrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50.1% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}
/**
 * udo-corp タグコンポーネント
 * キーワードタグの共通スタイル
 * .-current: 選択状態（下線が赤に）
 */
.udo-corp-c-tag {
  display: inline-block;
  padding: 0.375rem 0.5rem 0.625rem 0.5rem;
  color: #1D2A2E;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 42, 46, 0.2)), to(rgba(29, 42, 46, 0.2))) no-repeat 1.375rem calc(100% - 0.375rem)/calc(100% - 2rem) 1px, #fff;
  background: linear-gradient(rgba(29, 42, 46, 0.2), rgba(29, 42, 46, 0.2)) no-repeat 1.375rem calc(100% - 0.375rem)/calc(100% - 2rem) 1px, #fff;
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 0.25rem;
  letter-spacing: 0.04em;
  line-height: 1;
  position: relative;
  border: solid 1px transparent;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.udo-corp-c-tag:hover {
  border-color: #e60012;
}
.udo-corp-c-tag:hover {
  opacity: 1;
}
.udo-corp-c-tag::before {
  display: inline-block;
  content: "";
  background: url("/assets/udo-corp/img/common/tag.svg") no-repeat center/contain;
  margin-right: 0.4375rem;
  width: 0.5rem;
  height: 0.625rem;
}
.udo-corp-c-tag::after {
  content: "";
  display: block;
  width: calc(100% - 2rem);
  height: 1px;
  position: absolute;
  bottom: 0.375rem;
  left: 1.375rem;
  background-color: #E60012;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.udo-corp-c-tag:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.udo-corp-c-tag.-current {
  border-color: #e60012;
}
.udo-corp-c-tag.-current::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.udo-corp-c-tag.no-hover {
  pointer-events: none;
}
.udo-corp-c-tag.no-hover::after {
  display: none;
}

.udo-corp-c-wysiwyg {
  width: 100%;
  padding-left: 0;
  overflow: hidden;
}
.udo-corp-c-wysiwyg h2,
.udo-corp-c-wysiwyg h3,
.udo-corp-c-wysiwyg h4,
.udo-corp-c-wysiwyg h5,
.udo-corp-c-wysiwyg h6 {
  margin: 0;
  line-height: 1.6;
}
.udo-corp-c-wysiwyg h2 {
  margin-block: 2.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding: 0 0 0.5rem;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg h2 {
    font-size: 0.875rem;
  }
}
.udo-corp-c-wysiwyg h2::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.6875rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg h2 {
    font-size: 1.5rem;
    margin-block: 3rem 1rem;
  }
}
.udo-corp-c-wysiwyg h3 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 3rem 0 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg h3 {
    font-size: 1.25rem;
    margin: 2rem 0 1rem 0;
  }
}
.udo-corp-c-wysiwyg h4 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg h4 {
    font-size: 1.125rem;
    margin-top: 1.5rem;
  }
}
.udo-corp-c-wysiwyg p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 1.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg p {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.8;
  }
}
.udo-corp-c-wysiwyg li {
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg li {
    font-size: 1rem;
    margin-bottom: 0.25rem;
  }
}
.udo-corp-c-wysiwyg ul, .udo-corp-c-wysiwyg ol {
  margin: 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg ul, .udo-corp-c-wysiwyg ol {
    margin: 1rem 0;
  }
}
.udo-corp-c-wysiwyg ul {
  padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg ul {
    padding-left: 2rem;
  }
}
.udo-corp-c-wysiwyg ul li {
  position: relative;
  list-style: none;
}
.udo-corp-c-wysiwyg ul li:before {
  display: block;
  content: "";
  background: url("/assets/udo-corp/img/common/list-ul.svg") no-repeat center/contain;
  position: absolute;
  left: -2.5rem;
  top: 0rem;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg ul li:before {
    top: 0rem;
    width: 1.75rem;
    height: 1.75rem;
    left: -2rem;
  }
}
.udo-corp-c-wysiwyg ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}
.udo-corp-c-wysiwyg ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.25rem;
}
.udo-corp-c-wysiwyg ol li:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: counter(n, decimal-leading-zero);
  counter-increment: n;
  font-size: 1rem;
  letter-spacing: 0.04em;
  line-height: 1;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  position: relative;
  top: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0 0.3125rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg ol li:before {
    top: 0.0625rem;
  }
}
.udo-corp-c-wysiwyg a {
  word-wrap: break-word;
  color: #e60012;
  text-decoration: underline;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg a {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.udo-corp-c-wysiwyg a:hover {
  text-decoration: none;
  opacity: 1;
}
.udo-corp-c-wysiwyg blockquote {
  border: 1px solid #000;
  border-radius: 0.5rem;
  padding: 3rem;
  margin: 2.5rem 0 1.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg blockquote {
    padding: 1.5rem 1.25rem;
    margin: 1.25rem 0;
  }
}
.udo-corp-c-wysiwyg blockquote::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/assets/udo-corp/img/common/gg_quote.svg");
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.8125rem;
  left: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg blockquote::before {
    top: -0.8125rem;
    left: 1rem;
  }
}
.udo-corp-c-wysiwyg blockquote p {
  margin: 0;
  color: #1D2A2E;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg blockquote p {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.udo-corp-c-wysiwyg table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  padding-bottom: 0.75rem;
  scrollbar-width: thin;
  scrollbar-color: #1D2A2E #F0F3F5;
}
.udo-corp-c-wysiwyg table::-webkit-scrollbar {
  height: 0.1875rem;
}
.udo-corp-c-wysiwyg table::-webkit-scrollbar-track {
  background: #F0F3F5;
  border-radius: 0.625rem;
}
.udo-corp-c-wysiwyg table::-webkit-scrollbar-thumb {
  background: #1D2A2E;
  border-radius: 0.625rem;
}
.udo-corp-c-wysiwyg table tbody,
.udo-corp-c-wysiwyg table thead {
  width: 100%;
  display: table;
}
.udo-corp-c-wysiwyg table th {
  background-color: #142125;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 1rem;
  text-align: left;
  border: 1px solid #142125;
  min-width: 17.5rem;
}
.udo-corp-c-wysiwyg table td {
  background-color: #F0F3F5;
  color: #1D2A2E;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  border: 1px solid #ddd;
  padding: 1rem;
  min-width: 17.5rem;
}
.udo-corp-c-wysiwyg table th[colspan="2"],
.udo-corp-c-wysiwyg table td[colspan="2"] {
  min-width: 35rem;
}
.udo-corp-c-wysiwyg code .hljs-ln {
  margin-top: 0;
  margin-bottom: 0;
}
.udo-corp-c-wysiwyg code .hljs-ln-code, .udo-corp-c-wysiwyg code .hljs-ln-numbers {
  border: none;
  padding: 0;
  min-width: 0.3125rem;
}
.udo-corp-c-wysiwyg code .hljs-ln-numbers {
  border-right: 1px solid #ddd;
}
.udo-corp-c-wysiwyg img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 2.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg img {
    margin: 1.5rem 0;
  }
}
.udo-corp-c-wysiwyg .fr-img-caption .fr-inner {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #60676B;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg .fr-img-caption .fr-inner {
    font-size: 0.875rem;
  }
}
.udo-corp-c-wysiwyg iframe {
  max-width: 100%;
}
.udo-corp-c-wysiwyg h2:first-child, .udo-corp-c-wysiwyg h3:first-child, .udo-corp-c-wysiwyg h4:first-child, .udo-corp-c-wysiwyg h5:first-child, .udo-corp-c-wysiwyg h6:first-child, .udo-corp-c-wysiwyg p:first-child, .udo-corp-c-wysiwyg ol:first-child, .udo-corp-c-wysiwyg ul:first-child, .udo-corp-c-wysiwyg blockquote:first-child, .udo-corp-c-wysiwyg img:first-child, .udo-corp-c-wysiwyg table:first-child {
  margin-top: 0;
}
.udo-corp-c-wysiwyg.-terms {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.udo-corp-c-wysiwyg.-terms h2 {
  font-size: 1.25rem;
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg.-terms h2 {
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}
.udo-corp-c-wysiwyg.-terms h3 {
  font-size: 1.125rem;
  margin-block: 2.5rem 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg.-terms h3 {
    font-size: 1rem;
    margin-block: 1.5rem 0.5rem;
  }
}
.udo-corp-c-wysiwyg.-terms p, .udo-corp-c-wysiwyg.-terms li {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.udo-corp-c-wysiwyg.-terms ol {
  padding-left: 0.5rem;
}
.udo-corp-c-wysiwyg.-terms li {
  padding-left: 1.25rem;
  text-indent: -1.625rem;
}
.udo-corp-c-wysiwyg.-terms li ol {
  margin-top: 0.75rem !important;
}
.udo-corp-c-wysiwyg.-privacy h2 {
  font-size: 2rem;
  letter-spacing: 0;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-wysiwyg.-privacy h2 {
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-c-wysiwyg.-privacy h2::before {
  margin-top: 1rem;
}

/**
 * udo-corp ライター（記事を書いた人）コンポーネント
 * ニュース詳細の本文下に表示する著者プロフィールカード
 */
.udo-corp-c-writer {
  margin-top: 1.5rem;
  padding: 3rem;
  border: 1px solid #1D2A2E;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-writer {
    margin-top: 1rem;
    padding: 1.5rem;
  }
}
.udo-corp-c-writer .c-writer__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-writer .c-writer__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.udo-corp-c-writer .c-writer__profileHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.udo-corp-c-writer .c-writer__thumbWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-c-writer .c-writer__thumb {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.udo-corp-c-writer .c-writer__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.udo-corp-c-writer .c-writer__label {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #e60012;
}
.udo-corp-c-writer .c-writer__name {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #1D2A2E;
}
.udo-corp-c-writer .c-writer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-c-writer .c-writer__sns:empty {
  display: none;
}
.udo-corp-c-writer .c-writer__snsLink {
  display: block;
  line-height: 0;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}
.udo-corp-c-writer .c-writer__snsLink:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
.udo-corp-c-writer .c-writer__snsLink img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0;
}
.udo-corp-c-writer .c-writer__divider {
  margin: 1rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid #ddd;
}
.udo-corp-c-writer .c-writer__profile {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #636363;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-writer .c-writer__profile {
    font-size: 0.875rem;
  }
}
.udo-corp-c-writer .c-writer__profile p {
  margin: 0 0 0.5rem;
}
.udo-corp-c-writer .c-writer__profile p:last-child {
  margin-bottom: 0;
}

/**
 * udo-corp CTA（Call To Action）コンポーネント
 * ニュース詳細の本文下に表示するCTAカード
 * PC: 左テキスト＋ボタン / 右画像の2カラム。SP: 縦積み（サブ→見出し→画像→説明→ボタン）
 */
.udo-corp-c-cta {
  margin-top: 2.5rem;
  padding: 2.5rem;
  background-color: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
}
.udo-corp-c-cta .c-cta__sub {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: #e60012;
  line-height: 1.4;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.udo-corp-c-cta .c-cta__title {
  margin: 0 0 1rem;
  font-size: 1.625rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1.6;
  letter-spacing: 0.01em;
  padding-bottom: 0.375rem;
  border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta .c-cta__title {
    font-size: 1.375rem;
    padding-bottom: 1rem;
  }
}
.udo-corp-c-cta .c-cta__thumbTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta .c-cta__thumbTextWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
.udo-corp-c-cta .c-cta__thumbWrap {
  width: 15rem;
  height: 15rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta .c-cta__thumbWrap {
    width: 100%;
    height: auto;
  }
}
.udo-corp-c-cta .c-cta__thumbWrap .c-cta__thumb {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.udo-corp-c-cta .c-cta__textWrap {
  width: calc(100% - 17rem);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta .c-cta__textWrap {
    width: 100%;
  }
}
.udo-corp-c-cta .c-cta__text {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
  color: #60676B;
  font-weight: 500;
}
.udo-corp-c-cta .c-cta__text p {
  margin: 0 0 0.5rem;
}
.udo-corp-c-cta .c-cta__text p:last-child {
  margin-bottom: 0;
}
.udo-corp-c-cta .c-cta__btn {
  margin-top: 0;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-cta .c-cta__btn {
    width: 100%;
  }
}

@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/**
 * udo-corp リストフィルター コンポーネント
 * カテゴリ・キーワードのサイドバーフィルター（news/topics共通）
 * PC: sticky / SP: アコーディオン開閉
 */
.udo-corp-c-listFilter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 17.5rem;
  border-radius: 1rem;
  background: rgba(29, 42, 46, 0.1);
  padding: 1.5rem 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter {
    width: 100%;
    padding: 1.5rem 1rem 0 1rem;
    border-radius: 0.75rem;
  }
}
.udo-corp-c-listFilter .c-listFilter__filter {
  overflow: hidden;
  margin-bottom: 2rem;
}
.udo-corp-c-listFilter .c-listFilter__filter:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filter {
    margin-bottom: 0rem;
  }
}
.udo-corp-c-listFilter .c-listFilter__filterHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0rem 0 0.75rem;
  margin-bottom: 0.75rem;
  border: none;
  border-bottom: solid 0.0625rem #fff;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1D2A2E;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-listFilter .c-listFilter__filterHead {
    cursor: default;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filterHead {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0rem 0 0.9375rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-c-listFilter .c-listFilter__filterIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.375rem;
  height: 0.5625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.udo-corp-c-listFilter .c-listFilter__filterIcon img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .udo-corp-c-listFilter .c-listFilter__filterIcon {
    display: none;
  }
}
.udo-corp-c-listFilter .c-listFilter__filter[aria-expanded=true] .c-listFilter__filterIcon img {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filterBody {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 0.4s ease;
    transition: grid-template-rows 0.4s ease;
    transition: grid-template-rows 0.4s ease, -ms-grid-rows 0.4s ease;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filterBodyInner {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filter[aria-expanded=true] .c-listFilter__filterBody {
    grid-template-rows: 1fr;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .udo-corp-c-listFilter .c-listFilter__filterBody {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .udo-corp-c-listFilter .c-listFilter__filterHead {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .udo-corp-s-newsDetail .udo-corp-c-listFilter .c-listFilter__filterIcon {
    display: none;
  }
  .udo-corp-s-newsDetail .udo-corp-c-listFilter .c-listFilter__filterBody {
    display: block !important;
    grid-template-rows: none;
    margin-bottom: 1.375rem;
  }
  .udo-corp-s-newsDetail .udo-corp-c-listFilter .c-listFilter__filterBodyInner {
    overflow: visible;
  }
}
.udo-corp-c-listFilter .c-listFilter__categoryList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-c-listFilter .c-listFilter__categoryList li {
  margin: 0;
  padding: 0;
}
.udo-corp-c-listFilter .c-listFilter__categoryItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.6875rem 0.75rem 0.625rem 0.75rem;
  background-color: #fff;
  color: #1D2A2E;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  -webkit-transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  margin-bottom: 0.5rem;
  border-radius: 2.5rem;
}
.udo-corp-c-listFilter .c-listFilter__categoryItem::before {
  content: "";
  background: url("/assets/udo-corp/img/common/light-ball-red-big.svg") no-repeat center/contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.625rem;
  opacity: 0;
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.udo-corp-c-listFilter .c-listFilter__categoryItem:hover {
  opacity: 1;
  background-color: #1D2A2E;
  color: #fff;
}
.udo-corp-c-listFilter .c-listFilter__categoryItem.is-current {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-c-listFilter .c-listFilter__categoryItem.is-current::before {
  -webkit-animation: blink 1.5s ease-in-out infinite;
  animation: blink 1.5s ease-in-out infinite;
}
.udo-corp-c-listFilter .c-listFilter__keywordsAll {
  color: #1D2A2E;
}
.udo-corp-c-listFilter .c-listFilter__keywordItem {
  background-color: #fff;
  border-radius: 2.5rem;
  width: 100%;
  display: block;
  padding: 0.75rem 0 0.75rem 2rem;
  color: #1D2A2E;
  text-decoration: none;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1;
  font-weight: 700;
  -webkit-transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.udo-corp-c-listFilter .c-listFilter__keywordItem:hover {
  opacity: 1;
  background-color: #1D2A2E;
  color: #fff;
}
.udo-corp-c-listFilter .c-listFilter__keywordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0.75rem 0 0;
}
.udo-corp-c-listFilter .c-listFilter__keywordList li {
  line-height: 0;
}
.udo-corp-c-listFilter .c-listFilter__filter--pickup:has(.c-listFilter__pickupList:empty) {
  display: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-listFilter .c-listFilter__filter--pickup {
    margin-bottom: 2rem;
  }
}
.udo-corp-c-listFilter .c-listFilter__filter--pickup .c-listFilter__filterTitle {
  margin: 0 0 0.75rem;
  padding: 0 0 0.75rem;
  border-bottom: solid 0.0625rem #fff;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #1D2A2E;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-c-listFilter .c-listFilter__pickupList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
.udo-corp-c-listFilter .c-listFilter__pickupItem {
  margin: 0;
  padding: 0;
}
.udo-corp-c-listFilter .c-listFilter__pickupItem:first-child {
  padding-top: 0;
}
.udo-corp-c-listFilter .c-listFilter__pickupLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: #1D2A2E;
}
.udo-corp-c-listFilter .c-listFilter__pickupLink:hover {
  opacity: 1;
}
.udo-corp-c-listFilter .c-listFilter__pickupLink:hover .c-listFilter__pickupTitle {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-c-listFilter .c-listFilter__pickupLink:hover .c-listFilter__pickupThumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.udo-corp-c-listFilter .c-listFilter__pickupTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.udo-corp-c-listFilter .c-listFilter__pickupThumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6rem;
  height: 3.375rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(29, 42, 46, 0.08);
}
.udo-corp-c-listFilter .c-listFilter__pickupThumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.js-char-blink:not([data-char-blink-initialized]) {
  opacity: 0;
}

.c-charBlink__char {
  display: inline-block;
  opacity: 0;
}
.c-charBlink__char.is-animate {
  -webkit-animation: charBlink 0.4s steps(1, end) forwards;
  animation: charBlink 0.4s steps(1, end) forwards;
}
.c-charBlink__char.is-animate-out {
  -webkit-animation: charBlinkOut 0.5s steps(1, end) forwards;
  animation: charBlinkOut 0.5s steps(1, end) forwards;
}

@-webkit-keyframes charBlink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes charBlink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes charBlinkOut {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes charBlinkOut {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
:root {
  --page-intro-duration: 0.8s;
  --page-intro-content-duration: 0.8s;
  --page-intro-easing: ease-out;
}

body:has(.js-page-intro-video) {
  background-color: #1D2A2E;
}

.js-page-intro-video:not([data-page-intro-initialized]),
.js-page-intro-content:not([data-page-intro-initialized]),
.udo-corp-s-pageHeading:has(~ .js-page-intro-video):not([data-page-intro-initialized]) {
  opacity: 0;
}

body.is-page-intro {
  background-color: #1D2A2E;
  -webkit-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}

body.is-page-intro-done {
  background-color: transparent;
  -webkit-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}

body.is-page-intro-done:has(.js-page-intro-scroll-fade) {
  background-color: #F0F3F5;
}

.udo-corp-s-pageHeading .s-header__title {
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

body.is-page-intro:not(.is-page-intro-video-playing) .udo-corp-s-pageHeading .s-header__title {
  color: #fff;
}

.is-page-intro-hidden {
  opacity: 0;
}

.is-page-intro-content.is-page-intro-hidden {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.is-page-intro-animate {
  opacity: 1;
  -webkit-transition: opacity var(--page-intro-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-duration) var(--page-intro-easing), transform var(--page-intro-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-duration) var(--page-intro-easing), transform var(--page-intro-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-duration) var(--page-intro-easing);
}

.is-page-intro-content.is-page-intro-animate {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity var(--page-intro-content-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-content-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-content-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-content-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-content-duration) var(--page-intro-easing), transform var(--page-intro-content-duration) var(--page-intro-easing);
  transition: opacity var(--page-intro-content-duration) var(--page-intro-easing), transform var(--page-intro-content-duration) var(--page-intro-easing), -webkit-transform var(--page-intro-content-duration) var(--page-intro-easing);
}

.udo-corp-c-pageIntro__videoBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
}
.udo-corp-c-pageIntro__videoBg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-pageIntro__videoBg video {
    height: 57%;
    -o-object-position: center top;
    object-position: center top;
  }
}

.udo-corp-c-pageIntro__videoOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 243, 245, 0)), color-stop(63.94%, #F0F3F5));
  background: linear-gradient(180deg, rgba(240, 243, 245, 0) 0%, #F0F3F5 63.94%);
  background: url("/assets/udo-corp/img/movie/normalcover.png") no-repeat center center/cover;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity calc(var(--page-intro-duration) * 1.1) var(--page-intro-easing);
  transition: opacity calc(var(--page-intro-duration) * 1.1) var(--page-intro-easing);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-pageIntro__videoOverlay {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(240, 243, 245, 0)), color-stop(50%, #F0F3F5));
    background: linear-gradient(180deg, rgba(240, 243, 245, 0) 30%, #F0F3F5 50%);
  }
}

body.is-page-intro-done .udo-corp-c-pageIntro__videoOverlay {
  opacity: 1;
}

/**
 * udo-corp 矢印アイコンコンポーネント
 * ボタンコンポーネントと同じ丸枠付き矢印アイコン
 * 丸枠は固定、中の矢印だけがアニメーションする
 *
 * 使い方:
 * <span class="udo-corp-c-arrow"></span>
 *
 * 親要素に .js-arrow-trigger を付けるとホバーアニメーションが適用される
 */
.udo-corp-c-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.udo-corp-c-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/0.375rem 0.5625rem;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.js-arrow-trigger:hover .udo-corp-c-arrow {
  border-color: #e60012;
}
.js-arrow-trigger:hover .udo-corp-c-arrow::before {
  -webkit-filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  -webkit-animation: arrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: arrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}

@keyframes arrowSlide {
  0% {
    background-position: center;
  }
  50% {
    background-position: 200% center;
  }
  50% {
    background-position: -100% center;
  }
  100% {
    background-position: center;
  }
}
.udo-corp-c-pageTitle {
  position: relative;
  z-index: 2;
}
.udo-corp-c-pageTitle .c-pageTitle__title {
  text-align: center;
  color: #fff;
}
.udo-corp-c-pageTitle .c-pageTitle__en {
  display: block;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 0.625rem;
  -webkit-text-stroke-width: 0.125rem;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-pageTitle .c-pageTitle__en {
    font-size: 2.75rem;
  }
}
.udo-corp-c-pageTitle .c-pageTitle__ja {
  display: block;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-pageTitle .c-pageTitle__ja {
    font-size: 1rem;
    line-height: 1.4;
  }
}

/**
 * udo-corp 追従ナビゲーション
 * - 通常時: セクション内に配置
 * - スクロール時: 画面下部に固定
 * - セクション下端: is-pinned で absolute に切り替え
 */
.udo-corp-c-stickyNav {
  width: 100%;
  max-width: 71.875rem;
  margin: 0 auto;
  pointer-events: none;
  padding: 0 1.25rem;
}
.udo-corp-c-stickyNav.is-pinned {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-c-stickyNav.is-pinned {
    bottom: 0.5rem;
  }
}
.udo-corp-c-stickyNav.is-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  pointer-events: auto;
}

.c-stickyNav__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  pointer-events: auto;
  border-radius: 1rem;
  background: rgba(29, 42, 46, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .c-stickyNav__list {
    padding: 0.5rem;
    border-radius: 1.5rem;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
}

.c-stickyNav__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.625rem 0.5rem 0.625rem 1.25rem;
  border-radius: 6.25rem;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  color: #1D2A2E;
  background: #fff;
  -webkit-transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-stickyNav__link {
    width: 100%;
    font-size: 0.875rem;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    gap: 0.5rem;
  }
}
.c-stickyNav__link::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #ddd;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.5625rem 0.375rem;
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
.c-stickyNav__link:hover {
  background: #1D2A2E;
  color: #fff;
  border-color: #1D2A2E;
  opacity: 1;
}
.c-stickyNav__link:hover::after {
  border-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets/udo-corp/img/common/arrow-down-white.svg");
  -webkit-animation: stickyNavArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: stickyNavArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
}

.c-stickyNav__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@-webkit-keyframes stickyNavArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}

@keyframes stickyNavArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}
.udo-corp-c-form {
  max-width: 50rem;
  margin: 0 auto;
}
.udo-corp-c-form .leadgrid-form__row + .leadgrid-form__row {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .leadgrid-form__row + .leadgrid-form__row {
    margin-top: 1.5rem;
  }
}
.udo-corp-c-form .leadgrid-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #1D2A2E;
  margin-bottom: 0.75rem;
  line-height: 1;
}
.udo-corp-c-form .leadgrid-form__label::before {
  display: none;
}
.udo-corp-c-form .leadgrid-form__label::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  padding: 0.125rem 0.375rem 0 0.375rem;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  margin-left: auto;
}
.udo-corp-c-form .leadgrid-form__label.-required::after {
  content: "#必須";
  background-color: #e60012;
}
.udo-corp-c-form .leadgrid-form__label:not(.-required)::after {
  content: "#任意";
  background-color: #636363;
}
.udo-corp-c-form .leadgrid-form__input,
.udo-corp-c-form .leadgrid-form__textarea,
.udo-corp-c-form .leadgrid-form__select > select {
  -webkit-transition: all 0.3s cubic-bezier(0, 1, 0.64, 1);
  transition: all 0.3s cubic-bezier(0, 1, 0.64, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #1D2A2E;
  border: 1px solid #D2D4D5;
  font-weight: 500;
}
.udo-corp-c-form .leadgrid-form__input::-webkit-input-placeholder, .udo-corp-c-form .leadgrid-form__textarea::-webkit-input-placeholder, .udo-corp-c-form .leadgrid-form__select > select::-webkit-input-placeholder {
  color: #1D2A2E;
  opacity: 0.3;
}
.udo-corp-c-form .leadgrid-form__input::-moz-placeholder, .udo-corp-c-form .leadgrid-form__textarea::-moz-placeholder, .udo-corp-c-form .leadgrid-form__select > select::-moz-placeholder {
  color: #1D2A2E;
  opacity: 0.3;
}
.udo-corp-c-form .leadgrid-form__input:-ms-input-placeholder, .udo-corp-c-form .leadgrid-form__textarea:-ms-input-placeholder, .udo-corp-c-form .leadgrid-form__select > select:-ms-input-placeholder {
  color: #1D2A2E;
  opacity: 0.3;
}
.udo-corp-c-form .leadgrid-form__input::-ms-input-placeholder, .udo-corp-c-form .leadgrid-form__textarea::-ms-input-placeholder, .udo-corp-c-form .leadgrid-form__select > select::-ms-input-placeholder {
  color: #1D2A2E;
  opacity: 0.3;
}
.udo-corp-c-form .leadgrid-form__input::placeholder,
.udo-corp-c-form .leadgrid-form__textarea::placeholder,
.udo-corp-c-form .leadgrid-form__select > select::placeholder {
  color: #1D2A2E;
  opacity: 0.3;
}
.udo-corp-c-form .leadgrid-form__input:focus,
.udo-corp-c-form .leadgrid-form__textarea:focus,
.udo-corp-c-form .leadgrid-form__select > select:focus {
  outline: none;
  border: 1px solid #1D2A2E;
}
.udo-corp-c-form .leadgrid-form__input,
.udo-corp-c-form .leadgrid-form__select > select {
  height: 3.5rem;
  padding: 1.25rem 1rem;
}
.udo-corp-c-form .leadgrid-form__select > select {
  padding: 1rem 1rem;
}
.udo-corp-c-form .leadgrid-form__textarea {
  min-height: 15rem;
  height: 20rem;
  padding: 1.25rem;
  resize: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .leadgrid-form__textarea {
    min-height: 12.5rem;
    padding: 1rem;
  }
}
.udo-corp-c-form .udo-corp-textarea-wrap {
  position: relative;
  line-height: 0;
  width: 100%;
}
.udo-corp-c-form .udo-corp-textarea-wrap .udo-corp-textarea-handle {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  cursor: s-resize;
  background: url("/assets/udo-corp/img/common/textarea.svg") no-repeat center/contain;
}
.udo-corp-c-form .leadgrid-form__select {
  position: relative;
}
.udo-corp-c-form .leadgrid-form__select > select {
  cursor: pointer;
  padding-right: 3.5rem;
}
.udo-corp-c-form .leadgrid-form__select::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background-image: url("/assets/udo-corp/img/common/arrow-down-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.5625rem 0.375rem;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__radio) > .leadgrid-form__label,
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__checkbox) > .leadgrid-form__label {
  border-bottom: 0.0625rem solid #ddd;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.udo-corp-c-form .leadgrid-form__radio + .leadgrid-form__radio {
  margin-top: 0.75rem;
}
.udo-corp-c-form .leadgrid-form__radio > label {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.udo-corp-c-form .leadgrid-form__radio > label input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.udo-corp-c-form .leadgrid-form__radio > label input[type=radio]:focus-visible + .leadgrid-form__radio-label::before {
  outline: 2px solid #1D2A2E;
  outline-offset: 2px;
}
.udo-corp-c-form .leadgrid-form__radio > label input[type=radio]:checked + .leadgrid-form__radio-label {
  font-weight: 700;
}
.udo-corp-c-form .leadgrid-form__radio > label input[type=radio]:checked + .leadgrid-form__radio-label::before {
  background-color: #1D2A2E;
}
.udo-corp-c-form .leadgrid-form__radio > label input[type=radio]:checked + .leadgrid-form__radio-label::after {
  content: " ";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.5rem;
  margin-top: 0;
  min-width: 0.5rem;
  min-height: 0.5rem;
}
.udo-corp-c-form .leadgrid-form__radio .leadgrid-form__radio-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.4;
  position: relative;
  cursor: pointer;
  font-weight: 500;
}
.udo-corp-c-form .leadgrid-form__radio .leadgrid-form__radio-label::before {
  content: " ";
  display: block;
  margin-right: 0.625rem;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #1D2A2E;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.udo-corp-c-form .leadgrid-form__checkbox + .leadgrid-form__checkbox {
  margin-top: 0.75rem;
}
.udo-corp-c-form .leadgrid-form__checkbox > label {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.udo-corp-c-form .leadgrid-form__checkbox > label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.udo-corp-c-form .leadgrid-form__checkbox > label input[type=checkbox]:focus-visible + .leadgrid-form__checkbox-label::before {
  outline: 2px solid #1D2A2E;
  outline-offset: 2px;
}
.udo-corp-c-form .leadgrid-form__checkbox > label input[type=checkbox]:checked + .leadgrid-form__checkbox-label {
  font-weight: 700;
}
.udo-corp-c-form .leadgrid-form__checkbox > label input[type=checkbox]:checked + .leadgrid-form__checkbox-label::before {
  background-color: #1D2A2E;
  border-color: #1D2A2E;
}
.udo-corp-c-form .leadgrid-form__checkbox > label input[type=checkbox]:checked + .leadgrid-form__checkbox-label::after {
  content: " ";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
  border-radius: 0rem;
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 0.4375rem;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.udo-corp-c-form .leadgrid-form__checkbox .leadgrid-form__checkbox-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  position: relative;
}
.udo-corp-c-form .leadgrid-form__checkbox .leadgrid-form__checkbox-label::before {
  content: " ";
  display: block;
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #1D2A2E;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.udo-corp-c-form .leadgrid-form__file .leadgrid-form__file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 3.25rem;
  padding: 0.875rem 1.25rem;
  background-color: #fff;
  border: 1px solid #D2D4D5;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #1D2A2E;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .leadgrid-form__file .leadgrid-form__file-label {
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }
}
.udo-corp-c-form .leadgrid-form__file .leadgrid-form__file-label img {
  display: none;
}
.udo-corp-c-form .leadgrid-form__file .leadgrid-form__file-label::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/udo-corp/img/common/file.svg") no-repeat center/contain;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) input[type=file] {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file):has(input[type=file]:focus-visible) .leadgrid-form__file-label {
  outline: 2px solid #1D2A2E;
  outline-offset: 2px;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__label::after {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__label::after {
    top: 0.1875rem;
  }
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file {
  display: contents;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > span.leadgrid-form__file-caution {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  color: #636363;
  margin: 0 4.375rem 0 0.5rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > span.leadgrid-form__file-caution {
    font-size: 0.75rem;
    margin: 0 3.75rem 0 0.5rem;
    line-height: 1.4;
  }
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > div.leadgrid-form__file-caution {
  display: none;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > .leadgrid-form__file-label {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 0.75rem;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > ul {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 0.5rem;
  padding: 0;
  list-style: none;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__file > ul > li {
  font-size: 0.875rem;
  color: #636363;
  line-height: 1.4;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__file) > .leadgrid-form__error {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.udo-corp-c-form .leadgrid-form__error {
  font-size: 0.875rem;
  line-height: 1;
  color: #e60012;
  margin-top: 0.75rem;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.udo-corp-c-form .leadgrid-form__error:not(:empty)::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
  margin-top: 0.125rem;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__error:not(:empty)) > .leadgrid-form__label {
  color: #e60012;
  border-bottom-color: #e60012;
}
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__error:not(:empty)) .leadgrid-form__input,
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__error:not(:empty)) .leadgrid-form__textarea,
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__error:not(:empty)) .leadgrid-form__select > select,
.udo-corp-c-form .leadgrid-form__row:has(.leadgrid-form__error:not(:empty)) .leadgrid-form__file-label {
  border-color: #e60012;
}
.udo-corp-c-form .c-form__agree,
.udo-corp-c-form .leadgrid-form__agree {
  text-align: left;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .c-form__agree,
  .udo-corp-c-form .leadgrid-form__agree {
    margin-top: 1.5rem;
  }
}
.udo-corp-c-form .c-form__agree .privacy,
.udo-corp-c-form .leadgrid-form__agree .privacy {
  color: #636363;
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: left;
  font-weight: 500;
}
.udo-corp-c-form .c-form__agree .privacy a,
.udo-corp-c-form .leadgrid-form__agree .privacy a {
  color: #636363;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.udo-corp-c-form .c-form__agree .privacy a:hover,
.udo-corp-c-form .leadgrid-form__agree .privacy a:hover {
  color: #e60012;
  text-decoration: none;
  opacity: 1;
}
.udo-corp-c-form .c-form__agree .leadgrid-form__error,
.udo-corp-c-form .leadgrid-form__agree .leadgrid-form__error {
  margin-bottom: 0.75rem;
}
.udo-corp-c-form .c-form__agreeText_not_scroll {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .c-form__agreeText_not_scroll {
    line-height: 1.6;
  }
}
.udo-corp-c-form .c-form__agreeText_not_scroll div {
  text-align: left !important;
}
.udo-corp-c-form .c-form__agreeText_not_scroll u {
  text-decoration: none !important;
}
.udo-corp-c-form .c-form__agreeText_not_scroll a {
  color: #1D2A2E;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
  text-decoration: underline;
}
.udo-corp-c-form .c-form__agreeText_not_scroll a:hover {
  color: #e60012;
  text-decoration: none !important;
  opacity: 1;
}
.udo-corp-c-form .c-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.udo-corp-c-form .c-form__checkbox label {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.udo-corp-c-form .c-form__checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.udo-corp-c-form .c-form__checkbox input[type=checkbox]:focus-visible + .c-form__checkboxLabel::before {
  outline: 2px solid #1D2A2E;
  outline-offset: 2px;
}
.udo-corp-c-form .c-form__checkbox input[type=checkbox]:checked + .c-form__checkboxLabel {
  font-weight: 700;
}
.udo-corp-c-form .c-form__checkbox input[type=checkbox]:checked + .c-form__checkboxLabel::before {
  background-color: #1D2A2E;
  border-color: #1D2A2E;
}
.udo-corp-c-form .c-form__checkbox input[type=checkbox]:checked + .c-form__checkboxLabel::after {
  content: " ";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
  border-radius: 0rem;
  position: absolute;
  top: 50%;
  left: 0.4375rem;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.udo-corp-c-form .c-form__checkboxLabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  position: relative;
}
.udo-corp-c-form .c-form__checkboxLabel::before {
  content: " ";
  display: block;
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #1D2A2E;
  border-radius: 0.25rem;
  margin-right: 0.75rem;
}
.udo-corp-c-form .c-form__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .c-form__action {
    margin-top: 1.5rem;
  }
}
.udo-corp-c-form .c-form__action .leadgrid-c-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  background-color: #1D2A2E;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .c-form__action .leadgrid-c-button {
    max-width: 100%;
    padding: 1rem 0.75rem 1rem 1rem;
    font-size: 1rem;
  }
}
.udo-corp-c-form .c-form__action .leadgrid-c-button .icon-circle-arrow {
  display: none;
}
.udo-corp-c-form .c-form__action .leadgrid-c-button::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/next-white.svg") no-repeat center/0.375rem 0.5625rem;
}
.udo-corp-c-form .c-form__action .leadgrid-c-button:hover {
  background-color: #e60012;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.udo-corp-c-form .c-form__action .leadgrid-c-button:hover::after {
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  border-color: rgba(255, 255, 255, 0.5);
}
.udo-corp-c-form .c-form__action .leadgrid-c-button .c-button__jaTitle {
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-c-form .c-form__action .leadgrid-c-button .c-button__jaTitle {
    font-size: 1rem;
  }
}

.leadgrid-c-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  border-radius: var(--border-radius-button);
  text-decoration: none;
  cursor: pointer;
  padding: 6px 40px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.leadgrid-c-button:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}
.leadgrid-c-button.-primary {
  background-color: var(--color-base-primary);
  color: var(--color-base-primaryInside);
  border: 3px solid var(--color-base-primary);
}
.leadgrid-c-button.-primary .icon-circle-arrow .path1:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-primary .icon-circle-arrow .path2:before {
  color: var(--color-base-primary);
}
.leadgrid-c-button.-secondary {
  background-color: var(--color-base-primary);
  color: var(--color-base-primaryInside);
  border: 3px solid var(--color-base-primary);
}
.leadgrid-c-button.-secondary .icon-circle-arrow .path1:before {
  color: #fff;
}
.leadgrid-c-button.-secondary .icon-circle-arrow .path2:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-white {
  background-color: #fff;
  color: var(--color-base-secondary);
  border: 3px solid var(--color-base-secondary);
}
.leadgrid-c-button.-white .icon-circle-arrow .path1:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-white .icon-circle-arrow .path2:before {
  color: var(--color-base-primary);
}
.leadgrid-c-button.-large {
  min-width: 275px;
  padding: 10px 40px;
}
.leadgrid-c-button.-large .c-button__jaTitle {
  font-size: var(--font-size-m);
}
.leadgrid-c-button.-large .icon-circle-arrow {
  right: 20px;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.leadgrid-c-button.-big {
  min-width: 365px;
  padding: 28px 84px;
}
@media screen and (max-width: 767px) {
  .leadgrid-c-button.-big {
    padding: 28px 64px;
  }
}
.leadgrid-c-button.-big .c-button__jaTitle {
  font-size: var(--font-size-l);
}
.leadgrid-c-button.-big .icon-circle-arrow {
  right: 32px;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.leadgrid-c-button.-medium {
  min-width: 235px;
  padding: 11px 40px;
  font-size: var(--font-size-s);
}
.leadgrid-c-button.-tag {
  border-radius: var(--border-radius);
  background-color: #f3f3f3;
  min-width: initial;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 14px;
}
.leadgrid-c-button.-arrow:before {
  content: " ";
  width: 22px;
  height: 7px;
  background-image: url("/assets/base/img/common/icon_arrow.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 22px 7px;
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -3.5px;
}
.leadgrid-c-button.-shadow {
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}
.leadgrid-c-button.-notValid {
  pointer-events: none;
  opacity: 0.5;
}
.leadgrid-c-button.-noRecaptcha {
  pointer-events: none;
  opacity: 0.5;
}
.leadgrid-c-button .c-button__enTitle {
  font-size: var(--font-size-xs);
  line-height: 120%;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
  opacity: 0.5;
  letter-spacing: 2.46507px;
}
.leadgrid-c-button .c-button__jaTitle {
  font-size: var(--font-size-s);
  line-height: 145%;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
}
.leadgrid-c-button .icon-circle-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  display: none;
}

.udo-corp-s-topMv {
  position: relative;
  background-color: #251714;
  z-index: 1;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv {
    padding-bottom: 0;
  }
}
.udo-corp-s-topMv .s-topMv__kvBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}
.udo-corp-s-topMv .s-topMv__kvBackground {
  position: absolute;
  inset: 0;
}
.udo-corp-s-topMv .s-topMv__kvOverlay {
  position: absolute;
  inset: 0;
  background: #F0F3F5;
  opacity: var(--topMv-kvOverlay-opacity, 0);
  pointer-events: none;
  z-index: 2;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .udo-corp-s-topMv .s-topMv__kvOverlay {
    -webkit-transition: none;
    transition: none;
  }
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight {
  position: absolute;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: 0.7;
  top: 4.5rem;
  left: -38.75rem;
  width: 100%;
  height: 100%;
  width: 168.75rem;
  height: 50rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight {
    width: 68.75rem;
    height: 20.375rem;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    top: 7rem;
    left: -23.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight2 {
  position: absolute;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: 0.6;
  top: 13.125rem;
  left: -31.25rem;
  width: 100%;
  height: 100%;
  width: 168.75rem;
  height: 50rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight2 {
    width: 68.75rem;
    height: 20.375rem;
    top: 13.125rem;
    left: -22.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSpotlight2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSmoke {
  position: absolute;
  top: 4.5rem;
  left: 0rem;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__kvBackgroundSmoke {
    top: 25rem;
  }
}
.udo-corp-s-topMv .s-topMv__kvBackgroundSmoke img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundLight {
  position: absolute;
  top: -15rem;
  right: -9.375rem;
  width: 100%;
  height: 100%;
  z-index: 0;
  width: 80rem;
  height: 80rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__kvBackgroundLight {
    width: 37.5rem;
    height: 37.5rem;
    top: 0rem;
    right: -7rem;
  }
}
.udo-corp-s-topMv .s-topMv__kvBackgroundLight img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundLight img:nth-child(1) {
  z-index: 3;
  -webkit-animation: lightFade1 6s linear infinite;
  animation: lightFade1 6s linear infinite;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundLight img:nth-child(2) {
  z-index: 2;
  -webkit-animation: lightFade2 6s linear infinite;
  animation: lightFade2 6s linear infinite;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundLight img:nth-child(3) {
  z-index: 1;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundGlow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15rem;
  z-index: 1;
}
.udo-corp-s-topMv .s-topMv__kvBackgroundGlow img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__kvBackgroundGlow {
    height: 5.5rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  background: #142125;
  overflow: hidden;
  z-index: 10;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5625rem;
  padding: 0 1.875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #fff;
  font-family: "DotGothic16", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongLabel {
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongMarquee {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongMarquee::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#142125), to(transparent));
  background: linear-gradient(to right, #142125 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongMarquee::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3.75rem;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#142125), to(transparent));
  background: linear-gradient(to left, #142125 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongMarquee::before, .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongMarquee::after {
    width: 2.5rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongTrack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongTrack.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__hintSongItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.75rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__hintSongItem {
    gap: 0.375rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__hintSongIcon {
  width: 0.875rem;
  height: 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__hintSongIcon {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songTitle {
  color: #fff;
  font-family: "DotGothic16", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songTitle {
    font-size: 0.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songArtist {
  color: rgba(255, 255, 255, 0.6);
  color: #fff;
  font-family: "DotGothic16", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: underline;
  margin-left: 0.3125rem;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songArtist[href=""] {
  text-decoration: none;
  pointer-events: none;
}
.udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songArtist:hover {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__hintSong .s-topMv__hintSongList .s-topMv__songArtist {
    font-size: 0.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider {
  position: relative;
  width: 100%;
  height: 100vh;
  height: calc(100vh + 10rem);
  min-height: 43.75rem;
  overflow: hidden;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider {
    height: auto;
    min-height: auto;
    padding-top: 11.25rem;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__sliderContainer {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__sliderContainer.is-loaded {
  opacity: 1;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slidesWrapper {
  position: relative;
  width: 100%;
  width: 62.5%;
  max-width: 56.25rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  left: 47.5%;
  top: calc(48% - 4.5rem);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slidesWrapper {
    position: static;
    width: 100%;
    max-width: none;
    height: auto;
    -webkit-transform: none;
    transform: none;
    margin: 0 auto;
    padding: 0 1.5625rem;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide {
    display: none;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active {
  z-index: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active.is-animating {
  opacity: 1;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.is-exiting {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.is-exiting .s-topMv__slideImage img {
  -webkit-transform: rotate(4deg) translateY(-5rem);
  transform: rotate(4deg) translateY(-5rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in, -webkit-transform 0.6s ease-in;
  transition: opacity 0.6s ease-in, -webkit-transform 0.6s ease-in;
  transition: opacity 0.6s ease-in, transform 0.6s ease-in;
  transition: opacity 0.6s ease-in, transform 0.6s ease-in, -webkit-transform 0.6s ease-in;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.is-exiting .s-topMv__slideImage img {
    -webkit-transform: rotate(4deg) translateY(-1.625rem);
    transform: rotate(4deg) translateY(-1.625rem);
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.is-exiting .s-topMv__slideDescription {
  -webkit-transform: translateY(1.25rem);
  transform: translateY(1.25rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide .s-topMv__slideLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: auto;
  text-decoration: none;
  color: inherit;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide .s-topMv__slideLink:hover {
  opacity: 1;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideText {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideText {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideTitle {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 5rem;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideTitle {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    line-height: 1.2;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  margin-bottom: 1.875rem;
  line-height: 1;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel::before {
  content: "";
  position: absolute;
  left: 6.25rem;
  top: 48%;
  width: 25rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel::after {
  content: "";
  position: absolute;
  left: 6.25rem;
  top: 48%;
  width: 0;
  height: 1px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel {
    font-size: 0.9375rem;
    position: absolute;
    top: -3.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0;
  }
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 3.75rem;
    margin-top: 0.5rem;
  }
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideLabel::after {
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 0;
    margin-top: 0.5rem;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideDescription {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1em;
  opacity: 0;
  -webkit-transform: translateY(1.25rem);
  transform: translateY(1.25rem);
  -webkit-transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
  transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
  transition: opacity 1.5s ease-out, transform 1.5s ease-out, -webkit-transform 1.5s ease-out;
  white-space: pre-line;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideDescription {
    font-size: 0.9375rem;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideImage {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 13.75rem;
    height: auto;
  }
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slideContent .s-topMv__slideImage img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(0deg) translateY(6.25rem);
  transform: rotate(0deg) translateY(6.25rem);
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-out, -webkit-transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1.2s ease-out, -webkit-transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.2s ease-out;
  transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.2s ease-out, -webkit-transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active.is-animating .s-topMv__slideDescription {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active.is-animating .s-topMv__slideImage img {
  -webkit-transform: rotate(4deg) translateY(0);
  transform: rotate(4deg) translateY(0);
  opacity: 1;
}
.udo-corp-s-topMv .s-topMv__heroSlider .s-topMv__slide.active.is-animating .s-topMv__slideLink:hover .s-topMv__slideImage img {
  -webkit-transform: rotate(0deg) translateY(0);
  transform: rotate(0deg) translateY(0);
}
.udo-corp-s-topMv .s-topMv__slide.active .s-topMv__slideLabel::after {
  -webkit-animation: line-extend-horizontal 2s linear forwards;
  animation: line-extend-horizontal 2s linear forwards;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__slide.active .s-topMv__slideLabel::after {
    -webkit-animation: line-extend-vertical 2s linear forwards;
    animation: line-extend-vertical 2s linear forwards;
  }
}
.udo-corp-s-topMv .s-topMv__viewMore {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.1);
  transform: translateY(-50%) scale(0.1);
  width: 7.75rem;
  height: 7.75rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 2.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1s ease-out, -webkit-transform 2.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 2.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease-out;
  transition: transform 2.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease-out, -webkit-transform 2.8s cubic-bezier(0.22, 1, 0.36, 1);
  mix-blend-mode: difference;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__viewMore {
    right: -1.25rem;
    width: 4rem;
    height: 4rem;
    top: 75%;
  }
}
.udo-corp-s-topMv .s-topMv__viewMore .s-topMv__viewMoreSvg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.udo-corp-s-topMv .s-topMv__viewMore .s-topMv__viewMoreTextWrap {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: rotate-text 10s linear infinite;
  animation: rotate-text 10s linear infinite;
}
.udo-corp-s-topMv .s-topMv__viewMore .s-topMv__viewMoreText {
  fill: #fff;
}
.udo-corp-s-topMv .s-topMv__viewMore .s-topMv__viewMoreArrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.udo-corp-s-topMv .s-topMv__slide.active.is-animating .s-topMv__viewMore {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}
.udo-corp-s-topMv .s-topMv__slide.active.is-animating .s-topMv__slideLink:hover .s-topMv__viewMore {
  -webkit-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
.udo-corp-s-topMv .s-topMv__slide.is-exiting .s-topMv__viewMore {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
.udo-corp-s-topMv .s-topMv__slidePreview {
  position: absolute;
  z-index: 1;
}
.udo-corp-s-topMv .s-topMv__slidePreview.is-exiting img {
  -webkit-transform: rotate(0deg) translateY(0) !important;
  transform: rotate(0deg) translateY(0) !important;
  opacity: 0 !important;
  -webkit-transition: opacity 0.6s ease-out !important;
  transition: opacity 0.6s ease-out !important;
}
.udo-corp-s-topMv .s-topMv__slidePreview img {
  width: 18.75rem;
  height: 23.4375rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  -webkit-box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-filter: brightness(0.25);
  filter: brightness(0.25);
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.8s ease-out, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.8s ease-out;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.8s ease-out, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__slidePreview img {
    width: 10rem;
    height: 12.5rem;
  }
}
.udo-corp-s-topMv .s-topMv__slidePreview--prev {
  left: -8.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.udo-corp-s-topMv .s-topMv__slidePreview--prev img {
  -webkit-transform: rotate(4deg) translateY(5rem);
  transform: rotate(4deg) translateY(5rem);
}
.udo-corp-s-topMv .s-topMv__slidePreview--prev.is-animating img {
  -webkit-transform: rotate(0deg) translateY(0);
  transform: rotate(0deg) translateY(0);
  opacity: 0.4;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__slidePreview--prev {
    left: -7.5rem;
    bottom: auto;
    top: 37%;
    top: 4.625rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.udo-corp-s-topMv .s-topMv__slidePreview--next {
  right: -3.75rem;
  top: calc(17% - 1.6875rem);
}
.udo-corp-s-topMv .s-topMv__slidePreview--next img {
  -webkit-transform: rotate(-4deg) translateY(5rem);
  transform: rotate(-4deg) translateY(5rem);
}
.udo-corp-s-topMv .s-topMv__slidePreview--next.is-animating img {
  -webkit-transform: rotate(0deg) translateY(0);
  transform: rotate(0deg) translateY(0);
  opacity: 0.4;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__slidePreview--next {
    right: -7.5rem;
    top: 0;
  }
}
.udo-corp-s-topMv .s-topMv__sliderArrow {
  position: absolute;
  top: calc(50% - 5rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  border: 0.125rem solid #fff;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  overflow: hidden;
}
.udo-corp-s-topMv .s-topMv__sliderArrow:hover {
  background: #1D2A2E;
}
.udo-corp-s-topMv .s-topMv__sliderArrow:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-animation: pickupArrowSlide2 1s cubic-bezier(0, 0, 0.4, 1);
  animation: pickupArrowSlide2 1s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-topMv .s-topMv__sliderArrow img {
  display: block;
  width: 0.6875rem;
  height: 1rem;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__sliderArrow {
    width: 2.75rem;
    height: 2.75rem;
    top: 29%;
  }
  .udo-corp-s-topMv .s-topMv__sliderArrow img {
    width: 0.5rem;
    height: 0.75rem;
  }
}
.udo-corp-s-topMv .s-topMv__sliderArrow--prev {
  left: 2.5rem;
}
.udo-corp-s-topMv .s-topMv__sliderArrow--prev:hover img {
  -webkit-animation: arrowSlideReverse 1s cubic-bezier(0, 0, 0.4, 1);
  animation: arrowSlideReverse 1s cubic-bezier(0, 0, 0.4, 1);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__sliderArrow--prev {
    left: 0.9375rem;
  }
}
.udo-corp-s-topMv .s-topMv__sliderArrow--next {
  right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__sliderArrow--next {
    right: 0.9375rem;
  }
}
.udo-corp-s-topMv .s-topMv__sliderDots {
  position: absolute;
  bottom: calc(20rem - 5%);
  height: 0.9375rem;
  top: calc(79% - 7rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(100% + 3.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__sliderDots {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -2.25rem;
    gap: 1.0625rem;
  }
}
.udo-corp-s-topMv .s-topMv__dot {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.udo-corp-s-topMv .s-topMv__dotProgress {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.udo-corp-s-topMv .s-topMv__dotBg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 3;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}
.udo-corp-s-topMv .s-topMv__dot:hover .s-topMv__dotBg {
  stroke: white;
}
.udo-corp-s-topMv .s-topMv__dotFill {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-dasharray: 28;
  stroke-dashoffset: 28;
  -webkit-transition: stroke-dashoffset 0.1s linear;
  transition: stroke-dashoffset 0.1s linear;
}
.udo-corp-s-topMv .s-topMv__dot.active .s-topMv__dotFill {
  -webkit-animation: progress-fill 4s linear forwards;
  animation: progress-fill 4s linear forwards;
}
.udo-corp-s-topMv .s-topMv__pickupArticle {
  position: absolute;
  bottom: 10.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 78%;
  max-width: 68.75rem;
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 0.5rem;
  text-decoration: none;
  color: #1D2A2E;
  z-index: 20;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  border: 0.125rem solid rgba(255, 255, 255, 0.2);
}
.udo-corp-s-topMv .s-topMv__pickupArticle:hover {
  border-color: #e60012;
  opacity: 1;
}
.udo-corp-s-topMv .s-topMv__pickupArticle:hover .s-topMv__pickupArticleDate,
.udo-corp-s-topMv .s-topMv__pickupArticle:hover .s-topMv__pickupArticleTitle {
  color: #e60012;
}
.udo-corp-s-topMv .s-topMv__pickupArticle:hover .s-topMv__pickupArticleArrow {
  border-color: #e60012;
}
.udo-corp-s-topMv .s-topMv__pickupArticle:hover .s-topMv__pickupArticleArrow img {
  -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(7404%) hue-rotate(358deg) brightness(98%) contrast(112%);
  filter: brightness(0) saturate(100%) invert(13%) sepia(95%) saturate(7404%) hue-rotate(358deg) brightness(98%) contrast(112%);
  -webkit-animation: pickupArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: pickupArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticle {
    position: relative;
    bottom: 0rem;
    width: calc(100% - 3.125rem);
    margin: 4.375rem 0;
    padding: 0.5rem;
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.udo-corp-s-topMv .s-topMv__pickupArticleBadge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: #E53935;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 0.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1rem;
  -webkit-font-smoothing: antialiased;
}
.udo-corp-s-topMv .s-topMv__pickupArticleBadgeIcon {
  width: 1rem;
  height: 1rem;
}
.udo-corp-s-topMv .s-topMv__pickupArticleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticleContent {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    gap: 0.625rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.udo-corp-s-topMv .s-topMv__pickupArticleContentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  gap: 0.5rem;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticleContentInner {
    display: block;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.udo-corp-s-topMv .s-topMv__pickupArticleDate {
  font-size: 1rem;
  font-weight: bold;
  color: #1D2A2E;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticleDate {
    font-size: 0.9375rem;
    line-height: 1.4;
    display: inline-block;
  }
}
.udo-corp-s-topMv .s-topMv__pickupArticleTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticleTitle {
    font-size: 0.9375rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: inline;
  }
}
.udo-corp-s-topMv .s-topMv__pickupArticleArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  overflow: hidden;
}
.udo-corp-s-topMv .s-topMv__pickupArticleArrow img {
  width: 0.375rem;
  height: 0.5625rem;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topMv .s-topMv__pickupArticleArrow {
    width: 1.5rem;
    height: 1.5rem;
  }
  .udo-corp-s-topMv .s-topMv__pickupArticleArrow img {
    width: 0.375rem;
    height: 0.5625rem;
  }
}

@-webkit-keyframes line-extend-horizontal {
  from {
    width: 0;
  }
  to {
    width: 25rem;
  }
}

@keyframes line-extend-horizontal {
  from {
    width: 0;
  }
  to {
    width: 25rem;
  }
}
@-webkit-keyframes line-extend-vertical {
  from {
    height: 0;
  }
  to {
    height: 3.75rem;
  }
}
@keyframes line-extend-vertical {
  from {
    height: 0;
  }
  to {
    height: 3.75rem;
  }
}
@-webkit-keyframes rotate-text {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-text {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes progress-fill {
  from {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes progress-fill {
  from {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes lightFade1 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lightFade1 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes lightFade2 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lightFade2 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pickupArrowSlide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes pickupArrowSlide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes pickupArrowSlide2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(400%);
    transform: translateX(400%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes pickupArrowSlide2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(400%);
    transform: translateX(400%);
  }
  50.1% {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes arrowSlideReverse {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%);
  }
  50.1% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes arrowSlideReverse {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%);
  }
  50.1% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes dotPulse {
  0% {
    width: 0;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-90deg);
    transform: scale(0) rotate(-90deg);
  }
  50% {
    width: 0.75rem;
    margin-right: 0.625rem;
    opacity: 1;
    -webkit-transform: scale(1.3) rotate(-45deg);
    transform: scale(1.3) rotate(-45deg);
  }
  100% {
    width: 0.75rem;
    margin-right: 0.625rem;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@keyframes dotPulse {
  0% {
    width: 0;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-90deg);
    transform: scale(0) rotate(-90deg);
  }
  50% {
    width: 0.75rem;
    margin-right: 0.625rem;
    opacity: 1;
    -webkit-transform: scale(1.3) rotate(-45deg);
    transform: scale(1.3) rotate(-45deg);
  }
  100% {
    width: 0.75rem;
    margin-right: 0.625rem;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes dotBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes dotBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes listFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes listFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes arrowSlide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.udo-corp-s-topNews {
  background: #F0F3F5;
  z-index: 3;
  position: relative;
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews {
    padding: 5rem 0;
  }
}
.udo-corp-s-topNews .s-topNews__news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  padding-bottom: 7.5rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 4.0625rem;
    gap: 0rem;
  }
}
.udo-corp-s-topNews .s-topNews__newsHead {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 17.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__newsHead {
    display: contents;
    width: 100%;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__newsTitleEn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
  }
  .udo-corp-s-topNews .s-topNews__newsTitleJa {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
  }
  .udo-corp-s-topNews .s-topNews__newsBody {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .udo-corp-s-topNews .s-topNews__newsListBtn {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}
.udo-corp-s-topNews .s-topNews__newsTitleEn {
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-size: 5rem;
  font-weight: 700;
  color: #1D2A2E;
  font-family: "Montserrat", sans-serif;
  font-kerning: auto;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__newsTitleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__newsTitleJa {
  font-size: 1.25rem;
  font-weight: bold;
  color: #1D2A2E;
  line-height: 1.8;
  letter-spacing: 0.01em;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__newsTitleJa {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
  }
}
.udo-corp-s-topNews .s-topNews__newsListBtn {
  margin-top: auto;
  padding: 1rem 0.75rem 1rem 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__newsListBtn {
    margin-top: 1.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__newsBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.udo-corp-s-topNews .s-topNews__tabsWrap {
  margin-bottom: 1rem;
  border-radius: 1.875rem;
  background: rgba(29, 42, 46, 0.1);
  padding: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__tabsWrap {
    border-radius: 1.5rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-topNews .s-topNews__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__tabs {
    gap: 0.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__tabItem {
  margin: 0;
  padding: 0;
  width: calc(25% - 0.375rem);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__tabItem {
    width: calc(50% - 0.25rem);
  }
}
.udo-corp-s-topNews .s-topNews__tabLink {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  background: #fff;
  color: #1D2A2E;
  border-radius: 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  border: none;
}
.udo-corp-s-topNews .s-topNews__tabLink:hover {
  background: rgba(29, 42, 46, 0.8);
  color: #fff;
  opacity: 1;
}
.udo-corp-s-topNews .s-topNews__tabLink .s-topNews__tabDot {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0;
  height: 0.75rem;
  margin-right: 0;
  background: url("/assets/udo-corp/img/common/light-ball-red.svg") no-repeat center/contain;
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-90deg);
  transform: scale(0) rotate(-90deg);
  overflow: hidden;
}
.udo-corp-s-topNews .s-topNews__tabItem.is-active .s-topNews__tabLink,
.udo-corp-s-topNews .s-topNews__tabLink.-active {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-topNews .s-topNews__tabItem.is-active .s-topNews__tabLink .s-topNews__tabDot,
.udo-corp-s-topNews .s-topNews__tabLink.-active .s-topNews__tabDot {
  -webkit-animation: dotPulse 0.4s ease forwards, dotBlink 1.5s ease-in-out 0.4s infinite;
  animation: dotPulse 0.4s ease forwards, dotBlink 1.5s ease-in-out 0.4s infinite;
}
.udo-corp-s-topNews .s-topNews__listWrap {
  margin-top: 0;
}
.udo-corp-s-topNews .s-topNews__list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-topNews .s-topNews__list.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: listFadeIn 0.4s ease;
  animation: listFadeIn 0.4s ease;
}
.udo-corp-s-topNews .s-topNews__listItem {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.udo-corp-s-topNews .s-topNews__listItem::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #e60012;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.udo-corp-s-topNews .s-topNews__listItem:hover::after {
  width: 100%;
}
.udo-corp-s-topNews .s-topNews__listLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.125rem;
  padding: 1.5rem;
  text-decoration: none;
  color: #1D2A2E;
}
.udo-corp-s-topNews .s-topNews__listLink:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listLink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0rem;
    padding: 1.5rem 3rem 1.5rem 0;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.udo-corp-s-topNews .s-topNews__listMeta {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  min-width: 5rem;
  position: relative;
}
.udo-corp-s-topNews .s-topNews__listMeta::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -1.5rem;
  width: 1px;
  height: 3.5rem;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listMeta::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listMeta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 0rem;
    min-width: 0;
    margin-bottom: 0.875rem;
  }
}
.udo-corp-s-topNews .s-topNews__listYear {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listYear {
    font-size: 0.875rem;
    margin-right: 0.375rem;
  }
}
.udo-corp-s-topNews .s-topNews__listDate {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listDate::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.5rem;
    width: 1px;
    height: 1rem;
    background: #ddd;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listDate {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0rem;
    margin-right: 1rem;
  }
}
.udo-corp-s-topNews .s-topNews__listCategory {
  font-size: 0.875rem;
  color: #e60012;
  line-height: 1;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listCategory {
    font-size: 0.875rem;
  }
}
.udo-corp-s-topNews .s-topNews__listTitle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listTitle {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left: 0;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
.udo-corp-s-topNews .js-arrow-trigger:hover .s-topNews__listTitle {
  color: #e60012;
}
.udo-corp-s-topNews .s-topNews__listArrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__listArrow {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__sns {
  background: #fff;
  border-radius: 1rem;
  padding: 1.25rem 2.125rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__sns {
    padding: 0;
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0 2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsInner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1.5rem 1.25rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--goods {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--goods {
    margin-left: 0;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch {
    border-bottom: 1px solid #ddd;
    padding: 0 0 1rem 0;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlock:not(:last-child)::after {
    display: none;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch::after {
  top: 75%;
}
.udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--goods::after {
  display: none;
}
.udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch:nth-of-type(3)::after {
  right: auto;
  left: 100%;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--main {
    grid-column: 1/-1;
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
    padding: 0 0 1rem 0;
  }
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--main::after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1.5rem;
    height: 0.0625rem;
    background: #ddd;
  }
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch:nth-of-type(2) {
    grid-column: 1;
  }
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--branch:nth-of-type(3) {
    grid-column: 2;
  }
  .udo-corp-s-topNews .s-topNews__snsBlock.s-topNews__snsBlock--goods {
    grid-column: 1/-1;
    text-align: center;
    padding: 1rem 0 0 0;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlockTitle {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1D2A2E;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
  letter-spacing: 0.01em;
}
.s-topNews__snsBlock--branch .udo-corp-s-topNews .s-topNews__snsBlockTitle {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsBlockTitle {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsBlock--branch .s-topNews__snsBlockTitle {
  font-size: 0.875rem;
}
.udo-corp-s-topNews .s-topNews__snsIconList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsIconList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.375rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsIconItem {
  margin: 0;
}
.udo-corp-s-topNews .s-topNews__snsIconLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #F0F3F5;
  border: 2px solid transparent;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-topNews .s-topNews__snsIconLink:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsIconLink {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.udo-corp-s-topNews .s-topNews__snsIconWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.udo-corp-s-topNews .s-topNews__snsIconWrap img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__snsIconWrap img {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
}
.udo-corp-s-topNews .s-topNews__banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topNews .s-topNews__banners {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}
.udo-corp-s-topNews .s-topNews__banner {
  display: block;
  text-decoration: none;
  border-radius: 0.75rem;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.udo-corp-s-topNews .s-topNews__banner:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.udo-corp-s-topNews .s-topNews__banner img {
  display: block;
  width: 100%;
  height: auto;
}

.udo-corp-s-topTopics {
  background: #F0F3F5;
  position: relative;
  z-index: 3;
}
.udo-corp-s-topTopics .udo-corp-s-topTopics__wrap {
  padding: 7.5rem 0 10rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .udo-corp-s-topTopics__wrap {
    padding: 2.5rem 0 5rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__titles {
    text-align: center;
  }
}
.udo-corp-s-topTopics .s-topTopics__titleEn {
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-size: 5rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__titleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1.8;
  letter-spacing: 0.01em;
  margin: 0.625rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__titleJa {
    font-size: 0.875rem;
    margin-top: 0.375rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__listBtn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 1rem 0.75rem 1rem 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__listBtn--pc {
    display: none;
  }
}
.udo-corp-s-topTopics .s-topTopics__listBtn--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__listBtn--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.5rem 0rem 0 0rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__sliderWrap {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  margin: 0 -5rem;
  padding: 0 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__sliderWrap {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__swiper {
  position: relative;
  overflow: visible;
}
.udo-corp-s-topTopics .s-topTopics__slide {
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0.2;
  -webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease;
  transition: opacity 0.4s ease, -webkit-filter 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, -webkit-filter 0.4s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__slide {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.udo-corp-s-topTopics .s-topTopics__slide.is-visible {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__slide.is-visible.is-neighbor {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.udo-corp-s-topTopics .s-topTopics__card {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.udo-corp-s-topTopics .s-topTopics__card:hover {
  opacity: 1;
}
.udo-corp-s-topTopics .s-topTopics__card:hover .s-topTopics__cardImage img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.udo-corp-s-topTopics .s-topTopics__card:hover .s-topTopics__cardTitle {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-topTopics .s-topTopics__cardImage {
  overflow: hidden;
  background: #F0F3F5;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
  height: 12.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__cardImage {
    margin-bottom: 1rem;
    height: 11.5rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__cardImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.udo-corp-s-topTopics .s-topTopics__cardMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.9375rem;
}
.udo-corp-s-topTopics .s-topTopics__cardCategory {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #e60012;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-topTopics .s-topTopics__cardDate {
  font-size: 1rem;
  color: #1D2A2E;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-s-topTopics .s-topTopics__cardTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #1D2A2E;
  margin: 0 0 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.2s ease, -webkit-text-decoration 0.2s ease;
  transition: color 0.2s ease, -webkit-text-decoration 0.2s ease;
  transition: color 0.2s ease, text-decoration 0.2s ease;
  transition: color 0.2s ease, text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__cardTitle {
    font-size: 1.125rem;
    margin: 0 0 1rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__cardKeywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.udo-corp-s-topTopics .s-topTopics__keywords {
  display: contents;
}
.udo-corp-s-topTopics .s-topTopics__keyword {
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  border-radius: 0.25rem;
  padding: 0.375rem 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
}
.udo-corp-s-topTopics .s-topTopics__keyword p {
  border-bottom: 1px solid rgba(29, 42, 46, 0.2);
  padding-bottom: 0.1875rem;
}
.udo-corp-s-topTopics .s-topTopics__keywordIcon {
  width: 0.5rem;
  height: 0.625rem;
  margin-right: 0.375rem;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__sliderWrap:has(.is-static) {
    margin: 0;
    padding: 0 1.5rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__swiper.is-static .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.5rem;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__swiper.is-static .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0rem;
  }
}
.udo-corp-s-topTopics .s-topTopics__swiper.is-static .swiper-slide {
  width: calc((100% - 3rem) / 3);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__swiper.is-static .swiper-slide {
    width: 100%;
  }
}
.udo-corp-s-topTopics .s-topTopics__nav {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topTopics .s-topTopics__nav {
    margin-top: 1.5rem;
  }
}

.udo-corp-s-topAbout {
  position: relative;
  z-index: 3;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#142125), to(#142125));
  background: linear-gradient(to bottom, #142125 0%, #142125 100%);
}
.udo-corp-s-topAbout .s-topAbout__spacer {
  padding-bottom: 12.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__spacer {
    padding-bottom: 33rem;
  }
}
.udo-corp-s-topAbout .s-topAbout__outer {
  position: relative;
  width: 100%;
}
.udo-corp-s-topAbout .s-topAbout__bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.udo-corp-s-topAbout .s-topAbout__bg img {
  width: 100%;
  height: auto;
}
.udo-corp-s-topAbout .s-topAbout__audience {
  position: absolute;
  bottom: -25%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__audience {
    bottom: -20%;
    bottom: -170%;
    height: auto;
  }
  .udo-corp-s-topAbout .s-topAbout__audience::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -11.5625rem;
    bottom: -5.625rem;
    left: 0;
    width: 100%;
    height: 6.25rem;
    background: #142125;
    background: -webkit-gradient(linear, left top, left bottom, from(#19282E), to(#142125));
    background: linear-gradient(to bottom, #19282E 0%, #142125 100%);
  }
}
.udo-corp-s-topAbout .s-topAbout__audience img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(6%, black), color-stop(95%, #142125), to(#142125));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 6%, #142125 95%, #142125 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(6%, black), color-stop(95%, #142125), to(#142125));
  mask-image: linear-gradient(to bottom, transparent 0%, black 6%, #142125 95%, #142125 100%);
}
.udo-corp-s-topAbout .s-topAbout__content {
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  max-width: 72.5rem;
  padding: 0 1.25rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__content {
    top: 45vw;
    bottom: auto;
    padding: 0 1.5625rem;
  }
}
.udo-corp-s-topAbout .s-topAbout__title {
  width: 48.125rem;
  margin-bottom: 2.5rem;
}
.udo-corp-s-topAbout .s-topAbout__title img {
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__title {
    margin-bottom: 2.5rem;
    width: 100%;
  }
}
.udo-corp-s-topAbout .s-topAbout__contentBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__contentBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.udo-corp-s-topAbout .s-topAbout__text {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2.8;
  letter-spacing: 0.01em;
  max-width: 47.8125rem;
  margin-left: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__text {
    font-size: 1rem;
    line-height: 2.4;
    margin-bottom: 2.5rem;
    margin-left: 0rem;
  }
}
.udo-corp-s-topAbout .s-topAbout__btn {
  margin-bottom: 0.75rem;
  padding: 1rem 0.75rem 1rem 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topAbout .s-topAbout__btn {
    padding: 1rem 0.75rem 1rem 0.875rem;
  }
}

.udo-corp-s-topPickup {
  position: relative;
  padding-bottom: 11.25rem;
  background: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topPickup {
    padding-bottom: 3.25rem;
  }
}

.s-topPickup__stickyArea {
  position: relative;
  padding-top: 1.875rem;
}

.s-topPickup__linkBoxWrap {
  position: sticky;
  top: 90vh;
  z-index: 100;
  padding: 0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkBoxWrap {
    top: 92vh;
  }
}
.s-topPickup__linkBoxWrap.is-sticky::before {
  opacity: 1;
}
.s-topPickup__linkBoxWrap .udo-corp-c-inner {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkBoxWrap .udo-corp-c-inner {
    padding: 0 0.9375rem;
  }
}

.s-topPickup__linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4.375rem;
  background: rgba(29, 42, 46, 0.1);
  padding: 0.5rem;
  width: 100%;
  width: 45.5rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 4px solid rgba(255, 255, 255, 0.1);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkBox {
    border-radius: 4.375rem;
    padding: 0.25rem;
    width: 95%;
    border: 2px solid rgba(255, 255, 255, 0.1);
  }
}

.s-topPickup__linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkList {
    gap: 0.25rem;
  }
}

.s-topPickup__linkItem {
  margin: 0;
  padding: 0;
  width: calc(33.333% - 1rem);
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkItem {
    width: auto;
  }
}

.s-topPickup__linkAnchor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.625rem 1rem;
  color: #1D2A2E;
  border-radius: 2.5rem;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkAnchor {
    padding: 0.5rem;
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
}
.s-topPickup__linkAnchor:hover {
  opacity: 1;
}
.s-topPickup__linkAnchor .s-topPickup__linkDot {
  opacity: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.1875rem;
  height: 1.1875rem;
  background: url("/assets/udo-corp/img/common/light-ball-red-big.svg") no-repeat center/contain;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: -0.025rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__linkAnchor .s-topPickup__linkDot {
    width: 0.5rem;
    height: 0.5rem;
    display: none;
  }
}

.udo-corp-s-topPickup[data-active-bg="0"] .s-topPickup__linkItem:first-child .s-topPickup__linkAnchor,
.udo-corp-s-topPickup[data-active-bg="1"] .s-topPickup__linkItem:nth-child(2) .s-topPickup__linkAnchor,
.udo-corp-s-topPickup[data-active-bg="2"] .s-topPickup__linkItem:nth-child(3) .s-topPickup__linkAnchor {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-topPickup[data-active-bg="0"] .s-topPickup__linkItem:first-child .s-topPickup__linkAnchor .s-topPickup__linkDot,
.udo-corp-s-topPickup[data-active-bg="1"] .s-topPickup__linkItem:nth-child(2) .s-topPickup__linkAnchor .s-topPickup__linkDot,
.udo-corp-s-topPickup[data-active-bg="2"] .s-topPickup__linkItem:nth-child(3) .s-topPickup__linkAnchor .s-topPickup__linkDot {
  opacity: 1;
  display: block;
}

.s-topPickup__bgLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  visibility: hidden; /* JSでセクション表示中のみ visible に */
}

.s-topPickup__videoLayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.s-topPickup__videoLayer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/assets/udo-corp/img/movie/top_pickupMask.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}
@media screen and (max-width: 767px) {
  .s-topPickup__videoLayer::after {
    background-image: url("/assets/udo-corp/img/movie/top_pickupMask_sp.png");
  }
}

.s-topPickup__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}
.s-topPickup__video.is-active {
  opacity: 1;
}

.js-pickup-title-blink:not([data-pickup-blink-initialized]) {
  opacity: 0;
}

.js-pickup-title-blink .c-charBlink__char {
  display: inline-block;
  opacity: 0;
}
.js-pickup-title-blink .c-charBlink__char.is-animate {
  -webkit-animation: charBlink 0.5s ease-out forwards;
  animation: charBlink 0.5s ease-out forwards;
}

.s-topPickup__block {
  position: relative;
  z-index: 1;
  padding: 5rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__block {
    padding: 3rem 0 3rem;
  }
}
.s-topPickup__block .udo-corp-c-inner {
  max-width: 100%;
  overflow: hidden;
}

.s-topPickup__block--2 {
  padding: 5rem 0 6.25rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__block--2 {
    padding: 3rem 0 4.25rem;
  }
}

.s-topPickup__block--3 {
  padding: 3.75rem 0 6.25rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__block--3 {
    padding: 1.75rem 0 4.25rem;
  }
}

.s-topPickup__head {
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__head {
    margin-bottom: 2rem;
  }
}

.s-topPickup__titleEn {
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  line-height: 1;
  margin: 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__titleEn {
    font-size: 2rem;
    margin: 0 0 0.375rem;
  }
}

.s-topPickup__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .s-topPickup__titleJa {
    font-size: 0.875rem;
  }
}

.udo-corp-s-topPickup.is-video-active .s-topPickup__videoLayer::after {
  opacity: 1;
}
.udo-corp-s-topPickup.is-video-active .s-topPickup__titleEn,
.udo-corp-s-topPickup.is-video-active .s-topPickup__titleJa {
  color: #1D2A2E;
}

.s-topPickup__sliderWrap {
  position: relative;
  margin: 0 -5rem;
  padding: 0 5rem;
  overflow-x: clip;
  overflow-y: visible;
}
@media screen and (max-width: 767px) {
  .s-topPickup__sliderWrap {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }
}

.s-topPickup__swiper {
  overflow: visible;
  position: relative;
}

.s-topPickup__slide {
  will-change: filter, opacity, transform;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0.2;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .s-topPickup__slide {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.s-topPickup__slide.is-visible {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .s-topPickup__slide.is-visible.is-neighbor {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.s-topPickup__slide.is-neighbor {
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
}
@media screen and (max-width: 767px) {
  .s-topPickup__slide.is-neighbor {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
  }
}
.s-topPickup__slide.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.s-topPickup__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.s-topPickup__card:hover {
  opacity: 1;
}
.s-topPickup__card:hover .s-topPickup__cardImage {
  rotate: 3deg;
}

.s-topPickup__cardImage {
  position: relative;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #F0F3F5;
  -webkit-transition: rotate 0.5s ease;
  transition: rotate 0.5s ease;
}
.s-topPickup__cardImage img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.s-topPickup__cardViewMore {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.1);
  transform: translateY(-50%) scale(0.1);
  width: 7.75rem;
  height: 7.75rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease-out;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 1;
}
.s-topPickup__cardViewMore .s-topPickup__cardViewMoreSvg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.s-topPickup__cardViewMore .s-topPickup__cardViewMoreTextWrap {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: rotate-text 10s linear infinite;
  animation: rotate-text 10s linear infinite;
}
.s-topPickup__cardViewMore .s-topPickup__cardViewMoreText {
  fill: #fff;
}
.s-topPickup__cardViewMore .s-topPickup__cardViewMoreArrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.s-topPickup__card:hover .s-topPickup__cardViewMore {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

@keyframes rotate-text {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.s-topPickup__cardBody {
  padding: 1.25rem 0 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}
@media screen and (max-width: 767px) {
  .s-topPickup__cardBody {
    padding-top: 1.25rem;
  }
}

.s-topPickup__cardBadges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.s-topPickup__cardBadge {
  display: inline-block;
  border-radius: 0.125rem;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__cardBadge {
    font-size: 0.8125rem;
  }
}
.s-topPickup__cardBadge--primary {
  background: #e60012;
  color: #fff;
}
.s-topPickup__cardBadge--secondary {
  background: #1D2A2E;
  color: #fff;
}

.s-topPickup__cardTitle {
  display: inline;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  color: #1D2A2E;
  margin: 0 0 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: inline;
}
.s-topPickup__cardTitle p {
  display: inline;
  margin-right: 0.5rem;
}
.s-topPickup__cardTitle p:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .s-topPickup__cardTitle {
    font-size: 1.375rem;
    -webkit-line-clamp: 2;
    margin: 0 0 0.75rem;
  }
}

.s-topPickup__cardDesc {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .s-topPickup__cardDesc {
    font-size: 0.9375rem;
    -webkit-line-clamp: 3;
  }
}

.s-topPickup__nav {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__nav {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }
}

.s-topPickup__filterText {
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1;
  font-weight: 700;
  color: #1D2A2E;
  margin: 0 auto 1.5rem auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .s-topPickup__filterText {
    margin: 0 auto 1.25rem auto;
    font-size: 0.875rem;
  }
}

.s-topPickup__listBtn {
  width: 100%;
  max-width: 60rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 0rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__listBtn {
    width: 100%;
    padding: 1rem 0.75rem 1rem 1.5rem;
    font-size: 1rem;
  }
}

.s-topPickup__swiper.is-static .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static .swiper-wrapper {
    margin-bottom: 2rem;
  }
}
.s-topPickup__swiper.is-static[data-static-count="3"] .swiper-wrapper {
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static[data-static-count="3"] .swiper-wrapper {
    gap: 1.5rem;
  }
}
.s-topPickup__swiper.is-static[data-static-count="3"] .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19%;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static[data-static-count="3"] .swiper-slide {
    width: 76.9230769231%;
  }
}
.s-topPickup__swiper.is-static[data-static-count="2"] .swiper-wrapper {
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static[data-static-count="2"] .swiper-wrapper {
    gap: 1.5rem;
  }
}
.s-topPickup__swiper.is-static[data-static-count="2"] .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 23.2558139535%;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static[data-static-count="2"] .swiper-slide {
    width: calc(50% - 0.75rem);
  }
}
.s-topPickup__swiper.is-static[data-static-count="1"] .swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 23.2558139535%;
}
@media screen and (max-width: 767px) {
  .s-topPickup__swiper.is-static[data-static-count="1"] .swiper-slide {
    width: 100%;
  }
}

.udo-corp-s-topBanner {
  background: #F0F3F5;
  position: relative;
  z-index: 2;
}
.udo-corp-s-topBanner .udo-corp-s-topBanner__wrap {
  padding: 2.5rem 0 2.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topBanner .udo-corp-s-topBanner__wrap {
    padding: 1.5rem 0 2.5rem;
  }
}
.udo-corp-s-topBanner .udo-corp-c-bannerList {
  position: relative;
  z-index: 2;
}

.udo-corp-s-newsList {
  padding: 0rem 0 10rem;
  background: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-newsList .s-newsList__pageTitle {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1D2A2E;
  text-align: center;
  margin: 0 0 3rem;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__pageTitle {
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-newsList .s-newsList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
  }
}
.udo-corp-s-newsList .s-newsList__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__main {
    width: 100%;
  }
}
.udo-corp-s-newsList .s-newsList__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-newsList .s-newsList__item {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-bottom: 0.0625rem solid #ddd;
}
.udo-corp-s-newsList .s-newsList__item:first-child {
  border-top: 0.0625rem solid #ddd;
}
.udo-corp-s-newsList .s-newsList__item:hover {
  opacity: 1;
}
.udo-corp-s-newsList .s-newsList__item:hover .s-newsList__title {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-newsList .s-newsList__item:hover .s-newsList__thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__item {
    margin-bottom: 1rem;
    overflow: hidden;
  }
  .udo-corp-s-newsList .s-newsList__item:last-child {
    margin-bottom: 0;
  }
}
.udo-corp-s-newsList .s-newsList__link {
  display: block;
  text-decoration: none;
  color: #1D2A2E;
}
.udo-corp-s-newsList .s-newsList__link:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .udo-corp-s-newsList .s-newsList__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem 0rem 1.5rem 0;
    gap: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__link {
    padding: 1rem 0rem 0rem 0;
  }
}
.udo-corp-s-newsList .s-newsList__thumb.sponly {
  display: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__thumb.sponly {
    display: block;
    width: 100%;
    height: 15.3125rem;
    overflow: hidden;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .udo-corp-s-newsList .s-newsList__thumb.sponly img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__thumb.pconly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .udo-corp-s-newsList .s-newsList__itemInner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__itemInner {
    padding: 1rem 0;
  }
}
.udo-corp-s-newsList .s-newsList__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__meta {
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsList .s-newsList__metaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.5rem;
  margin-right: 1.5rem;
  position: relative;
}
.udo-corp-s-newsList .s-newsList__metaInner::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 1rem;
  background: #ddd;
  position: absolute;
  right: -0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__metaInner::after {
    height: 0.75rem;
  }
}
.udo-corp-s-newsList .s-newsList__year {
  font-size: 1rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__year {
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsList .s-newsList__date {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__date {
    font-size: 1.375rem;
  }
}
.udo-corp-s-newsList .s-newsList__typeTag {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #e60012;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__typeTag {
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsList .s-newsList__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
  width: 100%;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.4s ease, -webkit-text-decoration 0.4s ease;
  transition: color 0.4s ease, -webkit-text-decoration 0.4s ease;
  transition: color 0.4s ease, text-decoration 0.4s ease;
  transition: color 0.4s ease, text-decoration 0.4s ease, -webkit-text-decoration 0.4s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__title {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
}
.udo-corp-s-newsList .s-newsList__desc {
  font-size: 1rem;
  color: #60676B;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  width: 100%;
  margin-bottom: 1.375rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsList .s-newsList__desc {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsList .s-newsList__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.udo-corp-s-newsList .s-newsList__thumb.pconly {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18.125rem;
  height: 13.75rem;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.udo-corp-s-newsList .s-newsList__thumb.pconly img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.udo-corp-s-showsList {
  padding: 0rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList {
    padding: 0 0 4rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter {
  border-radius: 1rem;
  background: rgba(29, 42, 46, 0.1);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  padding: 1.5rem 1rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter {
    padding: 1.5rem 1rem;
    margin-bottom: 4rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter .s-showsList__filterRow {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterItem {
  min-width: 0;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterLabel {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #60676B;
  margin-bottom: 0.75rem;
  letter-spacing: 0.1em;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1rem;
  height: 4.0625rem;
  background: #fff;
  border: 0.0625rem solid #fff;
  border-radius: 0.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap {
    height: 3.5rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap::after {
  content: "";
  position: absolute;
  right: 0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  width: 0.375rem;
  height: 0.5625rem;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/contain;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap:focus-within {
  border-color: #1D2A2E;
  outline: 0.125rem solid #1D2A2E;
  outline-offset: 0.125rem;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap.is-selected {
  border-color: #1D2A2E;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap.is-selected::after {
  opacity: 1;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelectWrap.is-selected .s-showsList__filterIconWrap::before {
  background-color: #1D2A2E;
  opacity: 1;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #60676B;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  opacity: 0.5;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap--type::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.967742 0C0.431452 0 0 0.43726 0 0.980769V2.94231C0 3.48582 0.431452 3.92308 0.967742 3.92308H2.90323C3.43952 3.92308 3.87097 3.48582 3.87097 2.94231V0.980769C3.87097 0.43726 3.43952 0 2.90323 0H0.967742ZM7.09677 0.653846C6.38306 0.653846 5.80645 1.23822 5.80645 1.96154C5.80645 2.68486 6.38306 3.26923 7.09677 3.26923H18.7097C19.4234 3.26923 20 2.68486 20 1.96154C20 1.23822 19.4234 0.653846 18.7097 0.653846H7.09677ZM7.09677 7.19231C6.38306 7.19231 5.80645 7.77668 5.80645 8.5C5.80645 9.22332 6.38306 9.80769 7.09677 9.80769H18.7097C19.4234 9.80769 20 9.22332 20 8.5C20 7.77668 19.4234 7.19231 18.7097 7.19231H7.09677ZM7.09677 13.7308C6.38306 13.7308 5.80645 14.3151 5.80645 15.0385C5.80645 15.7618 6.38306 16.3462 7.09677 16.3462H18.7097C19.4234 16.3462 20 15.7618 20 15.0385C20 14.3151 19.4234 13.7308 18.7097 13.7308H7.09677ZM0 7.51923V9.48077C0 10.0243 0.431452 10.4615 0.967742 10.4615H2.90323C3.43952 10.4615 3.87097 10.0243 3.87097 9.48077V7.51923C3.87097 6.97572 3.43952 6.53846 2.90323 6.53846H0.967742C0.431452 6.53846 0 6.97572 0 7.51923ZM0.967742 13.0769C0.431452 13.0769 0 13.5142 0 14.0577V16.0192C0 16.5627 0.431452 17 0.967742 17H2.90323C3.43952 17 3.87097 16.5627 3.87097 16.0192V14.0577C3.87097 13.5142 3.43952 13.0769 2.90323 13.0769H0.967742Z' fill='%2360676B'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.967742 0C0.431452 0 0 0.43726 0 0.980769V2.94231C0 3.48582 0.431452 3.92308 0.967742 3.92308H2.90323C3.43952 3.92308 3.87097 3.48582 3.87097 2.94231V0.980769C3.87097 0.43726 3.43952 0 2.90323 0H0.967742ZM7.09677 0.653846C6.38306 0.653846 5.80645 1.23822 5.80645 1.96154C5.80645 2.68486 6.38306 3.26923 7.09677 3.26923H18.7097C19.4234 3.26923 20 2.68486 20 1.96154C20 1.23822 19.4234 0.653846 18.7097 0.653846H7.09677ZM7.09677 7.19231C6.38306 7.19231 5.80645 7.77668 5.80645 8.5C5.80645 9.22332 6.38306 9.80769 7.09677 9.80769H18.7097C19.4234 9.80769 20 9.22332 20 8.5C20 7.77668 19.4234 7.19231 18.7097 7.19231H7.09677ZM7.09677 13.7308C6.38306 13.7308 5.80645 14.3151 5.80645 15.0385C5.80645 15.7618 6.38306 16.3462 7.09677 16.3462H18.7097C19.4234 16.3462 20 15.7618 20 15.0385C20 14.3151 19.4234 13.7308 18.7097 13.7308H7.09677ZM0 7.51923V9.48077C0 10.0243 0.431452 10.4615 0.967742 10.4615H2.90323C3.43952 10.4615 3.87097 10.0243 3.87097 9.48077V7.51923C3.87097 6.97572 3.43952 6.53846 2.90323 6.53846H0.967742C0.431452 6.53846 0 6.97572 0 7.51923ZM0.967742 13.0769C0.431452 13.0769 0 13.5142 0 14.0577V16.0192C0 16.5627 0.431452 17 0.967742 17H2.90323C3.43952 17 3.87097 16.5627 3.87097 16.0192V14.0577C3.87097 13.5142 3.43952 13.0769 2.90323 13.0769H0.967742Z' fill='%2360676B'/%3E%3C/svg%3E");
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap--date::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17C0 18.7 1.3 20 3 20H17C18.7 20 20 18.7 20 17V9H0V17ZM17 2H15V1C15 0.4 14.6 0 14 0C13.4 0 13 0.4 13 1V2H7V1C7 0.4 6.6 0 6 0C5.4 0 5 0.4 5 1V2H3C1.3 2 0 3.3 0 5V7H20V5C20 3.3 18.7 2 17 2Z' fill='%2360676B'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 17C0 18.7 1.3 20 3 20H17C18.7 20 20 18.7 20 17V9H0V17ZM17 2H15V1C15 0.4 14.6 0 14 0C13.4 0 13 0.4 13 1V2H7V1C7 0.4 6.6 0 6 0C5.4 0 5 0.4 5 1V2H3C1.3 2 0 3.3 0 5V7H20V5C20 3.3 18.7 2 17 2Z' fill='%2360676B'/%3E%3C/svg%3E");
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap--artist::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.5V0L6 2V14.17C5.67873 14.057 5.34057 13.9995 5 14H3C2.20435 14 1.44129 14.3161 0.87868 14.8787C0.31607 15.4413 0 16.2044 0 17C0 17.7956 0.31607 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H5C5.79565 20 6.55871 19.6839 7.12132 19.1213C7.68393 18.5587 8 17.7956 8 17V5.71L18 4.3V12.18C17.6787 12.067 17.3406 12.0095 17 12.01H15C14.2044 12.01 13.4413 12.3261 12.8787 12.8887C12.3161 13.4513 12 14.2144 12 15.01C12 15.8056 12.3161 16.5687 12.8787 17.1313C13.4413 17.6939 14.2044 18.01 15 18.01H17C17.7956 18.01 18.5587 17.6939 19.1213 17.1313C19.6839 16.5687 20 15.8056 20 15.01V2.5Z' fill='%2360676B'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.5V0L6 2V14.17C5.67873 14.057 5.34057 13.9995 5 14H3C2.20435 14 1.44129 14.3161 0.87868 14.8787C0.31607 15.4413 0 16.2044 0 17C0 17.7956 0.31607 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H5C5.79565 20 6.55871 19.6839 7.12132 19.1213C7.68393 18.5587 8 17.7956 8 17V5.71L18 4.3V12.18C17.6787 12.067 17.3406 12.0095 17 12.01H15C14.2044 12.01 13.4413 12.3261 12.8787 12.8887C12.3161 13.4513 12 14.2144 12 15.01C12 15.8056 12.3161 16.5687 12.8787 17.1313C13.4413 17.6939 14.2044 18.01 15 18.01H17C17.7956 18.01 18.5587 17.6939 19.1213 17.1313C19.6839 16.5687 20 15.8056 20 15.01V2.5Z' fill='%2360676B'/%3E%3C/svg%3E");
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterIconWrap--area::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 16.525C9.55 16.525 9.35 16.4917 9.15 16.425C8.95 16.3583 8.76667 16.2583 8.6 16.125C6.63334 14.5583 5.16667 13.0293 4.2 11.538C3.23334 10.0467 2.75 8.58399 2.75 7.15C2.75 5.06666 3.4 3.35433 4.7 2.013C6 0.671667 7.68333 0.000667162 9.75 4.96278e-07C11.8167 -0.00066617 13.5 0.670333 14.8 2.013C16.1 3.35566 16.75 5.068 16.75 7.15C16.75 8.58333 16.2667 10.046 15.3 11.538C14.3333 13.03 12.8667 14.559 10.9 16.125C10.7333 16.2583 10.55 16.3583 10.35 16.425C10.15 16.4917 9.95 16.525 9.75 16.525ZM9.75 9C10.3 9 10.771 8.80433 11.163 8.413C11.555 8.02166 11.7507 7.55066 11.75 7C11.7493 6.44933 11.5537 5.97866 11.163 5.588C10.7723 5.19733 10.3013 5.00133 9.75 5C9.19867 4.99866 8.728 5.19466 8.338 5.588C7.948 5.98133 7.752 6.452 7.75 7C7.748 7.548 7.944 8.019 8.338 8.413C8.732 8.807 9.20267 9.00266 9.75 9ZM3.75 20C3.46667 20 3.22934 19.904 3.038 19.712C2.84667 19.52 2.75067 19.2827 2.75 19C2.74934 18.7173 2.84534 18.48 3.038 18.288C3.23067 18.096 3.468 18 3.75 18H15.75C16.0333 18 16.271 18.096 16.463 18.288C16.655 18.48 16.7507 18.7173 16.75 19C16.7493 19.2827 16.6533 19.5203 16.462 19.713C16.2707 19.9057 16.0333 20.0013 15.75 20H3.75Z' fill='%2360676B'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 16.525C9.55 16.525 9.35 16.4917 9.15 16.425C8.95 16.3583 8.76667 16.2583 8.6 16.125C6.63334 14.5583 5.16667 13.0293 4.2 11.538C3.23334 10.0467 2.75 8.58399 2.75 7.15C2.75 5.06666 3.4 3.35433 4.7 2.013C6 0.671667 7.68333 0.000667162 9.75 4.96278e-07C11.8167 -0.00066617 13.5 0.670333 14.8 2.013C16.1 3.35566 16.75 5.068 16.75 7.15C16.75 8.58333 16.2667 10.046 15.3 11.538C14.3333 13.03 12.8667 14.559 10.9 16.125C10.7333 16.2583 10.55 16.3583 10.35 16.425C10.15 16.4917 9.95 16.525 9.75 16.525ZM9.75 9C10.3 9 10.771 8.80433 11.163 8.413C11.555 8.02166 11.7507 7.55066 11.75 7C11.7493 6.44933 11.5537 5.97866 11.163 5.588C10.7723 5.19733 10.3013 5.00133 9.75 5C9.19867 4.99866 8.728 5.19466 8.338 5.588C7.948 5.98133 7.752 6.452 7.75 7C7.748 7.548 7.944 8.019 8.338 8.413C8.732 8.807 9.20267 9.00266 9.75 9ZM3.75 20C3.46667 20 3.22934 19.904 3.038 19.712C2.84667 19.52 2.75067 19.2827 2.75 19C2.74934 18.7173 2.84534 18.48 3.038 18.288C3.23067 18.096 3.468 18 3.75 18H15.75C16.0333 18 16.271 18.096 16.463 18.288C16.655 18.48 16.7507 18.7173 16.75 19C16.7493 19.2827 16.6533 19.5203 16.462 19.713C16.2707 19.9057 16.0333 20.0013 15.75 20H3.75Z' fill='%2360676B'/%3E%3C/svg%3E");
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelect {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #1D2A2E;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 1.5rem;
  outline: none;
  border: 0.125rem solid transparent;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSelect::-ms-expand {
  display: none;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterActions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter .s-showsList__filterActions {
    gap: 1rem;
    padding-top: 1rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSubmit {
  width: 15rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
  padding-left: 2.625rem;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSubmit {
    width: 10.25rem;
    padding: 0.75rem 0.65625rem 0.75rem 2.875rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSubmit span {
  line-height: 1.15;
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterSubmit::before {
  display: block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/udo-corp/img/shows/search.svg") no-repeat center/contain;
  position: absolute;
  left: 0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterReset {
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  color: #1D2A2E;
  text-decoration: underline;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsList .s-showsList__filter .s-showsList__filterReset {
    font-size: 0.875rem;
  }
}
.udo-corp-s-showsList .s-showsList__filter .s-showsList__filterReset:hover {
  opacity: 0.7;
}

.s-showsList__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.5rem 5rem;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .s-showsList__list {
    grid-template-columns: 1fr;
    gap: 3.5rem 0;
  }
}

.s-showsList__item {
  margin: 0;
  padding: 0;
}

.s-showsList__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.s-showsList__card:hover {
  opacity: 1;
}
.s-showsList__card:hover .s-showsList__cardImage {
  rotate: 3deg;
}

.s-showsList__cardImage {
  position: relative;
  width: 100%;
  aspect-ratio: 4/5;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #fff;
  -webkit-transition: rotate 0.5s ease;
  transition: rotate 0.5s ease;
}
.s-showsList__cardImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.s-showsList__cardViewMore {
  position: absolute;
  right: -1.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.1);
  transform: translateY(-50%) scale(0.1);
  width: 7.75rem;
  height: 7.75rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease-out;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease-out, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 1;
}
.s-showsList__cardViewMore .s-showsList__cardViewMoreSvg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.s-showsList__cardViewMore .s-showsList__cardViewMoreTextWrap {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: rotate-text 10s linear infinite;
  animation: rotate-text 10s linear infinite;
}
.s-showsList__cardViewMore .s-showsList__cardViewMoreText {
  fill: #fff;
}
.s-showsList__cardViewMore .s-showsList__cardViewMoreArrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.s-showsList__card:hover .s-showsList__cardViewMore {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

@keyframes rotate-text {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.s-showsList__cardBody {
  padding: 1.25rem 0 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}
@media screen and (max-width: 767px) {
  .s-showsList__cardBody {
    padding-top: 1.25rem;
  }
}

.s-showsList__cardBadges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.s-showsList__cardBadge {
  display: inline-block;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
  border-radius: 0.125rem;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .s-showsList__cardBadge {
    font-size: 0.8125rem;
  }
}
.s-showsList__cardBadge--primary {
  background: #e60012;
  color: #fff;
}
.s-showsList__cardBadge--secondary {
  background: #1D2A2E;
  color: #fff;
}

.s-showsList__cardTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #1D2A2E;
  margin: 0 0 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: inline;
}
.s-showsList__cardTitle p {
  display: inline;
  margin-right: 0.5rem;
}
.s-showsList__cardTitle p:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .s-showsList__cardTitle {
    font-size: 1.375rem;
    -webkit-line-clamp: 2;
    margin: 0 0 0.75rem;
  }
}

.s-showsList__cardDesc {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #1D2A2E;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .s-showsList__cardDesc {
    font-size: 0.9375rem;
    -webkit-line-clamp: 3;
  }
}

.udo-corp-s-topicsList {
  padding: 0rem 0 10rem;
  background: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topicsList {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-topicsList .s-topicsList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topicsList .s-topicsList__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
}
.udo-corp-s-topicsList .s-topicsList__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topicsList .s-topicsList__main {
    width: 100%;
  }
}
.udo-corp-s-topicsList .s-topicsList__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topicsList .s-topicsList__list {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.udo-corp-s-topicsList .s-topicsList__item {
  margin: 0;
  padding: 0;
}
.udo-corp-s-topicsList .s-topicsList__link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.udo-corp-s-topicsList .s-topicsList__link:hover {
  opacity: 1;
}
.udo-corp-s-topicsList .s-topicsList__link:hover .s-topicsList__cardTitle {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-topicsList .s-topicsList__link:hover .s-topicsList__cardImage img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.udo-corp-s-topicsList .s-topicsList__cardImage {
  overflow: hidden;
  background: #F0F3F5;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  height: 12.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-topicsList .s-topicsList__cardImage {
    height: 11.5rem;
  }
}
.udo-corp-s-topicsList .s-topicsList__cardImage img {
  background: #fff;
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.udo-corp-s-topicsList .s-topicsList__cardBody {
  padding: 0;
}
.udo-corp-s-topicsList .s-topicsList__cardMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.875rem;
}
.udo-corp-s-topicsList .s-topicsList__cardCategory {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #e60012;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 12.5rem;
}
.udo-corp-s-topicsList .s-topicsList__cardDate {
  font-size: 1rem;
  color: #1D2A2E;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-s-topicsList .s-topicsList__cardTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #1D2A2E;
  margin: 0 0 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.udo-corp-s-topicsList .s-topicsList__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-topicsList .s-topicsList__tags li {
  margin: 0;
  padding: 0;
  line-height: 0;
}

/**
 * udo-corp CTA（ロゴ＋思い出テキスト画像）
 */
.udo-corp-s-cta {
  max-width: 45rem;
  margin: 0 auto;
}
.s-cta__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .s-cta__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem 0;
  }
}

.s-cta__logo {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  width: 14.375rem;
  height: 7.5rem;
}
@media screen and (max-width: 767px) {
  .s-cta__logo {
    width: 9.75rem;
    height: 5rem;
  }
}
.s-cta__logo img {
  display: block;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.s-cta__textImage {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  text-decoration: none;
  width: 28.125rem;
}
@media screen and (max-width: 767px) {
  .s-cta__textImage {
    width: 100%;
    max-width: 21.875rem;
  }
}
.s-cta__textImage img {
  display: block;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.udo-corp-s-pageHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 7rem 0 4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-pageHeading {
    padding: 5.25rem 0 3rem;
  }
}
.udo-corp-s-pageHeading .s-header__background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.3;
}
.udo-corp-s-pageHeading .s-header__title {
  margin: 0;
  color: #181818;
  position: relative;
  z-index: 1;
}
.udo-corp-s-pageHeading .s-header__title > span {
  display: block;
  line-height: 1;
}
.udo-corp-s-pageHeading .s-header__title .en {
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-weight: normal;
  font-size: 5rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-pageHeading .s-header__title .en {
    font-size: 2.75rem;
  }
}
.udo-corp-s-pageHeading .s-header__title .ja {
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-pageHeading .s-header__title .ja {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.udo-corp-s-pageHeading .s-header__text {
  font-size: var(--font-size-s);
  line-height: 1.7;
  letter-spacing: 0.04em;
  max-width: 560px;
  margin: 24px auto 0;
  color: #181818;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-pageHeading .s-header__text {
    font-size: var(--font-size-s-sp);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-pageHeading .s-header__text {
    font-size: 13px;
    margin-top: 16px;
  }
}

.udo-corp-s-newsDetail {
  background: #F0F3F5;
}
.udo-corp-s-newsDetail .s-newsDetail__eyecatchBgWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.udo-corp-s-newsDetail .s-newsDetail__eyecatchBg {
  position: absolute;
  -webkit-filter: blur(32px);
  filter: blur(32px);
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 105%;
  height: auto;
  max-height: 53vw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__eyecatchBg {
    width: 440vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: blur(16px);
    filter: blur(16px);
    max-height: 50rem;
    max-height: 214vw;
    max-height: 230vw;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__eyecatchBg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-newsDetail .s-newsDetail__container {
  position: relative;
  padding: 8.125rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__container {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-newsDetail .udo-corp-c-inner {
  position: relative;
  z-index: 2;
}
.udo-corp-s-newsDetail .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .udo-corp-c-breadcrumb {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__eyecatch {
  width: 100%;
  max-width: 35rem;
  height: auto;
  overflow: hidden;
  border-radius: 0.5rem;
  margin: 0 auto 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}
.udo-corp-s-newsDetail .s-newsDetail__eyecatch img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__eyecatch {
    width: 100%;
    height: auto;
    margin: 0 auto 1rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__titleWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__metaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 1.125rem 0.5rem 1.125rem 0.5rem;
  border-radius: 0.25rem;
  background-color: #fff;
  width: 9rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__metaInner {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0.5rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__year {
  font-size: 1rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-bottom: 0.3125rem;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__year {
    font-size: 0.875rem;
    margin-bottom: 0rem;
    margin-right: 0.3125rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__date {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  margin-bottom: 0.6875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__date {
    font-size: 1.125rem;
    margin-bottom: 0rem;
    margin-right: 1.0625rem;
    position: relative;
  }
  .udo-corp-s-newsDetail .s-newsDetail__date::after {
    content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background: #ddd;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.udo-corp-s-newsDetail .s-newsDetail__category {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #e60012;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__category {
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__title {
    font-size: 1.5rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__keywordList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #60676B;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__keywordList {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__keywordList li {
  line-height: 0;
}
.udo-corp-s-newsDetail .s-newsDetail__wrap {
  position: relative;
  padding: 2.5rem 0 5rem 2.1875rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: solid 1px #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column-reverse;
    padding: 0rem 0 4rem 0rem;
    gap: 3.125rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__share {
  position: sticky;
  top: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.1875rem 1.0625rem;
  border-radius: 0.5rem;
  background: #1D2A2E;
  z-index: 10;
}
.udo-corp-s-newsDetail .s-newsDetail__share a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}
.udo-corp-s-newsDetail .s-newsDetail__share a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
.udo-corp-s-newsDetail .s-newsDetail__share a img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__share a img {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__share a.is-copied {
  border-color: #e60012;
}
.udo-corp-s-newsDetail .s-newsDetail__share .c-copylink__popup {
  position: absolute;
  left: calc(100% + 0.625rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  background: #fff;
  color: #1D2A2E;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.875rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10;
}
.udo-corp-s-newsDetail .s-newsDetail__share .c-copylink__popup.is-hide {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__share {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    top: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.75rem 1.0625rem;
  }
  .udo-corp-s-newsDetail .s-newsDetail__share .c-copylink__popup {
    left: 50%;
    top: auto;
    bottom: calc(100% + 0.75rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .udo-corp-s-newsDetail .s-newsDetail__share .c-copylink__popup::before {
    right: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #fff;
  }
}
.udo-corp-s-newsDetail .base-c-wysiwyg {
  padding: 0;
  width: 100%;
}
.udo-corp-s-newsDetail .s-newsDetail__body {
  width: 100%;
  overflow: hidden;
}
.udo-corp-s-newsDetail .s-newsDetail__toc {
  width: 100%;
  margin-bottom: 4rem;
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  background: rgba(29, 42, 46, 0.1);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc {
    margin-bottom: 3rem;
    padding: 1.5rem 1.125rem;
    border-radius: 0.75rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .title {
  display: block;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  color: #1D2A2E;
  text-align: center;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .title {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list {
  margin: 0;
  padding: 0 0.75rem;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .h2list {
    padding: 0;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 0.5rem;
  padding: 0;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #1D2A2E;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li:nth-last-child(1) {
  margin-bottom: 0;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.875rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li::marker {
  content: none;
  display: none;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  text-decoration: none;
  color: #1D2A2E;
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  font-size: 1rem;
  gap: 0.625rem;
  -webkit-transition: color 0.4s, -webkit-text-decoration 0.4s;
  transition: color 0.4s, -webkit-text-decoration 0.4s;
  transition: color 0.4s, text-decoration 0.4s;
  transition: color 0.4s, text-decoration 0.4s, -webkit-text-decoration 0.4s;
  padding: 0.625rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li a {
    gap: 0.5rem;
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li a:hover {
  color: #e60012;
  text-decoration: underline;
  opacity: 1;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li a::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.5625rem 0.375rem;
  -webkit-transition: border-color 0.4s ease, background-image 0.4s ease;
  transition: border-color 0.4s ease, background-image 0.4s ease;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h2list > li a:hover::after {
  border-color: #e60012;
  background-image: url("/assets/udo-corp/img/common/arrow-down-red.svg");
  background-size: 0.5625rem 0.375rem;
  -webkit-animation: tocArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: tocArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list {
  margin: 0;
  padding-left: 1.5rem;
  list-style: none;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li {
  margin: 0 0 0.75rem;
  padding: 0 0 0 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #1D2A2E;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .h3list li {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  background-color: #1D2A2E;
  mask-image: url("/assets/udo-corp/img/common/h3.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("/assets/udo-corp/img/common/h3.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .h3list li::before {
    top: 0.625rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li::marker {
  content: none;
  display: none;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li a {
  text-decoration: none;
  color: #1D2A2E;
  font-weight: 500;
  font-size: 0.875rem;
  -webkit-transition: color 0.4s, -webkit-text-decoration 0.4s;
  transition: color 0.4s, -webkit-text-decoration 0.4s;
  transition: color 0.4s, text-decoration 0.4s;
  transition: color 0.4s, text-decoration 0.4s, -webkit-text-decoration 0.4s;
  padding: 0;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li a:hover {
  color: #e60012;
  text-decoration: underline;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__toc .h3list li a {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li a::after {
  display: none;
  content: none;
}
.udo-corp-s-newsDetail .s-newsDetail__toc .h3list li:has(a:hover)::before {
  background-color: #e60012;
}
.udo-corp-s-newsDetail .s-topicsDetail__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 0.0625rem solid #1D2A2E;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: none;
    padding-bottom: 0rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__keywordList {
  padding-bottom: 1.5rem;
  margin-bottom: 0rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__keywordList {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__wrap {
  border: none;
  padding: 2.5rem 0 0rem 2.1875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__wrap {
    padding: 0rem 0 0rem 0rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__container .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .udo-corp-c-breadcrumb {
    margin-bottom: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__titleWrap {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__titleWrap {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__container .udo-corp-c-listFilter {
  margin-top: 4.4375rem;
}
@media screen and (min-width: 768px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .udo-corp-c-listFilter {
    position: sticky;
    top: 7.5rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .udo-corp-c-listFilter {
    margin-top: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__container .s-newsDetail__wrap {
    padding: 0;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__main {
    width: 100%;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related {
  padding-top: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related {
    padding-top: 4rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTitle {
    font-size: 1.375rem;
    margin-bottom: 1.5rem;
    gap: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTitleCategory {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  background: #e60012;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 0.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTitleCategory {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTitleText {
  color: #1D2A2E;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3rem;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedBtn a {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedBtn a {
    font-size: 1rem;
    padding: 1rem 0.75rem 1rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedBtn {
    margin-top: 2rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItem {
  margin: 0;
  padding: 0;
  border-bottom: 0.0625rem solid #ddd;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItem:first-child {
  border-top: 0.0625rem solid #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItem {
    overflow: hidden;
    padding-top: 1rem;
  }
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItem:last-child {
    margin-bottom: 0;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedLink {
  display: block;
  text-decoration: none;
  color: #1D2A2E;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedLink:hover {
  opacity: 1;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedLink:hover .s-newsDetail__relatedItemTitle {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedLink:hover .s-newsDetail__relatedThumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (min-width: 768px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem 0rem;
    gap: 1.5rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.sponly {
  display: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.sponly {
    display: block;
    width: 100%;
    aspect-ratio: 375/245;
    overflow: hidden;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.sponly img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.pconly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItemInner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItemInner {
    padding: 1rem 0;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedMeta {
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedMetaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.5rem;
  margin-right: 1.5rem;
  position: relative;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedMetaInner::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 1rem;
  background: #ddd;
  position: absolute;
  right: -0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedMetaInner::after {
    height: 0.75rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedYear {
  font-size: 1rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedYear {
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedDate {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1D2A2E;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedDate {
    font-size: 1.375rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTypeTag {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #e60012;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTypeTag {
    font-size: 0.875rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItemTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
  width: 100%;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedItemTitle {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedDesc {
  font-size: 1rem;
  color: #60676b;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  width: 100%;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedDesc {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedTags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.pconly {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18.125rem;
  height: 13.75rem;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.udo-corp-s-newsDetail .s-newsDetail__related .s-newsDetail__relatedThumb.pconly img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.udo-corp-s-newsDetail .s-topicsDetail__related {
  padding: 4.5rem 4.5rem 0 4.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related {
    padding: 4rem 0 0;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  margin: 0 0 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedList {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedItem {
  margin: 0;
  padding: 0;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedLink {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedLink:hover {
  opacity: 1;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedLink:hover .s-topicsDetail__relatedItemTitle {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedLink:hover .s-topicsDetail__relatedImage img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedImage {
  overflow: hidden;
  background: #F0F3F5;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  height: 12.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedImage {
    height: 11.5rem;
  }
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedImage img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedBody {
  padding: 0;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1.0625rem;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedCategory {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #e60012;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedDate {
  font-size: 1rem;
  color: #1D2A2E;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedItemTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #1D2A2E;
  margin: 0 0 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedTags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedTags li {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3rem;
}
.udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedBtn a {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedBtn a {
    font-size: 1rem;
    padding: 1rem 0.75rem 1rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-newsDetail .s-topicsDetail__related .s-topicsDetail__relatedBtn {
    margin-top: 2rem;
  }
}

@-webkit-keyframes tocArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}

@keyframes tocArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}
.udo-corp-s-showsDetail {
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__pc-bg {
    background-color: #F0F3F5;
    padding: 0 0 9.375rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
}
.udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__eyecatchBg {
  position: absolute;
  -webkit-filter: blur(32px);
  filter: blur(32px);
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__eyecatchBg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__spotlight {
  position: absolute;
  top: -31.875rem;
  left: -35.625rem;
  width: 162.5rem;
  height: 45.4375rem;
  overflow: hidden;
  z-index: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__spotlight {
    width: 50rem;
    height: 13.8125rem;
    top: -1.25rem;
    left: -16.875rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__spotlight.is-animated {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.udo-corp-s-showsDetail .s-showsDetail__bg .s-showsDetail__spotlight img {
  width: 100%;
  height: 100%;
}
.udo-corp-s-showsDetail .s-showsDetail__container {
  position: relative;
  padding: 7rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__container {
    padding: 5.25rem 0 0 0;
  }
}
.udo-corp-s-showsDetail .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .udo-corp-c-breadcrumb {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4.875rem;
  margin-top: 2rem;
  padding-bottom: 12.5rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleWrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleWrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleLabel {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 700;
  margin: 0 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleLabel {
    font-size: 0.875rem;
    margin: 0 0 0.25rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__title {
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleDescription {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 2.5rem;
  white-space: pre-line;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__titleDescription {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__notice {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0;
  border: 0.125rem solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__notice {
    text-align: left;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  background: #e60012;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  line-height: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__badgeIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  display: block;
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__badgeDescription {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: #636363;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__badgeDescription {
    font-size: 0.9375rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__eyecatch {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 25rem;
  max-width: 100%;
  opacity: 0;
  -webkit-transform: translateY(12.5rem) rotate(-5deg);
  transform: translateY(12.5rem) rotate(-5deg);
  -webkit-transition: opacity 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9), -webkit-transform 1000ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__eyecatch.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__eyecatch {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 15.5rem;
    margin: 0 -2rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__header .s-showsDetail__eyecatchImg {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.udo-corp-s-showsDetail .s-showsDetail__main {
  background-color: #F0F3F5;
  position: relative;
  padding: 0.625rem 0 10rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__main {
    padding: 0.625rem 0 3rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__main .s-showsDetail__glow {
  position: absolute;
  top: -14.6875rem;
  left: 0;
  width: 100%;
  height: 15rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__main .s-showsDetail__glow {
    top: -5.1875rem;
    height: 5.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__main .s-showsDetail__glow img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__snsWrap {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 3rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsBlock {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  position: relative;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsBlock:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 2rem;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsBlock:not(:last-child)::after {
    top: auto;
    bottom: -1rem;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2rem;
    height: 0.0625rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsTitle {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #1D2A2E;
  line-height: 1;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsTitle {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconItem {
  margin: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconLink:hover {
  opacity: 1;
  border-color: #e60012;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.udo-corp-s-showsDetail .s-showsDetail__snsWrap .s-showsDetail__snsIconWrap img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  height: auto;
  display: block;
}
.udo-corp-s-showsDetail .s-showsDetail__quote {
  border: 1px solid #1D2A2E;
  border-radius: 0.5rem;
  padding: 3rem;
  margin: 5rem auto 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__quote {
    padding: 1.5rem 1.25rem;
    margin: 3rem auto;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__quote::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/assets/udo-corp/img/common/gg_quote.svg");
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.8125rem;
  left: 1rem;
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteHeader {
    gap: 0.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteLabel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #636363;
  letter-spacing: 0em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteLabel {
    font-size: 0.875rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteName {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: #1D2A2E;
  letter-spacing: 0;
  display: inline;
  line-height: 1.3;
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteName p {
  display: inline;
  margin-right: 0.5rem;
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteName p:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteName {
    font-size: 1.25rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteText {
  margin: 0;
  color: #1D2A2E;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__quote .s-showsDetail__quoteText {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap {
  margin: 5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.4375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap {
    margin: 3rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap .s-showsDetail__iframeArea {
  width: calc(50% - 0.71875rem);
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap .s-showsDetail__iframeArea {
    width: 100%;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap .s-showsDetail__iframeArea p {
  margin: 0;
  line-height: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__iframeAreaWrap .s-showsDetail__iframeArea iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.udo-corp-s-showsDetail .s-showsDetail__sectionTitleEn {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #1D2A2E;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__sectionTitleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__sectionTitleJa {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.8;
  color: #1D2A2E;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__sectionTitleJa {
    font-size: 0.875rem;
    margin-top: 0.125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related {
  margin: 10rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related {
    margin: 4rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedTitle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedBtn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedBtn.sponly {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedBtn .udo-corp-c-btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedItem {
  margin: 0;
  padding: 0;
  border-bottom: 0.0625rem solid #ddd;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
  color: #1D2A2E;
  position: relative;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.0625rem;
  background: #e60012;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  z-index: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink:hover {
  color: #e60012;
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink:hover::before {
  width: 100%;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink:hover .s-showsDetail__relatedArrow {
  -webkit-animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  border-color: #e60012;
  -webkit-filter: invert(12%) sepia(99%) saturate(6000%) hue-rotate(357deg);
  filter: invert(12%) sepia(99%) saturate(6000%) hue-rotate(357deg);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedLink {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDateWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0rem;
  min-width: 6.875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  padding-right: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDateWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.375rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDateWrap::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 2rem;
  background: #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDateWrap::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDateWrap {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedYear {
  font-size: 1rem;
  font-weight: 700;
  color: inherit;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedDate {
  font-size: 1.25rem;
  font-weight: 700;
  color: inherit;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
.udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedTitleText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__related .s-showsDetail__relatedTitleText {
    font-size: 1rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding-right: 2.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__relatedArrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/0.375rem 0.5625rem;
  -webkit-transition: border-color 0.3s ease, -webkit-filter 0.3s ease;
  transition: border-color 0.3s ease, -webkit-filter 0.3s ease;
  transition: border-color 0.3s ease, filter 0.3s ease;
  transition: border-color 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__relatedArrow {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket {
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket {
    margin: 4rem 0 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketHead {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketHead {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice {
  background: #fff;
  border-radius: 1rem;
  padding: 3rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice .s-showsDetail__ticketNoticeInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice .s-showsDetail__ticketNoticeInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice .s-showsDetail__ticketNoticeTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNotice .s-showsDetail__ticketNoticeTextWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketBadge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  background: #e60012;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketBadgeIcon {
  width: 1rem;
  height: 1rem;
  display: block;
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeText {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeText {
    font-size: 1.125rem;
    text-align: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeBtn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeBtn a:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeBtn {
    width: 100%;
  }
  .udo-corp-s-showsDetail .s-showsDetail__ticket .s-showsDetail__ticketNoticeBtn .udo-corp-c-btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.75rem;
    line-height: 1.2;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule {
  background: rgba(29, 42, 46, 0.1);
  padding: 4rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule {
    padding: 1.5rem 0 4rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 4rem;
  position: relative;
  padding-bottom: 1.3125rem;
  border-bottom: 0.0625rem solid #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTabs {
    gap: 0.25rem;
    margin-bottom: 0.625rem;
    padding-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTabs::after {
  content: "";
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.6875rem 0.9375rem;
  position: absolute;
  bottom: -1.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.875rem;
  height: 1.875rem;
  background-color: #DEE0E2;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTabs::after {
    bottom: -0.8125rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 11.125rem;
  padding: 1rem 1rem 0.8125rem 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  background: #fff;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTab {
    min-width: calc((100% - 0.5rem) / 3);
    padding: 0.5625rem 1rem 0.375rem 1rem;
    font-size: 1.125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTab:hover {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleTab.is-active {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleContent {
  display: none;
  opacity: 0;
  -webkit-animation: scheduleTabFadeIn 0.4s ease forwards;
  animation: scheduleTabFadeIn 0.4s ease forwards;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleContent.is-active {
  display: block;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleList {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleList:has(.s-showsDetail__scheduleItem:only-child) {
  grid-template-columns: 1fr;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleItem {
  margin: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard {
    padding: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleStatus {
  font-size: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  border-radius: 0.125rem;
  margin-bottom: 1.5rem;
  line-height: 1;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleStatus {
    margin-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleStatus[data-status=advance] {
  background: #e60012;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleStatus[data-status=before] {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleStatus[data-status=closed] {
  background: #636363;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDate {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #1D2A2E;
  margin: 0 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDate {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateNum {
  font-size: 2rem;
  margin: 0 0.125rem;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateNum {
    font-size: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateYear {
  font-size: 1.5rem;
  margin-right: 0.125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateYear {
    font-size: 1.25rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateDay {
  font-size: 0.875rem;
  background-color: #1D2A2E;
  color: #fff;
  padding: 0.125rem 0.375rem 0.1875rem 0.375rem;
  border-radius: 0.125rem;
  line-height: 1;
  margin-left: 0.25rem;
  position: relative;
  top: -0.1875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleDateDay {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleVenue {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleVenue {
    font-size: 1rem;
    margin: 0 0 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTimeAccessWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTimeAccessWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTimeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTime {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: #1D2A2E;
  letter-spacing: 0.04em;
  position: relative;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTime:nth-of-type(2)::after {
  display: none;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTime::after {
  content: "";
  position: absolute;
  left: calc(100% + 0.4375rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.1875rem;
  height: 0.1875rem;
  background: #1D2A2E;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleTime {
    font-size: 1.125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleAccess {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleAccess {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleAccess:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleAccess::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__scheduleCard .s-showsDetail__scheduleAccess::after {
    width: 1rem;
    height: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary {
  margin: 7.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary {
    margin: 3rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1D2A2E;
  margin: 0 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryTitle {
    font-size: 1.5rem;
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.9375rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 0.0625rem solid rgba(99, 99, 99, 0.3);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryLabel {
  width: 10rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0.3125rem 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryLabel {
    width: 100%;
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContent > *:first-child {
  margin-top: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink {
  line-height: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 500;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink a {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink a:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink a::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSummary .s-showsDetail__ticketSummaryContentLink a::after {
    width: 1rem;
    height: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection {
  margin: 7.5rem 0 5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection {
    margin: 3rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection:last-child {
  margin-bottom: 0;
  padding-bottom: 5rem;
  border-bottom: 0.0625rem solid #636363;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketSectionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1D2A2E;
  margin: 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketSectionTitle {
    font-size: 1.5rem;
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketSectionTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.9375rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketSectionTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardList {
    grid-template-columns: 1fr;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardItem {
  margin: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCard {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardStatus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.125rem;
  line-height: 1.5;
  -ms-flex-item-align: start;
  align-self: flex-start;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardStatus {
    padding: 0.1875rem 0.25rem 0.1875rem 0.25rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardStatus[data-status=advance] {
  background: #e60012;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardStatus[data-status=before] {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardStatus[data-status=closed] {
  background: #636363;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6.25rem;
  margin: 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardLogo {
    height: 3.75rem;
    margin: 0.75rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardLogo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardLogo + .s-showsDetail__ticketCardTitle {
  border-top: 0.0625rem solid #ddd;
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardTitle {
  padding: 1.5rem 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardTitle {
    font-size: 1.125rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDates {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDates {
    margin-bottom: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDate {
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1;
  color: #1D2A2E;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDate {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateNum {
  font-size: 1rem;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateNum {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateDay {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  background-color: #1D2A2E;
  color: #fff;
  padding: 0.125rem 0.375rem 0.1875rem 0.375rem;
  border-radius: 0.125rem;
  line-height: 1;
  margin: 0 0.25rem;
  position: relative;
  top: -0.0625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateDay {
    font-size: 0.6875rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateTime {
  font-size: 1rem;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardDateTime {
    font-size: 0.875rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardBtn {
  margin-top: auto;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketSection .s-showsDetail__ticketCardBtn {
    padding: 0.75rem 0.875rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__schedule .s-showsDetail__ticketFooterArea {
  padding: 1.5rem 0 0;
  border-top: 0.0625rem solid #636363;
}
.udo-corp-s-showsDetail .s-showsDetail__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.udo-corp-s-showsDetail .s-showsDetail__modal.is-open {
  opacity: 1;
  visibility: visible;
}
.udo-corp-s-showsDetail .s-showsDetail__modal.is-open .s-showsDetail__modalContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 42, 46, 0.9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalContent {
  position: relative;
  width: 90%;
  max-width: 70rem;
  max-height: 90vh;
  background: #F0F3F5;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-transform: translateY(1.25rem);
  transform: translateY(1.25rem);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalContent {
    width: 100%;
    margin: 0 1.5625rem;
    max-height: 80vh;
    border-radius: 0.75rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose {
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  width: 4rem;
  height: 4rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose {
    top: 0.625rem;
    right: 0.625rem;
    width: 3rem;
    height: 3rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose span {
  position: absolute;
  width: 1.25rem;
  height: 0.125rem;
  background: #fff;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose span {
    width: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalClose:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalInner {
  padding: 3rem 5rem 6.625rem 5rem;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalInner {
    padding: 1.5rem 1.5rem 4rem 1.5rem;
    max-height: 85vh;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1D2A2E;
  margin: 0 0 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #DDD;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTitle {
    font-size: 1.5rem;
    gap: 0.75rem;
    margin: 0 0 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1.0625rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTitle::before {
    margin-top: 0.375rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalLogo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalLogo {
    width: 100%;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalLogo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTable {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalTable {
    width: 100%;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalRow.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalLabel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 10rem;
  padding: 0.3125rem 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  background: #fff;
  border-radius: 0.25rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalLabel {
    width: auto;
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.8;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue {
    font-size: 0.8125rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue p {
  margin: 0 0 1rem;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue p:first-child {
  margin-top: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue p:last-child {
  margin-bottom: 0;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue a {
  color: #e60012;
  text-decoration: underline;
  word-break: break-all;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalValue a:hover {
  text-decoration: none;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalStatus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 0.125rem;
  line-height: 1;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalStatus {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalStatus[data-status=advance] {
  background: #e60012;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalStatus[data-status=before] {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalStatus[data-status=closed] {
  background: #636363;
  color: #fff;
}
.udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalDate {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1D2A2E;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__modal .s-showsDetail__modalDate {
    font-size: 1rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__goods {
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__goods {
    margin: 4rem 0 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsHead {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsHead {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsBody {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsBody {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsImage {
  margin-bottom: 2.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__goods .s-showsDetail__goodsImage {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__biography {
  margin: 10rem 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__biography {
    margin: 4rem 0 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyHead {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyHead {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyImage {
  margin-bottom: 2.5rem;
  width: 100%;
}
.udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyImage img {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyImage {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyBody {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__biography .s-showsDetail__biographyBody {
    margin-bottom: 0rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__share {
  position: fixed;
  bottom: 1.5rem;
  left: 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.1875rem 1.0625rem;
  border-radius: 0.5rem;
  background: #1D2A2E;
  z-index: 100;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.udo-corp-s-showsDetail .s-showsDetail__share.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.udo-corp-s-showsDetail .s-showsDetail__share.is-pinned {
  position: absolute;
  bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__share {
    margin: 0 auto;
    width: 88% !important;
  }
  .udo-corp-s-showsDetail .s-showsDetail__share.is-pinned {
    position: relative;
    bottom: auto;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__share a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 50%;
  line-height: 1;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.udo-corp-s-showsDetail .s-showsDetail__share a img {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.udo-corp-s-showsDetail .s-showsDetail__share a.is-copied {
  border-color: #e60012;
}
.udo-corp-s-showsDetail .s-showsDetail__share a:hover {
  border: 2px solid #e60012;
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__share .c-copylink__popup {
  position: absolute;
  left: calc(100% + 0.625rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  background: #fff;
  color: #1D2A2E;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.875rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 110;
}
.udo-corp-s-showsDetail .s-showsDetail__share .c-copylink__popup.is-hide {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__share {
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.75rem 1.0625rem;
    margin-top: 0rem;
  }
  .udo-corp-s-showsDetail .s-showsDetail__share .c-copylink__popup {
    left: 50%;
    top: auto;
    bottom: calc(100% + 0.75rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .udo-corp-s-showsDetail .s-showsDetail__share .c-copylink__popup::before {
    right: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #fff;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc {
  display: none;
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
  width: 100%;
  max-width: 70rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__toc {
    bottom: 0.5rem;
    margin: 0 auto;
    width: 92% !important;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc.is-pinned {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__toc.is-pinned {
    bottom: 0.5rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocList {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  pointer-events: auto;
  border-radius: 1rem;
  background: rgba(29, 42, 46, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocList {
    padding: 0.5rem;
    border-radius: 0.75rem;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  width: 16.625rem;
  padding: 0.625rem 0.5rem 0.625rem 1.25rem;
  border-radius: 6.25rem;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  color: #1D2A2E;
  background: #fff;
  -webkit-transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocLink {
    width: calc(50% - 0.125rem);
    font-size: 0.875rem;
    padding: 0.625rem 0.5rem 0.625rem 1.25rem;
    gap: 0.25rem;
    letter-spacing: 0;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocLink::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #ddd;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.5625rem 0.375rem;
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
.udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocLink:hover {
  background: #1D2A2E;
  color: #fff;
  border-color: #1D2A2E;
  opacity: 1;
}
.udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocLink:hover::after {
  border-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets/udo-corp/img/common/arrow-down-white.svg");
  -webkit-animation: tocArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: tocArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-showsDetail .s-showsDetail__toc .s-showsDetail__tocList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
  }
}
.udo-corp-s-showsDetail .s-showsDetail__toc:has(.s-showsDetail__tocList) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@keyframes tocArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}
@-webkit-keyframes scheduleTabFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes scheduleTabFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.udo-corp-s-aboutMv {
  padding: 8.125rem 0 5rem;
  background: #1D2A2E;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv {
    padding: 5.25rem 0 2.9375rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightBlue,
.udo-corp-s-aboutMv .s-aboutMv__spotlightYellow {
  position: fixed;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightBlue img,
.udo-corp-s-aboutMv .s-aboutMv__spotlightYellow img {
  width: 100%;
  height: 100%;
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightBlue {
  bottom: -37.5rem;
  left: -18.75rem;
  width: 150rem;
  height: 50rem;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 0;
  -webkit-transition: opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9), opacity 800ms ease-out;
  transition: transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9), opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__spotlightBlue {
    bottom: 0.625rem;
    left: -9.375rem;
    width: 62.5rem;
    height: 20.8125rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightBlue.is-animated {
  opacity: 1;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightBlue.is-hidden {
  opacity: 0;
  -webkit-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out;
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightYellow {
  top: -34.375rem;
  left: -40.625rem;
  width: 150rem;
  height: 50rem;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  opacity: 0;
  -webkit-transition: opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9) 200ms;
  transition: opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9) 200ms;
  transition: transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9) 200ms, opacity 800ms ease-out;
  transition: transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9) 200ms, opacity 800ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9) 200ms;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__spotlightYellow {
    top: -9.375rem;
    left: -31.25rem;
    width: 62.5rem;
    height: 20.8125rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__spotlightYellow.is-animated {
  opacity: 1;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.udo-corp-s-aboutMv .s-aboutMv__smoke {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  top: 0;
  left: -37.5rem;
  width: 165.625rem;
  height: 62.5rem;
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: opacity 1000ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms ease-out, -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms ease-out, transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
  transition: opacity 1000ms ease-out, transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9), -webkit-transform 1200ms cubic-bezier(0.6, 0.1, 0.4, 0.9);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__smoke {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    top: 7.8125rem;
    width: 50rem;
    left: -14.375rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__smoke img {
  width: 100%;
  height: auto;
  display: block;
}
.udo-corp-s-aboutMv .s-aboutMv__smoke.is-animated {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallax {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}
.udo-corp-s-aboutMv .udo-corp-s-aboutMv:not(.is-bgInView) .s-aboutMv__bgParallax {
  opacity: 0;
  visibility: hidden;
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxTrack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform; /* パララックス用 */
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxSet {
  position: relative;
  width: 100%;
  height: 88.375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxSet {
    height: 65.5625rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem {
  position: absolute;
  overflow: hidden;
  opacity: 0;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem.is-blink {
  -webkit-animation: aboutMv-bgBlink 0.5s ease-out forwards;
  animation: aboutMv-bgBlink 0.5s ease-out forwards;
}
.udo-corp-s-aboutMv.is-blink-done .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="0"] {
  top: 0%;
  right: 15rem;
  width: 7.5rem;
  height: 11.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="0"] {
    top: 5.5625rem;
    right: 1.5625rem;
    width: 3.5rem;
    height: 5.3125rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="1"] {
  top: 5rem;
  left: 5.5rem;
  width: 15rem;
  height: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="1"] {
    top: 12.3125rem;
    left: 1rem;
    width: 5rem;
    height: 3.3125rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="2"] {
  top: 23.75rem;
  right: 0;
  width: 20rem;
  height: 13.3125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="2"] {
    top: 21.25rem;
    right: 0rem;
    width: 6rem;
    height: 4rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="3"] {
  top: 27.5rem;
  left: 12.875rem;
  width: 7.5rem;
  height: 11.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="3"] {
    top: 27.75rem;
    left: 4rem;
    width: 2.5rem;
    height: 3.75rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="4"] {
  top: 49.5625rem;
  right: 15rem;
  width: 7.5rem;
  height: 11.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="4"] {
    top: 36.0625rem;
    right: 1rem;
    width: 3rem;
    height: 4.5625rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="5"] {
  top: 51.25rem;
  left: 0rem;
  width: 20rem;
  height: 13.3125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="5"] {
    top: 45.625rem;
    left: 0rem;
    width: 7.5rem;
    height: 5rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="6"] {
  top: 73.3125rem;
  right: 5.5rem;
  width: 15rem;
  height: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="6"] {
    top: 53.75rem;
    right: 0rem;
    width: 6rem;
    height: 4rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="7"] {
  top: 77.125rem;
  left: 12.875rem;
  width: 7.5rem;
  height: 11.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__bgParallaxItem[data-index="7"] {
    top: 61.125rem;
    left: 1rem;
    width: 3rem;
    height: 4.4375rem;
  }
}
@-webkit-keyframes aboutMv-bgBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aboutMv-bgBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.udo-corp-s-aboutMv .-white-breadcrumb,
.udo-corp-s-aboutMv .s-aboutMv__container {
  position: relative;
  z-index: 1;
}
.udo-corp-s-aboutMv .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .udo-corp-c-breadcrumb {
    margin-bottom: 2.5rem;
  }
}
.udo-corp-s-aboutMv .udo-corp-c-breadcrumb a {
  color: #fff;
}
.udo-corp-s-aboutMv .s-aboutMv__container {
  max-width: 50.625rem;
  margin: 4.0625rem auto 15.625rem auto;
  padding: 0 1.25rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container {
    padding: 0 1.5rem;
    margin: 3rem auto 9.375rem auto;
    max-width: 100%;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap {
  position: relative;
  margin-bottom: 15.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap {
    margin-bottom: 9.375rem;
    padding: 0 1rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap .s-aboutMv__headImage {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap .s-aboutMv__headImage {
    margin-bottom: 2rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap .s-aboutMv__headImageText {
  font-size: 1.125rem;
  line-height: 2.8;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__headImageWrap .s-aboutMv__headImageText {
    font-size: 1rem;
    line-height: 2.4;
    gap: 1rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle .s-aboutMv__aboutHistoryTitleEn {
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  -webkit-text-stroke-width: 0.0625rem;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle .s-aboutMv__aboutHistoryTitleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle .s-aboutMv__aboutHistoryTitleJa {
  font-size: 1.25rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryTitle .s-aboutMv__aboutHistoryTitleJa {
    font-size: 0.875rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistory .s-aboutMv__aboutHistoryText {
  text-align: center;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem {
  margin-top: 5.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem {
    margin-top: 4.5rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 3.5rem;
  background-color: #fff;
  opacity: 0.4;
  position: absolute;
  top: -4.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem::after {
    height: 2rem;
    top: -3rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem .about_history_item_title {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem .about_history_item_title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem .about_history_item_text {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__container .s-aboutMv__aboutHistoryList .s-aboutMv__aboutHistoryListItem .about_history_item_text {
    font-size: 0.875rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__glow {
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  width: 100%;
  height: 10rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutMv .s-aboutMv__glow {
    height: 4.375rem;
  }
}
.udo-corp-s-aboutMv .s-aboutMv__glow img {
  width: 100%;
  height: 100%;
}

.udo-corp-s-aboutBusiness {
  padding: 10rem 0 5rem;
  background-color: #F0F3F5;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness {
    padding: 5.25rem 0 2.9375rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__header {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__header {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title {
    margin-bottom: 1.5rem;
    gap: 0.375rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title .s-aboutBusiness__titleEn {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title .s-aboutBusiness__titleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title .s-aboutBusiness__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__title .s-aboutBusiness__titleJa {
    font-size: 0.875rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__contentText {
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__header .s-aboutBusiness__contentText {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentTitle {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentTitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentList {
  padding-left: 2rem;
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentList .s-aboutBusiness__contentListItem {
  position: relative;
  list-style: none;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentList .s-aboutBusiness__contentListItem {
    font-size: 1rem;
    margin-bottom: 0.3125rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentList .s-aboutBusiness__contentListItem:before {
  display: block;
  content: "";
  background: url("/assets/udo-corp/img/common/list-ul.svg") no-repeat center/contain;
  position: absolute;
  left: -2rem;
  top: 0.125rem;
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__contentList .s-aboutBusiness__contentListItem:before {
    top: 0.0625rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList .s-aboutBusiness__linkItem .s-aboutBusiness__contentLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList .s-aboutBusiness__linkItem .s-aboutBusiness__contentLink {
    font-size: 1rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList .s-aboutBusiness__linkItem .s-aboutBusiness__contentLink:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList .s-aboutBusiness__linkItem .s-aboutBusiness__contentLink::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__linkWrapper .s-aboutBusiness__linkList .s-aboutBusiness__linkItem .s-aboutBusiness__contentLink::after {
    width: 1rem;
    height: 1rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__otherText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__otherText {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__content .s-aboutBusiness__evenText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__buttonList {
  max-width: 70rem;
  margin: 0 auto;
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #636363;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__buttonList {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    margin: 1.5rem 0rem 0;
  }
}
.udo-corp-s-aboutBusiness .s-aboutBusiness__buttonList .s-aboutBusiness__buttonLink {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-aboutBusiness .s-aboutBusiness__buttonList .s-aboutBusiness__buttonLink {
    padding: 1rem 0.75rem 1rem 0.875rem;
    font-size: 1rem;
  }
}

@-webkit-keyframes penlight-blink {
  0% {
    opacity: 1;
  }
  18.8% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  23.5% {
    opacity: 0;
  }
  27.1% {
    opacity: 1;
  }
  75.3% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes penlight-blink {
  0% {
    opacity: 1;
  }
  18.8% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  23.5% {
    opacity: 0;
  }
  27.1% {
    opacity: 1;
  }
  75.3% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.udo-corp-s-recruitMv {
  padding: 8.125rem 0 0rem;
  background: #1D2A2E;
  -webkit-transition: background 1200ms ease-out 400ms;
  transition: background 1200ms ease-out 400ms;
  position: relative;
  overflow: hidden;
}
.udo-corp-s-recruitMv.is-bg-changed {
  background: #311003;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv {
    padding: 5.25rem 0 0rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 95vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(transparent));
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.625rem;
  background-color: #311003;
  opacity: 0;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__bgVideo::after {
    display: none;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo.is-video-playing::after {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__bgVideo {
    height: 31.25rem;
    width: 60.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, black), color-stop(78%, transparent));
    mask-image: linear-gradient(to bottom, black 50%, transparent 78%);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, black), color-stop(78%, transparent));
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 78%);
  }
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__bgVideo video {
    height: 79%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #311003;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo .s-recruitMv__penlight {
  position: absolute;
  top: 12.5rem;
  left: 0;
  width: 100%;
  height: 33.8125rem;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo .s-recruitMv__penlight.is-blinking {
  -webkit-animation: penlight-blink 4251ms ease-in-out infinite;
  animation: penlight-blink 4251ms ease-in-out infinite;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__bgVideo .s-recruitMv__penlight {
    top: 6.875rem;
    width: 46.875rem;
    height: 15.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.udo-corp-s-recruitMv .s-recruitMv__bgVideo .s-recruitMv__penlight img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-recruitMv .s-recruitMv__main {
  position: relative;
  z-index: 1;
}
.udo-corp-s-recruitMv .s-recruitMv__mainContent {
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms, -webkit-transform 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms;
  transition: opacity 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms, -webkit-transform 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms;
  transition: opacity 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms, transform 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms;
  transition: opacity 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms, transform 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms, -webkit-transform 1000ms cubic-bezier(0.69, 0.15, 0.28, 0.84) 400ms;
  position: relative;
}
.udo-corp-s-recruitMv .s-recruitMv__mainContent.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.udo-corp-s-recruitMv .-white-breadcrumb .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .-white-breadcrumb .udo-corp-c-breadcrumb {
    margin-bottom: 2.5rem;
  }
}
.udo-corp-s-recruitMv .-white-breadcrumb .udo-corp-c-breadcrumb a {
  color: #fff;
}
.udo-corp-s-recruitMv .s-recruitMv__mainImageWrap {
  max-width: 49.375rem;
  margin: 4.0625rem auto 20rem;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__mainImageWrap {
    max-width: 21.25rem;
    margin: 3.125rem auto 9.0625rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__mainImageWrap .s-recruitMv__mainImage {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-recruitMv .s-recruitMv__slider {
  width: 100%;
  overflow: hidden;
  margin-bottom: 4rem;
  position: absolute;
  z-index: 1;
  top: 15.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__slider {
    top: 6.625rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderTrack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderTrack {
    gap: 1rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderItem {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
.udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderItem:nth-child(odd) {
  width: 17.75rem;
  height: 13.3125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderItem:nth-child(odd) {
    width: 10rem;
    height: 7.5rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderItem:nth-child(even) {
  width: 13.3125rem;
  height: 17.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderItem:nth-child(even) {
    width: 7.5rem;
    height: 10rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__slider .s-recruitMv__sliderImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-recruitMv .s-recruitMv__recruitContent {
  padding: 7.5rem 0 10rem;
  background-color: #F0F3F5;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__recruitContent {
    padding: 4.5rem 0 4.375rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__glow {
  position: absolute;
  top: -9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90rem;
  height: 9rem;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__glow {
    width: 23.4375rem;
    height: 5rem;
    top: -4.6875rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__glow img {
  width: 100%;
  height: 100%;
}
.udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__recruitTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 42.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__recruitTextWrap {
    gap: 1rem;
  }
}
.udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__recruitText {
  font-size: 1.125rem;
  line-height: 2.8;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitMv .s-recruitMv__recruitContent .s-recruitMv__recruitText {
    padding: 0 2.5rem;
    font-size: 1rem;
    line-height: 2.4;
  }
}

.udo-corp-s-recruitRequirements {
  padding: 0rem 0 10rem;
  background-color: #F0F3F5;
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, transform 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
}
.udo-corp-s-recruitRequirements.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__header {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__header {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title {
    gap: 0.375rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title .s-recruitRequirements__titleEn {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title .s-recruitRequirements__titleEn {
    font-size: 2.3125rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title .s-recruitRequirements__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__header .s-recruitRequirements__title .s-recruitRequirements__titleJa {
    font-size: 0.875rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 4rem;
  position: relative;
  padding-bottom: 1.3125rem;
  border-bottom: 0.125rem solid #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabNav {
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 0.0625rem solid #636363;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabNav::after {
  content: "";
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.6875rem 0.9375rem;
  position: absolute;
  bottom: -1.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.875rem;
  height: 1.875rem;
  background-color: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabNav::after {
    bottom: -0.8125rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabItem {
  display: contents;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc((100% - 3.125rem) / 6);
  flex: 1 1 calc((100% - 3.125rem) / 6);
  padding: 1.25rem 0.9375rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  background: #fff;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabBtn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc((100% - 0.25rem) / 2);
    flex: 1 1 calc((100% - 0.25rem) / 2);
    padding: 0.625rem 0.5rem;
    font-size: 1rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabBtn:hover {
  background: #1D2A2E;
  color: #fff;
  opacity: 1;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabBtn.is-active {
  background: #1D2A2E;
  color: #fff;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent {
  display: none;
  opacity: 0;
  -webkit-animation: recruitTabFadeIn 0.4s ease forwards;
  animation: recruitTabFadeIn 0.4s ease forwards;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent.is-active {
  display: block;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap {
  margin-bottom: 3.4375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
  counter-reset: point-counter;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList {
    gap: 1.5rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem {
  counter-increment: point-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem {
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  width: 22.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent {
    width: 100%;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent .s-recruitRequirements__pointItemNumber {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #e60012;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent .s-recruitRequirements__pointItemNumber {
    font-size: 0.875rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent .s-recruitRequirements__pointItemNumber .s-recruitRequirements__pointItemCount::before {
  content: counter(point-counter, decimal-leading-zero);
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent .s-recruitRequirements__pointItemTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemContent .s-recruitRequirements__pointItemTitle {
    font-size: 1.25rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemText {
  font-size: 1rem;
  line-height: 1.8;
  color: #60676B;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__pointListWrap .s-recruitRequirements__pointList .s-recruitRequirements__pointItem .s-recruitRequirements__pointItemText {
    font-size: 0.875rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft {
  width: calc(50% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft {
    width: 100%;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem {
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid rgba(99, 99, 99, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem {
    padding: 1rem 0;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem .s-recruitRequirements__leftItemTitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0.3125rem 1rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #1D2A2E;
  min-width: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem .s-recruitRequirements__leftItemTitle {
    font-size: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem .s-recruitRequirements__leftItemText {
  font-size: 1.125rem;
  line-height: 1.8;
  color: #1D2A2E;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableLeft .s-recruitRequirements__leftList .s-recruitRequirements__leftItem .s-recruitRequirements__leftItemText {
    font-size: 1rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableRight {
  width: calc(50% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__tableRight {
    width: 100%;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem {
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid rgba(99, 99, 99, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem {
    gap: 1rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightItemTitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0.3125rem 1rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #1D2A2E;
  min-width: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightItemTitle {
    font-size: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightUl {
  padding-left: 2rem;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightUl .s-recruitRequirements__rightUlItem {
  position: relative;
  list-style: none;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightUl .s-recruitRequirements__rightUlItem {
    font-size: 1rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightUl .s-recruitRequirements__rightUlItem:before {
  display: block;
  content: "";
  background: url("/assets/udo-corp/img/common/list-ul.svg") no-repeat center/contain;
  position: absolute;
  left: -2rem;
  top: 0.125rem;
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightItem .s-recruitRequirements__rightUl .s-recruitRequirements__rightUlItem:before {
    top: 0rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightListBody {
  margin-bottom: 1.5625rem;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightListBody:last-child {
  margin-bottom: 0;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__tableWrap .s-recruitRequirements__rightListBody .s-recruitRequirements__rightListBodyTitle {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  color: #1D2A2E;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn {
  width: 100%;
  margin-top: 3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem;
    padding: 1rem 0.75rem 1rem 0.875rem;
    font-size: 1rem;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn .s-recruitRequirements__btnText {
  position: relative;
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.25rem;
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-white.svg");
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn::after {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    right: auto;
  }
}
.udo-corp-s-recruitRequirements .s-recruitRequirements__tabs .s-recruitRequirements__tabContent .s-recruitRequirements__btn:hover::after {
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}

@-webkit-keyframes recruitTabFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes recruitTabFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.udo-corp-s-recruitNotRecruiting {
  padding: 0rem 0 10rem;
  background-color: #F0F3F5;
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: opacity 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, transform 1200ms ease-out 400ms;
  transition: opacity 1200ms ease-out 400ms, transform 1200ms ease-out 400ms, -webkit-transform 1200ms ease-out 400ms;
}
.udo-corp-s-recruitNotRecruiting.is-animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title {
    gap: 0.375rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title .s-recruitNotRecruiting__titleEn {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title .s-recruitNotRecruiting__titleEn {
    font-size: 2.3125rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title .s-recruitNotRecruiting__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__header .s-recruitNotRecruiting__title .s-recruitNotRecruiting__titleJa {
    font-size: 0.875rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__content {
  text-align: center;
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__content .s-recruitNotRecruiting__contentHead {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__content .s-recruitNotRecruiting__contentHead {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__content .s-recruitNotRecruiting__contentText {
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-recruitNotRecruiting .s-recruitNotRecruiting__content .s-recruitNotRecruiting__contentText {
    font-size: 1rem;
  }
}

@keyframes recruitTabFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.udo-corp-s-companyHeader {
  margin: 9rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyHeader {
    margin: 5.25rem 0 5rem;
  }
}
.udo-corp-s-companyHeader .s-companyHeader__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-companyHeader .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-companyHeader .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-companyHeader .s-companyHeader__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyHeader .s-companyHeader__pageTitle {
    margin-bottom: 3rem;
  }
}

.udo-corp-s-company .s-company__header {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-company .s-company__header {
    margin-bottom: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
  }
}
.udo-corp-s-company .s-company__header .s-company__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-company .s-company__header .s-company__title {
    gap: 0.375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.udo-corp-s-company .s-company__header .s-company__title .s-company__titleEn {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-company .s-company__header .s-company__title .s-company__titleEn {
    font-size: 2.5rem;
  }
}
.udo-corp-s-company .s-company__header .s-company__title .s-company__titleJa {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-company .s-company__header .s-company__title .s-company__titleJa {
    font-size: 0.875rem;
  }
}
.udo-corp-s-company .s-company__header .s-company__titleDetail {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-company .s-company__header .s-company__titleDetail {
    font-size: 1rem;
    text-align: center;
  }
}

.udo-corp-s-companyOutline {
  margin: 10rem 0;
  background-color: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline {
    margin: 5rem 0;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content {
  margin-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content {
    margin-bottom: 5rem;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__subtitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__subtitle {
    font-size: 1.5rem;
    margin-bottom: 0rem;
    gap: 0.5rem;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__subtitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__subtitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__contentListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__contentListItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0rem;
    padding: 1rem 0;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Left .s-companyOutline__LeftText {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  background: #fff;
  min-width: 10rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Left .s-companyOutline__LeftText {
    width: 100%;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Right .s-companyOutline__RightText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Right .s-companyOutline__RightText {
    font-size: 1rem;
  }
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Right .s-companyOutline__RightText a {
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.udo-corp-s-companyOutline .s-companyOutline__content .s-companyOutline__contentList .s-companyOutline__Right .s-companyOutline__RightText a:hover {
  text-decoration: none;
  opacity: 1;
}

.udo-corp-s-companyBackground {
  margin: 10rem 0;
  background-color: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground {
    margin: 5rem 0;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content {
  background-color: #fff;
  border-radius: 1rem;
  padding: 5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2.5rem 0;
  border-bottom: 2px solid rgba(29, 42, 46, 0.1);
  gap: 0.9375rem;
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem:first-child {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem {
    padding: 1rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem:last-child {
  border-bottom: none;
  padding: 2.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem:last-child {
    padding: 1rem 0 0;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__year {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  min-width: 6.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__year {
    font-size: 1.5rem;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__monthListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__monthListItem {
    gap: 0.5625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__month {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  min-width: 3.4375rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__month {
    text-align: left;
    min-width: auto;
    font-size: 1.25rem;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__monthUnit {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__monthUnit {
    font-size: 0.875rem;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__event {
  font-size: 1.125rem;
  font-weight: 500;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__content .s-companyBackground__contentList .s-companyBackground__contentListItem .s-companyBackground__monthList .s-companyBackground__event {
    font-size: 1rem;
  }
}
.udo-corp-s-companyBackground .s-companyBackground__buttonList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 5rem;
  padding-top: 4rem;
  border-top: 1px solid #636363;
}
.udo-corp-s-companyBackground .s-companyBackground__buttonList:has(> :only-child) {
  grid-template-columns: 1fr;
}
.udo-corp-s-companyBackground .s-companyBackground__buttonList .s-companyBackground__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__buttonList .s-companyBackground__button {
    font-size: 1rem;
    padding: 1rem 0.75rem 1rem 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyBackground .s-companyBackground__buttonList {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding-top: 1.5rem;
    margin-top: 3rem;
    margin: 3rem 0rem 0rem;
  }
}

.udo-corp-s-companyAccess {
  margin: 15rem 0 10rem;
  background-color: #F0F3F5;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess {
    margin: 5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-company__header {
    margin: 0;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__map {
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__map {
    margin-bottom: 0.75rem;
    line-height: 1;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__map iframe {
  width: 100%;
  height: 18.75rem;
  border: none;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__map iframe {
    height: 12.5rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoTitle {
    font-size: 1.5rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem {
    margin-bottom: 0rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemLink {
  font-size: 1.125rem;
  font-weight: 500;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemLink {
    font-size: 1rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemLink::after {
  display: inline-block;
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__info .s-companyAccess__infoItem .s-companyAccess__infoItemLink:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__infoText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__infoText {
    font-size: 1rem;
  }
}
.udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__infoText2 {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-companyAccess .s-companyAccess__content .s-companyAccess__mapWrapper .s-companyAccess__infoText2 {
    margin-top: 0.5rem;
  }
}

.udo-corp-s-privacy {
  padding: 9rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-privacy .s-privacy__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-privacy .s-privacy__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__pageTitle {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-privacy .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-privacy .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-privacy .s-privacy__mainWrap {
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__mainWrap {
    padding: 0;
  }
}
.udo-corp-s-privacy .s-privacy__main {
  border-radius: 1rem;
  padding: 5rem;
  background-color: #fff;
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__main {
    border-radius: 0rem;
    padding: 2.5rem 1.5rem;
  }
}
.udo-corp-s-privacy .s-privacy__main .s-privacy__mainText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__main .s-privacy__mainText {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
.udo-corp-s-privacy .s-privacy__main .s-privacy__mainContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-privacy .s-privacy__main .s-privacy__mainContent .s-privacy__sectionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__main .s-privacy__mainContent .s-privacy__sectionList {
    gap: 3rem;
  }
}
.udo-corp-s-privacy .s-privacy__heading {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-privacy .s-privacy__heading::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__heading::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-privacy .s-privacy__body {
  margin-top: 0;
}
.udo-corp-s-privacy .s-privacy__body h3:first-child {
  margin: 1.5rem 0 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-privacy .s-privacy__body h3:first-child {
    margin: 1rem 0 1rem 0;
  }
}

.udo-corp-s-site {
  padding: 9rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-site .s-site__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-site .s-site__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__pageTitle {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-site .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-site .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-site .s-site__mainWrap {
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__mainWrap {
    padding: 0;
  }
}
.udo-corp-s-site .s-site__main {
  border-radius: 1rem;
  padding: 5rem;
  background-color: #fff;
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__main {
    border-radius: 0rem;
    padding: 2.5rem 1.5rem;
  }
}
.udo-corp-s-site .s-site__main .s-site__mainText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__main .s-site__mainText {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
.udo-corp-s-site .s-site__main .s-site__mainContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-site .s-site__main .s-site__mainContent .s-site__sectionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__main .s-site__mainContent .s-site__sectionList {
    gap: 3rem;
  }
}
.udo-corp-s-site .s-site__heading {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__heading {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-site .s-site__heading::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-site .s-site__heading::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-site .s-site__body {
  margin-top: 0;
}
.udo-corp-s-site .s-site__body a::after {
  display: inline-block;
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.udo-corp-s-tuhan {
  padding: 9rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-tuhan .s-tuhan__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__pageTitle {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-tuhan .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-tuhan .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-tuhan .s-tuhan__mainWrap {
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__mainWrap {
    padding: 0;
  }
}
.udo-corp-s-tuhan .s-tuhan__main {
  border-radius: 1rem;
  padding: 5rem;
  background-color: #fff;
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__main {
    border-radius: 0rem;
    padding: 2.5rem 1.5rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__main .s-tuhan__mainText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__main .s-tuhan__mainText {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__main .s-tuhan__mainContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-tuhan .s-tuhan__main .s-tuhan__mainContent .s-tuhan__sectionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__main .s-tuhan__mainContent .s-tuhan__sectionList {
    gap: 3rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__heading {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__heading {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__heading::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__heading::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-tuhan .s-tuhan__table .s-tuhan__tableList {
  border: 1px solid #ddd;
}
.udo-corp-s-tuhan .s-tuhan__tableRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
}
.udo-corp-s-tuhan .s-tuhan__tableRow:last-child {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__tableRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.udo-corp-s-tuhan .s-tuhan__tableRow .s-tuhan__tableLabel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 15rem;
  padding: 1rem;
  background-color: #1D2A2E;
  border-right: 1px solid #ddd;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__tableRow .s-tuhan__tableLabel {
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.9375rem;
    border-bottom: 1px solid #ddd;
    border-right: none;
  }
}
.udo-corp-s-tuhan .s-tuhan__tableRow .s-tuhan__tableText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem;
  background-color: #fff;
  border-left: 1px solid #ddd;
  color: #636363;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-tuhan .s-tuhan__tableRow .s-tuhan__tableText {
    padding: 1rem;
    font-size: 0.9375rem;
    border-left: none;
    border-top: 1px solid #ddd;
  }
}
.udo-corp-s-tuhan .s-tuhan__body {
  margin-top: 0;
}
.udo-corp-s-tuhan .s-tuhan__body a::after {
  display: inline-block;
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.udo-corp-s-contactDetail {
  padding: 8rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-contactDetail {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-contactDetail .s-contactDetail__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-contactDetail .s-contactDetail__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-contactDetail .s-contactDetail__pageTitle {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-contactDetail .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-contactDetail .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-contactDetail .s-contactDetail__mainWrap {
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-contactDetail .s-contactDetail__mainWrap {
    padding: 0 0rem;
  }
}
.udo-corp-s-contactDetail .s-contactDetail__main {
  background-color: #fff;
  padding: 5rem;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-contactDetail .s-contactDetail__main {
    padding: 2.5rem 1.5rem;
    border-radius: 0rem;
  }
}
.udo-corp-s-contactDetail .s-contactDetail__main .s-contactDetail__mainText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 4rem;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-contactDetail .s-contactDetail__main .s-contactDetail__mainText {
    font-size: 0.9375rem;
    margin-bottom: 2rem;
    text-align: left;
  }
}

.s-error__contentText {
  margin-top: 4rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .s-error__contentText {
    margin-top: 3rem;
    text-align: left;
    font-size: 0.9375rem;
  }
}

.s-error__header {
  padding: 12rem 0 4rem;
}
@media screen and (max-width: 767px) {
  .s-error__header {
    padding: 8.75rem 0 4rem;
  }
}

.s-error__sliderWrap {
  position: relative;
  margin: 0 -5rem;
  padding: 0 5rem;
  overflow-x: clip;
  overflow-y: visible;
}
@media screen and (max-width: 767px) {
  .s-error__sliderWrap {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }
}

.s-error__swiper {
  overflow: visible;
  position: relative;
}

.s-error__slide {
  will-change: filter, opacity, transform;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  opacity: 0.2;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .s-error__slide {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.s-error__slide.is-visible {
  -webkit-filter: blur(0);
  filter: blur(0);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .s-error__slide.is-visible.is-neighbor {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.s-error__slide.is-neighbor {
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
}
@media screen and (max-width: 767px) {
  .s-error__slide.is-neighbor {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
  }
}
.s-error__slide.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.s-error__nav {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .s-error__nav {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}

.udo-corp-s-error {
  overflow: hidden;
}
.udo-corp-s-error .s-error__contentTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-error .s-error__contentTitle {
    font-size: 1.5rem;
  }
}
.udo-corp-s-error .s-error__listBtnWrap {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-error .s-error__listBtnWrap {
    margin-bottom: 7.5rem;
  }
}
.udo-corp-s-error .s-error__listBtnWrap a {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-error .s-error__listBtnWrap a {
    font-size: 1rem;
    padding: 1rem 0.75rem 1rem 0.875rem;
  }
}

.s-faq__header .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.udo-corp-s-faq {
  padding: 0rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-faq .s-faq__layout {
  display: grid;
  grid-template-columns: 17.5rem 1fr;
  gap: 0rem 6.75rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__layout {
    grid-template-columns: 1fr;
    gap: 3rem;
    grid-template-areas: "nav" "main";
  }
}
.udo-corp-s-faq .s-faq__nav {
  position: sticky;
  top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__nav {
    position: static;
    grid-area: nav;
    top: auto;
  }
}
.udo-corp-s-faq .s-faq__nav .s-faq__navList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem 1rem;
  border-radius: 1.5rem;
  background: rgba(29, 42, 46, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__nav .s-faq__navList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 -0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__nav .s-faq__navItem {
    width: 100%;
  }
}
.udo-corp-s-faq .s-faq__nav .s-faq__navLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0.625rem 0.5rem 0.625rem 1rem;
  background-color: #fff;
  color: #1D2A2E;
  text-decoration: none;
  border-radius: 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: background-color 0.4s ease, color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__nav .s-faq__navLink {
    font-size: 0.875rem;
    line-height: 1.2;
    padding: 0.4375rem 0.46875rem 0.4375rem 1.25rem;
  }
}
.udo-corp-s-faq .s-faq__nav .s-faq__navLink::after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.5625rem 0.375rem;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: border-color 0.4s ease, background-image 0.4s ease, -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color 0.4s ease, background-image 0.4s ease, -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color 0.4s ease, background-image 0.4s ease, transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  transition: border-color 0.4s ease, background-image 0.4s ease, transform 0.7s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.udo-corp-s-faq .s-faq__nav .s-faq__navLink:hover {
  background-color: #1D2A2E;
  color: #fff;
  opacity: 1;
}
.udo-corp-s-faq .s-faq__nav .s-faq__navLink:hover::after {
  border-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets/udo-corp/img/common/arrow-down-white.svg");
  background-size: 0.5625rem 0.375rem;
  -webkit-animation: faqNavArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: faqNavArrowSlideDown 0.5s cubic-bezier(0, 0, 0.4, 1);
}
@media screen and (min-width: 768px) {
  .udo-corp-s-faq .s-faq__nav .s-faq__navLink.is-active {
    background-color: #1D2A2E;
    color: #fff;
  }
  .udo-corp-s-faq .s-faq__nav .s-faq__navLink.is-active::after {
    border-color: rgba(255, 255, 255, 0.5);
    background-image: url("/assets/udo-corp/img/common/arrow-down-white.svg");
    background-size: 0.5625rem 0.375rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .udo-corp-s-faq .s-faq__nav .s-faq__navLink.is-active:hover::after {
    -webkit-animation: none;
    animation: none;
  }
}
.udo-corp-s-faq .s-faq__main {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__main {
    grid-area: main;
  }
}
.udo-corp-s-faq .s-faq__title {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  margin-top: 0;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-faq .s-faq__title:not(:first-child) {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__title:not(:first-child) {
    margin-top: 3rem;
  }
}
.udo-corp-s-faq .s-faq__title::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__title::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-faq .s-faq__list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.udo-corp-s-faq .s-faq__item {
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__item {
    padding: 0 1rem;
  }
}
.udo-corp-s-faq .s-faq__question {
  margin: 0;
  padding: 1.5rem 1.5rem 1.5rem 0rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  color: #1D2A2E;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  position: relative;
  text-align: left;
  width: 100%;
  border: none;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__question {
    padding: 1rem 2.5rem 1rem 0rem;
    font-size: 1rem;
  }
}
.udo-corp-s-faq .s-faq__question:hover .s-faq__questionLabel,
.udo-corp-s-faq .s-faq__question:hover .s-faq__questionText {
  color: #e60012;
}
.udo-corp-s-faq .s-faq__questionLabel {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #1D2A2E;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__questionLabel {
    font-size: 1.125rem;
  }
}
.udo-corp-s-faq .s-faq__questionText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.udo-corp-s-faq .s-faq__arrow {
  position: absolute;
  right: 0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0.0625rem solid #636363;
  border-radius: 50%;
  background-color: transparent;
  background-image: url("/assets/udo-corp/img/common/arrow-down-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.5625rem 0.375rem;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease, -webkit-transform 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease, transform 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.udo-corp-s-faq .s-faq__question.is-active .s-faq__arrow {
  background-color: #1D2A2E;
  border-color: rgba(255, 255, 255, 0.5);
  background-image: url("/assets/udo-corp/img/common/arrow-down-white.svg");
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.udo-corp-s-faq .s-faq__answer {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
}
.udo-corp-s-faq .s-faq__answer.is-open {
  border-top: 1px solid #ddd;
}
.udo-corp-s-faq .s-faq__answerInner {
  padding: 1.5rem 0rem;
  font-size: 1rem;
  font-weight: 500;
  color: #1D2A2E;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-faq .s-faq__answerInner {
    padding: 1rem 0;
  }
}
.udo-corp-s-faq .s-faq__answerInner a {
  color: #e60012;
  text-decoration: underline;
}
.udo-corp-s-faq .s-faq__answerInner a:hover {
  opacity: 1;
  text-decoration: none;
}

@-webkit-keyframes faqNavArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}

@keyframes faqNavArrowSlideDown {
  0% {
    background-position: center;
  }
  50% {
    background-position: center 200%;
  }
  50.1% {
    background-position: center -100%;
  }
  100% {
    background-position: center;
  }
}
.udo-corp-s-complete {
  padding: 8rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-complete {
    padding: 5.25rem 0 5rem;
  }
}
.udo-corp-s-complete .s-complete__breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.udo-corp-s-complete .s-complete__pageTitle {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-complete .s-complete__pageTitle {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-complete .c-pageTitle__title {
  color: #1D2A2E;
}
.udo-corp-s-complete .c-pageTitle__title .c-pageTitle__en {
  -webkit-text-stroke-width: 0rem;
}
.udo-corp-s-complete .s-complete__mainText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 3rem;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-complete .s-complete__mainText {
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}
.udo-corp-s-complete .s-complete__listBtn {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.25rem;
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-complete .s-complete__listBtn {
    font-size: 1rem;
    padding: 1rem 0.75rem 1rem 0.875rem;
  }
}

.s-service__header .udo-corp-c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.udo-corp-s-serviceTicket {
  padding: 0rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-serviceTicket .s-service__stickyNav {
  margin-bottom: 8.125rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__stickyNav {
    padding: 0rem 0 0rem;
    margin-bottom: 5rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketTitle {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  margin-top: 0;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner {
  counter-reset: step-counter;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner {
    padding: 1.5rem;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem {
  counter-increment: step-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.125rem solid #60676B;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem:last-child {
  border-bottom: none;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem:last-child::after {
  display: none;
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem::after {
  content: "";
  background: url("/assets/udo-corp/img/common/arrow-down-black.svg") no-repeat center/0.6875rem 0.9375rem;
  position: absolute;
  bottom: -1.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem::after {
    bottom: -0.8125rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 21.875rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number {
    gap: 1rem;
    margin-bottom: 0rem;
    width: 100%;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number .s-service__ticketItem__NumberStep {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number .s-service__ticketItem__NumberStep {
    font-size: 0.875rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number .s-service__ticketItem__NumberStep .s-service__ticketItem__NumberCount::before {
  content: counter(step-counter, decimal-leading-zero);
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number .s-service__ticketItem__NumberText {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Number .s-service__ticketItem__NumberText {
    font-size: 1.25rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content {
    gap: 0.5rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content .s-service__ticketItem__ContentTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content .s-service__ticketItem__ContentTitle {
    font-size: 1rem;
  }
}
.udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content .s-service__ticketItem__ContentText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceTicket .s-service__ticketInner .s-service__ticketItem .s-service__ticketItem__Content .s-service__ticketItem__ContentText {
    font-size: 0.875rem;
  }
}

.s-service__notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.875rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .s-service__notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1rem;
    gap: 0.5rem;
  }
}
.s-service__notice .s-service__noticeLabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.125rem;
  background: #e60012;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .s-service__notice .s-service__noticeLabel {
    font-size: 0.875rem;
  }
}
.s-service__notice .s-service__noticeLabelIcon {
  width: 1rem;
  height: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.s-service__notice .s-service__noticeText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  color: #e60012;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .s-service__notice .s-service__noticeText {
    font-size: 0.875rem;
  }
}

.udo-corp-s-serviceAdvance .s-service__ticketTitle {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  margin-top: 0;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__ticketTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__ticketTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__ticketTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__content2 {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__content2 {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__content2 .s-service__ticketTitle {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__content2 .s-service__ticketTitle {
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__contentText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__contentText {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper {
    grid-template-columns: 1fr;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent {
    gap: 1rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceImg {
  width: 100%;
  height: 6.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceImg {
    height: 3.9375rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList {
    gap: 1rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemTitle {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  background-color: #1D2A2E;
  color: #fff;
  width: 100%;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
  text-align: center;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.25rem;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemPrice .s-service__advanceContentListItemPriceValue {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemPrice .s-service__advanceContentListItemPriceValue {
    font-size: 1.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemPrice .s-service__advanceContentListItemPriceUnit {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentListItemPrice .s-service__advanceContentListItemPriceText {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentWysiwyg {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #1D2A2E;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentWysiwyg ul {
  margin: 0;
  padding-left: 1.5rem;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentWysiwyg li {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  list-style: disc;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceContentList .s-service__advanceContentListItem .s-service__advanceContentWysiwyg li::before {
  top: -0.2rem;
  display: none;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtnList {
    margin-top: 0.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  padding: 1rem 0.75rem 1rem 0.875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn {
    padding: 0.75rem 0.75rem 0.75rem 0.875rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn::after {
  background: url("/assets/udo-corp/img/common/arrow-diagonal-white.svg") no-repeat center/0.375rem 0.5625rem;
  border: solid 0.0625rem rgba(255, 255, 255, 0.5);
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-premium {
  background: #e60012;
  color: #fff;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-premium:hover {
  background: #fff;
  color: #e60012;
  -webkit-box-shadow: inset 0 0 0 0.125rem #e60012;
  box-shadow: inset 0 0 0 0.125rem #e60012;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-premium:hover::after {
  border-color: #e60012;
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg");
  -webkit-filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-normal {
  background: #BD621E;
  color: #fff;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-normal:hover {
  background: #fff;
  color: #BD621E;
  -webkit-box-shadow: inset 0 0 0 0.125rem #BD621E;
  box-shadow: inset 0 0 0 0.125rem #BD621E;
}
.udo-corp-s-serviceAdvance .s-service__advanceWrapper .s-service__advanceContent .s-service__advanceBtn.-normal:hover::after {
  border-color: #BD621E;
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg");
  -webkit-filter: invert(45%) sepia(75%) saturate(700%) hue-rotate(10deg) brightness(0.85);
  filter: invert(45%) sepia(75%) saturate(700%) hue-rotate(10deg) brightness(0.85);
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-serviceAdvance .s-service__content3 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__content3 {
    margin-bottom: 3rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__content3 .s-service__lotteryTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1D2A2E;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__content3 .s-service__lotteryTitle {
    font-size: 1.25rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__content3 .s-service__lotteryText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__content3 .s-service__lotteryText {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList {
  counter-reset: lottery-counter;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItemInner {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItemInner {
    padding: 0.75rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryItemInner::after {
  content: "";
  position: absolute;
  right: -1.0625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5625rem;
  height: 0.875rem;
  background: url("/assets/udo-corp/img/common/next-black.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryItemInner::after {
    right: auto;
    top: auto;
    left: 50%;
    width: 0.6875rem;
    height: 1rem;
    bottom: -1.3125rem;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem:last-of-type .s-service__lotteryItemInner::after {
  display: none;
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem:last-of-type .s-service__lotteryItemInner {
  background: #1D2A2E;
  border-radius: 0.5rem;
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem:last-of-type .s-service__lotteryItemInner .s-service__lotteryStep {
  color: #fff;
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem:last-of-type .s-service__lotteryItemInner .s-service__lotteryName {
  color: #fff;
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem:last-of-type .s-service__lotteryItemInner .s-service__lotteryNote {
  color: rgba(255, 255, 255, 0.7);
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem {
  counter-increment: lottery-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem {
    gap: 0.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #1D2A2E;
  letter-spacing: 0em;
  margin-bottom: 0.5rem;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryStep {
    margin-bottom: 0;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryStepCount::before {
  content: counter(lottery-counter, decimal-leading-zero);
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryName {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryName {
    font-size: 1.125rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__lotteryList .s-service__lotteryItem .s-service__lotteryNote {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  color: #636363;
  margin-top: 0.375rem;
  margin-bottom: 0;
  white-space: nowrap;
}
.udo-corp-s-serviceAdvance .s-service__firstcome {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__firstcome {
    margin-bottom: 5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__firstcome .s-service__lotteryList {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__firstcome .s-service__lotteryList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-serviceAdvance .s-service__firstcome .s-service__firstcomeNotice {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceAdvance .s-service__firstcome .s-service__firstcomeNotice {
    font-size: 0.875rem;
  }
}

@keyframes btnArrowDiagonalSlide {
  0% {
    background-position: center center;
  }
  50% {
    background-position: 200% -100%;
  }
  50.1% {
    background-position: -100% 200%;
  }
  100% {
    background-position: center center;
  }
}
.udo-corp-s-serviceGeneral {
  padding: 0rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral {
    padding: 0rem 0 5rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__ticketTitle {
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  margin-top: 0;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__ticketTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__ticketTitle::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 1rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/udo-corp/img/common/light-ball-index.svg") no-repeat center/contain;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__ticketTitle::before {
    margin-top: 0.625rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__contentText {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__contentText {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoWrap {
  margin: 4rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__howtoWrap {
    margin: 3rem 0;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoWrap2 {
  margin: 4rem 0 2rem 0;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__howtoWrap2 {
    margin: 3rem 0 1.5rem 0;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__howtoTitle {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__howtoList {
    grid-template-columns: 1fr;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  gap: 1rem;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemImg {
  width: 100%;
  height: 7.5rem;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemImg img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemTitle {
    font-size: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__howtoItemText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: auto;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn::after {
  background: url("/assets/udo-corp/img/common/arrow-diagonal-white.svg") no-repeat center/0.375rem 0.5625rem;
  border: solid 0.0625rem rgba(255, 255, 255, 0.5);
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-premium {
  background: #e60012;
  color: #fff;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-premium:hover {
  background: #fff;
  color: #e60012;
  -webkit-box-shadow: inset 0 0 0 0.125rem #e60012;
  box-shadow: inset 0 0 0 0.125rem #e60012;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-premium:hover::after {
  border-color: #e60012;
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg");
  -webkit-filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  filter: invert(27%) sepia(98%) saturate(5000%) hue-rotate(350deg);
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-normal {
  background: #BD621E;
  color: #fff;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-normal:hover {
  background: #fff;
  color: #BD621E;
  -webkit-box-shadow: inset 0 0 0 0.125rem #BD621E;
  box-shadow: inset 0 0 0 0.125rem #BD621E;
}
.udo-corp-s-serviceGeneral .s-service__howtoList .s-service__howtoItem .s-service__advanceBtn.-normal:hover::after {
  border-color: #BD621E;
  background-image: url("/assets/udo-corp/img/common/arrow-diagonal-black.svg");
  -webkit-filter: invert(45%) sepia(75%) saturate(700%) hue-rotate(10deg) brightness(0.85);
  filter: invert(45%) sepia(75%) saturate(700%) hue-rotate(10deg) brightness(0.85);
  -webkit-animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
  animation: btnArrowDiagonalSlide 0.5s cubic-bezier(0, 0, 0.4, 1);
}
.udo-corp-s-serviceGeneral .s-service__guideList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 3rem 2.5rem;
  background-color: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemLeft {
  width: 14.375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 2rem;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemLeft img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemLeft {
    width: 100%;
    padding-right: 0;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethods {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethod {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0rem 1.5rem;
  border-left: 0.125rem solid #ddd;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethod:nth-last-of-type(1) {
  padding: 0rem 0 0 1.5rem;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethod::before {
  content: "";
  position: absolute;
  left: -0.125rem;
  top: 0;
  width: 0.125rem;
  height: 2.5rem;
  background-color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethod {
    padding: 0rem 0 0 1.5rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodIcon {
  width: 2.5rem;
  height: 2.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1D2A2E;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodTitle {
    font-size: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #1D2A2E;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0.5rem;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodLink {
    font-size: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodLink:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodLink::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideList .s-service__guideItemMethodLink::after {
    width: 1rem;
    height: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  color: #636363;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideText {
    font-size: 0.875rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideFooterItemLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.8;
  color: #e60012;
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration 0.3s ease;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideFooterItemLink {
    font-size: 1rem;
  }
}
.udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideFooterItemLink:hover {
  -webkit-text-decoration: transparent;
  text-decoration: transparent;
  opacity: 1;
}
.udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideFooterItemLink::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/udo-corp/img/common/arrow-external-red.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .udo-corp-s-serviceGeneral .s-service__guideFooter .s-service__guideFooterItemLink::after {
    width: 1rem;
    height: 1rem;
  }
}