@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

caption {
  text-align: left;
}

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

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

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

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

::-moz-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

label {
  cursor: pointer;
}

img,
iframe,
video {
  vertical-align: top;
}

dt {
  font-weight: inherit;
}

:where(dialog) {
  inset: 0;
  border: unset;
  padding: unset;
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  background-color: unset;
  overflow: unset;
  color: unset;
}

:focus:not(:focus-visible) {
  outline: none;
}

:root {
  --htmlW: 0;
  --scrollbarW: 0;
  --headerH: 0;
  --negLeading: calc((1em - 1lh) / 2);
  --transEasing: ease-in-out;
  --transDur: 0.3s;
  --transVals: var(--transEasing) var(--transDur);
  --ops: .7;
  --designW: 1360;
  --contW: min(100% - 64px, 1160px);
  --contW_lq: calc(100% - 40px);
  --contW_lg: min(100% - 40px, 1240px);
  --contMargin_hor: calc((100% - var(--contW)) / 2);
  --_clr_txt: #06262D;
  --_clr_txt-lightgray: #899A9D;
  --_clr_txt-gray: #5A6A6D;
  --_clr_primary: #0094FF;
  --_clr_primary-dark: #006AB7;
  --_clr_wave: #0094FF33;
  --_clr_overlay: #1B3350;
  --_clr_overlay-megamenu: #3F5478;
  --_clr_line-gray-middle: #E7E7E7;
  --_clr_line-gray-light: #DFDFDF;
  --_clr_line-gray-dark: #CED2DB;
  --_clr_brand-red: #E60020;
  --_clr_logo-gray: #6E6E70;
  --_clr_bg_lightgray-middle: #F6F7F9;
  --_clr_bg_lightgray-dark: #EDEEF3;
  --_clr_bg_lightblue: #E8F2FF;
  --_clr_bg_lightblue-dark: #E4EFFE;
  --_clr_ui-inactive: #D5E1E9;
  --_clr_ui-inactive-dark: #BDC6CB;
  --_clr_shadow: #0D1B23;
  --_ff_NotoSansJp: "Noto Sans JP", sans-serif;
  --_ff_Montserrat: "Montserrat", sans-serif;
  --_gap_col2: clamp(32px, 100vw / 15 - 32px, 64px);
  --_gap_col3: clamp(32px, 100vw / 60 + 16px, 40px);
}
@media screen and (max-width: 767px) {
  :root {
    --designW: 375;
    --contW: calc(339 / var(--designW) * 100%);
    --contW_lq: calc(339 / var(--designW) * 100%);
    --contW_lg: calc(339 / var(--designW) * 100%);
  }
}

:lang(en) {
  --negLeading: calc((1cap - 1lh) / 2);
}

/**
 * Base
 */
:root {
  interpolate-size: allow-keywords;
}

html,
body {
  height: 100%;
}

html.is_locked {
  position: fixed;
  width: 100%;
}

body {
  color: var(--_clr_txt);
  font-family: var(--_ff_NotoSansJp);
  font-size: 1rem;
  line-height: 2;
  overflow-wrap: anywhere;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 0.9375rem;
  }
}

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

:lang(en) {
  font-family: var(--_ff_Montserrat);
}

@media not all and (max-width: 767px), print {
  :target {
    scroll-margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  :target {
    scroll-margin-top: 82px;
  }
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/**
 * Layout
 */
.ly_section:not(:first-child) {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .ly_section:not(:first-child) {
    margin-top: 80px;
  }
}
.ly_section > *:first-child {
  margin-top: 0 !important;
}
.ly_section:last-child > *:last-child {
  margin-bottom: 144px;
}
@media screen and (max-width: 767px) {
  .ly_section:last-child > *:last-child {
    margin-bottom: 64px;
  }
}

/**
 * Header
 */
.ly_header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.ly_header_inner {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 1100px), print {
  .ly_header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 29px 29px 29px 53px;
    background-color: unset;
    transition-property: padding, background-color;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
  .ly_header_inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #E1E1E1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_meta {
    width: 100%;
    max-width: 379px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 16px;
    transition-property: padding, background-color;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
.ly_header_logo a {
  position: relative;
  display: block;
  width: 100%;
  transition: opacity var(--transVals);
}
@media not all and (max-width: 1100px), print {
  .ly_header_logo a {
    max-width: 324px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_logo a {
    max-width: 236px;
  }
}
.ly_header_logo a:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/common/site_logo_wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
  transition-property: opacity;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
.ly_header_logo img {
  width: 100%;
  aspect-ratio: 237/33;
  -o-object-fit: contain;
  object-fit: contain;
  transition-property: opacity;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 1100px), print {
  .ly_header_hamburger {
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_hamburger {
    position: relative;
    display: grid;
    place-items: center;
    width: 50px;
    height: auto;
    aspect-ratio: 1;
  }
  .ly_header_hamburger:before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background-color: var(--_clr_wave);
    z-index: 0;
    opacity: 0;
  }
  .ly_header_hamburger:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid var(--_clr_wave);
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
  }
  .ly_header_hamburger > span {
    position: relative;
    display: block;
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    color: var(--_clr_txt);
    z-index: 1;
  }
  .ly_header_hamburger > span > span {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
    height: 2px;
    background-color: currentColor;
  }
  .ly_header_hamburger > span:before, .ly_header_hamburger > span:after {
    content: "";
    position: absolute;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    will-change: rotate;
  }
  .ly_header_hamburger > span:before {
    top: calc(50% - 8px);
  }
  .ly_header_hamburger > span:after {
    top: calc(50% + 8px);
  }
  .ly_header_hamburger[aria-expanded=true]:before {
    animation: wave_on 0.5s ease-in-out forwards;
  }
  .ly_header_hamburger[aria-expanded=true]:after {
    animation: wave_on 0.5s 0.1s ease-in-out forwards;
  }
  .ly_header_hamburger[aria-expanded=true] > span > span {
    opacity: 0;
  }
  .ly_header_hamburger[aria-expanded=true] > span:before, .ly_header_hamburger[aria-expanded=true] > span:after {
    top: 50%;
    transition: rotate var(--transVals);
  }
  .ly_header_hamburger[aria-expanded=true] > span:before {
    rotate: 45deg;
  }
  .ly_header_hamburger[aria-expanded=true] > span:after {
    rotate: -45deg;
  }
}
.ly_header_nav {
  display: block;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 20px 16px;
    background-color: rgba(63, 84, 120, 0.5019607843);
    transition-property: opacity, visibility;
    transition-timing-function: var(--transEasing);
  }
  .ly_header_nav[hidden] {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div {
    max-height: 100%;
    padding: 32px 21px;
    border-radius: 16px;
    background-color: #fff;
    overflow-y: auto;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav {
    display: flex;
    align-items: center;
    gap: 32px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav > li {
    border-bottom: 1px solid var(--_clr_line-gray-light);
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_meta > a {
    position: relative;
    display: block;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
    font-weight: 500;
    transition-property: color;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
  .ly_header_nav > div .nav_meta > a:not([aria-expanded]):focus-visible:before {
    animation: wave_on 0.5s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_meta > a:not([aria-expanded]):focus-visible:after {
    animation: wave_on 0.5s 0.1s ease-in-out forwards;
  }
  @media (any-hover: hover) {
    .ly_header_nav > div .nav_meta > a:not([aria-expanded]):hover:before {
      animation: wave_on 0.5s ease-in-out forwards;
    }
    .ly_header_nav > div .nav_meta > a:not([aria-expanded]):hover:after {
      animation: wave_on 0.5s 0.1s ease-in-out forwards;
    }
  }
  .ly_header_nav > div .nav_meta > a[aria-expanded=true]:before {
    animation: wave_on 0.5s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_meta > a[aria-expanded=true]:after {
    animation: wave_on 0.5s 0.1s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_meta > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 47px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--_clr_wave);
    opacity: 0;
  }
  .ly_header_nav > div .nav_meta > a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 85px;
    height: auto;
    aspect-ratio: 1;
    border: 1px solid var(--_clr_wave);
    border-radius: 50%;
    opacity: 0;
  }
  .ly_header_nav > div .nav_meta .toggle {
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_meta {
    display: flex;
    justify-content: space-between;
  }
  .ly_header_nav > div .nav_meta > a {
    position: relative;
    flex-grow: 1;
    display: block;
    padding: 25px 12px 25px 30px;
  }
  .ly_header_nav > div .nav_meta > a .icon {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--_clr_primary);
    color: #fff;
    overflow: hidden;
  }
  @media not all and (max-width: 1100px), print {
    .ly_header_nav > div .nav_meta > a .icon {
      width: 20px;
    }
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .ly_header_nav > div .nav_meta > a .icon {
    width: 16px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_meta > a .icon:before, .ly_header_nav > div .nav_meta > a .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    height: auto;
    aspect-ratio: 1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor;
    transform: perspective(0);
  }
  @media not all and (max-width: 1100px), print {
    .ly_header_nav > div .nav_meta > a .icon:before, .ly_header_nav > div .nav_meta > a .icon:after {
      width: 10px;
    }
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .ly_header_nav > div .nav_meta > a .icon:before, .ly_header_nav > div .nav_meta > a .icon:after {
    width: 8px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_meta > a .icon:after {
    left: -50%;
  }
  .ly_header_nav > div .nav_meta > a:not([target=_blank]):not([href$=".pdf"]) .icon:before, .ly_header_nav > div .nav_meta > a:not([target=_blank]):not([href$=".pdf"]) .icon:after {
    -webkit-mask-image: url(../img/common/icon/icon_arw.svg);
    mask-image: url(../img/common/icon/icon_arw.svg);
  }
  .ly_header_nav > div .nav_meta > a[target=_blank] .icon:before {
    -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
    mask-image: url(../img/common/icon/icon_blank.svg);
  }
  .ly_header_nav > div .nav_meta > a[href$=".pdf"] .icon:before {
    -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
    mask-image: url(../img/common/icon/icon_pdf.svg);
  }
  .ly_header_nav > div .nav_meta > a:has(+ .toggle):before {
    content: "";
    position: absolute;
    top: 50%;
    right: 3px;
    translate: 0 -50%;
    width: 1px;
    height: 70%;
    background-color: var(--_clr_line-gray-light);
  }
  .ly_header_nav > div .nav_meta > a + .toggle {
    position: relative;
    flex-shrink: 0;
    display: block;
    width: 40px;
  }
  .ly_header_nav > div .nav_meta > a + .toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 13px;
    height: 2px;
    background-color: var(--_clr_primary);
  }
  .ly_header_nav > div .nav_meta > a + .toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 90deg;
    width: 13px;
    height: 2px;
    background-color: var(--_clr_primary);
    transition: rotate var(--transVals);
  }
  .ly_header_nav > div .nav_meta > a + .toggle[aria-expanded=true]:after {
    rotate: 0deg;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_meta__recruit {
    position: relative;
  }
  .ly_header_nav > div .nav_meta__recruit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: auto;
    aspect-ratio: 29/23;
    background-image: url(../img/common/deco_circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .ly_header_nav > div .nav_meta__recruit > a {
    padding-left: 37px;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_mega {
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 0;
    display: block;
    width: 100%;
    max-width: calc(100% - 104px);
    padding-top: 36px;
    transition-property: opacity, visibility;
    transition-timing-function: var(--transEasing);
  }
  .ly_header_nav > div .nav_mega[hidden] {
    opacity: 0;
    visibility: hidden;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_inner {
    overflow-y: auto;
    border-radius: 16px;
  }
  .ly_header_nav > div .nav_inner > div {
    display: flex;
    background-color: #fff;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_head {
    flex-shrink: 0;
    background-color: var(--_clr_bg_lightgray-dark);
  }
  .ly_header_nav > div .nav_head > div {
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 48px 67px 48px 48px;
    height: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_head {
    display: none !important;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_hdg {
    color: var(--_clr_primary);
    line-height: 1.2;
    font-size: 2.625rem;
    letter-spacing: 0.01em;
  }
}
.ly_header_nav > div .nav_link {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  font-weight: 500;
  transition: color var(--transVals);
}
.ly_header_nav > div .nav_link:focus-visible {
  color: var(--_clr_primary);
}
.ly_header_nav > div .nav_link:focus-visible:not([target=_blank]):not([href$=".pdf"]) > span .icon:before {
  animation: left2right1 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_link:focus-visible:not([target=_blank]):not([href$=".pdf"]) > span .icon:after {
  animation: left2right2 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_link:focus-visible[target=_blank] > span .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_link:focus-visible[href$=".pdf"] > span .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_link:focus-visible > span .icon {
  animation: expanding 0.6s ease-in-out forwards;
}
@media (any-hover: hover) {
  .ly_header_nav > div .nav_link:hover {
    color: var(--_clr_primary);
  }
  .ly_header_nav > div .nav_link:hover:not([target=_blank]):not([href$=".pdf"]) > span .icon:before {
    animation: left2right1 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_link:hover:not([target=_blank]):not([href$=".pdf"]) > span .icon:after {
    animation: left2right2 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_link:hover[target=_blank] > span .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_link:hover[href$=".pdf"] > span .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_link:hover > span .icon {
    animation: expanding 0.6s ease-in-out forwards;
  }
}
.ly_header_nav > div .nav_link > span {
  position: relative;
  display: inline-block;
  padding-block: 16px;
  padding-right: 24px;
}
.ly_header_nav > div .nav_link > span .icon {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--_clr_primary);
  color: #fff;
  overflow: hidden;
}
.ly_header_nav > div .nav_link > span .icon:before, .ly_header_nav > div .nav_link > span .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: auto;
  aspect-ratio: 1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  transform: perspective(0);
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_link > span .icon:before, .ly_header_nav > div .nav_link > span .icon:after {
    width: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_link > span .icon:before, .ly_header_nav > div .nav_link > span .icon:after {
    width: 8px;
  }
}
.ly_header_nav > div .nav_link > span .icon:after {
  left: -50%;
}
.ly_header_nav > div .nav_link:not([target=_blank]):not([href$=".pdf"]) > span .icon:before, .ly_header_nav > div .nav_link:not([target=_blank]):not([href$=".pdf"]) > span .icon:after {
  -webkit-mask-image: url(../img/common/icon/icon_arw.svg);
  mask-image: url(../img/common/icon/icon_arw.svg);
}
.ly_header_nav > div .nav_link[target=_blank] > span .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_header_nav > div .nav_link[href$=".pdf"] > span .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_body {
    flex-grow: 1;
    padding: 56px;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list {
    display: grid;
    gap: 0 32px;
  }
  .ly_header_nav > div .nav_list__2col {
    grid-template-columns: repeat(2, 1fr);
  }
  .ly_header_nav > div .nav_list__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_list > li {
    padding-left: 30px;
    border-top: 1px solid var(--_clr_line-gray-light);
  }
}
.ly_header_nav > div .nav_list > li > a {
  position: relative;
  transition: color var(--transVals);
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list > li > a {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    min-height: 64px;
    padding-block: 8px;
    padding-right: 46px;
    border-bottom: 1px solid var(--_clr_line-gray-dark);
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_list > li > a {
    flex-grow: 1;
    display: block;
    padding: 25px 6px 25px 24px;
  }
}
.ly_header_nav > div .nav_list > li > a:focus-visible {
  color: var(--_clr_primary);
}
.ly_header_nav > div .nav_list > li > a:focus-visible:not([target=_blank]):not([href$=".pdf"]) .icon:before {
  animation: left2right1 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_list > li > a:focus-visible:not([target=_blank]):not([href$=".pdf"]) .icon:after {
  animation: left2right2 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_list > li > a:focus-visible[target=_blank] .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_list > li > a:focus-visible[href$=".pdf"] .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_list > li > a:focus-visible .icon {
  animation: expanding 0.6s ease-in-out forwards;
}
@media (any-hover: hover) {
  .ly_header_nav > div .nav_list > li > a:hover {
    color: var(--_clr_primary);
  }
  .ly_header_nav > div .nav_list > li > a:hover:not([target=_blank]):not([href$=".pdf"]) .icon:before {
    animation: left2right1 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_list > li > a:hover:not([target=_blank]):not([href$=".pdf"]) .icon:after {
    animation: left2right2 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_list > li > a:hover[target=_blank] .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_list > li > a:hover[href$=".pdf"] .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_list > li > a:hover .icon {
    animation: expanding 0.6s ease-in-out forwards;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list > li > a .thumb {
    flex-shrink: 0;
    display: block;
    max-width: clamp(98px, 34.9537037%, 151px);
  }
  .ly_header_nav > div .nav_list > li > a .thumb img {
    width: 100%;
    aspect-ratio: 151/80;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_list > li > a .thumb {
    display: none !important;
  }
}
.ly_header_nav > div .nav_list > li > a .txt {
  display: block;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list > li > a .txt {
    align-self: center;
  }
}
.ly_header_nav > div .nav_list > li > a .icon {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--_clr_primary);
  color: #fff;
  overflow: hidden;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list > li > a .icon {
    right: 18px;
    width: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_list > li > a .icon {
    left: 0;
    width: 16px;
  }
}
.ly_header_nav > div .nav_list > li > a .icon:before, .ly_header_nav > div .nav_list > li > a .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: auto;
  aspect-ratio: 1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  transform: perspective(0);
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_list > li > a .icon:before, .ly_header_nav > div .nav_list > li > a .icon:after {
    width: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_list > li > a .icon:before, .ly_header_nav > div .nav_list > li > a .icon:after {
    width: 8px;
  }
}
.ly_header_nav > div .nav_list > li > a .icon:after {
  left: -50%;
}
.ly_header_nav > div .nav_list > li > a:not([target=_blank]):not([href$=".pdf"]) .icon:before, .ly_header_nav > div .nav_list > li > a:not([target=_blank]):not([href$=".pdf"]) .icon:after {
  -webkit-mask-image: url(../img/common/icon/icon_arw.svg);
  mask-image: url(../img/common/icon/icon_arw.svg);
}
.ly_header_nav > div .nav_list > li > a[target=_blank] .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_header_nav > div .nav_list > li > a[href$=".pdf"] .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_header_nav > div .nav_blocks {
  display: grid;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_blocks {
    gap: 16px 32px;
    margin-top: 40px;
  }
  .ly_header_nav > div .nav_blocks__2col {
    grid-template-columns: repeat(2, 1fr);
  }
  .ly_header_nav > div .nav_blocks__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_blocks {
    gap: 8px;
    padding-block: 32px;
    padding-inline: 24px;
    border-top: 1px solid var(--_clr_line-gray-light);
  }
}
.ly_header_nav > div .nav_blocks > li > a {
  position: relative;
  display: block;
  border: 1px solid var(--_clr_line-gray-light);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03em;
  transition: color var(--transVals);
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_blocks > li > a {
    padding: 21px 56px 21px 24px;
    border-radius: 6px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_blocks > li > a {
    padding: 18px 45px 18px 16px;
    border-radius: 4px;
    font-size: 0.875rem;
  }
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible {
  color: var(--_clr_primary);
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible:not([target=_blank]):not([href$=".pdf"]) .icon:before {
  animation: left2right1 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible:not([target=_blank]):not([href$=".pdf"]) .icon:after {
  animation: left2right2 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible[target=_blank] .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible[href$=".pdf"] .icon:before {
  animation: fade 0.6s ease-in-out forwards;
}
.ly_header_nav > div .nav_blocks > li > a:focus-visible .icon {
  animation: expanding 0.6s ease-in-out forwards;
}
@media (any-hover: hover) {
  .ly_header_nav > div .nav_blocks > li > a:hover {
    color: var(--_clr_primary);
  }
  .ly_header_nav > div .nav_blocks > li > a:hover:not([target=_blank]):not([href$=".pdf"]) .icon:before {
    animation: left2right1 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_blocks > li > a:hover:not([target=_blank]):not([href$=".pdf"]) .icon:after {
    animation: left2right2 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_blocks > li > a:hover[target=_blank] .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_blocks > li > a:hover[href$=".pdf"] .icon:before {
    animation: fade 0.6s ease-in-out forwards;
  }
  .ly_header_nav > div .nav_blocks > li > a:hover .icon {
    animation: expanding 0.6s ease-in-out forwards;
  }
}
.ly_header_nav > div .nav_blocks > li > a .icon {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--_clr_primary);
  color: #fff;
  overflow: hidden;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_blocks > li > a .icon {
    right: 22px;
    width: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_blocks > li > a .icon {
    right: 20px;
    width: 16px;
  }
}
.ly_header_nav > div .nav_blocks > li > a .icon:before, .ly_header_nav > div .nav_blocks > li > a .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: auto;
  aspect-ratio: 1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  transform: perspective(0);
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_blocks > li > a .icon:before, .ly_header_nav > div .nav_blocks > li > a .icon:after {
    width: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_blocks > li > a .icon:before, .ly_header_nav > div .nav_blocks > li > a .icon:after {
    width: 8px;
  }
}
.ly_header_nav > div .nav_blocks > li > a .icon:after {
  left: -50%;
}
.ly_header_nav > div .nav_blocks > li > a:not([target=_blank]):not([href$=".pdf"]) .icon:before, .ly_header_nav > div .nav_blocks > li > a:not([target=_blank]):not([href$=".pdf"]) .icon:after {
  -webkit-mask-image: url(../img/common/icon/icon_arw.svg);
  mask-image: url(../img/common/icon/icon_arw.svg);
}
.ly_header_nav > div .nav_blocks > li > a[target=_blank] .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_header_nav > div .nav_blocks > li > a[href$=".pdf"] .icon:before {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_header_nav > div .nav_noEntry {
  display: grid;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_noEntry {
    gap: 16px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_noEntry {
    padding-inline: 24px;
    padding-bottom: 32px;
  }
}
.ly_header_nav > div .nav_noEntry > li {
  padding: 13px 32px;
  background-color: var(--_clr_bg_lightgray-dark);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media not all and (max-width: 1100px), print {
  .ly_header_nav > div .nav_noEntry > li {
    border-radius: 6px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_nav > div .nav_noEntry > li {
    border-radius: 4px;
    font-size: 0.875rem;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header_overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100lvh;
    z-index: 0;
    background-color: rgba(63, 84, 120, 0.5019607843);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
@media screen and (max-width: 1100px) {
  .ly_header_overlay {
    display: none !important;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header.is_scrolled .ly_header_inner, .ly_header.fix_scrolled .ly_header_inner {
    padding: 3px 29px;
    background-color: #fff;
  }
  .ly_header.is_scrolled .ly_header_inner:before, .ly_header.fix_scrolled .ly_header_inner:before {
    opacity: 1;
  }
}
@media screen and (max-width: 1100px) {
  .ly_header.is_scrolled .ly_header_meta, .ly_header.fix_scrolled .ly_header_meta {
    padding: 7px 16px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.6) 100%);
  }
}
@media screen and (max-width: 1100px) {
  .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_meta {
    background-color: #fff;
  }
}
@media not all and (max-width: 1100px), print {
  .ly_header:has(.nav_meta > a[aria-expanded=true]) .ly_header_inner {
    background-color: #fff;
  }
  .ly_header:has(.nav_meta > a[aria-expanded=true]) .ly_header_overlay {
    opacity: 1;
    visibility: visible;
  }
}

.pg_home .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo a:before,
.pg_recruit .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo a:before,
.pg_member .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo a:before {
  content: "";
  opacity: 1;
}
.pg_home .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo img,
.pg_recruit .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo img,
.pg_member .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_logo img {
  opacity: 0;
}
@media not all and (max-width: 1100px), print {
  .pg_home .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_nav > div .nav_meta > a,
  .pg_recruit .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_nav > div .nav_meta > a,
  .pg_member .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.nav_meta > a[aria-expanded=true])) .ly_header_nav > div .nav_meta > a {
    color: #fff;
  }
}
@media screen and (max-width: 1100px) {
  .pg_home .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.ly_header_hamburger[aria-expanded=true])) .ly_header_hamburger > span,
  .pg_recruit .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.ly_header_hamburger[aria-expanded=true])) .ly_header_hamburger > span,
  .pg_member .ly_header:not(.is_scrolled, .fix_scrolled):not(:has(.ly_header_hamburger[aria-expanded=true])) .ly_header_hamburger > span {
    color: #fff;
  }
}
@media screen and (max-width: 1100px) {
  .pg_home .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo a:before,
  .pg_recruit .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo a:before,
  .pg_member .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo a:before {
    opacity: 0 !important;
  }
  .pg_home .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo img,
  .pg_recruit .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo img,
  .pg_member .ly_header:has(.ly_header_hamburger[aria-expanded=true]) .ly_header_logo img {
    opacity: 1 !important;
  }
}

/**
 * Footer
 */
.ly_footer {
  position: relative;
  background-color: var(--_clr_bg_lightgray-dark);
  z-index: 100;
}
@media not all and (max-width: 767px), print {
  .ly_footer {
    padding-block: 72px 56px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer {
    padding-block: 64px 40px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_container {
    padding-inline: 54px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_container {
    padding-inline: 17px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }
}
.ly_footer_logo a {
  display: block;
  transition: opacity var(--transVals);
}
@media not all and (max-width: 767px), print {
  .ly_footer_logo a {
    width: 384px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_logo a {
    width: 208px;
    margin-inline: auto;
  }
}
.ly_footer_logo img {
  width: 100%;
}
@media not all and (max-width: 767px), print {
  .ly_footer_group {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_group {
    margin-top: 32px;
  }
}
.ly_footer_group a {
  display: block;
  border-radius: 4px;
  background-color: #fff;
  transition: opacity var(--transVals);
}
@media not all and (max-width: 767px), print {
  .ly_footer_group a {
    width: 168px;
    padding: 11px 17px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_group a {
    width: 188px;
    padding: 12px 24px;
    margin-inline: auto;
  }
}
.ly_footer_group img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ly_footer_nav {
    margin-top: 42px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_nav > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_nav > ul {
    display: grid;
    place-items: center;
    gap: 20px;
  }
}
.ly_footer_nav > ul > li a {
  display: block;
  color: var(--_clr_txt-gray);
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  transition: color var(--transVals);
}
.ly_footer_nav > ul > li a:focus-visible {
  color: var(--_clr_txt);
}
@media (any-hover: hover) {
  .ly_footer_nav > ul > li a:hover {
    color: var(--_clr_txt);
  }
}
.ly_footer_nav > ul > li a[target=_blank]:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: auto;
  aspect-ratio: 1;
  margin-left: 3px;
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.ly_footer_nav > ul > li a[href$=".pdf"]:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: auto;
  aspect-ratio: 1;
  margin-left: 3px;
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.ly_footer_nav > ul > li a[href$="mailto:"]:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  margin-left: 3px;
  vertical-align: -3px;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/icon/icon_mail.svg);
  mask-image: url(../img/common/icon/icon_mail.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.ly_footer_banner {
  display: flex;
  justify-content: flex-end;
}
@media not all and (max-width: 767px), print {
  .ly_footer_banner {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_banner {
    margin-top: 42px;
  }
}
.ly_footer_banner a {
  display: block;
  width: 236px;
  transition: opacity var(--transVals);
}
@media screen and (max-width: 767px) {
  .ly_footer_banner a {
    margin-inline: auto;
  }
}
.ly_footer_banner a:focus-visible {
  opacity: var(--ops);
}
@media (any-hover: hover) {
  .ly_footer_banner a:hover {
    opacity: var(--ops);
  }
}
.ly_footer_banner img {
  width: 100%;
}
@media not all and (max-width: 767px), print {
  .ly_footer_foot {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_foot {
    margin-top: 64px;
  }
}
.ly_footer_copy {
  display: flex;
  font-size: 0.75rem;
}
@media not all and (max-width: 767px), print {
  .ly_footer_copy {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_copy {
    justify-content: center;
    text-align: center;
  }
}

/**
 * Container
 */
.ct_std {
  margin-inline: auto;
  width: var(--contW);
}
.ct_lq {
  margin-inline: auto;
  width: var(--contW_lq);
}
.ct_lg {
  margin-inline: auto;
  width: var(--contW_lg);
}
/**
 * Block
*/
.bl_news {
  display: flex;
}
@media screen and (max-width: 960px) {
  .bl_news {
    flex-direction: column;
  }
}
.bl_news__title {
  width: 15.625rem;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .bl_news__title {
    margin-bottom: 3rem;
  }
}
.bl_news__list {
  width: calc(100% - 15.625rem);
}
@media screen and (max-width: 960px) {
  .bl_news__list {
    width: 100%;
  }
}
.bl_news__list .item {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #DFDFDF;
}
.bl_news__list .item:first-child {
  border-top: 1px solid #DFDFDF;
}
@media screen and (max-width: 767px) {
  .bl_news__list .item {
    flex-direction: column;
  }
}
.bl_news__head {
  display: flex;
  width: 15.625rem;
}
@media screen and (max-width: 767px) {
  .bl_news__head {
    width: 100%;
    margin-bottom: 0.625rem;
  }
}
.bl_news__notice {
  width: 6.25rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .bl_news__notice {
    width: 4.25rem;
    padding-right: 0.3125rem;
    font-size: 0.8125rem;
  }
}
.bl_news__date {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .bl_news__date {
    font-size: 0.8125rem;
  }
}
.bl_news__content {
  width: calc(100% - 15.625rem);
  padding-left: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .bl_news__content {
    width: 100%;
    padding-left: 0;
    font-size: 0.875rem;
    line-height: 1.8;
  }
}
.bl_news__link {
  transition: 0.3s color;
  text-decoration: underline;
  font-size: 0.9375rem;
}
.bl_news__link::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.bl_news__link[target=_blank]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.bl_news__link[href$=".pdf"]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.bl_news__link:after {
  margin-left: 4px;
  width: 24px;
  color: var(--_clr_primary);
  vertical-align: text-top;
}
@media screen and (max-width: 767px) {
  .bl_news__link:after {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .bl_news__link:hover {
    color: var(--_clr_primary);
  }
}
@media screen and (max-width: 767px) {
  .bl_news__link {
    font-size: 0.875rem;
  }
  .bl_news__link .icon {
    top: 0.375rem;
    width: 1rem;
    height: 1rem;
  }
}
.bl_news-wrap-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.bl_news-wrap-btn .el_btn-2__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.bl_news-wrap-btn .el_btn-2__icon img {
  width: 0.875rem;
  height: 0.875rem;
}

.bl_entry {
  position: relative;
  display: grid;
  align-items: center;
  z-index: 12;
  padding-block: 5.9375rem;
  background: url(../img/common/bg_entry.webp) no-repeat 50% 50%;
  background-size: cover;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  margin-top: -2rem;
  min-height: 29.375rem;
}
@media screen and (max-width: 767px) {
  .bl_entry {
    margin-top: -1rem;
    padding-block: 5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-image: url(../img/common/bg_entry_sp.webp);
    min-height: 35.75rem;
  }
}
.bl_entry__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .bl_entry__inner {
    flex-direction: column;
  }
}
.bl_entry__col {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .bl_entry__col {
    width: 100%;
  }
}
.bl_entry__headline {
  display: flex;
  flex-direction: column;
  padding-right: 1.25rem;
  color: #FFF;
  font-weight: 700;
  font-family: var(--_ff_Montserrat);
}
.bl_entry__headline .ttl {
  margin-bottom: 0.625rem;
  font-size: clamp(2.6875rem, 5vw, 3.875rem);
  line-height: 1;
}
.bl_entry__headline .sub {
  display: inline-flex;
  align-items: center;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.5;
}
.bl_entry__headline .sub img {
  margin-right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .bl_entry__headline {
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
    padding-right: 0;
  }
  .bl_entry__headline .ttl {
    margin-bottom: 1.25rem;
  }
}
.bl_entry__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.bl_entry__list a {
  position: relative;
  display: flex;
  padding: 1.625rem 4.375rem 1.625rem 2rem;
  background-color: #FFF;
  border-radius: 0.5rem;
  font-weight: 700;
  transition: all 0.5s ease;
}
.bl_entry__list a:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 0.25rem 1.25rem 0.25rem rgba(13, 27, 35, 0.3);
}
.bl_entry__list a:hover .bl_entry__icon {
  transform: translateY(-50%) scale(1.125);
}
.bl_entry__list a:hover .bl_entry__icon img {
  animation-name: arrow-animation;
  animation-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .bl_entry__list a {
    padding: 1.3125rem 3.125rem 1.3125rem 1.5rem;
  }
}
.bl_entry__txt {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .bl_entry__txt {
    font-size: 1rem;
  }
}
.bl_entry__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 1.25rem;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(-50%);
  background-color: var(--_clr_primary);
  border-radius: 2.5rem;
  transition: all 0.5s ease;
}
.bl_entry__icon img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (max-width: 767px) {
  .bl_entry__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .bl_entry__icon img {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.bl_pageHeader {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .bl_pageHeader {
    margin-bottom: 80px;
  }
}
.bl_pageHeader_inner {
  padding-block: 152px 88px;
  background-color: var(--_clr_bg_lightblue);
}
@media screen and (max-width: 767px) {
  .bl_pageHeader_inner {
    padding-block: 88.5px 80px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_pageHeader__narrrow .bl_pageHeader_inner {
    padding-bottom: 80px;
  }
  .bl_pageHeader__narrrow .bl_pageHeader_inner .el_pageTtl {
    margin-top: 64px;
  }
}
.bl_pageHeader_img {
  width: 100%;
  aspect-ratio: 1440/373;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_pageHeader_img {
    aspect-ratio: 375/281;
  }
}
.bl_pageHeader_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bl_breadcrumb {
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .bl_breadcrumb {
    width: 100%;
    padding-inline: var(--contMargin_hor);
  }
}
.bl_breadcrumb ol {
  display: flex;
  gap: 0 2px;
}
@media not all and (max-width: 767px), print {
  .bl_breadcrumb ol {
    flex-wrap: wrap;
    gap: 0 8px;
  }
}
.bl_breadcrumb li {
  font-size: 0.75rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_breadcrumb li {
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.bl_breadcrumb li:not(:first-child) {
  position: relative;
  padding-left: 23px;
}
@media screen and (max-width: 767px) {
  .bl_breadcrumb li:not(:first-child) {
    padding-left: 17px;
  }
}
.bl_breadcrumb li:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5lh;
  width: 15px;
  height: 0;
  padding-top: 1px;
  background-color: currentColor;
  translate: 0 -50%;
  opacity: 0.3;
  rotate: 110deg;
}
@media screen and (max-width: 767px) {
  .bl_breadcrumb li:last-child {
    padding-right: 18px;
  }
}
.bl_breadcrumb a {
  display: block;
}
.bl_breadcrumb li:not(:last-child) a {
  color: color-mix(in srgb, var(--_clr_txt) 60%, transparent);
}
.bl_breadcrumb li:last-child a {
  pointer-events: none;
}

.bl_pageFooter {
  padding-block: 120px 110px;
}
@media screen and (max-width: 767px) {
  .bl_pageFooter {
    padding-block: 80px;
  }
}
.bl_pageFooter_btn > *:only-child {
  margin-top: 0;
}

.bl_wysiwyg {
  margin-top: 40px;
}
.bl_wysiwyg__lg,
.bl_wysiwyg .lg {
  font-size: 1.125em;
}
.bl_wysiwyg__sm {
  margin-top: 24px;
  font-size: 0.875em;
}
.bl_wysiwyg small {
  font-size: 0.875em;
}
.bl_wysiwyg u {
  text-underline-offset: 0.4em;
}
.bl_wysiwyg > *:first-child {
  margin-top: 0 !important;
}
.bl_wysiwyg > *:not(ul, ol, a) {
  margin-top: 40px;
}
.bl_wysiwyg h2 {
  position: relative;
  margin-top: 120px;
  margin-bottom: 40px;
  padding-bottom: 27px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h2 {
    margin-top: 80px;
    font-size: 1.5rem;
  }
}
.bl_wysiwyg h2:before, .bl_wysiwyg h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  transform: perspective(0);
}
.bl_wysiwyg h2:before {
  width: 100%;
  background-color: var(--_clr_line-gray-middle);
  z-index: 0;
}
.bl_wysiwyg h2:after {
  width: 48px;
  background-color: var(--_clr_primary);
  z-index: 1;
}
.bl_wysiwyg h3 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 24px;
  padding-left: 30px;
  padding-bottom: 4px;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h3 {
    margin-top: 45px;
    font-size: 1.25rem;
  }
}
.bl_wysiwyg h3:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 1px;
  width: 12px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 2px;
  transform: perspective(0);
  translate: 0 -50%;
}
.bl_wysiwyg h4 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h4 {
    font-size: 1.125rem;
  }
}
.bl_wysiwyg h5 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h5 {
    font-size: 1rem;
  }
}
.bl_wysiwyg h6 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h6 {
    font-size: 1rem;
  }
}
.bl_wysiwyg h2 + *,
.bl_wysiwyg h3 + *,
.bl_wysiwyg h4 + *,
.bl_wysiwyg h5 + *,
.bl_wysiwyg h6 + * {
  margin-top: 0 !important;
}
.bl_wysiwyg strong,
.bl_wysiwyg b {
  font-weight: 700;
}
.bl_wysiwyg a {
  display: inline-block;
  color: var(--_clr_primary);
  text-decoration: underline;
  text-underline-offset: 0.4em;
  transition: color var(--transDur);
}
.bl_wysiwyg a::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.bl_wysiwyg a[target=_blank]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.bl_wysiwyg a[href$=".pdf"]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.bl_wysiwyg a:after {
  width: 24px;
  translate: 0 6px;
}
.bl_wysiwyg a:focus-visible {
  color: var(--_clr_primary-dark);
}
@media (any-hover: hover) {
  .bl_wysiwyg a:hover {
    color: var(--_clr_primary-dark);
  }
}
.bl_wysiwyg > ol,
.bl_wysiwyg > ul {
  margin-top: 24px;
}
.bl_wysiwyg > ol ol,
.bl_wysiwyg > ul ol {
  margin-top: 8px;
  margin-left: 2px;
}
.bl_wysiwyg > ol ol > li,
.bl_wysiwyg > ul ol > li {
  padding-left: 33px;
}
.bl_wysiwyg > ol ol > li:not(:first-child),
.bl_wysiwyg > ul ol > li:not(:first-child) {
  margin-top: 6px;
}
.bl_wysiwyg > ol ul,
.bl_wysiwyg > ul ul {
  margin-top: 8px;
}
.bl_wysiwyg > ol ul > li,
.bl_wysiwyg > ul ul > li {
  padding-left: 17px;
}
.bl_wysiwyg ol {
  counter-reset: listCounter;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.bl_wysiwyg ol li {
  counter-increment: listCounter;
  position: relative;
  padding-left: 33px;
}
.bl_wysiwyg ol li:before {
  content: counter(listCounter) ".";
  position: absolute;
  top: 0;
  left: 25px;
  font-weight: 600;
  font-size: 1rem;
  color: var(--_clr_primary);
  translate: -100% 0;
}
.bl_wysiwyg ol li:not(:first-child) {
  margin-top: 4px;
}
.bl_wysiwyg ul {
  --listColor: var(--_clr_primary);
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.bl_wysiwyg ul.isBlue {
  --listColor: var(--_clr_primary);
}
.bl_wysiwyg ul.isGray {
  --listColor: var(--_clr_txt-lightgray);
}
.bl_wysiwyg ul > li {
  position: relative;
  padding-left: 22px;
}
.bl_wysiwyg ul > li:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 8px;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--listColor);
  transform: perspective(0);
  translate: -50% -50%;
}
.bl_wysiwyg ul > li:not(:first-child) {
  margin-top: 6px;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg ul:is(.el_3colList) > li {
    margin-top: 0;
  }
}

.bl_boxed {
  --boxColor: var(--_clr_bg_lightblue-dark);
  display: grid;
  row-gap: 20px;
  margin-top: 40px;
}
.bl_boxed_cont {
  padding: clamp(56px, 5vw + 8px, 80px) clamp(32px, 6.6666666667vw - 32px, 64px);
  background-color: var(--boxColor);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .bl_boxed_cont {
    padding: 40px 24px;
    border-radius: 8px;
  }
}
.bl_boxed_cont > *:first-child {
  margin-top: 0;
}
.bl_boxed__blue {
  --boxColor: var(--_clr_bg_lightblue-dark);
}
.bl_boxed__gray {
  --boxColor: var(--_clr_bg_lightgray-middle);
}
@media not all and (max-width: 767px), print {
  .bl_boxed__2col, .bl_boxed__3col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
}
@media not all and (max-width: 1100px), print {
  .bl_boxed__3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
  .bl_boxed__3col .bl_boxed_cont {
    padding: clamp(56px, 1.6666666667vw + 40px, 64px) clamp(32px, 1.6666666667vw + 16px, 40px);
  }
}

.bl_btns {
  display: grid;
  margin-top: 40px;
  row-gap: 16px;
}
@media not all and (max-width: 767px), print {
  .bl_btns__left {
    justify-content: flex-start;
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__center {
    justify-content: center;
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__right {
    justify-content: flex-end;
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__2col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
  .bl_btns__2col > li {
    width: min(343px, 100%);
  }
  .bl_btns__2col > li:nth-child(2n+1) {
    justify-self: flex-end;
  }
  .bl_btns__2col .el_btn_inner {
    min-width: unset;
    width: 100%;
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__3col {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
  .bl_btns__3col .el_btn_inner {
    min-width: unset;
    width: 100%;
  }
}
.bl_btns > li {
  display: grid;
}

.bl_imgList {
  display: grid;
  row-gap: 40px;
  margin-top: 40px;
}
.bl_imgList > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: flex-start;
}
@media not all and (max-width: 767px), print {
  .bl_imgList__w100p {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgList__left {
    justify-content: flex-start;
  }
  .bl_imgList__left > li {
    max-width: 800px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgList__center {
    justify-content: center;
  }
  .bl_imgList__center > li {
    max-width: 800px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgList__right {
    justify-content: flex-end;
  }
  .bl_imgList__right > li {
    max-width: 800px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgList__2col, .bl_imgList__3col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
  .bl_imgList__2col .bl_img img, .bl_imgList__3col .bl_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media not all and (max-width: 1100px), print {
  .bl_imgList__3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
}

.bl_img {
  display: table;
  margin: auto;
  caption-side: bottom;
}
.bl_img__w100p {
  width: 100%;
}
.bl_img__w100p img {
  width: 100%;
}
.bl_img > div {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_img > div {
    border-radius: 8px;
  }
}
.bl_img figcaption {
  display: table-caption;
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .bl_img figcaption {
    font-size: 0.8125rem;
  }
}

.bl_imgAndBody {
  --_gap_row: 30px;
  --_imageMaxW: calc((100% - var(--_gap_col2)) / 2);
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody {
    --_gap_row: 40px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody_img {
    order: 1;
  }
}
.bl_imgAndBody_inner {
  display: grid;
  gap: var(--_gap_row) var(--_gap_col2);
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgRight .bl_imgAndBody_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgRight .bl_imgAndBody_img {
    order: 1;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgLeft .bl_imgAndBody_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_inner, .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_inner {
    display: block;
    margin-bottom: calc(var(--_gap_row) * -1);
  }
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_inner::after, .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_inner::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_img, .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_img {
    padding-bottom: var(--_gap_row);
    max-width: var(--_imageMaxW);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_img {
    float: right;
    margin-left: var(--_gap_col2);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_img {
    float: left;
    margin-right: var(--_gap_col2);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_body, .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_body {
    padding-bottom: var(--_gap_row);
  }
}
.bl_imgAndBody_txt > *:first-child {
  margin-top: 0;
}

.bl_imgPanels {
  margin-top: 40px;
}
@media not all and (max-width: 767px), print {
  .bl_imgPanels .splide {
    display: grid;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgPanels .splide__track {
    display: grid;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgPanels .splide__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
    row-gap: 40px;
  }
}
@media not all and (max-width: 1100px), print {
  .bl_imgPanels .splide__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
}
.bl_imgPanels .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 286px;
  height: 32px;
  pointer-events: none;
  translate: -50% 0;
}
.bl_imgPanels .splide__arrow {
  position: absolute;
  top: 50%;
  width: 32px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--_clr_line-gray-light);
  color: var(--_clr_primary);
  pointer-events: auto;
  translate: 0 -50%;
}
.bl_imgPanels .splide__arrow > svg {
  display: none;
}
.bl_imgPanels .splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
.bl_imgPanels .splide__arrow--prev {
  left: 0;
  scale: -1 -1;
}
.bl_imgPanels .splide__arrow--next {
  right: 0;
}
.bl_imgPanels .splide__pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 40px auto 0;
  width: 190px;
  height: 32px;
}
.bl_imgPanels .splide__pagination > li {
  flex: 1;
  display: grid;
  align-items: center;
}
.bl_imgPanels .splide__pagination__page {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--_clr_ui-inactive);
}
.bl_imgPanels .splide__pagination__page.is-active {
  background-color: var(--_clr_primary);
}

.bl_imgPanel {
  display: grid;
  row-gap: 24px;
}
@media screen and (max-width: 767px) {
  .bl_imgPanel {
    row-gap: 21px;
  }
}
.bl_imgPanel > a {
  display: grid;
  row-gap: 24px;
  transition: opacity var(--transVals);
}
@media screen and (max-width: 767px) {
  .bl_imgPanel > a {
    row-gap: 21px;
  }
}
.bl_imgPanel > a:focus-visible {
  opacity: var(--ops);
}
@media (any-hover: hover) {
  .bl_imgPanel > a:hover {
    opacity: var(--ops);
  }
}
.bl_imgPanel .bl_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bl_imgPanel_cont {
  display: grid;
}
.bl_imgPanel_cont time {
  display: inline-block;
  font-family: var(--_ff_Montserrat);
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.03;
  letter-spacing: -0.02em;
}
.bl_imgPanel_cont time .unit {
  font-family: var(--_ff_NotoSansJp);
}
.bl_imgPanel_cont .ttl {
  margin-top: 11px;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.bl_iconLinks {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 24px;
}
@media not all and (max-width: 767px), print {
  .bl_iconLinks__row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
}
@media screen and (max-width: 767px) {
  .bl_iconLinks__row {
    align-items: center;
  }
}

.bl_accordionList {
  display: grid;
  margin-top: 24px;
  gap: 16px;
}

.bl_accordion {
  background-color: var(--_clr_bg_lightgray-middle);
  border-radius: 8px;
}
.bl_accordion_head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  padding: 16px 40px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  transition: color var(--transDur);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .bl_accordion_head {
    padding: 18px 18px;
  }
}
.bl_accordion_head::-webkit-details-marker {
  display: none;
}
.bl_accordion_head .icon {
  position: relative;
  width: 32px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  color: #fff;
}
.bl_accordion_head .icon:before, .bl_accordion_head .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background-color: currentColor;
  border-radius: 9999px;
  translate: -50% -50%;
  transform: perspective(0);
  transition: rotate var(--transDur);
}
.bl_accordion_head .icon:before {
  rotate: -90deg;
}
.bl_accordion_head[aria-expanded=true] {
  color: var(--_clr_primary);
}
.bl_accordion_head[aria-expanded=true] .icon:before {
  rotate: 0deg;
}
.bl_accordion_head[aria-expanded=true] .icon:after {
  rotate: 180deg;
}
.bl_accordion_head_lg {
  font-weight: 500;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .bl_accordion_head_lg {
    font-size: 1.125rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_accordion_head_lg .icon {
    width: 40px;
  }
  .bl_accordion_head_lg .icon:before, .bl_accordion_head_lg .icon:after {
    scale: 1.25;
  }
}
.bl_accordion_head:focus-visible {
  color: var(--_clr_primary);
}
.bl_accordion_head:focus-visible[aria-expanded=false] .icon:before {
  rotate: 0deg;
}
.bl_accordion_head:focus-visible[aria-expanded=false] .icon:after {
  rotate: 90deg;
}
@media (any-hover: hover) {
  .bl_accordion_head:hover {
    color: var(--_clr_primary);
  }
  .bl_accordion_head:hover[aria-expanded=false] .icon:before {
    rotate: 0deg;
  }
  .bl_accordion_head:hover[aria-expanded=false] .icon:after {
    rotate: 90deg;
  }
}
.bl_accordion_body {
  padding-inline: 40px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_accordion_body {
    padding-inline: 18px;
  }
}
.bl_accordion_body > div {
  border-top: 1px solid #D6D9DD;
  padding-block: 16px 24px;
}
@media screen and (max-width: 767px) {
  .bl_accordion_body > div {
    padding-top: 24px;
  }
}
.bl_accordion_body > div > *:first-child {
  margin-top: 0;
}

.bl_imgGroup {
  display: grid;
  -moz-column-gap: var(--_gap_col2);
  column-gap: var(--_gap_col2);
  row-gap: 16px;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .bl_imgGroup {
    margin-top: 64px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroup__imgLeft, .bl_imgGroup__imgRight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroup__imgRight .bl_img {
    order: 1;
  }
}
.bl_imgGroup_body > *:first-child {
  margin-top: 0;
}
.bl_imgGroup_body .el_hdgLv1 + .el_txt {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_body .el_hdgLv1 + .el_txt {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_body .el_leadingBtn {
    display: flex;
    justify-content: flex-end;
  }
}
.bl_imgGroup_body .bl_hdgAndLabels {
  margin-top: 16px;
}
@media not all and (max-width: 767px), print {
  .bl_imgGroup + .bl_imgGroup {
    margin-top: 112px;
  }
}

.bl_imgGroupList {
  display: grid;
  margin-top: 80px;
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  .bl_imgGroupList {
    margin-top: 64px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__2col, .bl_imgGroupList__3col {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
  .bl_imgGroupList__2col .bl_imgGroup, .bl_imgGroupList__3col .bl_imgGroup {
    row-gap: 40px;
  }
  .bl_imgGroupList__2col .bl_imgGroup .bl_img img, .bl_imgGroupList__3col .bl_imgGroup .bl_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media not all and (max-width: 1100px), print {
  .bl_imgGroupList__3col {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
  .bl_imgGroupList__3col .bl_imgGroup {
    row-gap: 24px;
  }
  .bl_imgGroupList__3col .bl_imgGroup .el_hdgLv1 + .el_txt {
    margin-top: 24px;
  }
}
.bl_imgGroupList .bl_imgGroup {
  margin-top: 0;
}

.bl_anchorLinks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 24px;
  margin-top: 40px;
}
@media not all and (max-width: 767px), print {
  .bl_anchorLinks {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
.bl_anchorLinks > li {
  position: relative;
  display: grid;
  border-bottom: 1px solid var(--_clr_line-gray-middle);
}
.bl_anchorLinks a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
  padding-bottom: 8px;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.03em;
  transition: color var(--transDur);
}
.bl_anchorLinks a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(var(--_clr_primary), var(--_clr_primary));
  background-size: 0% 100%;
  background-repeat: no-repeat;
  translate: 0 50%;
  transform: perspective(0);
  transition: background-size var(--transDur);
}
.bl_anchorLinks a:after {
  content: "";
  width: 12px;
  aspect-ratio: 1;
  background-image: url(../img/common/icon/icon_tri.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.bl_anchorLinks a:focus-visible {
  color: var(--_clr_primary);
}
.bl_anchorLinks a:focus-visible:before {
  background-size: 100% 100%;
}
.bl_anchorLinks a:focus-visible:after {
  animation: verticalBound 0.6s ease-in-out;
}
@media (any-hover: hover) {
  .bl_anchorLinks a:hover {
    color: var(--_clr_primary);
  }
  .bl_anchorLinks a:hover:before {
    background-size: 100% 100%;
  }
  .bl_anchorLinks a:hover:after {
    animation: verticalBound 0.6s ease-in-out;
  }
}

.bl_labels {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
  margin-top: 40px;
}
.bl_labels__blue .el_label {
  border-color: var(--_clr_primary);
  background-color: var(--_clr_primary);
  color: #fff;
}
.bl_labels > li {
  display: grid;
}

.bl_hdgAndLabels {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .bl_hdgAndLabels {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
}
.bl_hdgAndLabels_hdg {
  padding-block: 1px;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 2;
}
.bl_hdgAndLabels_hdg:after {
  content: "：";
}
.bl_hdgAndLabels .bl_labels {
  margin-top: 0;
}

.bl_policyArea {
  position: relative;
  margin-top: 120px;
  margin-inline: 20px;
  padding: 80px 64px;
  background-color: var(--_clr_bg_lightblue-dark);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .bl_policyArea {
    margin-top: 64px;
    margin-inline: 18px;
    padding: 72px 32px 56px;
    border-radius: 8px;
  }
}
.bl_policyArea:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  width: 64px;
  height: 3px;
  background-color: var(--_clr_primary);
  transform: perspective(0);
  translate: -50% 0;
}
.bl_policyArea_inner {
  text-align: center;
}
.bl_policyArea_hdg {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .bl_policyArea_hdg {
    margin-bottom: 32px;
    font-size: 1.75rem;
  }
}
.bl_policyArea_txt {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .bl_policyArea_txt {
    font-size: 1.0625rem;
    line-height: 1.8;
    text-align: left;
  }
}

.bl_panelBtnArea {
  margin-top: 120px;
  padding-block: 80px 90px;
  background-color: color-mix(in srgb, var(--_clr_bg_lightgray-dark) 50%, transparent);
}
@media screen and (max-width: 767px) {
  .bl_panelBtnArea {
    margin-top: 80px;
    padding-block: 64px;
  }
}
.bl_panelBtnArea_hdg {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .bl_panelBtnArea_hdg {
    margin-bottom: 48px;
    font-size: 1.375rem;
  }
}
.bl_panelBtnArea_list {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .bl_panelBtnArea_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
  }
}
.bl_panelBtnArea_list > li {
  display: grid;
}
.bl_panelBtnArea_list > li > a {
  display: grid;
}
.bl_panelBtnArea_list > li > a:focus-visible .bl_panelBtnArea_panel .thumb img {
  scale: 1.1;
}
@media (any-hover: hover) {
  .bl_panelBtnArea_list > li > a:hover .bl_panelBtnArea_panel .thumb img {
    scale: 1.1;
  }
}
.bl_panelBtnArea_panel .thumb {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_panelBtnArea_panel .thumb {
    border-radius: 8px;
  }
}
.bl_panelBtnArea_panel .thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
.bl_panelBtnArea_panel time {
  display: block;
  margin-top: 21px;
  font-family: var(--_ff_Montserrat);
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 767px) {
  .bl_panelBtnArea_panel time {
    margin-top: 24px;
  }
}
.bl_panelBtnArea_panel .ttl {
  margin-top: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .bl_panelBtnArea_panel .ttl {
    font-size: 1rem;
  }
}

.bl_otherLinkArea {
  margin-top: 120px;
  padding-block: 80px 90px;
  background-color: color-mix(in srgb, var(--_clr_bg_lightgray-dark) 50%, transparent);
}
@media screen and (max-width: 767px) {
  .bl_otherLinkArea {
    margin-top: 80px;
    padding-block: 64px;
  }
}
.bl_otherLinkArea_hdg {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .bl_otherLinkArea_hdg {
    margin-bottom: 48px;
    font-size: 1.375rem;
  }
}
.bl_otherLinkArea_list {
  display: grid;
  row-gap: 8px;
}
@media not all and (max-width: 767px), print {
  .bl_otherLinkArea_list__2col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_otherLinkArea_list__3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}
.bl_otherLinkArea_list > li {
  display: grid;
}

.bl_staffList {
  display: grid;
  margin-top: 40px;
  row-gap: 16px;
}
@media not all and (max-width: 767px), print {
  .bl_staffList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
    margin-top: 64px;
  }
}
.bl_staffList .staff {
  display: grid;
  aspect-ratio: 56/27;
}
.bl_staffList .staff > a {
  display: grid;
  border-radius: clamp(12px, 1.3vw, 16px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff > a {
    border-radius: 8px;
  }
}
.bl_staffList .staff > a:focus-visible .img img {
  scale: 1.1;
}
.bl_staffList .staff > a:focus-visible .img:before {
  opacity: 0.3;
}
@media (any-hover: hover) {
  .bl_staffList .staff > a:hover .img img {
    scale: 1.1;
  }
  .bl_staffList .staff > a:hover .img:before {
    opacity: 0.3;
  }
}
.bl_staffList .staff .inner {
  position: relative;
  display: grid;
  border-radius: inherit;
}
.bl_staffList .staff .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bl_staffList .staff .img:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0A5A8C;
  opacity: 0.2;
  transition: opacity var(--transDur);
  z-index: 1;
}
.bl_staffList .staff .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
.bl_staffList .staff .cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff .cont {
    padding: 18px;
  }
}
.bl_staffList .staff .cont .job {
  position: absolute;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  padding: clamp(7.5px, 0.83vw, 10px);
  border-bottom-right-radius: clamp(12px, 1.3vw, 16px);
  min-width: clamp(84px, 9.2vw, 112px);
  background-color: var(--_clr_primary);
  font-weight: 700;
  font-size: clamp(0.5625rem, 1.1vw, 0.8125rem);
  line-height: 1.8;
}
.bl_staffList .staff .cont .leadTxt {
  font-weight: 700;
  font-size: clamp(1.125rem, 2.2vw, 1.625rem);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff .cont .leadTxt {
    font-weight: 500;
    font-size: 1.125rem;
  }
}
.bl_staffList .staff .cont .person {
  display: flex;
  align-items: flex-end;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff .cont .person {
    margin-top: 3px;
  }
}
.bl_staffList .staff .cont .person .name {
  display: inline-block;
  font-weight: 700;
  font-size: clamp(0.75rem, 1.6vw, 1.125rem);
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff .cont .person .name {
    font-weight: 500;
    font-size: 0.875rem;
  }
}
.bl_staffList .staff .cont .person .jointed {
  position: relative;
  font-size: clamp(0.625rem, 1.2vw, 0.875rem);
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .bl_staffList .staff .cont .person .jointed {
    font-size: 0.75rem;
  }
}
.bl_staffList .staff .cont .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-inline: 5px;
}

.bl_indexCardList {
  margin-top: 100px;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList {
    margin-top: 56px;
  }
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .splide__track {
    overflow: visible;
  }
}
.bl_indexCardList .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 384px;
  height: 48px;
  pointer-events: none;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .splide__arrows {
    width: 296px;
    height: 32px;
  }
}
.bl_indexCardList .splide__arrow {
  position: absolute;
  top: 50%;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--_clr_line-gray-light);
  background-color: #fff;
  color: var(--_clr_primary);
  pointer-events: auto;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .splide__arrow {
    width: 32px;
  }
}
.bl_indexCardList .splide__arrow[disabled] {
  border-color: #E1E1E1;
  color: #E1E1E1;
  opacity: 0.5;
}
.bl_indexCardList .splide__arrow > svg {
  display: none;
}
.bl_indexCardList .splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .splide__arrow:before {
    width: 16px;
  }
}
.bl_indexCardList .splide__arrow--prev {
  left: 0;
  scale: -1 -1;
}
.bl_indexCardList .splide__arrow--next {
  right: 0;
}
.bl_indexCardList .splide__pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 40px auto 0;
  width: 240px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .splide__pagination {
    width: 190px;
    height: 32px;
  }
}
.bl_indexCardList .splide__pagination > li {
  flex: 1;
  display: grid;
  align-items: center;
}
.bl_indexCardList .splide__pagination__page {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--_clr_ui-inactive);
}
.bl_indexCardList .splide__pagination__page.is-active {
  background-color: var(--_clr_primary);
}
.bl_indexCardList .indexCard {
  display: grid;
  width: 353px;
  aspect-ratio: 353/471;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard {
    width: 252px;
    aspect-ratio: 252/329;
  }
}
.bl_indexCardList .indexCard > a {
  display: grid;
  border-radius: 15px;
  overflow: hidden;
}
.bl_indexCardList .indexCard > a:focus-visible .img img {
  scale: 1.1;
}
.bl_indexCardList .indexCard > a:focus-visible .img:before {
  opacity: 0.3;
}
@media (any-hover: hover) {
  .bl_indexCardList .indexCard > a:hover .img img {
    scale: 1.1;
  }
  .bl_indexCardList .indexCard > a:hover .img:before {
    opacity: 0.3;
  }
}
.bl_indexCardList .indexCard_inner {
  position: relative;
  display: grid;
  border-radius: inherit;
}
.bl_indexCardList .indexCard .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bl_indexCardList .indexCard .img:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0A5A8C;
  opacity: 0.2;
  transition: opacity calc(var(--transDur) / 0.8);
  z-index: 1;
}
.bl_indexCardList .indexCard .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale calc(var(--transDur) / 0.8);
}
.bl_indexCardList .indexCard .cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard .cont {
    padding: 25px 16px;
  }
}
.bl_indexCardList .indexCard .cont .job {
  position: absolute;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  padding: 10px;
  border-bottom-right-radius: 15px;
  min-width: 112px;
  background-color: var(--_clr_primary);
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.8;
}
.bl_indexCardList .indexCard .cont .leadTxt {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard .cont .leadTxt {
    font-size: 1.125rem;
  }
}
.bl_indexCardList .indexCard .cont .person {
  display: flex;
  align-items: flex-end;
  margin-top: 16px;
}
.bl_indexCardList .indexCard .cont .person .name {
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard .cont .person .name {
    font-size: 0.9375rem;
  }
}
.bl_indexCardList .indexCard .cont .person .jointed {
  position: relative;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard .cont .person .jointed {
    font-size: 0.8125rem;
  }
}
.bl_indexCardList .indexCard .cont .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-inline: 8px;
}
@media screen and (max-width: 767px) {
  .bl_indexCardList .indexCard .cont .person .jointed:before {
    font-size: 1rem;
  }
}
.bl_indexCardList_btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
}
@media not all and (max-width: 767px), print {
  .bl_indexCardList_btn {
    height: 48px;
    translate: 0 -100%;
  }
}
.bl_indexCardList_btn .el_leadingBtn {
  pointer-events: auto;
}
@media not all and (max-width: 767px), print {
  .bl_indexCardList_btn .el_leadingBtn {
    margin-top: 0;
  }
}

.bl_stepList {
  display: grid;
  row-gap: 40px;
  padding: 80px 50px;
}
@media screen and (max-width: 767px) {
  .bl_stepList {
    row-gap: 32px;
    padding: 40px 0;
  }
}
.bl_stepList .step {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  min-height: 112px;
  background-color: var(--_clr_bg_lightgray-middle);
  border-radius: 8px;
}
@media not all and (max-width: 767px), print {
  .bl_stepList .step {
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 120px;
  }
}
.bl_stepList .step:not(:last-child):after {
  content: "";
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  width: 48px;
  aspect-ratio: 12/5;
  background-color: var(--_clr_primary);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step:not(:last-child):after {
    top: calc(100% + 16px);
    width: 36px;
  }
}
.bl_stepList .step_head {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 4px;
  align-items: center;
  font-family: var(--_ff_Montserrat);
  font-weight: 600;
  line-height: 1.3;
  color: var(--_clr_primary);
}
.bl_stepList .step_head:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: calc(100% - 44px);
  background-color: var(--_clr_line-gray-middle);
  translate: 50% -50%;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_head:after {
    height: calc(100% - 40px);
  }
}
.bl_stepList .step_label {
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_label {
    font-size: 0.875rem;
  }
}
.bl_stepList .step_num {
  font-size: 1.75rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_num {
    font-size: 1.375rem;
  }
}
.bl_stepList .step_body {
  display: grid;
  align-content: center;
  row-gap: 16px;
  padding: 20px 40px;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_body {
    padding: 17px 24px;
    row-gap: 8px;
  }
}
.bl_stepList .step_ttl {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_ttl {
    font-size: 1rem;
  }
}
.bl_stepList .step_desc {
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step_desc {
    line-height: 1.4;
  }
}
.bl_stepList .step__blue {
  grid-template-columns: minmax(0, 1fr);
  place-content: center;
  background-color: var(--_clr_bg_lightblue);
  color: var(--_clr_primary);
}
.bl_stepList .step__blue .step_ttl {
  font-size: 1.375rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bl_stepList .step__blue .step_ttl {
    font-size: 1rem;
  }
}

.bl_labelList {
  display: grid;
  row-gap: 30px;
  margin-top: 64px;
}
@media screen and (max-width: 767px) {
  .bl_labelList {
    margin-top: 40px;
  }
}
.bl_labelList_item {
  border-radius: 16px;
  overflow: hidden;
}
.bl_labelList_item_head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding: 20px 64px;
  background-color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_head {
    padding: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
.bl_labelList_item_head .label {
  padding: 2px 16px;
  background-color: #fff;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 2;
  color: var(--_clr_primary);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_head .label {
    padding-inline: 11px;
  }
}
.bl_labelList_item_head .ttl {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_head .ttl {
    font-size: 1.125rem;
  }
}
.bl_labelList_item_body {
  padding: 48px 64px;
  background-color: var(--_clr_bg_lightgray-middle);
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_body {
    padding: 24px 16px;
  }
}
.bl_labelList_item_body .lead {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_body .lead {
    padding: 24px;
    font-size: 1rem;
  }
}
.bl_labelList_item_body .subHdg {
  margin-block: 28px 12px;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .bl_labelList_item_body .subHdg {
    font-size: 1rem;
  }
}
.bl_labelList_item_body .list {
  display: grid;
  row-gap: 6px;
}
.bl_labelList_item_body .list > li {
  position: relative;
  padding-left: 22px;
  line-height: 1.6;
}
.bl_labelList_item_body .list > li:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 8px;
  width: 6px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  translate: -50% -50%;
  transform: perspective(0);
}

.bl_timelineList {
  margin-top: 64px;
  padding: 40px 80px;
  background-color: var(--_clr_bg_lightblue);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .bl_timelineList {
    padding: 48px 16px;
  }
}
.bl_timelineList_list {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  row-gap: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_list {
    row-gap: 16px;
  }
}
.bl_timelineList_item {
  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  align-items: center;
  -moz-column-gap: 67px;
  column-gap: 67px;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_item {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
}
.bl_timelineList_item:first-child .bl_timelineList_head:before {
  content: none;
}
.bl_timelineList_head {
  position: relative;
  display: grid;
  align-items: center;
  padding-right: 36px;
  height: 100%;
  font-family: var(--_ff_Montserrat);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 2;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_head {
    align-items: flex-start;
    width: 31px;
    padding-top: 24px;
    padding-right: 14px;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
  }
}
.bl_timelineList_head:before, .bl_timelineList_head:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(50% + 10px);
  background-color: color-mix(in srgb, var(--_clr_txt) 30%, transparent);
  transform: perspective(0);
}
.bl_timelineList_head:before {
  bottom: 50%;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_head:before {
    bottom: calc(100% - 32px);
    height: 40px;
  }
}
.bl_timelineList_head:after {
  top: 50%;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_head:after {
    top: 32px;
    height: calc(100% - 32px + 8px);
  }
}
.bl_timelineList_body {
  position: relative;
  padding: 32px 40px;
  background-color: #fff;
  border-radius: 8px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_body {
    padding: 24px 16px;
  }
}
.bl_timelineList_body:before, .bl_timelineList_body:after {
  content: "";
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_body:before, .bl_timelineList_body:after {
    top: 32px;
  }
}
.bl_timelineList_body:before {
  left: -67px;
  width: 11px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_body:before {
    left: -28px;
  }
}
.bl_timelineList_body:after {
  left: 0;
  width: 13px;
  aspect-ratio: 13/20;
  background-color: #fff;
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  translate: -100% -50%;
}
.bl_timelineList_body .ttl {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .bl_timelineList_body .ttl {
    font-size: 1rem;
  }
}
.bl_timelineList_body .ttl:only-child {
  margin-bottom: 0;
}
.bl_timelineList_body .desc {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .bl_timelineList_body .desc {
    font-size: 0.875rem;
  }
}

.bl_iconPanelList {
  display: grid;
  margin-top: 64px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px;
}
@media not all and (max-width: 767px), print {
  .bl_iconPanelList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .bl_iconPanelList {
    padding-inline: 24px;
  }
}

.bl_iconPanel {
  display: grid;
  border-radius: 16px;
  background-color: var(--_clr_bg_lightgray-middle);
}
@media not all and (max-width: 767px), print {
  .bl_iconPanel {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .bl_iconPanel {
    justify-content: center;
    row-gap: 24px;
    padding: 24px;
  }
}
.bl_iconPanel_icon {
  width: 120px;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .bl_iconPanel_icon {
    margin-inline: auto;
  }
}
.bl_iconPanel_icon > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.bl_iconPanel_body .txt {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
}

.bl_eventProgram {
  margin-top: 64px;
}
.bl_eventProgram_inner {
  padding: 40px;
  background-color: var(--_clr_bg_lightgray-middle);
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .bl_eventProgram_inner {
    padding-inline: 16px;
  }
}
.bl_eventProgram .bl_eventProgram_hdg {
  margin-top: 0;
}
.bl_eventProgram_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 32px;
}
@media screen and (max-width: 767px) {
  .bl_eventProgram_list {
    row-gap: 24px;
  }
}

.bl_program {
  padding: 32px 40px;
  background-color: #fff;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .bl_program {
    padding: 24px;
  }
}
.bl_program_head {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .bl_program_head {
    margin-bottom: 16px;
  }
}
.bl_program_label {
  display: inline-block;
  margin-bottom: 8px;
  padding: 0px 12px 2px;
  background-color: var(--_clr_primary);
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0;
  color: #fff;
}
.bl_program_ttl {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--_clr_line-gray-dark);
}
@media screen and (max-width: 767px) {
  .bl_program_ttl {
    font-size: 1.125rem;
  }
}

.bl_articleList {
  display: grid;
  row-gap: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .bl_articleList {
    row-gap: 80px;
    padding-bottom: 80px;
  }
}

.bl_article {
  background-color: #fff;
  border-radius: 16px;
  padding: 64px;
}
@media screen and (max-width: 767px) {
  .bl_article {
    padding-inline: 24px;
  }
}
.bl_article_head {
  margin-bottom: 64px;
}
.bl_article_head .el_hdgLv1 {
  margin-block: 0;
}
.bl_article_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px;
}
.bl_article_info > time {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.bl_article_info .category {
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--_clr_primary);
}
.bl_article + .el_pageBackBtn {
  margin-top: 40px;
}

.bl_newsList {
  display: grid;
  padding-bottom: 120px;
}
@media not all and (max-width: 767px), print {
  .bl_newsList {
    grid-template-columns: auto auto minmax(0, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .bl_newsList {
    border-top: 1px solid var(--_clr_line-gray-light);
  }
}
.bl_newsList > li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  align-items: center;
  min-height: 72px;
  padding: 16px 24px 15px;
  border-bottom: 1px solid var(--_clr_line-gray-light);
}
@media screen and (max-width: 767px) {
  .bl_newsList > li {
    grid-template-columns: auto minmax(0, 1fr);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 11px;
    padding: 31px 0 32px;
  }
}
.bl_newsList > li .category {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--_clr_primary);
}
@media not all and (max-width: 767px), print {
  .bl_newsList > li .category {
    margin-right: 40px;
    font-size: 0.875rem;
  }
}
.bl_newsList > li time {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--_clr_txt-gray);
}
@media not all and (max-width: 767px), print {
  .bl_newsList > li time {
    margin-right: 24px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_newsList > li .ttl {
    grid-column: span 2;
  }
}
.bl_newsList > li .ttl > a {
  font-size: 0.9375rem;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: currentColor;
  transition-property: text-decoration-color, color;
  transition-duration: var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_newsList > li .ttl > a {
    line-height: 1.8;
  }
}
.bl_newsList > li .ttl > a::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.bl_newsList > li .ttl > a[target=_blank]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.bl_newsList > li .ttl > a[href$=".pdf"]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.bl_newsList > li .ttl > a:after {
  margin-left: 4px;
  width: 24px;
  color: var(--_clr_primary);
  vertical-align: text-top;
}
@media screen and (max-width: 767px) {
  .bl_newsList > li .ttl > a:after {
    margin-right: 0;
  }
}
.bl_newsList > li .ttl > a:focus-visible {
  color: var(--_clr_primary);
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .bl_newsList > li .ttl > a:hover {
    color: var(--_clr_primary);
    text-decoration-color: transparent;
  }
}

.bl_newsThumbList {
  display: grid;
  row-gap: 56px;
  padding-bottom: 120px;
}
@media not all and (max-width: 767px), print {
  .bl_newsThumbList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
    row-gap: 32px;
  }
}
.bl_newsThumbList > li .inner {
  display: grid;
  row-gap: 16px;
}
.bl_newsThumbList > li .inner .thumb {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_newsThumbList > li .inner .thumb {
    border-radius: 8px;
  }
}
.bl_newsThumbList > li .inner .thumb img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_newsThumbList > li .inner .thumb img {
    aspect-ratio: 3/2;
  }
}
.bl_newsThumbList > li .inner .cont .info {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
}
.bl_newsThumbList > li .inner .cont .info time {
  display: block;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--_clr_txt-gray);
}
@media screen and (max-width: 767px) {
  .bl_newsThumbList > li .inner .cont .info time {
    font-size: 0.8125rem;
  }
}
.bl_newsThumbList > li .inner .cont .info .category {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .bl_newsThumbList > li .inner .cont .info .category {
    font-size: 0.8125rem;
  }
}
.bl_newsThumbList > li .inner .cont .ttl {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.4;
}
.bl_newsThumbList > li > a:focus-visible .inner .thumb img {
  scale: 1.1;
}
@media (any-hover: hover) {
  .bl_newsThumbList > li > a:hover .inner .thumb img {
    scale: 1.1;
  }
}

.pc-only {
  display: inline;
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}
/**
 * Element
 */
.el_btn-1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  opacity: 1 !important;
}
.el_btn-1 > a {
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .el_btn-1:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
.el_btn-1__ttl {
  margin-right: 0.625rem;
  color: #FFF;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .el_btn-1__ttl {
    font-size: 0.9375rem;
  }
}
.el_btn-1__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--_clr_primary);
  border-radius: 4.5rem;
}
.el_btn-1__icon img {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 767px) {
  .el_btn-1__icon {
    width: 3rem;
    height: 3rem;
  }
  .el_btn-1__icon img {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}

.el_btn-2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  opacity: 1 !important;
}
@media (min-width: 1024px) {
  .el_btn-2:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
.el_btn-2__ttl {
  margin-right: 0.625rem;
  color: var(--_clr_txt);
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .el_btn-2__ttl {
    font-size: 0.875rem;
    font-weight: 700;
  }
}
.el_btn-2__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--_clr_primary);
  border-radius: 2.5rem;
}
.el_btn-2__icon img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 767px) {
  .el_btn-2__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .el_btn-2__icon img {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}

.el_pageTtl {
  margin-top: 80px;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .el_pageTtl {
    margin-top: 64px;
    font-size: 1.875rem;
    line-height: 1.47;
    letter-spacing: 0;
  }
}

.el_hdgLv1 {
  position: relative;
  margin-top: 120px;
  margin-bottom: 40px;
  padding-bottom: 27px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .el_hdgLv1 {
    margin-top: 80px;
    font-size: 1.5rem;
  }
}
.el_hdgLv1:before, .el_hdgLv1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  transform: perspective(0);
}
.el_hdgLv1:before {
  width: 100%;
  background-color: var(--_clr_line-gray-middle);
  z-index: 0;
}
.el_hdgLv1:after {
  width: 48px;
  background-color: var(--_clr_primary);
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .el_hdgLv1__innerColumn {
    margin-top: 24px;
    margin-bottom: 32px;
    padding-bottom: 20px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgLv1__innerColumn {
    margin-top: 40px;
  }
}
.el_hdgLv1__innerColumn:before {
  content: none;
}

.el_hdgLv2 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 24px;
  padding-left: 30px;
  padding-bottom: 4px;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .el_hdgLv2 {
    margin-top: 45px;
    font-size: 1.25rem;
  }
}
.el_hdgLv2:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 1px;
  width: 12px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 2px;
  transform: perspective(0);
  translate: 0 -50%;
}

.el_hdgLv3 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .el_hdgLv3 {
    font-size: 1.125rem;
  }
}

.el_hdgLv4 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .el_hdgLv4 {
    font-size: 1rem;
  }
}

.el_hdgLv5 {
  margin-top: 16px;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .el_hdgLv5 {
    font-size: 1rem;
  }
}

.el_hdgLv1 + *,
.el_hdgLv2 + *,
.el_hdgLv3 + *,
.el_hdgLv4 + *,
.el_hdgLv5 + * {
  margin-top: 0 !important;
}

.el_sectHdgLv1 {
  position: relative;
  padding-top: 24px;
  margin-bottom: 55px;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .el_sectHdgLv1 {
    padding-top: 31px;
    margin-bottom: 32px;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
  }
}
.el_sectHdgLv1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  aspect-ratio: 29/23;
  background-image: url(../img/common/deco_circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.el_sectHdgLv2 {
  margin-bottom: 64px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .el_sectHdgLv2 {
    margin-bottom: 40px;
    font-size: 1.25rem;
  }
}

.el_sectHdgLv3 {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 767px) {
  .el_sectHdgLv3 {
    font-size: 1.125rem;
  }
}

.el_annotation {
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .el_annotation {
    font-size: 0.8125rem;
  }
}
.el_annotation > li {
  position: relative;
  padding-left: calc(1em + 4px);
}
.el_annotation > li:not(:first-child) {
  margin-top: 8px;
}
.el_annotation > li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.el_3colList {
  --listColor: var(--_clr_primary);
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media not all and (max-width: 767px), print {
  .el_3colList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
    row-gap: 8px;
  }
  .el_3colList > li:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .el_3colList {
    font-size: 0.9375rem;
  }
}
.el_3colList.isBlue {
  --listColor: var(--_clr_primary);
}
.el_3colList.isGray {
  --listColor: var(--_clr_txt-lightgray);
}
.el_3colList > li {
  position: relative;
  padding-left: 22px;
}
.el_3colList > li:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 8px;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--listColor);
  transform: perspective(0);
  translate: -50% -50%;
}
.el_3colList > li:not(:first-child) {
  margin-top: 6px;
}

.el_catchCopy {
  margin-top: 40px;
  font-weight: 500;
  font-size: 2.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .el_catchCopy {
    font-size: 1.5rem;
  }
}
.el_catchCopy__center {
  text-align: center;
}
.el_catchCopy__sm {
  margin-top: 24px;
  font-size: 1.875rem;
}
@media screen and (max-width: 767px) {
  .el_catchCopy__sm {
    font-size: 1.25rem;
  }
}

.el_table {
  margin-top: 64px;
}
.el_table > table {
  border-collapse: separate;
}
.el_table th,
.el_table td {
  padding: 24px 19px;
  border: 1px solid transparent;
  vertical-align: middle;
  line-height: 1.6;
  text-align: left;
}
.el_table th.isLeft,
.el_table td.isLeft {
  text-align: left;
}
.el_table th.isCenter,
.el_table td.isCenter {
  text-align: center;
}
.el_table th.isRight,
.el_table td.isRight {
  text-align: right;
}
.el_table th > *:first-child,
.el_table td > *:first-child {
  margin-top: 0;
}
.el_table th > *:not(:first-child),
.el_table td > *:not(:first-child) {
  margin-top: 16px;
}
.el_table th iframe,
.el_table td iframe {
  width: 100%;
  height: 294px;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .el_table th iframe,
  .el_table td iframe {
    height: 226px;
    border-radius: 8px;
  }
}
.el_table th a,
.el_table td a {
  display: inline-block;
  color: var(--_clr_primary);
  text-decoration: underline;
  text-underline-offset: 0.4em;
  transition: color var(--transDur);
}
.el_table th a::after,
.el_table td a::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.el_table th a[target=_blank]::after,
.el_table td a[target=_blank]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.el_table th a[href$=".pdf"]::after,
.el_table td a[href$=".pdf"]::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.el_table th a:after,
.el_table td a:after {
  width: 24px;
  translate: 0 6px;
}
.el_table th a:focus-visible,
.el_table td a:focus-visible {
  color: var(--_clr_primary-dark);
}
@media (any-hover: hover) {
  .el_table th a:hover,
  .el_table td a:hover {
    color: var(--_clr_primary-dark);
  }
}
.el_table th {
  background-color: var(--_clr_bg_lightgray-middle);
  font-weight: 700;
}
.el_table td {
  background-color: #fff;
  letter-spacing: 0.03em;
}
.el_table_row th,
.el_table_row td {
  min-width: 256px;
  border-bottom: 1px solid var(--_clr_line-gray-middle);
}
@media not all and (max-width: 767px), print {
  .el_table_row th:not(:first-child),
  .el_table_row td:not(:first-child) {
    border-left-color: var(--_clr_line-gray-middle);
  }
}
.el_table_row th .bl_img,
.el_table_row td .bl_img {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .el_table_row th.left, .el_table_row th.center, .el_table_row th.right,
  .el_table_row td.left,
  .el_table_row td.center,
  .el_table_row td.right {
    text-align: left;
  }
}
@media not all and (max-width: 767px), print {
  .el_table_row td {
    width: 100%;
  }
}
.el_table_row tr:first-child th,
.el_table_row tr:first-child td {
  border-top: 1px solid var(--_clr_line-gray-middle);
}
.el_table_row table {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .el_table_row table {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .el_table_row table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
.el_table__scrollable table {
  width: 100%;
}
@media not all and (max-width: 767px), print {
  .el_table__scrollable table {
    table-layout: fixed;
  }
}
.el_table__scrollable thead tr th {
  background-color: #EEEEF1;
}
.el_table__scrollable thead tr th:not(:last-child) {
  border-right: 1px solid var(--_clr_line-gray-dark);
}
.el_table__scrollable tbody tr th, .el_table__scrollable tbody tr td {
  border-right-color: var(--_clr_line-gray-middle);
  border-bottom-color: var(--_clr_line-gray-middle);
}
@media screen and (max-width: 767px) {
  .el_table__scrollable tbody tr th {
    width: 146px;
  }
}
@media screen and (max-width: 767px) {
  .el_table__scrollable tbody tr td {
    width: 176px;
  }
}
@media screen and (max-width: 767px) {
  .el_table__scrollable {
    padding-bottom: 40px;
    max-height: 80svh;
    /* バーの色 */
  }
  .el_table__scrollable table {
    width: -moz-max-content;
    width: max-content;
    min-width: 640px;
  }
  .el_table__scrollable .simplebar-content-wrapper {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .el_table__scrollable .simplebar-track {
    background-color: #e0e0e0;
  }
  .el_table__scrollable .simplebar-track.simplebar-horizontal {
    height: 10px;
  }
  .el_table__scrollable .simplebar-track.simplebar-vertical {
    width: 10px;
  }
  .el_table__scrollable .simplebar-scrollbar::before {
    border-radius: 4px;
    background-color: #007bff;
    opacity: 1;
  }
  .el_table__scrollable .simplebar-scrollbar::before:focus-visible {
    background-color: #0056b3;
  }
}
@media screen and (max-width: 767px) and (any-hover: hover) {
  .el_table__scrollable .simplebar-scrollbar::before:hover {
    background-color: #0056b3;
  }
}
@media screen and (max-width: 767px) {
  .el_table__scrollable .scroll-hint-icon {
    display: grid;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    padding: 18px 16px 16px;
    width: 72px;
    height: 72px;
    background-color: color-mix(in srgb, var(--_clr_overlay) 50%, transparent);
    box-shadow: 0px 2.45px 4.09px 0px rgba(0, 0, 0, 0.1019607843);
  }
  .el_table__scrollable .scroll-hint-icon:before {
    width: 16px;
    height: 23px;
    justify-self: center;
    background-image: url(../img/common/icon/icon_mouse.svg);
  }
  .el_table__scrollable .scroll-hint-icon:after {
    top: 27px;
    left: calc(50% + 10px);
    width: 7px;
    height: 7px;
    margin: 0;
    background-image: url(../img/common/icon/icon_move.svg);
  }
  .el_table__scrollable .scroll-hint-icon .scroll-hint-text {
    margin-top: 5px;
    font-family: var(--_ff_Montserrat);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .el_table__scrollable .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: 1;
  }
}
@media not all and (max-width: 767px), print {
  .el_table__scrollable table {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .el_table__scrollable {
    max-height: 80svh;
    /* バーの色 */
  }
  .el_table__scrollable table {
    width: 200%;
  }
  .el_table__scrollable .simplebar-content-wrapper {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .el_table__scrollable .simplebar-track {
    background-color: #e0e0e0;
  }
  .el_table__scrollable .simplebar-track.simplebar-horizontal {
    height: 10px;
  }
  .el_table__scrollable .simplebar-track.simplebar-vertical {
    width: 10px;
  }
  .el_table__scrollable .simplebar-scrollbar::before {
    border-radius: 4px;
    background-color: #007bff;
    opacity: 1;
  }
  .el_table__scrollable .simplebar-scrollbar::before:focus-visible {
    background-color: #0056b3;
  }
}
@media screen and (max-width: 767px) and (any-hover: hover) {
  .el_table__scrollable .simplebar-scrollbar::before:hover {
    background-color: #0056b3;
  }
}

.el_iconLink_inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.el_iconLink_inner .txt {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
  transition: color var(--transDur);
}
.el_iconLink_inner .icon {
  position: relative;
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .el_iconLink_inner .icon {
    width: 20px;
  }
}
.el_iconLink_inner .icon:before, .el_iconLink_inner .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_sm.svg);
  mask-image: url(../img/common/icon/icon_arw_sm.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transform: perspective(0);
}
.el_iconLink_inner .icon:before {
  right: 100%;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 767px) {
  .el_iconLink_inner .icon:before {
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.el_iconLink_inner .icon:after {
  left: 0;
}
.el_iconLink > a {
  display: inline-block;
}
.el_iconLink > a .icon::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
  transform: perspective(0);
}
@media screen and (max-width: 767px) {
  .el_iconLink > a .icon::after {
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.el_iconLink > a[target=_blank] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_blank_sm.svg);
  mask-image: url(../img/common/icon/icon_blank_sm.svg);
}
.el_iconLink > a[href$=".pdf"] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_pdf_sm.svg);
  mask-image: url(../img/common/icon/icon_pdf_sm.svg);
}
.el_iconLink > a:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.el_iconLink > a:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.el_iconLink > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_iconLink > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .el_iconLink > a:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .el_iconLink > a:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .el_iconLink > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_iconLink > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.el_iconLink > a:focus-visible .el_iconLink_inner .txt {
  color: var(--_clr_primary);
}
@media (any-hover: hover) {
  .el_iconLink > a:hover .el_iconLink_inner .txt {
    color: var(--_clr_primary);
  }
}

.el_leadingBtn {
  margin-top: 32px;
}
.el_leadingBtn_inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_inner {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
.el_leadingBtn_inner .txt {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.8;
  transition: color var(--transDur);
}
.el_leadingBtn_inner .icon {
  position: relative;
  display: inline-block;
  width: 64px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_inner .icon {
    width: 40px;
  }
}
.el_leadingBtn_inner .icon:before, .el_leadingBtn_inner .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transform: perspective(0);
}
.el_leadingBtn_inner .icon:before {
  right: 100%;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_inner .icon:before {
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
  }
}
.el_leadingBtn_inner .icon:after {
  left: 0;
}
.el_leadingBtn > a {
  display: inline-block;
}
.el_leadingBtn > a .icon::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.el_leadingBtn > a[target=_blank] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.el_leadingBtn > a[href$=".pdf"] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.el_leadingBtn > a:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.el_leadingBtn > a:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.el_leadingBtn > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_leadingBtn > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .el_leadingBtn > a:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .el_leadingBtn > a:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .el_leadingBtn > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_leadingBtn > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.el_leadingBtn > a:focus-visible .el_leadingBtn_inner .txt {
  color: var(--_clr_primary);
}
@media (any-hover: hover) {
  .el_leadingBtn > a:hover .el_leadingBtn_inner .txt {
    color: var(--_clr_primary);
  }
}
.el_leadingBtn_sm {
  margin-top: 24px;
}
.el_leadingBtn_sm .el_leadingBtn_inner {
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.el_leadingBtn_sm .el_leadingBtn_inner .icon {
  width: 24px;
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_sm .el_leadingBtn_inner .icon {
    width: 20px;
  }
}
.el_leadingBtn_sm .el_leadingBtn_inner .icon:before, .el_leadingBtn_sm .el_leadingBtn_inner .icon:after {
  -webkit-mask-image: url(../img/common/icon/icon_arw_sm.svg);
  mask-image: url(../img/common/icon/icon_arw_sm.svg);
}
.el_leadingBtn_sm .el_leadingBtn_inner .icon:before {
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_sm .el_leadingBtn_inner .icon:before {
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.el_leadingBtn_sm > a .icon::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
  transform: perspective(0);
}
@media screen and (max-width: 767px) {
  .el_leadingBtn_sm > a .icon::after {
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.el_leadingBtn_sm > a[target=_blank] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_blank_sm.svg);
  mask-image: url(../img/common/icon/icon_blank_sm.svg);
}
.el_leadingBtn_sm > a[href$=".pdf"] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_pdf_sm.svg);
  mask-image: url(../img/common/icon/icon_pdf_sm.svg);
}

.el_pageBackBtn {
  margin-top: 24px;
}
.el_pageBackBtn_inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 7px;
  column-gap: 7px;
}
@media screen and (max-width: 767px) {
  .el_pageBackBtn_inner {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
}
.el_pageBackBtn_inner .txt {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
  transition: color var(--transDur);
}
.el_pageBackBtn_inner .icon {
  position: relative;
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
  background-color: transparent;
  border-radius: 50%;
  color: var(--_clr_primary);
  rotate: 180deg;
  overflow: hidden;
}
.el_pageBackBtn_inner .icon:before, .el_pageBackBtn_inner .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_md.svg);
  mask-image: url(../img/common/icon/icon_arw_md.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transform: perspective(0);
}
.el_pageBackBtn_inner .icon:before {
  right: 100%;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
}
.el_pageBackBtn_inner .icon:after {
  left: 0;
}
.el_pageBackBtn > a {
  display: inline-block;
}
.el_pageBackBtn > a .icon::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.el_pageBackBtn > a[target=_blank] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.el_pageBackBtn > a[href$=".pdf"] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.el_pageBackBtn > a:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.el_pageBackBtn > a:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.el_pageBackBtn > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_pageBackBtn > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .el_pageBackBtn > a:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .el_pageBackBtn > a:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .el_pageBackBtn > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_pageBackBtn > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.el_pageBackBtn > a:focus-visible .el_pageBackBtn_inner .txt {
  color: var(--_clr_primary);
}
@media (any-hover: hover) {
  .el_pageBackBtn > a:hover .el_pageBackBtn_inner .txt {
    color: var(--_clr_primary);
  }
}

.el_btn {
  display: grid;
  border-radius: 4px;
  overflow: hidden;
}
.el_btn .icon::after {
  display: inline-block;
  background-color: currentColor;
  aspect-ratio: 1;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: perspective(0);
}
.el_btn[target=_blank] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank_md.svg);
  mask-image: url(../img/common/icon/icon_blank_md.svg);
}
.el_btn[href$=".pdf"] .icon::after {
  content: "";
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf_md.svg);
  mask-image: url(../img/common/icon/icon_pdf_md.svg);
}
.el_btn:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.el_btn:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.el_btn:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_btn:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .el_btn:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .el_btn:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .el_btn:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_btn:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.el_btn_inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding: 8px 24px 8px 32px;
  min-width: 343px;
  max-width: 500px;
  min-height: 64px;
  background-color: var(--_clr_primary);
  border-radius: inherit;
  color: #fff;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_btn_inner {
    padding: 8px 24px;
    min-width: unset;
  }
}
.el_btn_inner .txt {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.el_btn_inner .icon {
  position: relative;
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
  background-color: transparent;
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
}
.el_btn_inner .icon:before, .el_btn_inner .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_md.svg);
  mask-image: url(../img/common/icon/icon_arw_md.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transform: perspective(0);
}
.el_btn_inner .icon:before {
  right: 100%;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  -webkit-mask-position: center;
  mask-position: center;
}
.el_btn_inner .icon:after {
  left: 0;
}
.el_btn:focus-visible .el_btn_inner {
  background-color: var(--_clr_primary-dark);
}
@media (any-hover: hover) {
  .el_btn:hover .el_btn_inner {
    background-color: var(--_clr_primary-dark);
  }
}

.el_label {
  display: inline-block;
  padding: 0 11px;
  background-color: #fff;
  border: 1px solid var(--_clr_line-gray-light);
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 2;
  color: var(--_clr_primary);
}
.el_label__blue {
  border-color: var(--_clr_primary);
  background-color: var(--_clr_primary);
  color: #fff;
}

.el_otherLink {
  display: grid;
}
.el_otherLink .icon::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
  transform: perspective(0);
}
@media screen and (max-width: 767px) {
  .el_otherLink .icon::after {
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.el_otherLink[target=_blank] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_blank_sm.svg);
  mask-image: url(../img/common/icon/icon_blank_sm.svg);
}
.el_otherLink[href$=".pdf"] .icon::after {
  content: "";
  -webkit-mask-image: url(../img/common/icon/icon_pdf_sm.svg);
  mask-image: url(../img/common/icon/icon_pdf_sm.svg);
}
.el_otherLink:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.el_otherLink:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.el_otherLink:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_otherLink:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .el_otherLink:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .el_otherLink:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .el_otherLink:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .el_otherLink:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.el_otherLink:focus-visible .inner {
  border-color: var(--_clr_primary);
}
@media (any-hover: hover) {
  .el_otherLink:hover .inner {
    border-color: var(--_clr_primary);
  }
}
.el_otherLink .inner {
  display: flex;
  min-height: 112px;
  background-color: #fff;
  border: 1px solid var(--_clr_line-gray-dark);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner {
    min-height: 80px;
    border-radius: 8px;
  }
}
.el_otherLink .inner .thumb {
  flex-shrink: 0;
  width: 37.5%;
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner .thumb {
    width: 40%;
    aspect-ratio: 135/101;
  }
}
.el_otherLink .inner .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.el_otherLink .inner .cont {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 8px 24px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner .cont {
    padding-inline: 23px 18px;
  }
}
.el_otherLink .inner .cont .ttl {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner .cont .ttl {
    font-size: 1rem;
  }
}
.el_otherLink .inner .cont .icon {
  position: relative;
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner .cont .icon {
    width: 20px;
  }
}
.el_otherLink .inner .cont .icon > span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--_clr_primary);
  border-radius: 50%;
}
.el_otherLink .inner .cont .icon:before, .el_otherLink .inner .cont .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_sm.svg);
  mask-image: url(../img/common/icon/icon_arw_sm.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  transform: perspective(0);
}
@media screen and (max-width: 767px) {
  .el_otherLink .inner .cont .icon:before, .el_otherLink .inner .cont .icon:after {
    -webkit-mask-size: 12px 12px;
    mask-size: 12px 12px;
  }
}
.el_otherLink .inner .cont .icon:before {
  right: 100%;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
}
.el_otherLink .inner .cont .icon:after {
  left: 0;
}
@media not all and (max-width: 767px), print {
  .el_otherLink .inner:not(:has(.thumb)) .cont {
    padding-left: 31px;
  }
}
.el_otherLink.is_current {
  pointer-events: none;
}
.el_otherLink.is_current .inner .thumb {
  opacity: 0.5;
}
.el_otherLink.is_current .inner .cont .ttl {
  opacity: 0.5;
}
.el_otherLink.is_current .inner .cont .icon > span {
  background-color: var(--_clr_ui-inactive-dark);
}

/**
 * Unique
 */
/**
 * Helper
 */
@media screen and (max-width: 767px) {
  .hp_pcOnly {
    display: none !important;
  }
}

@media not all and (max-width: 767px), print {
  .hp_spOnly {
    display: none !important;
  }
}

.hp_srOnly {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.hp_trimLeading::before, .hp_trimLeading::after {
  content: "";
  display: block;
}
.hp_trimLeading::before {
  margin-block-end: var(--negLeading);
}
.hp_trimLeading::after {
  margin-block-start: var(--negLeading);
}

.hp_mt-0 {
  margin-top: 0px !important;
}

.hp_mt-8 {
  margin-top: 8px !important;
}

.hp_mt-16 {
  margin-top: 16px !important;
}

.hp_mt-24 {
  margin-top: 24px !important;
}

.hp_mt-32 {
  margin-top: 32px !important;
}

.hp_mt-40 {
  margin-top: 40px !important;
}

.hp_mt-48 {
  margin-top: 48px !important;
}

.hp_mt-56 {
  margin-top: 56px !important;
}

.hp_mt-64 {
  margin-top: 64px !important;
}

.hp_mt-72 {
  margin-top: 72px !important;
}

.hp_mt-80 {
  margin-top: 80px !important;
}

.hp_mt-88 {
  margin-top: 88px !important;
}

.hp_mt-96 {
  margin-top: 96px !important;
}

.hp_mt-104 {
  margin-top: 104px !important;
}

.hp_mt-112 {
  margin-top: 112px !important;
}

.hp_mt-120 {
  margin-top: 120px !important;
}

/**
 * Page
 */
/**
 * Keyframes
 */
@keyframes ripple-grow {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(8);
    opacity: 0;
  }
}
/**
 * Animation
 */
.pg_home {
  background-color: #FFF;
}
.pg_home .sp-display {
  display: none;
}
@media screen and (max-width: 767px) {
  .pg_home .sp-display {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .pc-display {
    display: none;
  }
}
.pg_home .inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 1.25rem;
}
@media screen and (max-width: 767px) {
  .pg_home .inner {
    padding-inline: 1rem;
  }
}
.pg_home .ct_intro-wrap {
  position: relative;
  z-index: 1;
}
.pg_home .ct_intro-bg {
  position: fixed;
  z-index: 1;
  left: 1.25rem;
  top: 1.25rem;
  width: calc(100% - 2.5rem);
  height: calc(100vh - 2.5rem);
  border-radius: 1.5rem;
  pointer-events: none;
  transition: 0.5s background-color ease, 0.5s border-radius ease;
  content: "";
}
.pg_home .ct_intro-bg.active-bg {
  background-color: rgba(27, 51, 80, 0.2);
}
.pg_home .ct_intro-bg.active {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_intro-bg {
    left: 1rem;
    top: 1rem;
    width: calc(100% - 2rem);
    height: calc(100vh - 2rem);
    border-radius: 1rem;
  }
  .pg_home .ct_intro-bg.active {
    left: 1rem;
    top: 1rem;
    width: calc(100% - 2rem);
    height: calc(100vh - 2rem);
    border-radius: 1rem;
  }
}
.pg_home .ct_intro {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100svh;
  padding: 1.25rem;
  pointer-events: none;
  transition: 0.5s padding;
}
.pg_home .ct_intro.active {
  padding: 0;
}
.pg_home .ct_intro.active .ct_intro__wrap {
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_intro {
    padding: 1rem;
  }
  .pg_home .ct_intro.active {
    padding: 1rem !important;
  }
  .pg_home .ct_intro.active .ct_intro__wrap {
    border-radius: 1rem !important;
  }
}
.pg_home .ct_intro__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
  transition: 0.5s border;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_intro__wrap {
    border-radius: 1rem;
  }
}
.pg_home .ct_intro__overlay {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  transition: 0.5s opacity;
  opacity: 1;
}
.pg_home .ct_intro__overlay.hide {
  opacity: 0;
}
.pg_home .ct_intro__video-wrap {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 2s ease-in-out, opacity 2s ease-in-out;
}
.pg_home .ct_intro__video-wrap::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(13, 38, 79, 0.52) 2%, rgba(13, 38, 79, 0.3) 10%, rgba(13, 38, 79, 0.2) 30%, rgba(13, 38, 79, 0.2) 100%);
  content: "";
}
.pg_home .ct_intro__video-wrap.active {
  opacity: 1;
  clip-path: circle(100% at 50% 50%);
}
.pg_home .ct_intro__video-wrap video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pg_home .ct_intro__video-wrap video.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.pg_home .keyv-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 2;
  left: 50%;
  top: calc(50% + 0.3125rem);
  width: 100%;
  max-width: 39.75rem;
  aspect-ratio: 1/1;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  transition: all 2s ease-out;
}
.pg_home .keyv-chart::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 39.75rem;
  content: "";
}
@media screen and (max-width: 767px) {
  .pg_home .keyv-chart {
    width: calc(100% - 3.125rem);
  }
}
.pg_home .keyv-chart.active-1 {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.pg_home .keyv-chart.active-1 .keyv-chart__frame-3::before {
  animation: ripple-grow 2s ease-out 1 forwards;
}
.pg_home .keyv-chart.active-2::after {
  border-color: rgba(255, 255, 255, 0.2);
}
.pg_home .keyv-chart.active-2 .keyv-chart-dot::after {
  opacity: 1;
}
.pg_home .keyv-chart__frame-1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 37.25rem;
  border-radius: 37.25rem;
  border: 2.0625rem solid rgba(0, 115, 255, 0.04);
  pointer-events: none;
}
.pg_home .keyv-chart__frame-1::after {
  position: absolute;
  left: -2.0625rem;
  top: -2.0625rem;
  width: calc(100% + 4.125rem);
  height: calc(100% + 4.125rem);
  border-radius: 1000px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0.875rem rgba(0, 178, 255, 0.55);
  content: "";
}
@media (max-width: 636px) {
  .pg_home .keyv-chart__frame-1 {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .keyv-chart__frame-1 {
    padding: 0.625rem;
    border-width: 0.625rem;
  }
  .pg_home .keyv-chart__frame-1::after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.pg_home .keyv-chart__frame-2 {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 35.1875rem;
  aspect-ratio: 1/1;
  box-shadow: 0 0 0.875rem rgba(0, 178, 255, 0.55);
}
@media screen and (max-width: 767px) {
  .pg_home .keyv-chart__frame-2 {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
  }
}
.pg_home .keyv-chart__frame-3 {
  position: relative;
  z-index: 3;
  display: block;
  max-width: 22.125rem;
  width: 100%;
  border-radius: 22.125rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(24, 177, 253, 0.15));
  aspect-ratio: 1/1;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.pg_home .keyv-chart__frame-3::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5rem;
  height: 5rem;
  background-color: rgba(0, 178, 255, 0.55);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: none;
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .pg_home .keyv-chart__frame-3 {
    max-width: 70%;
  }
}
.pg_home .keyv-chart .keyv-chart-dot {
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 2s transform, 2s opacity ease;
  transform-origin: 50% 50%;
}
.pg_home .keyv-chart .keyv-chart-dot::after {
  position: absolute;
  content: "";
  top: -0.4375rem;
  left: 50%;
  width: 0.875rem;
  height: 0.875rem;
  background-color: #FFF;
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.2s opacity;
}
@media screen and (max-width: 767px) {
  .pg_home .keyv-chart .keyv-chart-dot::after {
    top: -0.1875rem;
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
.pg_home .keyv-chart .svg {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  fill: none;
  transform: rotate(-90deg);
}
.pg_home .keyv-chart .circle {
  stroke: #FFF;
  stroke-width: 1px;
  stroke-dasharray: 1982.3;
  stroke-dashoffset: 1982.3;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 2s;
  transition: 2s stroke-dashoffset;
}
.pg_home .ct_keyv-top {
  position: relative;
  height: 100svh;
  min-height: 50rem;
  padding: 1.25rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_keyv-top {
    padding: 1rem;
  }
}
.pg_home .ct_keyv-top__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100svh - 2.5rem);
  border-radius: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_keyv-top__wrap {
    border-radius: 1rem;
  }
}
.pg_home .ct_keyv-top__title {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #06262D;
  opacity: 0;
  transform: translateY(3.125rem);
  transition: all 2s ease-out;
}
.pg_home .ct_keyv-top__title.active-1 {
  opacity: 1;
  transform: translateY(0);
}
.pg_home .ct_keyv-top__title.active-2 {
  color: #FFF;
}
.pg_home .ct_keyv-top__ttl {
  position: relative;
  margin-bottom: 1.25rem;
  font-size: clamp(2.625rem, 5vw, 4.9375rem);
  font-family: var(--_ff_Montserrat);
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_keyv-top__ttl {
    margin-bottom: 0.625rem;
    font-weight: 300;
  }
}
.pg_home .ct_keyv-top__sub {
  position: relative;
  font-size: clamp(0.875rem, 1.5vw, 1.375rem);
  font-weight: 500;
  line-height: 1;
}
.pg_home .ct_keyv-top__intro-box {
  position: absolute;
  z-index: 0;
  top: 6.25rem;
  right: 3.4375rem;
  writing-mode: vertical-rl;
  opacity: 0;
  transition: 2s opacity ease-in-out;
}
@media screen and (max-width: 960px) {
  .pg_home .ct_keyv-top__intro-box {
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
    top: auto;
    bottom: 1.875rem;
    left: 50%;
    transform: translateX(-50%);
    writing-mode: inherit;
    min-width: 21.25rem;
  }
}
.pg_home .ct_keyv-top__intro-1 {
  position: relative;
  font-family: var(--_ff_Montserrat);
  font-weight: 300;
  font-size: clamp(1rem, 2vw, 1.5625rem);
}
.pg_home .ct_keyv-top__intro-1::before {
  position: absolute;
  z-index: -1;
  top: -1.0625rem;
  left: -1.5625rem;
  width: 4.75rem;
  height: 4.75rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(30, 144, 255, 0.7));
  border-radius: 6.25rem;
  content: "";
}
@media screen and (max-width: 960px) {
  .pg_home .ct_keyv-top__intro-1 {
    margin-left: 0.625rem;
  }
  .pg_home .ct_keyv-top__intro-1::before {
    top: -0.6875rem;
    left: -0.9375rem;
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .ct_keyv-top__intro-1 {
    letter-spacing: -0.01em;
  }
}
.pg_home .ct_keyv-top__intro-2 {
  font-weight: 300;
  font-size: clamp(1rem, 2vw, 1.375rem);
}
@media screen and (max-width: 767px) {
  .pg_home .ct_keyv-top__intro-2 {
    letter-spacing: -0.01em;
  }
}
.pg_home .ct_keyv-top__intro-line {
  display: inline-block;
  width: 1px;
  height: 4.375rem;
  margin: 1rem 0;
  background-color: #FFF;
}
@media screen and (max-width: 960px) {
  .pg_home .ct_keyv-top__intro-line {
    height: 1px;
    width: 3.125rem;
    margin: 0 0.5rem;
  }
}
.pg_home .ct_about-top {
  position: relative;
  z-index: 3;
  padding: 3.75rem 1.25rem 8.4375rem;
}
.pg_home .ct_about-top::after {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rem;
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 55%, rgba(255, 255, 255, 0) 100%);
  content: "";
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top {
    padding: 3.125rem 1rem;
  }
}
.pg_home .ct_about-top__head {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto 3.125rem;
  padding: 0 1.25rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top__head {
    margin-bottom: 2.75rem;
    padding: 0;
  }
}
.pg_home .ct_about-top__head-title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top__head-title {
    margin-bottom: 7.5rem;
  }
}
.pg_home .ct_about-top__head-ttl {
  margin-bottom: 1.25rem;
  font-size: clamp(2.625rem, 5vw, 4.9375rem);
  font-family: var(--_ff_Montserrat);
  text-align: center;
  line-height: 1;
}
.pg_home .ct_about-top__head-sub {
  position: relative;
  margin-bottom: 0.625rem;
  padding-left: 1.25rem;
  font-size: clamp(0.875rem, 1.5vw, 1.375rem);
  font-weight: 500;
  line-height: 1;
}
.pg_home .ct_about-top__head-sub::before {
  position: absolute;
  left: 0;
  top: 0.1875rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 1.25rem;
  background-color: var(--_clr_primary);
  content: "";
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top__head-sub {
    margin-bottom: 0.625rem;
  }
  .pg_home .ct_about-top__head-sub::before {
    top: 1px;
    width: 0.75rem;
    height: 0.75rem;
  }
}
.pg_home .ct_about-top__head-txt {
  position: relative;
  font-size: 1.125rem;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top__head-txt {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }
}
.pg_home .ct_about-top__head-wrap-btn {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_about-top__head-wrap-btn {
    padding-right: 1rem;
  }
}
.pg_home .ct_topics-top {
  position: relative;
  z-index: 3;
  padding-block: 6rem;
  background-color: #E4EFFE;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top {
    padding-block: 5rem;
  }
}
.pg_home .ct_topics-top__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top__head {
    margin-bottom: 3.4375rem;
  }
  .pg_home .ct_topics-top__head .el_btn-2 {
    position: relative;
    top: 0.8125rem;
  }
}
.pg_home .ct_topics-top__headline {
  display: flex;
  align-items: baseline;
  margin-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top__headline {
    flex-direction: column;
    margin-right: 0;
  }
}
.pg_home .ct_topics-top__headline .ttl {
  margin-right: 1.875rem;
  font-size: clamp(2.625rem, 5vw, 5rem);
  font-weight: 300;
  line-height: 1;
  font-family: var(--_ff_Montserrat);
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top__headline .ttl {
    margin-bottom: 1rem;
  }
}
.pg_home .ct_topics-top__headline .sub {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 500;
  line-height: 1;
}
.pg_home .ct_topics-top__title {
  margin-bottom: 3.125rem;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top__title {
    margin-bottom: 2rem;
  }
}
.pg_home .ct_topics-top__news {
  padding: 3.5rem 4.5625rem;
  border-radius: 1.5rem;
  background-color: #FFF;
  box-shadow: 0 0 32px 0 rgba(2, 75, 139, 0.1);
}
@media screen and (max-width: 767px) {
  .pg_home .ct_topics-top__news {
    padding: 3.5rem 2rem;
    border-radius: 1rem;
  }
}
.pg_home .ct_topics-top__slider-wrap {
  position: relative;
  margin-bottom: 5rem;
}
@media screen and (max-width: 884px) {
  .pg_home .ct_topics-top__slider-wrap {
    padding-inline: 1rem;
  }
}
.pg_home .ct_topics-top__btn-slider-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .pg_home .ct_topics-top__btn-slider-wrap {
    margin-bottom: 3.75rem;
    padding: 0 1rem;
  }
}
.pg_home .ct_topics-top__btn-slider-wrap .el_btn-2 {
  position: absolute;
  z-index: 10;
  right: 0;
  top: -2.5rem;
}
@media screen and (max-width: 1280px) {
  .pg_home .ct_topics-top__btn-slider-wrap .el_btn-2 {
    right: 1rem;
  }
}
@media screen and (max-width: 1000px) {
  .pg_home .ct_topics-top__btn-slider-wrap .el_btn-2 {
    position: static;
  }
}
.pg_home .ct_recruit-top {
  position: relative;
  z-index: 3;
  padding-block: 5rem;
  padding-inline: 1.25rem;
  background-color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top {
    padding-inline: 1rem;
  }
}
.pg_home .ct_recruit-top__wrap {
  position: relative;
  margin: 0 auto;
  border-radius: 1.5rem;
  aspect-ratio: 1242/595;
  background: url(../img/home/img_recruit.webp) no-repeat 50% 50%;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 1.875rem !important;
    background-image: url(../img/home/img_recruit_sp.webp);
    border-radius: 1rem;
    aspect-ratio: 343/543;
  }
}
.pg_home .ct_recruit-top__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-inline: 1.25rem;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top__inner {
    justify-content: space-between;
    padding: 4rem 2rem 7.3125rem;
  }
}
.pg_home .ct_recruit-top__headline {
  display: flex;
  align-items: baseline;
  margin-bottom: 3.75rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top__headline {
    flex-direction: column;
    margin-bottom: 1.25rem;
  }
}
.pg_home .ct_recruit-top__headline .ttl {
  margin-right: 1.875rem;
  font-size: clamp(3.75rem, 5vw, 5rem);
  font-weight: 300;
  line-height: 1;
  font-family: var(--_ff_Montserrat);
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top__headline .ttl {
    margin-bottom: 1rem;
  }
}
.pg_home .ct_recruit-top__headline .sub {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 700;
  line-height: 1;
}
.pg_home .ct_recruit-top__text {
  margin-bottom: 2.5rem;
  color: #FFF;
  font-weight: 500;
  font-size: clamp(1.125rem, 1vw, 1.5rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top__text {
    margin-bottom: 0;
  }
}
.pg_home .ct_recruit-top .el_btn-1 {
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top .el_btn-1 {
    position: absolute;
    right: 2rem;
    bottom: 2.8125rem;
  }
}
.pg_home .ct_recruit-top-banner {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  padding-bottom: 5.625rem;
  padding-inline: 1rem;
  background-color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_home .ct_recruit-top-banner {
    padding-bottom: 5.625rem;
  }
}
.pg_home .el-banner-recruit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 35.625rem;
  width: 100%;
  min-height: 9rem;
  padding: 1.25rem 1.25rem;
  border-radius: 1rem;
  background: url(../img/home/banner_recruit.webp) no-repeat 50% 50%;
  background-size: cover;
  opacity: 1 !important;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .pg_home .el-banner-recruit:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .el-banner-recruit {
    border-radius: 0.5rem;
    min-height: 7.5625rem;
    max-width: 100%;
  }
}
.pg_home .el-banner-recruit__ttl {
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0 3.75rem;
}
@media screen and (max-width: 767px) {
  .pg_home .el-banner-recruit__ttl {
    padding: 0 2.1875rem;
  }
}
.pg_home .el-banner-recruit__icon {
  position: absolute;
  top: 50%;
  right: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background-color: var(--_clr_primary);
  border-radius: 2rem;
  transform: translateY(-50%);
}
.pg_home .el-banner-recruit__icon img {
  display: block;
  width: 0.6875rem;
  height: 0.6875rem;
}
@media screen and (max-width: 767px) {
  .pg_home .el-banner-recruit__icon {
    right: 1.1875rem;
  }
}
.pg_home .bl_list-about {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 62rem;
  margin: 0 auto 6rem;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about {
    margin-bottom: 3.75rem;
  }
}
.pg_home .bl_list-about > li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 13.5rem;
  margin-bottom: 0.5rem;
  background-color: #FFF;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 2rem 0 rgba(2, 75, 139, 0.2);
}
.pg_home .bl_list-about > li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about > li {
    min-height: inherit;
    margin-bottom: 0.75rem;
  }
}
.pg_home .bl_list-about .item {
  width: 100%;
  height: 100%;
}
.pg_home .bl_list-about a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 13.5rem;
  padding: 1.25rem 0;
  border-radius: 1rem;
}
@media (min-width: 1024px) {
  .pg_home .bl_list-about a:hover {
    opacity: 1;
  }
  .pg_home .bl_list-about a:hover .bl_list-about__icon img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about a {
    flex-direction: column;
    align-items: baseline;
    min-height: inherit;
    padding: 2.5rem 3.75rem 2.5rem 2rem;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.pg_home .bl_list-about__ttl {
  width: 17.5rem;
  padding-inline: 3.4375rem;
  font-size: clamp(1.625rem, 2vw, 2.125rem);
  color: var(--_clr_primary);
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about__ttl {
    width: 100%;
    margin-bottom: 1.25rem;
    padding-inline: 0;
  }
}
.pg_home .bl_list-about__txt {
  width: calc(100% - 17.5rem);
  padding-right: 6.875rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--_clr_txt);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about__txt {
    width: 100%;
    padding-right: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    text-align: justify;
  }
}
.pg_home .bl_list-about__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2.3125rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--_clr_primary);
  border-radius: 2.5rem;
  transform: translateY(-50%);
}
.pg_home .bl_list-about__icon img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about__icon {
    right: 0.9375rem;
    width: 2rem;
    height: 2rem;
  }
  .pg_home .bl_list-about__icon img {
    width: 1rem;
    height: 1rem;
  }
}
.pg_home .bl_list-about-2 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
  max-width: 77.8125rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about-2 {
    grid-template-columns: 1fr;
    gap: 1.0625rem;
  }
}
.pg_home .bl_list-about-2 .item {
  position: relative;
}
.pg_home .bl_list-about-2 a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  position: relative;
  border-radius: 1rem;
  opacity: 1 !important;
  overflow: hidden;
  aspect-ratio: 399/355;
}
.pg_home .bl_list-about-2 a::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 51, 80, 0.4);
  transition: 0.5s background-color;
  content: "";
}
@media (min-width: 1024px) {
  .pg_home .bl_list-about-2 a:hover::before {
    background-color: rgba(27, 51, 80, 0.6);
  }
  .pg_home .bl_list-about-2 a:hover .bl_list-about-2__img img {
    transform: scale(110%);
  }
  .pg_home .bl_list-about-2 a:hover .bl_list-about-2__icon {
    transform: scale(1.125);
  }
  .pg_home .bl_list-about-2 a:hover .bl_list-about-2__icon img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about-2 a {
    padding: 1rem 3.5rem;
    aspect-ratio: 343/172;
  }
}
.pg_home .bl_list-about-2__img {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pg_home .bl_list-about-2__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s transform;
}
.pg_home .bl_list-about-2__ttl {
  position: relative;
  z-index: 2;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 500;
  text-align: center;
  color: #FFF;
  line-height: 1.5;
}
.pg_home .bl_list-about-2__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  bottom: 1.625rem;
  right: 1.625rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--_clr_primary);
  border-radius: 2.5rem;
  transition: 0.5s transform ease;
}
.pg_home .bl_list-about-2__icon img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 767px) {
  .pg_home .bl_list-about-2__icon {
    bottom: 50%;
    right: 1.25rem;
    width: 2rem;
    height: 2rem;
    transform: translateY(50%);
  }
  .pg_home .bl_list-about-2__icon img {
    width: 0.6875rem;
    height: 0.6875rem;
  }
}
.pg_home .slide-topics-top {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .pg_home .slide-topics-top {
    margin-bottom: 1.875rem;
  }
}
.pg_home .slide-topics-top .swiper-wrapper {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top .swiper-wrapper {
    margin-bottom: 2.5rem;
  }
}
.pg_home .slide-topics-top .swiper-slide {
  max-width: 53rem;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top .swiper-slide {
    max-width: 100%;
  }
}
.pg_home .slide-topics-top__item {
  display: block;
  width: 100%;
  text-decoration: none !important;
  opacity: 1 !important;
}
@media (min-width: 1024px) {
  .pg_home .slide-topics-top__item:hover .slide-topics-top__image::after {
    opacity: 0.2;
  }
  .pg_home .slide-topics-top__item:hover .slide-topics-top__image img {
    transform: scale(110%);
  }
}
.pg_home .slide-topics-top__content {
  display: flex;
  flex-direction: column;
}
.pg_home .slide-topics-top__image {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.3125rem;
  border-radius: 1rem;
  aspect-ratio: 848/477;
}
.pg_home .slide-topics-top__image::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.5s opacity;
  content: "";
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top__image {
    border-radius: 0.5rem;
  }
}
.pg_home .slide-topics-top__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s transform;
}
.pg_home .slide-topics-top__date {
  margin-bottom: 0.9375rem;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--_clr_txt);
}
.pg_home .slide-topics-top__date .num {
  font-family: var(--_ff_Montserrat);
}
.pg_home .slide-topics-top__ttl {
  font-size: clamp(0.9375rem, 1vw, 1.25rem);
  line-height: 1.5;
  font-weight: 500;
}
.pg_home .slide-topics-top .swiper-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pg_home .slide-topics-top .swiper-pagination {
  position: static;
  transform: translateY(-0.1875rem);
  width: auto !important;
  height: auto;
  margin: 0 1.125rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top .swiper-pagination {
    margin: 0 0.6875rem !important;
  }
}
.pg_home .slide-topics-top .swiper-pagination .swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.25rem;
  margin: 0 0.4375rem !important;
  padding: 0 !important;
  border-radius: 0.75rem;
  background-color: #BDC6CB !important;
  opacity: 1 !important;
}
.pg_home .slide-topics-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--_clr_primary) !important;
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top .swiper-pagination .swiper-pagination-bullet {
    width: 1.875rem;
    margin: 0 0.3125rem !important;
  }
}
.pg_home .slide-topics-top .swiper-button {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 !important;
  border-radius: 3rem;
  border: 1px solid #DFDFDF;
  background-color: #FFF;
  caret-color: transparent;
}
.pg_home .slide-topics-top .swiper-button svg {
  display: none;
}
.pg_home .slide-topics-top .swiper-button img {
  width: 0.875rem;
}
@media screen and (max-width: 767px) {
  .pg_home .slide-topics-top .swiper-button {
    width: 2rem !important;
    height: 2rem !important;
  }
  .pg_home .slide-topics-top .swiper-button img {
    width: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .pg_home .slide-topics-top .swiper-button-prev:hover img {
    animation-name: arrow-animation-prev;
    animation-duration: 0.5s;
  }
}
@media (min-width: 1024px) {
  .pg_home .slide-topics-top .swiper-button-next:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}

@keyframes slideUpRight {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(120vw, -120vh); /* Chạy lên phải trên */
  }
}
@keyframes imgShadowRotate {
  0% {
    opacity: 0;
    rotate: 0;
  }
  100% {
    opacity: 1;
    rotate: 10deg;
  }
}
.pg_recruit {
  overflow-x: hidden;
}
.pg_recruit .mb-0 {
  margin-bottom: 0 !important;
}
.pg_recruit .sp-display {
  display: none;
}
@media screen and (max-width: 767px) {
  .pg_recruit .sp-display {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .pg_recruit .pc-display {
    display: none;
  }
}
.pg_recruit .el-recruit-headline {
  position: relative;
  margin-bottom: 2.5rem;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.5;
}
.pg_recruit .el-recruit-headline::after {
  position: absolute;
  top: -1.25rem;
  left: 0;
  width: 1.8125rem;
  height: 1.4375rem;
  background: url(../img/common/deco_circle_wh.svg) 0 0;
  background-size: contain;
  content: "";
}
.pg_recruit .el-recruit-txt {
  margin-bottom: 0.9375rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pg_recruit .el-recruit-txt {
    margin-bottom: 0.625rem;
  }
}
.pg_recruit .bl_breadcrumb {
  position: absolute;
  left: 1.875rem;
  padding-top: 8.125rem;
  padding-inline: 1.875rem;
}
.pg_recruit .bl_breadcrumb li::before {
  background-color: #fff;
  opacity: 0.3;
}
.pg_recruit .bl_breadcrumb li:not(:last-child) a {
  color: #FFF;
}
.pg_recruit .bl_breadcrumb a {
  opacity: 0.6;
  color: #FFF;
}
.pg_recruit .bl_breadcrumb a[aria-current=page] {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .pg_recruit .bl_breadcrumb {
    display: none;
  }
}
.pg_recruit .bl_recruit-keyv {
  position: relative;
  width: 100%;
  height: 100svh;
  background: url(../img/recruit/bg_keyv.webp) no-repeat 50% 50%;
  background-size: cover;
}
.pg_recruit .bl_recruit-keyv::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(33, 65, 119, 0.5) 2%, rgba(33, 65, 119, 0.3) 10%, rgba(33, 65, 119, 0) 20%);
  content: "";
}
@media screen and (max-width: 767px) {
  .pg_recruit .bl_recruit-keyv {
    background-image: url(../img/recruit/bg_keyv_sp.webp);
    background-position: 50% 100%;
  }
}
.pg_recruit .bl_recruit-keyv__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0);
}
.pg_recruit .bl_recruit-keyv__video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /* Fix iOS scroll flash */
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000;
}
@media screen and (max-width: 767px) {
  .pg_recruit .bl_recruit-keyv__video video {
    -o-object-position: bottom;
    object-position: bottom;
  }
}
.pg_recruit .bl_recruit-keyv__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 8.75rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .bl_recruit-keyv__inner {
    padding-bottom: 13.125rem;
  }
}
.pg_recruit .bl_recruit-keyv__ttl-box {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: clamp(1.875rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
.pg_recruit .bl_recruit-keyv__ttl {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.pg_recruit .bl_recruit-keyv .box,
.pg_recruit .bl_recruit-keyv .plain {
  display: inline-flex;
  align-items: center;
}
.pg_recruit .bl_recruit-keyv .box {
  border: 2px solid #fff;
  padding: 3px 14px 9px 16px;
}
.pg_recruit .bl_recruit-keyv .plain {
  border: none;
  padding: 0;
  margin-right: 0;
}
.pg_recruit .bl_recruit-keyv .box > span,
.pg_recruit .bl_recruit-keyv .plain > span {
  display: inline-block;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1,
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2,
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 {
  display: flex;
  align-items: center;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > span:not(.box):not(.plain),
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > span:not(.box):not(.plain),
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > span:not(.box):not(.plain) {
  display: inline-block;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(1) {
  margin-right: 0.02em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(2) {
  margin-right: 0.03em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(3) {
  margin-right: 0.03em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(4) {
  margin-right: 0.05em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(5) {
  margin-right: 0.06em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(6) {
  margin-right: 0.04em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--1 > .plain > span:nth-child(7) {
  margin-right: 0.04em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 {
  margin-top: 0.3em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > span:nth-child(1) {
  margin-right: 0.18em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > .box > span:nth-child(1) {
  margin-right: 0.06em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > .box > span:nth-child(2) {
  margin-right: 0.03em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > .plain > span:nth-child(2) {
  margin-right: -0.02em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--2 > .plain > span:nth-child(3) {
  margin-right: -0.05em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 {
  margin-top: 0.3em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > span:nth-child(1) {
  margin-right: 0.2em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > .box > span:nth-child(4) {
  margin-right: -0.03em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > .box > span:nth-child(5) {
  margin-right: -0.05em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > .plain > span:nth-child(1) {
  margin-right: 0.01em;
}
.pg_recruit .bl_recruit-keyv .bl_recruit-keyv__line--3 > .plain > span:nth-child(3) {
  margin-right: 0.01em;
}
.pg_recruit .bl_recruit-keyv .symbol-box {
  display: block;
  position: absolute;
  z-index: 1;
  width: 23.875rem;
  height: 23.25rem;
  top: 50%;
  left: -5.3125rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .pg_recruit .bl_recruit-keyv .symbol-box {
    left: -3.125rem;
    width: 14.125rem;
    height: 13.75rem;
  }
}
.pg_recruit .bl_recruit-keyv .symbol-1 {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 35%;
  border-radius: 8.4375rem;
  background-image: linear-gradient(65deg, rgba(255, 152, 96, 0.3), rgba(234, 82, 0, 0.6));
  aspect-ratio: 1/1;
}
.pg_recruit .bl_recruit-keyv .symbol-2 {
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 92%;
  border-radius: 21.8125rem;
  background-image: linear-gradient(65deg, rgba(0, 131, 219, 0.2), #0083DB);
  aspect-ratio: 1/1;
}
.pg_recruit .ct_recruit-news {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-news {
    padding-top: 3.5rem;
    padding-bottom: 2rem;
  }
}
.pg_recruit .ct_recruit-intro {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../img/recruit/img_recruit_intro.webp) no-repeat 50% 100%;
  background-size: cover;
  overflow: hidden;
  aspect-ratio: 45/23;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-intro {
    background-image: url(../img/recruit/img_recruit_intro_sp.webp);
    background-position: 50% 100%;
    aspect-ratio: 375/1163;
  }
}
.pg_recruit .ct_recruit-intro__content {
  position: relative;
  height: 100vh;
  will-change: transform;
}
.pg_recruit .ct_recruit-intro__block {
  padding-top: 8.125rem;
  padding-bottom: 4.375rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-intro__block {
    padding-top: 3.75rem;
    padding-bottom: 2.125rem;
  }
}
.pg_recruit .ct_recruit-intro__txt {
  margin-bottom: 1.5625rem;
  font-weight: 500;
  color: #1F464F;
  font-size: 1rem;
  line-height: 2;
}
.pg_recruit .ct_recruit-intro__bot {
  padding-bottom: 18.75rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-intro__bot {
    padding-bottom: 16.25rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-intro__wrap-btn {
    padding-left: 0.1875rem;
  }
}
.pg_recruit .ct_recruit-intro .el_btn-2__icon {
  width: 3.75rem;
  height: 3.75rem;
}
.pg_recruit .ct_recruit-intro .el_btn-2__icon img {
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct_recruit-intro .el_btn-2__icon {
    width: 3.125rem;
    height: 3.125rem;
  }
  .pg_recruit .ct_recruit-intro .el_btn-2__icon img {
    width: 1rem;
    height: 1rem;
  }
}
.pg_recruit .ct-recruit-envi {
  position: relative;
  height: 100svh;
  margin-top: -2rem;
  padding-top: 11.875rem;
  padding-bottom: 9.5rem;
  background: url(../img/recruit/bg_environment.webp) no-repeat 50% 50%;
  background-size: cover;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi {
    height: auto;
    min-height: 100svh;
    margin-top: -1rem;
    padding-top: 5rem;
    padding-bottom: 7.25rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-image: url(../img/recruit/bg_environment_sp.webp);
  }
}
.pg_recruit .ct-recruit-envi__inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__inner {
    flex-direction: column;
    justify-content: inherit;
  }
}
.pg_recruit .ct-recruit-envi__col-1 {
  width: 50%;
  padding-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__col-1 {
    width: 100%;
    margin-bottom: 8.4375rem;
    padding-right: 0;
  }
}
.pg_recruit .ct-recruit-envi__col-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__col-2 {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.pg_recruit .ct-recruit-envi .el-recruit-headline {
  margin-bottom: 1.5625rem;
  color: #FFF;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi .el-recruit-headline {
    margin-bottom: 1.875rem;
  }
}
.pg_recruit .ct-recruit-envi__txt {
  color: #FFF;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__txt {
    margin-bottom: 0.625rem;
  }
}
.pg_recruit .ct-recruit-envi__list {
  max-width: 26.5625rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__list {
    max-width: 100%;
  }
}
.pg_recruit .ct-recruit-envi__list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.pg_recruit .ct-recruit-envi__list li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.pg_recruit .ct-recruit-envi__item {
  position: relative;
  display: block;
  padding: 2rem 4.375rem 2rem 0.875rem;
  color: #FFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.3s ease;
}
.pg_recruit .ct-recruit-envi__item:hover .ct-recruit-envi__icon {
  transform: translateY(-50%) scale(1.125);
}
.pg_recruit .ct-recruit-envi__item:hover .ct-recruit-envi__icon img {
  animation-name: arrow-animation;
  animation-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__item {
    padding: 1.3125rem 3.125rem 1.3125rem 0.9375rem;
  }
}
.pg_recruit .ct-recruit-envi__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 2.0625rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  background-color: var(--_clr_primary);
  border-radius: 2rem;
  transition: all 0.3s ease;
}
.pg_recruit .ct-recruit-envi__icon img {
  display: block;
  width: 0.6875rem;
  height: 0.6875rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-envi__icon {
    width: 1.4375rem;
    height: 1.4375rem;
    right: 0.9375rem;
  }
  .pg_recruit .ct-recruit-envi__icon img {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.pg_recruit .ct-recruit-power {
  position: relative;
  margin-top: -2rem;
  padding-top: 6.25rem;
  padding-bottom: 8.25rem;
  height: 100svh;
  background-color: #E8F2FF;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-power {
    padding-top: 3.75rem;
    padding-bottom: 4.75rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}
.pg_recruit .ct-recruit-power__bg {
  position: absolute;
  width: 500%;
  height: 500%;
  bottom: -400%;
  left: -400%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-image: url(../img/recruit/bg_power.svg);
  background-repeat: repeat;
  background-size: 125rem auto;
  background-position: center;
  animation: slideUpRight 120s linear infinite;
  pointer-events: none;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-power__bg {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    animation-duration: 60s;
  }
}
.pg_recruit .ct-recruit-power__inner {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  height: 100%;
}
.pg_recruit .ct-recruit-power__symbol {
  position: absolute;
  max-width: 38.6875rem;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 619/667;
}
.pg_recruit .ct-recruit-power__symbol img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-power__symbol {
    max-width: 17.5rem;
  }
}
.pg_recruit .ct-recruit-power__title {
  position: absolute;
  max-width: 24.0625rem;
  width: 100%;
  left: 50%;
  top: calc(50% + 1.875rem);
  transform: translate(-50%, -50%);
  aspect-ratio: 385/240;
}
.pg_recruit .ct-recruit-power__title img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-power__title {
    max-width: 18.125rem;
    top: 50%;
  }
}
.pg_recruit .ct-recruit-work {
  position: relative;
  margin-top: -2rem;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-work {
    margin-top: -1rem;
    padding-top: 6.875rem;
    padding-bottom: 3.75rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}
.pg_recruit .ct-recruit-work__head {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-work__head {
    margin-bottom: 3.4375rem;
  }
}
.pg_recruit .ct-recruit-work .el-recruit-headline::after {
  background-image: url(../img/common/deco_circle.svg);
}
.pg_recruit .ct-recruit-work__slider-wrap {
  overflow: hidden;
  margin-left: calc((100vw - 80rem) / 2 + 0.9375rem);
}
@media (max-width: 1028px) {
  .pg_recruit .ct-recruit-work__slider-wrap {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-work__slider-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
.pg_recruit .ct-recruit-work__btn-slider-wrap {
  position: relative;
  display: flex;
  justify-content: flex-end;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .pg_recruit .ct-recruit-work__btn-slider-wrap {
    padding: 0 1rem;
  }
}
.pg_recruit .ct-recruit-work__btn-slider-wrap .el_btn-2 {
  position: absolute;
  z-index: 10;
  right: 0;
  top: -2.5rem;
}
@media screen and (max-width: 1280px) {
  .pg_recruit .ct-recruit-work__btn-slider-wrap .el_btn-2 {
    right: 1rem;
  }
}
@media screen and (max-width: 1000px) {
  .pg_recruit .ct-recruit-work__btn-slider-wrap .el_btn-2 {
    position: static;
  }
}
.pg_recruit .slider-recruit-work {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .pg_recruit .slider-recruit-work {
    margin-bottom: 1.875rem;
  }
}
.pg_recruit .slider-recruit-work .swiper-wrapper {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-wrapper {
    margin-bottom: 2.5rem;
  }
}
.pg_recruit .slider-recruit-work .swiper-slide {
  max-width: 22.1875rem;
  width: 100%;
  flex-shrink: 0;
  aspect-ratio: 355/471;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-slide {
    width: 100%;
    max-width: 15.75rem;
    aspect-ratio: 252/329;
  }
}
.pg_recruit .slider-recruit-work__item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  text-decoration: none !important;
  opacity: 1 !important;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work__item {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .pg_recruit .slider-recruit-work__item:hover .slider-recruit-work__image::after {
    opacity: 0.2;
  }
  .pg_recruit .slider-recruit-work__item:hover .slider-recruit-work__image img {
    transform: scale(110%);
  }
}
.pg_recruit .slider-recruit-work__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 1.3125rem;
}
.pg_recruit .slider-recruit-work__image::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.3s opacity;
  content: "";
}
.pg_recruit .slider-recruit-work__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.375s transform;
}
.pg_recruit .slider-recruit-work__tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  min-width: 7rem;
  padding: 0.5rem 0.6875rem;
  border-bottom-right-radius: 1rem;
  background-color: var(--_clr_primary);
  color: #FFF;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work__tag {
    padding: 0.5rem;
  }
}
.pg_recruit .slider-recruit-work__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 3.125rem 1.875rem 1.875rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work__content {
    padding: 1rem;
  }
}
.pg_recruit .slider-recruit-work__title {
  margin-bottom: 0.9375rem;
  font-size: clamp(1.125rem, 1vw, 1.5rem);
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work__title {
    margin-bottom: 0.625rem;
  }
}
.pg_recruit .slider-recruit-work__info-ttl {
  font-weight: 700;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
}
.pg_recruit .slider-recruit-work__info-sub {
  margin-left: 0.3125rem;
  font-size: clamp(0.8125rem, 1vw, 1rem);
}
.pg_recruit .slider-recruit-work .swiper-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: calc(((100vw - 80rem) / 2 + 0.9375rem) / 2);
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-controls {
    padding-right: 0;
  }
}
.pg_recruit .slider-recruit-work .swiper-pagination {
  position: static;
  transform: translateY(-0.1875rem);
  width: auto !important;
  height: auto;
  margin: 0 1.125rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-pagination {
    margin: 0 0.6875rem !important;
  }
}
.pg_recruit .slider-recruit-work .swiper-pagination .swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.25rem;
  margin: 0 0.4375rem !important;
  padding: 0 !important;
  border-radius: 0.75rem;
  background-color: #BDC6CB !important;
}
.pg_recruit .slider-recruit-work .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--_clr_primary) !important;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-pagination .swiper-pagination-bullet {
    width: 1.875rem;
    margin: 0 0.3125rem !important;
  }
}
.pg_recruit .slider-recruit-work .swiper-button {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 !important;
  border-radius: 3rem;
  border: 1px solid #DFDFDF;
  background-color: #FFF;
  caret-color: transparent;
}
.pg_recruit .slider-recruit-work .swiper-button svg {
  display: none;
}
.pg_recruit .slider-recruit-work .swiper-button img {
  width: 0.875rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .slider-recruit-work .swiper-button {
    width: 2rem !important;
    height: 2rem !important;
  }
  .pg_recruit .slider-recruit-work .swiper-button img {
    width: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .pg_recruit .slider-recruit-work .swiper-button-prev:hover img {
    animation-name: arrow-animation-prev;
    animation-duration: 0.5s;
  }
}
@media (min-width: 1024px) {
  .pg_recruit .slider-recruit-work .swiper-button-next:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
.pg_recruit .ct-recruit-intel {
  position: relative;
  z-index: 11;
  padding-top: 7.1875rem;
  padding-bottom: 8.4375rem;
  background: url(../img/recruit/bg_intel.webp) no-repeat 50% 50%;
  background-size: cover;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel {
    padding-top: 5.625rem;
    padding-bottom: 3.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-image: url(../img/recruit/bg_intel_sp.webp);
  }
}
.pg_recruit .ct-recruit-intel__inner {
  position: relative;
}
.pg_recruit .ct-recruit-intel__symbol {
  position: absolute;
  z-index: 0;
  left: -12.5rem;
  bottom: -11.25rem;
  width: 39.5625rem;
  aspect-ratio: 633/507;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__symbol {
    width: 22.3125rem;
    aspect-ratio: 357/286;
    left: -1rem;
    top: -3.125rem;
    bottom: auto;
  }
}
.pg_recruit .ct-recruit-intel__symbol-1 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 60%;
  border-radius: 39.5625rem;
  background: linear-gradient(325deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
  opacity: 0.3;
  aspect-ratio: 1/1;
}
.pg_recruit .ct-recruit-intel__symbol-2 {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 60%;
  border-radius: 39.5625rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
  opacity: 0.5;
  aspect-ratio: 1/1;
}
.pg_recruit .ct-recruit-intel__head {
  position: relative;
  z-index: 1;
  margin-bottom: 4.6875rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__head {
    margin-bottom: 2.5rem;
  }
}
.pg_recruit .ct-recruit-intel .el-recruit-headline {
  color: #FFF;
}
.pg_recruit .ct-recruit-intel .el-recruit-txt {
  color: #FFF;
}
.pg_recruit .ct-recruit-intel__list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__list {
    grid-template-columns: 1fr;
  }
}
.pg_recruit .ct-recruit-intel a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.625rem;
  background-color: #FFF;
  border-radius: 1rem;
  transition: all 0.3s ease;
  aspect-ratio: 376/209;
}
@media (min-width: 1024px) {
  .pg_recruit .ct-recruit-intel a:hover {
    transform: translateY(-0.625rem);
    box-shadow: 0 0.25rem 1.25rem 0.25rem rgba(13, 27, 35, 0.3);
  }
  .pg_recruit .ct-recruit-intel a:hover .ct-recruit-intel__btn-icon {
    transform: scale(1.125);
  }
  .pg_recruit .ct-recruit-intel a:hover .ct-recruit-intel__btn-icon img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel a {
    flex-direction: row;
    justify-content: inherit;
    min-height: 7rem;
    padding: 1rem 3.125rem 1rem 1rem;
    border-radius: 0.5rem;
    aspect-ratio: inherit;
  }
}
.pg_recruit .ct-recruit-intel__item-ttl {
  display: none;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__item-ttl {
    display: inline-block;
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 700;
  }
}
.pg_recruit .ct-recruit-intel__item-icon {
  display: inline-block;
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__item-icon {
    width: 3rem;
    height: 3rem;
  }
}
.pg_recruit .ct-recruit-intel__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__btn {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
.pg_recruit .ct-recruit-intel__btn-ttl {
  margin-right: 0.625rem;
  color: var(--_clr_txt);
  font-size: clamp(0.875rem, 1.5vw, 1.25rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__btn-ttl {
    display: none;
  }
}
.pg_recruit .ct-recruit-intel__btn-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--_clr_primary);
  border-radius: 1.5rem;
  transition: 0.3s transform ease;
}
.pg_recruit .ct-recruit-intel__btn-icon img {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}
@media screen and (max-width: 767px) {
  .pg_recruit .ct-recruit-intel__btn-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .pg_recruit .ct-recruit-intel__btn-icon img {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.ct-recruit-elect {
  position: relative;
  height: 100svh;
  min-height: 39.375rem;
  margin-top: -2rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background: url(../img/recruit/bg_electrical.webp) no-repeat 50% 50%;
  background-size: cover;
  overflow: hidden;
}
.ct-recruit-elect::after {
  position: absolute;
  left: -3.125rem;
  top: -12.5vh;
  width: 54%;
  aspect-ratio: 1/1;
  opacity: 0.3;
  border-radius: 50vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
  content: "";
}
@media (max-height: 790px) {
  .ct-recruit-elect::after {
    top: 1vh;
  }
}
@media screen and (max-width: 767px) {
  .ct-recruit-elect {
    height: auto;
    padding-top: 3.75rem;
    padding-bottom: 4.0625rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-image: url(../img/recruit/bg_electrical_sp.webp);
  }
  .ct-recruit-elect::after {
    left: 50%;
    top: -14.6875rem;
    width: 33.9375rem;
    transform: translateX(-50%);
    border-radius: 33.9375rem;
  }
}
.ct-recruit-elect__inner {
  position: relative;
  display: flex;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .ct-recruit-elect__inner {
    flex-direction: column;
  }
}

.slider-recruit-elect {
  width: 100%;
  height: 100svh;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect {
    height: auto;
  }
}
.slider-recruit-elect .swiper-wrapper {
  height: 100svh;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-wrapper {
    height: auto;
    margin-bottom: 2.5rem;
  }
}
.slider-recruit-elect .swiper-slide {
  height: 100svh;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-slide {
    height: auto;
  }
}
.slider-recruit-elect .swiper-slide.swiper-slide-active .slider-recruit-elect__image::before {
  animation: imgShadowRotate 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 0.5s;
}
.slider-recruit-elect__panel {
  width: 100%;
  height: 100%;
}
.slider-recruit-elect__row {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__row {
    flex-direction: column;
  }
}
.slider-recruit-elect__col-1 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__col-1 {
    width: 100%;
    margin-bottom: 1.25rem;
    padding: 1.25rem 0 1.25rem 0;
  }
}
.slider-recruit-elect__col-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 3.125rem;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__col-2 {
    width: 100%;
    padding-left: 0;
  }
}
.slider-recruit-elect__image {
  position: relative;
  max-width: 25.625rem;
  width: 100%;
  transform: rotate(10deg);
  aspect-ratio: 410/512;
}
.slider-recruit-elect__image::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: rgba(1, 144, 215, 0.6);
  box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  content: "";
}
@media (max-height: 790px) {
  .slider-recruit-elect__image {
    max-height: 60vh;
    width: 45vh;
    transform: rotate(4deg);
  }
  .slider-recruit-elect__image::before {
    transform: rotate(-4deg);
  }
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__image {
    max-width: 12.5rem;
  }
  .slider-recruit-elect__image::before {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: 1.5625rem;
    left: -1.375rem;
    transform: rotate(-16deg);
  }
}
.slider-recruit-elect__image img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1);
}
.slider-recruit-elect__headline {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.8125rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__headline {
    margin-bottom: 1.5rem;
  }
}
.slider-recruit-elect__headline-sub {
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: var(--_ff_Montserrat);
  line-height: 1.1;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__headline-sub {
    font-size: 0.875rem;
  }
}
.slider-recruit-elect__headline-ttl {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.125rem;
}
.slider-recruit-elect__title {
  margin-bottom: 1.25rem;
  font-weight: 500;
  color: #FFF;
  font-size: clamp(1.125rem, 2vw, 1.625rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__title {
    margin-bottom: 0.9375rem;
    font-weight: 700;
  }
}
.slider-recruit-elect__txt {
  font-size: 1rem;
  font-weight: 400;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__txt {
    font-size: 0.9375rem;
  }
}
.slider-recruit-elect__wrap-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__wrap-btn {
    margin-top: 0.5rem;
  }
}
.slider-recruit-elect__wrap-btn .el_btn-2__ttl {
  margin-right: 1.875rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__wrap-btn .el_btn-2__ttl {
    margin-right: 0.625rem;
    font-weight: 500;
  }
}
.slider-recruit-elect__wrap-btn .el_btn-2__icon {
  background-color: #FFF;
  width: 3.75rem;
  height: 3.75rem;
}
.slider-recruit-elect__wrap-btn .el_btn-2__icon img {
  width: 1rem;
  height: 1rem;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect__wrap-btn .el_btn-2__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .slider-recruit-elect__wrap-btn .el_btn-2__icon img {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.slider-recruit-elect .swiper-controls {
  position: absolute;
  z-index: 11;
  bottom: 6.25rem;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
}
@media (max-height: 900px) {
  .slider-recruit-elect .swiper-controls {
    bottom: clamp(50px, 4vh, 100px);
  }
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-controls {
    position: static;
    transform: none;
  }
}
.slider-recruit-elect .swiper-pagination {
  position: static;
  transform: translateY(-0.1875rem);
  width: auto !important;
  height: auto;
  margin: 0 1.125rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-pagination {
    margin: 0 0.6875rem !important;
  }
}
.slider-recruit-elect .swiper-pagination .swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.25rem;
  margin: 0 0.4375rem !important;
  padding: 0 !important;
  border-radius: 0.75rem;
  background-color: #BDC6CB !important;
}
.slider-recruit-elect .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFF !important;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-pagination .swiper-pagination-bullet {
    width: 1.875rem;
    margin: 0 0.3125rem !important;
  }
}
.slider-recruit-elect .swiper-button {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 !important;
  border-radius: 3rem;
  border: 1px solid #FFF;
  background-color: transparent;
  caret-color: transparent;
}
.slider-recruit-elect .swiper-button svg {
  display: none;
}
.slider-recruit-elect .swiper-button img {
  width: 0.875rem;
}
@media screen and (max-width: 767px) {
  .slider-recruit-elect .swiper-button {
    width: 2rem !important;
    height: 2rem !important;
  }
  .slider-recruit-elect .swiper-button img {
    width: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .slider-recruit-elect .swiper-button-prev:hover img {
    animation-name: arrow-animation-prev;
    animation-duration: 0.5s;
  }
}
@media (min-width: 1024px) {
  .slider-recruit-elect .swiper-button-next:hover img {
    animation-name: arrow-animation;
    animation-duration: 0.5s;
  }
}

.pg_3min .el_sectHdgLv1 {
  margin-bottom: 32px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .pg_3min .el_sectHdgLv1 {
    margin-bottom: 24px;
    font-size: 1.5rem;
  }
}
.pg_3min .mvSect {
  position: relative;
  display: grid;
  padding-block: 82px 145px;
  height: 100svh;
  background-color: var(--_clr_bg_lightblue);
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .pg_3min .mvSect {
    padding-block: 152px 33px;
    min-height: 630px;
    max-height: 900px;
  }
}
.pg_3min .mvSect_inner {
  position: relative;
  display: grid;
  z-index: 3;
}
.pg_3min .mvSect_inner .bl_breadcrumb {
  position: relative;
  align-self: flex-start;
  margin-bottom: -2em;
  z-index: 2;
}
.pg_3min .mvSect_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  align-items: flex-end;
  align-self: flex-end;
  margin-inline: auto;
  padding-top: 95px;
  width: 394px;
  translate: -50% -50%;
  z-index: 2;
}
@media not all and (max-width: 767px), print {
  .pg_3min .mvSect_cont {
    padding-block: 149px 85px;
    width: 478px;
  }
}
.pg_3min .mvSect_clock {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 532/573;
  background-image: url(../img/recruit/img_clock.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.pg_3min .mvSect_ttl {
  position: relative;
  margin-inline: auto;
  margin-bottom: 18px;
  width: 335px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .pg_3min .mvSect_ttl {
    margin-bottom: 16px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.pg_3min .mvSect_lead {
  position: relative;
  font-weight: 500;
  font-size: 0.9375rem;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .pg_3min .mvSect_lead {
    margin-bottom: -8px;
    font-size: 0.875rem;
  }
}
.pg_3min .mvSect_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: bgRise 120s linear infinite;
  z-index: 0;
}
.pg_3min .mvSect_bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200%;
  min-width: 6292px;
  aspect-ratio: 3495/1724;
  background-image: url(../img/recruit/bg_power.svg);
  background-size: 3146px 1549px;
  background-repeat: repeat;
}
.pg_3min .aboutSect {
  position: relative;
  padding-block: 97px 142px;
}
@media screen and (max-width: 767px) {
  .pg_3min .aboutSect {
    padding-block: 80px 104px;
  }
}
.pg_3min .aboutSect_inner {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .pg_3min .aboutSect_inner {
    grid-template-columns: minmax(0, 1fr) max(350px, 43.1034482759%);
    align-items: center;
    -moz-column-gap: 74px;
    column-gap: 74px;
  }
}
@media not all and (max-width: 1440px), print {
  .pg_3min .aboutSect_inner {
    width: 100%;
    padding-inline: 8.3333333333%;
  }
}
.pg_3min .aboutSect_img {
  height: 490px;
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_3min .aboutSect_img {
    height: auto;
    border-radius: 8px;
  }
}
.pg_3min .aboutSect_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 15% center;
  object-position: 15% center;
}
.pg_3min .aboutSect_link {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .pg_3min .aboutSect_link .el_leadingBtn_inner .icon {
    width: 50px;
  }
}
.pg_3min .missionSect {
  position: relative;
  margin-top: -40px;
  padding-block: 120px 86px;
  background: linear-gradient(0deg, var(--basic-white, #FFFFFF), var(--basic-white, #FFFFFF)), linear-gradient(248.19deg, #25C0EF 17.46%, #0094FF 77.82%), linear-gradient(180deg, #38A6FF 0%, #3F90FF 100%);
  background-blend-mode: darken;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect {
    margin-top: -24px;
    padding-block: 48px 214px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
.pg_3min .missionSect:before {
  content: "";
  position: absolute;
  bottom: 24px;
  left: calc(50% + 50px);
  width: calc(100% + 100px);
  min-width: 2115px;
  aspect-ratio: 2115/744;
  background-image: url(../img/recruit/3min/mission_bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  translate: -50% 0;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 1100px) {
  .pg_3min .missionSect:before {
    bottom: 0;
    width: 1200px;
    min-width: unset;
    left: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect:before {
    left: 0;
    width: 100%;
    aspect-ratio: 750/1519;
    background-image: url(../img/recruit/3min/mission_bg_sp.webp);
    translate: none;
  }
}
.pg_3min .missionSect:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 133, 201, 0.4);
  pointer-events: none;
  z-index: 1;
}
.pg_3min .missionSect_body {
  position: relative;
  padding-top: 32px;
  color: #fff;
  z-index: 3;
}
@media not all and (max-width: 767px), print {
  .pg_3min .missionSect_body {
    padding: 80px 85px 70px;
    width: 692px;
    aspect-ratio: 1;
    margin-inline: auto;
  }
}
.pg_3min .missionSect_body .el_sectHdgLv1 {
  margin-bottom: 74px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect_body .el_sectHdgLv1 {
    margin-bottom: 34px;
    font-size: 1.8125rem;
  }
}
.pg_3min .missionSect_body .el_sectHdgLv1::before {
  left: 50%;
  background-image: url(../img/common/deco_circle_wh.svg);
  translate: -50% 0;
}
.pg_3min .missionSect_circle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: linear-gradient(327.03deg, rgba(104, 180, 255, 0.3) 16.76%, rgba(9, 122, 215, 0.3) 82.87%);
  translate: -50% 0;
  z-index: 0;
}
.pg_3min .missionSect_cont {
  position: relative;
  z-index: 1;
}
.pg_3min .missionSect_copy {
  position: relative;
  margin-bottom: 50px;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect_copy {
    margin-bottom: 42px;
    font-size: 2rem;
    text-align: center;
  }
}
.pg_3min .missionSect_txt {
  position: relative;
  font-weight: 500;
  line-height: 2.4;
}
.pg_3min .missionSect_link {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect_link {
    justify-content: flex-end;
  }
}
.pg_3min .missionSect_link .el_leadingBtn_inner .icon {
  background-color: #fff;
  color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .pg_3min .missionSect_link .el_leadingBtn_inner .icon {
    width: 50px;
  }
}
.pg_3min .missionSect_link .el_leadingBtn > a:focus-visible .el_leadingBtn_inner .txt {
  color: #fff;
}
@media (any-hover: hover) {
  .pg_3min .missionSect_link .el_leadingBtn > a:hover .el_leadingBtn_inner .txt {
    color: #fff;
  }
}
.pg_3min .workSect {
  position: relative;
  margin-top: -40px;
  padding-block: 120px 144px;
  background-color: var(--_clr_bg_lightblue);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .pg_3min .workSect {
    margin-top: -24px;
    padding-block: 80px 104px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
.pg_3min .workSect_inner {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .pg_3min .workSect_inner {
    grid-template-columns: max(350px, 43.1034482759%) minmax(0, 1fr);
    align-items: center;
    -moz-column-gap: 74px;
    column-gap: 74px;
  }
}
@media not all and (max-width: 1440px), print {
  .pg_3min .workSect_inner {
    width: 100%;
    padding-inline: 8.3333333333%;
  }
}
.pg_3min .workSect_img {
  height: 536px;
  border-radius: 16px;
  overflow: hidden;
  order: 1;
}
@media screen and (max-width: 767px) {
  .pg_3min .workSect_img {
    height: auto;
    border-radius: 8px;
  }
}
.pg_3min .workSect_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_3min .workSect_link {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .pg_3min .workSect_link .el_leadingBtn_inner .icon {
    width: 50px;
  }
}
.pg_3min .indexSect {
  position: relative;
  margin-top: -40px;
  padding-block: 120px 160px;
  background-color: #fff;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect {
    margin-top: -24px;
    padding-block: 80px 104px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
.pg_3min .indexSect_inner {
  overflow: hidden;
}
.pg_3min .indexSect_slider .splide__track {
  overflow: visible;
}
.pg_3min .indexSect_slider .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 384px;
  height: 48px;
  pointer-events: none;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_slider .splide__arrows {
    width: 296px;
    height: 32px;
  }
}
.pg_3min .indexSect_slider .splide__arrow {
  position: absolute;
  top: 50%;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--_clr_line-gray-light);
  background-color: #fff;
  color: var(--_clr_primary);
  pointer-events: auto;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_slider .splide__arrow {
    width: 32px;
  }
}
.pg_3min .indexSect_slider .splide__arrow[disabled] {
  border-color: #E1E1E1;
  color: #E1E1E1;
  opacity: 0.5;
}
.pg_3min .indexSect_slider .splide__arrow > svg {
  display: none;
}
.pg_3min .indexSect_slider .splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_slider .splide__arrow:before {
    width: 16px;
  }
}
.pg_3min .indexSect_slider .splide__arrow--prev {
  left: 0;
  scale: -1 -1;
}
.pg_3min .indexSect_slider .splide__arrow--next {
  right: 0;
}
.pg_3min .indexSect_slider .splide__pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 40px auto 0;
  width: 240px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_slider .splide__pagination {
    width: 190px;
    height: 32px;
  }
}
.pg_3min .indexSect_slider .splide__pagination > li {
  flex: 1;
  display: grid;
  align-items: center;
}
.pg_3min .indexSect_slider .splide__pagination__page {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--_clr_ui-inactive);
}
.pg_3min .indexSect_slider .splide__pagination__page.is-active {
  background-color: var(--_clr_primary);
}
.pg_3min .indexSect_card {
  display: grid;
  width: 353px;
  aspect-ratio: 353/471;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card {
    width: 252px;
    aspect-ratio: 252/329;
  }
}
.pg_3min .indexSect_card > a {
  display: grid;
  border-radius: 24px;
  overflow: hidden;
}
.pg_3min .indexSect_card > a:focus-visible .img img {
  scale: 1.1;
}
.pg_3min .indexSect_card > a:focus-visible .img:before {
  opacity: 0.3;
}
@media (any-hover: hover) {
  .pg_3min .indexSect_card > a:hover .img img {
    scale: 1.1;
  }
  .pg_3min .indexSect_card > a:hover .img:before {
    opacity: 0.3;
  }
}
.pg_3min .indexSect_card_inner {
  position: relative;
  display: grid;
  border-radius: inherit;
}
.pg_3min .indexSect_card .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.pg_3min .indexSect_card .img:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0A5A8C;
  opacity: 0.2;
  transition: opacity var(--transDur);
  z-index: 1;
}
.pg_3min .indexSect_card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
.pg_3min .indexSect_card .cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card .cont {
    padding: 25px 16px;
  }
}
.pg_3min .indexSect_card .cont .job {
  position: absolute;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  padding: 10px;
  border-bottom-right-radius: 15px;
  min-width: 112px;
  background-color: var(--_clr_primary);
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.8;
}
.pg_3min .indexSect_card .cont .leadTxt {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card .cont .leadTxt {
    font-size: 1.125rem;
  }
}
.pg_3min .indexSect_card .cont .person {
  display: flex;
  align-items: flex-end;
  margin-top: 16px;
}
.pg_3min .indexSect_card .cont .person .name {
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card .cont .person .name {
    font-size: 0.9375rem;
  }
}
.pg_3min .indexSect_card .cont .person .jointed {
  position: relative;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card .cont .person .jointed {
    font-size: 0.8125rem;
  }
}
.pg_3min .indexSect_card .cont .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-inline: 8px;
}
@media screen and (max-width: 767px) {
  .pg_3min .indexSect_card .cont .person .jointed:before {
    font-size: 1rem;
  }
}
.pg_3min .dataSect {
  position: relative;
  margin-top: -40px;
  padding-block: 120px 160px;
  background-color: var(--_clr_bg_lightblue);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect {
    margin-top: -24px;
    padding-block: 80px 120px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
}
.pg_3min .dataSect_head {
  margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect_head {
    margin-bottom: 24px;
  }
}
.pg_3min .dataSect .el_sectHdgLv1 {
  margin-bottom: 0;
  text-align: center;
}
.pg_3min .dataSect .el_sectHdgLv1:before {
  left: 50%;
  translate: -50% 0;
}
.pg_3min .dataSect .annotation {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .annotation {
    font-size: 0.8125rem;
  }
}
.pg_3min .dataSect .annotation + .dataSect_hdg {
  margin-top: 24px;
}
.pg_3min .dataSect_hdg {
  position: relative;
  margin-block: 64px 40px;
  background-image: linear-gradient(var(--_clr_primary));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: center;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect_hdg {
    margin-top: 80px;
    font-size: 1.25rem;
  }
}
.pg_3min .dataSect_hdg:before, .pg_3min .dataSect_hdg:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5px;
  aspect-ratio: 1;
  background-color: var(--_clr_primary);
  border-radius: 50%;
  pointer-events: none;
  transform: perspective(0);
}
.pg_3min .dataSect_hdg:before {
  left: 0;
  translate: -50% -50%;
}
.pg_3min .dataSect_hdg:after {
  right: 0;
  translate: 50% -50%;
}
.pg_3min .dataSect_hdg > span {
  display: inline-block;
  padding-inline: 0.5em;
  background-color: var(--_clr_bg_lightblue);
}
.pg_3min .dataSect .dataCard {
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard {
    border-radius: 8px;
  }
}
.pg_3min .dataSect .dataCard_img {
  display: grid;
  place-content: center;
  margin-inline: auto;
  padding-inline: 5px;
  width: 140px;
  aspect-ratio: 14/13;
}
.pg_3min .dataSect .dataCard_img svg {
  width: 100%;
  height: auto;
}
.pg_3min .dataSect .dataCard_body .ttl {
  margin-inline: auto;
  padding-block: 2px;
  width: clamp(100px, 16.33986928vw, 200px);
  border-radius: 9999px;
  background-image: linear-gradient(90deg, #25C0EF 0%, #0094FF 100%);
  font-weight: 700;
  font-size: clamp(0.5rem, 1.3071895425vw, 1rem);
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard_body .ttl {
    font-size: 1rem;
  }
}
.pg_3min .dataSect .dataCard_body .txt {
  font-family: var(--_ff_Montserrat);
  font-weight: 700;
  font-size: clamp(0.75rem, 1.9607843137vw, 1.5rem);
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: var(--_clr_primary);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard_body .txt {
    font-size: 1.5rem;
  }
}
.pg_3min .dataSect .dataCard_body .txt .data {
  letter-spacing: 0.05em;
  color: var(--_clr_txt);
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard_body .txt .data {
    font-size: 3rem;
  }
}
.pg_3min .dataSect .dataCard_body .txt_sm {
  font-size: clamp(0.625rem, 1.6339869281vw, 1.25rem);
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard_body .txt_sm {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCard_body .txt_sm .data {
    font-size: 3rem;
  }
}
.pg_3min .dataSect .dataCardList {
  display: grid;
  row-gap: 20px;
}
@media not all and (max-width: 767px), print {
  .pg_3min .dataSect .dataCardList__2col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
    row-gap: 40px;
  }
}
.pg_3min .dataSect .dataCardList__2col .dataCard {
  grid-template-columns: auto auto;
  -moz-column-gap: clamp(18px, 1.9607843137vw, 24px);
  column-gap: clamp(18px, 1.9607843137vw, 24px);
  min-height: 220px;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCardList__2col .dataCard {
    -moz-column-gap: 16px;
    column-gap: 16px;
    min-height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCardList__2col .dataCard_img {
    width: 107px;
    padding-inline: 3.5px;
  }
}
.pg_3min .dataSect .dataCardList__2col .dataCard_body .ttl {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCardList__2col .dataCard_body .ttl {
    width: 183px;
  }
}
@media not all and (max-width: 767px), print {
  .pg_3min .dataSect .dataCardList__2col .dataCard_body .txt .data {
    font-size: clamp(1.875rem, 4.9019607843vw, 3.75rem);
  }
}
@media not all and (max-width: 767px), print {
  .pg_3min .dataSect .dataCardList__2col .dataCard_body .txt_sm .data {
    font-size: clamp(1.5625rem, 4.0849673203vw, 3.125rem);
  }
}
@media not all and (max-width: 767px), print {
  .pg_3min .dataSect .dataCardList__3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: var(--_gap_col3);
    column-gap: var(--_gap_col3);
    row-gap: 40px;
  }
}
.pg_3min .dataSect .dataCardList__3col .dataCard {
  row-gap: 8px;
  align-content: center;
  padding-block: clamp(20px, 3.2679738562vw, 40px);
}
.pg_3min .dataSect .dataCardList__3col .dataCard_body .ttl {
  margin-bottom: clamp(8px, 1.3071895425vw, 16px);
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect .dataCardList__3col .dataCard_body .ttl {
    margin-bottom: 16px;
    width: 200px;
  }
}
@media not all and (max-width: 767px), print {
  .pg_3min .dataSect .dataCardList__3col .dataCard_body .txt .data {
    font-size: clamp(1.75rem, 4.5751633987vw, 3.5rem);
  }
}
.pg_3min .dataSect_link {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .pg_3min .dataSect_link .el_leadingBtn_inner .icon {
    width: 50px;
  }
}

.pg_professional .professionalList {
  display: grid;
  row-gap: 64px;
  padding-bottom: 144px;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList {
    row-gap: 20px;
    padding-bottom: 83px;
  }
}
@media not all and (max-width: 767px), print {
  .pg_professional .professionalList .professional {
    width: 86.2068965517%;
  }
}
@media not all and (max-width: 767px), print {
  .pg_professional .professionalList .professional:nth-child(2n+1) {
    justify-self: flex-end;
  }
}
.pg_professional .professionalList .professional_inner {
  position: relative;
  display: grid;
  padding: 40px;
  border-radius: inherit;
  overflow: hidden;
  height: 400px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner {
    padding: 24px 7px 24px 20px;
  }
}
.pg_professional .professionalList .professional_inner .bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.pg_professional .professionalList .professional_inner .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
.pg_professional .professionalList .professional_inner .cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.pg_professional .professionalList .professional_inner .cont .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.pg_professional .professionalList .professional_inner .cont .wrapper .copy {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .wrapper .copy {
    margin-bottom: 16px;
    font-size: 1.375rem;
  }
}
.pg_professional .professionalList .professional_inner .cont .wrapper .person {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.pg_professional .professionalList .professional_inner .cont .wrapper .person .job {
  padding: 3px 11px;
  border: 1px solid currentColor;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .wrapper .person .job {
    font-size: 0.6875rem;
  }
}
.pg_professional .professionalList .professional_inner .cont .wrapper .person .name {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .wrapper .person .name {
    font-size: 1.125rem;
  }
}
.pg_professional .professionalList .professional_inner .cont .wrapper .person .jointed {
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .wrapper .person .jointed {
    font-size: 0.9375rem;
  }
}
.pg_professional .professionalList .professional_inner .cont .wrapper .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .wrapper .person .jointed:before {
    font-size: 0.875rem;
  }
}
.pg_professional .professionalList .professional_inner .cont .icon {
  position: relative;
  display: inline-block;
  width: 64px;
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_professional .professionalList .professional_inner .cont .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    translate: 0 -50%;
  }
}
.pg_professional .professionalList .professional_inner .cont .icon:before, .pg_professional .professionalList .professional_inner .cont .icon:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  transform: perspective(0);
}
.pg_professional .professionalList .professional_inner .cont .icon:before {
  right: 100%;
}
.pg_professional .professionalList .professional_inner .cont .icon:after {
  left: 0;
}
.pg_professional .professionalList .professional > a {
  display: grid;
  border-radius: 16px;
}
.pg_professional .professionalList .professional > a:focus-visible .icon {
  animation: expanding 0.6s both ease-in-out;
}
.pg_professional .professionalList .professional > a:focus-visible .icon::after {
  animation: reappearing 0.6s both ease-in-out;
}
.pg_professional .professionalList .professional > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:before, .pg_professional .professionalList .professional > a:focus-visible:not([target=_blank]):not([href*=".pdf"]) .icon:after {
  animation: 0.6s both ease-in-out;
  animation-name: transX100, reappearing;
}
@media (any-hover: hover) {
  .pg_professional .professionalList .professional > a:hover .icon {
    animation: expanding 0.6s both ease-in-out;
  }
  .pg_professional .professionalList .professional > a:hover .icon::after {
    animation: reappearing 0.6s both ease-in-out;
  }
  .pg_professional .professionalList .professional > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:before, .pg_professional .professionalList .professional > a:hover:not([target=_blank]):not([href*=".pdf"]) .icon:after {
    animation: 0.6s both ease-in-out;
    animation-name: transX100, reappearing;
  }
}
.pg_professional .professionalList .professional > a:focus-visible .bg img {
  scale: 1.1;
}
@media (any-hover: hover) {
  .pg_professional .professionalList .professional > a:hover .bg img {
    scale: 1.1;
  }
}

.pg_member .animatedPageTtl {
  position: relative;
  display: grid;
  padding-block: 130px 80px;
  margin-bottom: 144px;
  height: 700px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl {
    padding-block: 90px 62px;
    margin-bottom: 80px;
    height: 650px;
  }
}
.pg_member .animatedPageTtl_inner {
  position: relative;
  display: grid;
  align-content: space-between;
  z-index: 1;
}
.pg_member .animatedPageTtl_inner .bl_breadcrumb {
  align-self: flex-start;
  color: #fff;
}
@media not all and (max-width: 767px), print {
  .pg_member .animatedPageTtl_inner .bl_breadcrumb {
    padding-inline: 53px 29px;
  }
}
.pg_member .animatedPageTtl_inner .bl_breadcrumb li:not(:last-child) a {
  color: color-mix(in srgb, #fff 60%, transparent);
}
.pg_member .animatedPageTtl_pageTtl {
  position: relative;
  align-self: flex-end;
  padding-left: 53px;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl {
    padding-left: 20px;
  }
}
.pg_member .animatedPageTtl_pageTtl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 100%;
  background-color: var(--_clr_primary);
  translate: -100% 0;
  transform: translateX(0);
  animation: transX100 0.4s 0.6s both ease-in-out;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl:before {
    width: 8px;
    translate: -100% -7px;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl {
  color: #fff;
}
@media not all and (max-width: 767px), print {
  .pg_member .animatedPageTtl_pageTtl .pageTtl {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl {
    translate: 2px 0;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl > * {
  overflow: hidden;
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .category {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  animation-delay: 0.7s;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .category {
    font-size: 0.875rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .leadTxt {
  display: block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  animation-delay: 1.1s;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .leadTxt {
    margin-top: 16px;
    font-size: 1.5rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person {
  display: flex;
  align-items: center;
  margin-top: 27px;
  animation-delay: 1.5s;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .person {
    margin-top: 12px;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person_inner {
  display: inherit;
  align-items: inherit;
  animation: slideInD2U 0.8s both ease-in-out;
  animation-delay: inherit;
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person .job {
  display: inline-block;
  border: 1px solid currentColor;
  padding-inline: 12px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .person .job {
    font-size: 0.8125rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person .name {
  display: inline-block;
  margin-left: 12px;
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .person .name {
    font-size: 1.25rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person .jointed {
  display: inline-block;
  margin-top: 3px;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .person .jointed {
    font-size: 0.875rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-inline: 10px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_member .animatedPageTtl_pageTtl .pageTtl .person .jointed:before {
    font-size: 0.875rem;
  }
}
.pg_member .animatedPageTtl_pageTtl .pageTtl .innerTxt {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  animation: slideInD2U 0.8s both ease-in-out;
  animation-delay: inherit;
}
.pg_member .animatedPageTtl_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  animation: removeBlur 1s both ease-in-out;
}
.pg_member .animatedPageTtl_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_member .workSect_lead_txt {
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .pg_member .workSect_lead_txt {
    padding-block: 16px;
  }
}
.pg_member .workSect_work {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .pg_member .workSect_work {
    margin-top: 64px;
  }
}
.pg_member .workSect_work_list {
  display: grid;
  row-gap: 64px;
}
@media not all and (max-width: 767px), print {
  .pg_member .workSect_work_list .workSect_work_item:nth-child(2n) .img {
    order: 1;
  }
}
.pg_member .workSect_work_item {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .pg_member .workSect_work_item {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
}
.pg_member .workSect_work_item .img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_member .workSect_work_item .cont .txt {
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .pg_member .workSect_work_item .cont .txt {
    line-height: 2;
    font-size: 0.875rem;
  }
}
.pg_member .flowSect {
  position: relative;
  margin-top: 150px;
  padding-block: 120px 54px;
  background-color: var(--_clr_bg_lightblue-dark);
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect {
    margin-top: 110px;
    padding-block: 64px;
    border-radius: 24px;
  }
}
.pg_member .flowSect_bg {
  position: absolute;
  top: -158px;
  right: -58px;
  width: 761px;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_bg {
    top: -28px;
    right: -45px;
    width: 240px;
  }
}
.pg_member .flowSect_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_member .flowSect_slider .splide__track {
  overflow: visible;
}
.pg_member .flowSect_slider .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 384px;
  height: 48px;
  pointer-events: none;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_slider .splide__arrows {
    width: 296px;
    height: 32px;
  }
}
.pg_member .flowSect_slider .splide__arrow {
  position: absolute;
  top: 50%;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--_clr_line-gray-light);
  background-color: #fff;
  color: var(--_clr_primary);
  pointer-events: auto;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_slider .splide__arrow {
    width: 32px;
  }
}
.pg_member .flowSect_slider .splide__arrow[disabled] {
  border-color: #E1E1E1;
  color: #E1E1E1;
  opacity: 0.5;
}
.pg_member .flowSect_slider .splide__arrow > svg {
  display: none;
}
.pg_member .flowSect_slider .splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_slider .splide__arrow:before {
    width: 16px;
  }
}
.pg_member .flowSect_slider .splide__arrow--prev {
  left: 0;
  scale: -1 -1;
}
.pg_member .flowSect_slider .splide__arrow--next {
  right: 0;
}
.pg_member .flowSect_slider .splide__pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 40px auto 0;
  width: 240px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_slider .splide__pagination {
    width: 190px;
    height: 32px;
  }
}
.pg_member .flowSect_slider .splide__pagination > li {
  flex: 1;
  display: grid;
  align-items: center;
}
.pg_member .flowSect_slider .splide__pagination__page {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--_clr_ui-inactive);
}
.pg_member .flowSect_slider .splide__pagination__page.is-active {
  background-color: var(--_clr_primary);
}
.pg_member .flowSect_card {
  padding: 40px;
  width: 355px;
  background-color: #fff;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_card {
    padding: 24px;
    width: 320px;
  }
}
.pg_member .flowSect_card .time {
  font-family: var(--_ff_Montserrat);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--_clr_primary);
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_card .time {
    font-size: 1rem;
  }
}
.pg_member .flowSect_card .ttl {
  position: relative;
  margin-block: 12px 20px;
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .pg_member .flowSect_card .ttl {
    margin-top: 8px;
    font-size: 1.25rem;
  }
}
.pg_member .flowSect_card .ttl:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-image: radial-gradient(circle, var(--_clr_primary) 1px, transparent 1.5px);
  background-size: 5px 5px;
  background-position: left center;
  background-repeat: repeat-x;
  translate: -50% -50%;
}
.pg_member .flowSect_card .txt {
  font-weight: 500;
  font-size: 0.9375rem;
}
.pg_member .prideSect {
  padding-block: 120px 160px;
}
@media screen and (max-width: 767px) {
  .pg_member .prideSect {
    padding-block: 80px 84px;
  }
}
.pg_member .prideSect_inner {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .pg_member .prideSect_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
}
.pg_member .prideSect_img {
  display: grid;
  grid-template-columns: 296fr 213fr;
  grid-template-rows: 364fr 214fr;
  gap: 16px 24px;
  aspect-ratio: 536/594;
}
@media screen and (max-width: 767px) {
  .pg_member .prideSect_img {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 229fr 116fr;
    -moz-column-gap: 16px;
    column-gap: 16px;
    aspect-ratio: 337/361;
    order: 1;
  }
}
.pg_member .prideSect_img .img {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.pg_member .prideSect_img .img:first-child {
  grid-column: span 2;
}
@media screen and (max-width: 767px) {
  .pg_member .prideSect_img .img {
    border-radius: 12px;
  }
}
.pg_member .prideSect_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_member .prideSect_txt {
  font-weight: 500;
}
.pg_member .challengeSect {
  padding-block: 120px 140px;
  background: linear-gradient(324.73deg, #0094FF 6.06%, #25C0EF 93.94%);
  border-radius: 40px 40px 0 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pg_member .challengeSect {
    padding-block: 80px;
    border-radius: 24px 24px 0 0;
  }
}
.pg_member .challengeSect_inner {
  display: grid;
  row-gap: 40px;
}
@media not all and (max-width: 767px), print {
  .pg_member .challengeSect_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    -moz-column-gap: var(--_gap_col2);
    column-gap: var(--_gap_col2);
  }
}
.pg_member .challengeSect_img {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  order: 1;
}
.pg_member .challengeSect_img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 521/691;
  -o-object-fit: cover;
  object-fit: cover;
}
.pg_member .challengeSect_txt {
  font-weight: 500;
}
.pg_member .challengeSect .el_sectHdgLv1:before {
  background-image: url(../img/common/deco_circle_wh.svg);
}
.pg_member .indexSect {
  padding-block: 120px 178px;
  margin-bottom: -24px;
  background-color: var(--_clr_bg_lightblue-dark);
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect {
    padding-block: 80px 120px;
    margin-bottom: 0;
  }
}
.pg_member .indexSect_inner {
  overflow: hidden;
}
.pg_member .indexSect_slider .splide__track {
  overflow: visible;
}
.pg_member .indexSect_slider .splide__arrows {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 384px;
  height: 48px;
  pointer-events: none;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_slider .splide__arrows {
    width: 296px;
    height: 32px;
  }
}
.pg_member .indexSect_slider .splide__arrow {
  position: absolute;
  top: 50%;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--_clr_line-gray-light);
  background-color: #fff;
  color: var(--_clr_primary);
  pointer-events: auto;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_slider .splide__arrow {
    width: 32px;
  }
}
.pg_member .indexSect_slider .splide__arrow[disabled] {
  border-color: #E1E1E1;
  color: #E1E1E1;
  opacity: 0.5;
}
.pg_member .indexSect_slider .splide__arrow > svg {
  display: none;
}
.pg_member .indexSect_slider .splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_arw_lg.svg);
  mask-image: url(../img/common/icon/icon_arw_lg.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_slider .splide__arrow:before {
    width: 16px;
  }
}
.pg_member .indexSect_slider .splide__arrow--prev {
  left: 0;
  scale: -1 -1;
}
.pg_member .indexSect_slider .splide__arrow--next {
  right: 0;
}
.pg_member .indexSect_slider .splide__pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin: 40px auto 0;
  width: 240px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_slider .splide__pagination {
    width: 190px;
    height: 32px;
  }
}
.pg_member .indexSect_slider .splide__pagination > li {
  flex: 1;
  display: grid;
  align-items: center;
}
.pg_member .indexSect_slider .splide__pagination__page {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9999px;
  background-color: var(--_clr_ui-inactive);
}
.pg_member .indexSect_slider .splide__pagination__page.is-active {
  background-color: var(--_clr_primary);
}
.pg_member .indexSect_card {
  display: grid;
  width: 353px;
  aspect-ratio: 353/471;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card {
    width: 252px;
    aspect-ratio: 252/329;
  }
}
.pg_member .indexSect_card > a {
  display: grid;
  border-radius: 24px;
  overflow: hidden;
}
.pg_member .indexSect_card > a:focus-visible .img img {
  scale: 1.1;
}
.pg_member .indexSect_card > a:focus-visible .img:before {
  opacity: 0.3;
}
@media (any-hover: hover) {
  .pg_member .indexSect_card > a:hover .img img {
    scale: 1.1;
  }
  .pg_member .indexSect_card > a:hover .img:before {
    opacity: 0.3;
  }
}
.pg_member .indexSect_card_inner {
  position: relative;
  display: grid;
  border-radius: inherit;
}
.pg_member .indexSect_card .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.pg_member .indexSect_card .img:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0A5A8C;
  opacity: 0.2;
  transition: opacity var(--transDur);
  z-index: 1;
}
.pg_member .indexSect_card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: scale var(--transDur);
}
.pg_member .indexSect_card .cont {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card .cont {
    padding: 25px 16px;
  }
}
.pg_member .indexSect_card .cont .job {
  position: absolute;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  padding: 10px;
  border-bottom-right-radius: 15px;
  min-width: 112px;
  background-color: var(--_clr_primary);
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.8;
}
.pg_member .indexSect_card .cont .leadTxt {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card .cont .leadTxt {
    font-size: 1.125rem;
  }
}
.pg_member .indexSect_card .cont .person {
  display: flex;
  align-items: flex-end;
  margin-top: 16px;
}
.pg_member .indexSect_card .cont .person .name {
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card .cont .person .name {
    font-size: 0.9375rem;
  }
}
.pg_member .indexSect_card .cont .person .jointed {
  position: relative;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card .cont .person .jointed {
    font-size: 0.8125rem;
  }
}
.pg_member .indexSect_card .cont .person .jointed:before {
  content: "/";
  display: inline-block;
  margin-inline: 8px;
}
@media screen and (max-width: 767px) {
  .pg_member .indexSect_card .cont .person .jointed:before {
    font-size: 1rem;
  }
}

.pg_news .categoryList {
  display: grid;
  gap: 24px;
  margin-bottom: 48px;
  padding: 24px 16px;
  background-color: var(--_clr_bg_lightgray-middle);
  border-radius: 8px;
}
@media not all and (max-width: 767px), print {
  .pg_news .categoryList {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    padding: 32px 40px;
    border-radius: 16px;
  }
}
.pg_news .categoryList .desc {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .pg_news .categoryList .desc {
    text-align: center;
  }
}
.pg_news .categoryList .list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pg_news .categoryList .list .item {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .pg_news .categoryList .list .item {
    min-width: 156px;
  }
}
@media screen and (max-width: 767px) {
  .pg_news .categoryList .list .item {
    width: calc((100% - 8px) / 2);
  }
}
.pg_news .categoryList .list .item > a {
  display: block;
  padding: 9px 11px;
  background-color: #fff;
  border: 1px solid var(--_clr_line-gray-light);
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.8;
  color: var(--_clr_primary);
  text-align: center;
  transition: border-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .pg_news .categoryList .list .item > a {
    font-size: 0.75rem;
  }
}
.pg_news .categoryList .list .item > a.is_current {
  background-color: var(--_clr_primary);
  border-color: var(--_clr_primary);
  color: #fff;
  pointer-events: none;
}
.pg_news .categoryList .list .item > a:focus-visible {
  border-color: var(--_clr_primary);
}
@media (any-hover: hover) {
  .pg_news .categoryList .list .item > a:hover {
    border-color: var(--_clr_primary);
  }
}

.pg_newsDetail {
  background-color: var(--_clr_bg_lightgray-middle);
}

/**
 * Keyframes
 */
@keyframes arrow-animation {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  70% {
    opacity: 0;
    transform: translate(10px);
  }
  71% {
    opacity: 0;
    transform: translate(-10px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes arrow-animation-prev {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  70% {
    opacity: 0;
    transform: translate(-10px);
  }
  71% {
    opacity: 0;
    transform: translate(10px);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes expanding {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes reappearing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transX100 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes wave_on {
  0% {
    opacity: 0;
    scale: 0;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes left2right1 {
  0% {
    opacity: 1;
    left: 50%;
  }
  100% {
    opacity: 0;
    left: 150%;
  }
}
@keyframes left2right2 {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 50%;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes removeBlur {
  0% {
    scale: 1.2;
    filter: blur(32px);
  }
  100% {
    scale: 1;
    filter: blur(0);
  }
}
@keyframes slideInD2U {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInD2U {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes circleExpand {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  100% {
    clip-path: circle(50% at 50% 50%);
  }
}
@keyframes verticalBound {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100%);
  }
}
@keyframes tiltInL2R {
  0% {
    opacity: 0;
    transform: translateX(-10px) translateY(-20px) rotate(-4deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes bgRise {
  0% {
    transform: translateX(0) translateY(0);
  }
  100% {
    transform: translateX(3483px) translateY(-1779px);
  }
}
@keyframes simpleExpand {
  0% {
    scale: 0;
  }
  100% {
    scale: 1;
  }
}
.js_animation_target {
  opacity: 0;
}

.js_animation_start.animation_fadeInD2U {
  opacity: 0;
  animation-name: fadeInD2U;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.js_animation_start.animation_circleExpand {
  opacity: 1;
  animation-name: circleExpand;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.js_animation_start.animation_simpleExpand {
  opacity: 1;
  animation-name: simpleExpand;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.js_animation_start.animation_tiltInL2R {
  opacity: 0;
  animation-name: tiltInL2R;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.js_animation_start.animation_delay {
  --_defaultDelay: .6s;
  --_baseDelay: .3s;
  --_delayNum: 1;
  animation-delay: calc(var(--_defaultDelay) + var(--_baseDelay) * var(--_delayNum));
}

.js_animation_wrapper.js_animation_start {
  opacity: 1;
}
.js_animation_wrapper.js_animation_start .animation_fadeInD2U {
  opacity: 0;
  animation-name: fadeInD2U;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.js_animation_wrapper.js_animation_start .animation_circleExpand {
  opacity: 1;
  animation-name: circleExpand;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.js_animation_wrapper.js_animation_start .animation_tiltInL2R {
  opacity: 1;
  animation-name: tiltInL2R;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
}
.js_animation_wrapper.js_animation_start .animation_delay {
  --_defaultDelay: .6s;
  --_baseDelay: .3s;
  --_delayNum: 1;
  animation-delay: calc(var(--_defaultDelay) + var(--_baseDelay) * var(--_delayNum));
}