@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;
}

small {
  font-size: 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 {
  --scrollbarW: 0;
  --htmlW: calc(100vw - var(--scrollbarW) * 1px);
  --negLeading: calc((1em - 1lh) / 2);
  --transEasing: ease-in-out;
  --transDur: 0.3s;
  --designW: 1360;
  --contW: calc(1200 / var(--designW) * 100%);
  --contMargin_hor: calc((100% - var(--contW)) / 2);
  --clr_ash: #454849;
  --clr_black: #061B22;
  --clr_gray: #B5B5B6;
  --clr_red: #E00000;
  --clr_lightblue: #0097E0;
  --clr_pale-blue: #F2F7FA;
  --clr_bg-blue: #E5ECEF;
  --clr_bg-black: #1B4357;
  --ff_NotoSansJP: "Noto Sans JP", sans-serif;
  --ff_Geist: "Geist", sans-serif;
  --ff_AlumniSans: "Alumni Sans", sans-serif;
  --_icon_arw: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNzY2XzI2NTIpIj48cGF0aCBkPSJNMi40MDAzOSAwSDQuODA1NjhMMTAuNDI4NiA2SDguMDIzMjdMMi40MDAzOSAwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMi40MDAzOSAxMkg0LjgwNTY4TDEwLjQyODYgNkg4LjAyMzI3TDIuNDAwMzkgMTJaIiBmaWxsPSJ3aGl0ZSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzc2Nl8yNjUyIj48cmVjdCB3aWR0aD0iOC4wMjgxNyIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDAwMzkpIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
  --_icon_blank:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Ik0xNC4wMDAxIDMuNDI2MDNWMTMuOTk5OEgyLjE5Njc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  --_icon_file:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAxNFYxSDguNTUxNzJMMTMgNS4wOTUyNFYxNEgzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
  --_icon_map:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS45OTk1IDEuNTI2NjVDNi42MDM1MiAxLjUyNjY1IDcuMTg5MzUgMS42NDQ5MiA3Ljc0MDMgMS44Nzc5MkM4LjI3MzA1IDIuMTAzMzMgOC43NTEyMSAyLjQyNTc5IDkuMTYyMTUgMi44MzY3QzkuNTczMDkgMy4yNDc2IDkuODk1NTcgMy43MjU3MyAxMC4xMjEgNC4yNTg0NUMxMC4zNTQgNC44MDkzNSAxMC40NzIzIDUuMzk1MTQgMTAuNDcyMyA1Ljk5OTExQzEwLjQ3MjMgNi43MDk3MyAxMC4zMTA2IDcuMzg5MDIgOS45OTIxMiA4LjAxNzc2TDkuNjcwNjQgOC41NTU1M0w3Ljc5NDg4IDExLjQ4NDRMNS45OTk1IDE0LjAyMzVMNC4yMDQxIDExLjQ4NDRMMi4zMjM4IDguNTQ4NDVMMi4zMTg3NCA4LjU0MDg3TDIuMzEzNjkgOC41MzMyOUMyLjI1NjU3IDguNDUwOTEgMi4yMDE5OCA4LjM2NDk5IDIuMTUwNDIgOC4yNzg1NkMyLjEwMDg5IDguMTk1MTYgMi4wNTU0IDguMTEyNzggMi4wMTQ0NiA4LjAzMjQyQzEuNjkwNDYgNy4zOTk2MyAxLjUyNjY5IDYuNzE1MjkgMS41MjY2OSA1Ljk5ODYxQzEuNTI2NjkgNS4zOTQ2MyAxLjY0NDk3IDQuODA4ODUgMS44Nzc5OCA0LjI1Nzk0QzIuMTAzNDIgMy43MjUyMyAyLjQyNTkgMy4yNDcxIDIuODM2ODQgMi44MzYxOUMzLjI0Nzc4IDIuNDI1MjkgMy43MjU5NCAyLjEwMjgzIDQuMjU4NjkgMS44Nzc0MUM0LjgwOTY0IDEuNjQ0NDEgNS4zOTU0NyAxLjUyNjY1IDUuOTk5NSAxLjUyNjY1Wk01Ljk5OTUgMUMzLjIzODY4IDEgMSAzLjIzODUxIDEgNS45OTkxMUMxIDYuODE3ODkgMS4xOTY2MiA3LjU5MDY4IDEuNTQ1OSA4LjI3MjQ5QzEuNTkzOTEgOC4zNjYgMS42NDQ0NiA4LjQ1NzQ4IDEuNjk4MDQgOC41NDc0NEMxLjc1NTY2IDguNjQ0NDggMS44MTYzMiA4LjczOTUgMS44ODA1MSA4LjgzMjVMMy43NjA4MiAxMS43Njg1TDYgMTVMOC4yMzkxOCAxMS43Njg1TDEwLjExOTUgOC44MzI1TDEwLjQ1NDEgOC4yNzI0OUMxMC44MDI5IDcuNTkwNjggMTEgNi44MTc4OSAxMSA1Ljk5OTExQzEwLjk5OTUgMy4yMzg1MSA4Ljc2MDgyIDEgNS45OTk1IDFaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz48cGF0aCBkPSJNNS45OTk1NSA4Ljc0OTQxQzQuNTA5NDUgOC43NDk0MSAzLjI5NzM2IDcuNTM3NDIgMy4yOTczNiA2LjA0NzQ0QzMuMjk3MzYgNC41NTc0NiA0LjUwOTQ1IDMuMzQ1NDYgNS45OTk1NSAzLjM0NTQ2QzcuNDg5NjQgMy4zNDU0NiA4LjcwMTczIDQuNTU3NDYgOC43MDE3MyA2LjA0NzQ0QzguNzAxNzMgNy41Mzc0MiA3LjQ4OTY0IDguNzQ5NDEgNS45OTk1NSA4Ljc0OTQxWk01Ljk5OTU1IDMuODcyMTFDNC44MDAwOSAzLjg3MjExIDMuODI0MDUgNC44NDgwNyAzLjgyNDA1IDYuMDQ3NDRDMy44MjQwNSA3LjI0NjggNC44MDAwOSA4LjIyMjc3IDUuOTk5NTUgOC4yMjI3N0M3LjE5OSA4LjIyMjc3IDguMTc1MDQgNy4yNDY4IDguMTc1MDQgNi4wNDc0NEM4LjE3NTA0IDQuODQ4MDcgNy4xOTkgMy44NzIxMSA1Ljk5OTU1IDMuODcyMTFaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz48L3N2Zz4=");
  --_icon_zoom:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDAzXzc3NykiPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPjxyZWN0IHg9IjE1IiB5PSIxNi4zIiB3aWR0aD0iMS44Mzg1OCIgaGVpZ2h0PSI4LjI3MjcxIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMTUgMTYuMykiIGZpbGw9IndoaXRlIi8+PHJlY3QgeD0iNiIgeT0iOSIgd2lkdGg9IjgiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIxMSIgeT0iNiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTEgNikiIGZpbGw9IndoaXRlIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfNDAzXzc3NyI+PHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
  --_icon_scroll:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA0MCA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuMjQ0NCAxMi4xOTdDMjkuNTgwMiAxMi4xOTcgMjguOTg0MSAxMi40Mjg3IDI4LjQ3OTkgMTIuODE3QzI3Ljk0ODUgMTEuODM2IDI2Ljk3MSAxMS4xNzUyIDI1Ljg0MzUgMTEuMTc1MkMyNS4xNzkzIDExLjE3NTIgMjQuNTY5NSAxMS40MDY4IDI0LjA2NTQgMTEuNzk1MUMyMy41MzQgMTAuODE0MSAyMi41MTIxIDEwLjE1MzMgMjEuMzg0NyAxMC4xNTMzQzIwLjg5NDIgMTAuMTUzMyAyMC4zMjUzIDEwLjI3OTMgMTkuOTg0NyAxMC41MDA3VjQuNjAxMDZDMTkuOTg0NyAyLjc3ODcgMTguNjA4NiAxLjI5Njk4IDE2LjkxOTEgMS4yOTY5OEMxNS4yMjk1IDEuMjk2OTggMTMuODUzNCAyLjc3ODcgMTMuODUzNCA0LjYwMTA2VjIwLjcwNTlMMTIuNDEyNiAxOC4xOTU1QzExLjQ4OTUgMTYuNjI1MiA5LjU4MTk1IDE2LjAzOTMgOC4xNDExIDE2Ljg4NzVDNi43MDAyNCAxNy43MzU2IDYuMjkxNDkgMTkuNzA0NSA3LjIxNDU5IDIxLjI3NDdMMTIuOTIwMSAzMC45NTU0QzEyLjk3OCAzMS4wNTQxIDEzLjA0NjEgMzEuMTYzMSAxMy4xMTc3IDMxLjI4MjRDMTQuMDgxNiAzMi45MzQ0IDE2LjI5NTcgMzYuODA3MyAyMy40MjUgMzYuODA3M0MzMi41NDAyIDM2LjgwNzMgMzMuMjY1NyAyOS43ODcgMzMuMjY1NyAyNy41Njk1VjE1LjUwNzlDMzMuMjY1NyAxMy42ODU2IDMxLjkzMDUgMTIuMjAzOSAzMC4yMzc2IDEyLjIwMzlMMzAuMjQ0NCAxMi4xOTdaTTIzLjQzMTggMzUuMTAwOEMxNy4yODM1IDM1LjEwMDggMTUuNTI5MyAzMi4wNTkgMTQuNTc4OSAzMC40MjRDMTQuNTAwNiAzMC4yOTExIDE0LjQ0MjcgMzAuMTcxOSAxNC4zODQ4IDMwLjA3NjVMOC42OTYzMiAyMC40MDk1QzguMjU2OTEgMTkuNjYwMiA4LjQxMDE5IDE4LjcyIDkuMDMwMTMgMTguMzU1NkM5LjY1MDA3IDE3Ljk5MTEgMTAuNTQ5MyAxOC4zMTQ3IDEwLjk4ODcgMTkuMDYwN0wxMy45MTEzIDI0LjAyMzZDMTQuMTUzMiAyNC40NTI4IDE0LjM5NSAyNC42Njc0IDE0Ljc0OTMgMjQuNjY3NEMxNS4yMTkzIDI0LjY2NzQgMTUuNTYzNCAyNC4yODU5IDE1LjU2MzQgMjMuODE1OFY0LjYwMTA2QzE1LjU2MzQgMy43MzI0NiAxNi4xODY3IDMuMDAwMTEgMTYuOTI1OSAzLjAwMDExQzE3LjY2NSAzLjAwMDExIDE4LjI4ODQgMy43MzI0NiAxOC4yODg0IDQuNjAxMDZWMTQuOTU2MUMxOC4yODg0IDE1LjQyNjIgMTguNjY5OSAxNS44MDc3IDE5LjEzOTkgMTUuODA3N0MxOS42MSAxNS44MDc3IDE5Ljk5MTUgMTUuNDI2MiAxOS45OTE1IDE0Ljk1NjFWMTMuNDU3NEMxOS45OTE1IDEyLjU4ODggMjAuNjE0OSAxMS44NTY0IDIxLjM1NCAxMS44NTY0QzIyLjA5MzIgMTEuODU2NCAyMi43MTY1IDEyLjU4ODggMjIuNzE2NSAxMy40NTc0VjE1Ljk3OEMyMi43MTY1IDE2LjQ0ODEgMjMuMDk4IDE2LjgyOTYgMjMuNTY4MSAxNi44Mjk2QzI0LjAzODIgMTYuODI5NiAyNC40MTk3IDE2LjQ0ODEgMjQuNDE5NyAxNS45NzhWMTQuNDc5MkMyNC40MTk3IDEzLjYxMDYgMjUuMDQzIDEyLjg3ODMgMjUuNzgyMiAxMi44NzgzQzI2LjUyMTMgMTIuODc4MyAyNy4xNDQ3IDEzLjYxMDYgMjcuMTQ0NyAxNC40NzkyVjE2Ljk5OTlDMjcuMTQ0NyAxNy40Njk5IDI3LjUyNjIgMTcuODUxNCAyNy45OTYyIDE3Ljg1MTRDMjguNDY2MyAxNy44NTE0IDI4Ljg0NzggMTcuNDY5OSAyOC44NDc4IDE2Ljk5OTlWMTUuNTAxMUMyOC44NDc4IDE0LjYzMjUgMjkuNDcxMSAxMy45MDAyIDMwLjIxMDMgMTMuOTAwMkMzMC45NDk1IDEzLjkwMDIgMzEuNTcyOCAxNC42MzI1IDMxLjU3MjggMTUuNTAxMVYyNy41MjUyQzMxLjU3MjggMjkuODA0IDMwLjgxMzIgMzUuMTAwOCAyMy40MzUyIDM1LjEwMDhIMjMuNDMxOFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTI0LjM1NDkgMi45NTIxNkgzNy4xNDU1TDM1LjY4NzYgMS40Mzk3N0MzNS4zNjA2IDEuMDk5MTUgMzUuMzcwOCAwLjU2NDM2MSAzNS43MTE0IDAuMjM3MzZDMzYuMDUyIC0wLjA4OTY0MjIgMzYuNTkwMiAtMC4wNzYwMTcyIDM2LjkxMzggMC4yNjEyMDNMMzkuNzYxNSAzLjIyMTI1QzM5LjkxODIgMy4zODQ3NSA0MC4wMDMzIDMuNjAyNzUgMzkuOTk5OSAzLjgyNzU3QzM5Ljk5NjUgNC4wNTIzOCAzOS45MDExIDQuMjY2OTggMzkuNzM3NiA0LjQyMzY2TDM2LjkwMDIgNy4xNDg2OEMzNi43MzY3IDcuMzA4NzcgMzYuNTIyMSA3LjM4NzEyIDM2LjMxMDkgNy4zODcxMkMzNi4wODYxIDcuMzg3MTIgMzUuODY0NyA3LjI5ODU2IDM1LjY5NzggNy4xMjQ4NEMzNS4zNzA4IDYuNzg0MjEgMzUuMzg0NCA2LjI0MjYxIDM1LjcyMTYgNS45MTkwMkwzNy4wMzMgNC42NTUyOUgyNC4zNTgzQzIzLjg4ODIgNC42NTUyOSAyMy41MDY3IDQuMjczNzkgMjMuNTA2NyAzLjgwMzcyQzIzLjUwNjcgMy4zMzM2NiAyMy44ODgyIDIuOTUyMTYgMjQuMzU4MyAyLjk1MjE2SDI0LjM1NDlaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik05LjUxMDQgMi45NTIxNkgyLjg1NDU1TDQuMzEyNDMgMS40Mzk3N0M0LjYzOTQ0IDEuMDk5MTUgNC42MjkyMiAwLjU2NDM2MSA0LjI4ODU5IDAuMjM3MzZDMy45NDc5NiAtMC4wODk2NDIyIDMuNDA5NzcgLTAuMDc2MDE3MiAzLjA4NjE4IDAuMjYxMjAzTDAuMjM4NTM3IDMuMjE3ODRDMC4wODE4NDg4IDMuMzgxMzUgLTAuMDAzMzA3ODkgMy41OTkzNSA5LjgzNzkyZS0wNSAzLjgyNzU3QzAuMDAzNTA0NjUgNC4wNTU3OSAwLjA5ODg4MDIgNC4yNjY5OCAwLjI2MjM4MSA0LjQyMzY2TDMuMDk5OCA3LjE0ODY4QzMuMjYzMyA3LjMwODc3IDMuNDc3OSA3LjM4NzEyIDMuNjg5MDkgNy4zODcxMkMzLjkxMzkgNy4zODcxMiA0LjEzNTMxIDcuMjk4NTYgNC4zMDIyMiA3LjEyNDg0QzQuNjI5MjIgNi43ODQyMSA0LjYxNTU5IDYuMjQyNjEgNC4yNzgzNyA1LjkxOTAyTDIuOTY2OTYgNC42NTUyOUg5LjUxMDRDOS45ODA0NyA0LjY1NTI5IDEwLjM2MiA0LjI3Mzc5IDEwLjM2MiAzLjgwMzcyQzEwLjM2MiAzLjMzMzY2IDkuOTgwNDcgMi45NTIxNiA5LjUxMDQgMi45NTIxNloiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTkuMTcyMTcgNDQuMzAwOEM5LjE0MDkyIDQzLjk4NTcgOS4wMDY4IDQzLjc0MDkgOC43Njk4MiA0My41NjY0QzguNTMyODQgNDMuMzkxOSA4LjIxMTIzIDQzLjMwNDcgNy44MDQ5OCA0My4zMDQ3QzcuNTI4OTQgNDMuMzA0NyA3LjI5NTg3IDQzLjM0MzcgNy4xMDU3NiA0My40MjE5QzYuOTE1NjYgNDMuNDk3NCA2Ljc2OTgyIDQzLjYwMjkgNi42NjgyNiA0My43MzgzQzYuNTY5MyA0My44NzM3IDYuNTE5ODIgNDQuMDI3MyA2LjUxOTgyIDQ0LjE5OTJDNi41MTQ2MiA0NC4zNDI0IDYuNTQ0NTYgNDQuNDY3NCA2LjYwOTY3IDQ0LjU3NDJDNi42NzczOCA0NC42ODEgNi43Njk4MiA0NC43NzM0IDYuODg3MDEgNDQuODUxNkM3LjAwNDIgNDQuOTI3MSA3LjEzOTYyIDQ0Ljk5MzUgNy4yOTMyNiA0NS4wNTA4QzcuNDQ2OTEgNDUuMTA1NSA3LjYxMDk3IDQ1LjE1MjMgNy43ODU0NSA0NS4xOTE0TDguNTA0MiA0NS4zNjMzQzguODUzMTYgNDUuNDQxNCA5LjE3MzQ3IDQ1LjU0NTYgOS40NjUxNCA0NS42NzU4QzkuNzU2OCA0NS44MDYgMTAuMDA5NCA0NS45NjYxIDEwLjIyMjkgNDYuMTU2MkMxMC40MzY1IDQ2LjM0NjQgMTAuNjAxOSA0Ni41NzAzIDEwLjcxOSA0Ni44MjgxQzEwLjgzODggNDcuMDg1OSAxMC45IDQ3LjM4MTUgMTAuOTAyNiA0Ny43MTQ4QzEwLjkgNDguMjA0NCAxMC43NzUgNDguNjI4OSAxMC41Mjc2IDQ4Ljk4ODNDMTAuMjgyOCA0OS4zNDUxIDkuOTI4NjggNDkuNjIyNCA5LjQ2NTE0IDQ5LjgyMDNDOS4wMDQyIDUwLjAxNTYgOC40NDgyMSA1MC4xMTMzIDcuNzk3MTcgNTAuMTEzM0M3LjE1MTMzIDUwLjExMzMgNi41ODg4MyA1MC4wMTQzIDYuMTA5NjcgNDkuODE2NEM1LjYzMzExIDQ5LjYxODUgNS4yNjA3MSA0OS4zMjU1IDQuOTkyNDggNDguOTM3NUM0LjcyNjg2IDQ4LjU0NjkgNC41ODc1MyA0OC4wNjM4IDQuNTc0NTEgNDcuNDg4M0g2LjIxMTIzQzYuMjI5NDYgNDcuNzU2NSA2LjMwNjI4IDQ3Ljk4MDUgNi40NDE3IDQ4LjE2MDJDNi41Nzk3MiA0OC4zMzcyIDYuNzYzMzEgNDguNDcxNCA2Ljk5MjQ4IDQ4LjU2MjVDNy4yMjQyNSA0OC42NTEgNy40ODU5NyA0OC42OTUzIDcuNzc3NjQgNDguNjk1M0M4LjA2NDA5IDQ4LjY5NTMgOC4zMTI3OSA0OC42NTM2IDguNTIzNzMgNDguNTcwM0M4LjczNzI3IDQ4LjQ4NyA4LjkwMjY0IDQ4LjM3MTEgOS4wMTk4MiA0OC4yMjI3QzkuMTM3MDEgNDguMDc0MiA5LjE5NTYxIDQ3LjkwMzYgOS4xOTU2MSA0Ny43MTA5QzkuMTk1NjEgNDcuNTMxMiA5LjE0MjIyIDQ3LjM4MDIgOS4wMzU0NSA0Ny4yNTc4QzguOTMxMjggNDcuMTM1NCA4Ljc3NzY0IDQ3LjAzMTIgOC41NzQ1MSA0Ni45NDUzQzguMzczOTkgNDYuODU5NCA4LjEyNzkgNDYuNzgxMiA3LjgzNjIzIDQ2LjcxMDlMNi45NjUxNCA0Ni40OTIyQzYuMjkwNjYgNDYuMzI4MSA1Ljc1ODExIDQ2LjA3MTYgNS4zNjc0OCA0NS43MjI3QzQuOTc2ODYgNDUuMzczNyA0Ljc4Mjg0IDQ0LjkwMzYgNC43ODU0NSA0NC4zMTI1QzQuNzgyODQgNDMuODI4MSA0LjkxMTc1IDQzLjQwNDkgNS4xNzIxNyA0My4wNDNDNS40MzUxOSA0Mi42ODEgNS43OTU4NyA0Mi4zOTg0IDYuMjU0MiA0Mi4xOTUzQzYuNzEyNTMgNDEuOTkyMiA3LjIzMzM3IDQxLjg5MDYgNy44MTY3IDQxLjg5MDZDOC40MTA0NSA0MS44OTA2IDguOTI4NjggNDEuOTkyMiA5LjM3MTM5IDQyLjE5NTNDOS44MTY3IDQyLjM5ODQgMTAuMTYzMSA0Mi42ODEgMTAuNDEwNCA0My4wNDNDMTAuNjU3OCA0My40MDQ5IDEwLjc4NTQgNDMuODI0MiAxMC43OTMzIDQ0LjMwMDhIOS4xNzIxN1oiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTE0Ljk0IDUwLjExNzJDMTQuMzI1NCA1MC4xMTcyIDEzLjc5NjggNDkuOTg3IDEzLjM1NDEgNDkuNzI2NkMxMi45MTQgNDkuNDYzNSAxMi41NzU0IDQ5LjA5OSAxMi4zMzg1IDQ4LjYzMjhDMTIuMTA0MSA0OC4xNjY3IDExLjk4NjkgNDcuNjMwMiAxMS45ODY5IDQ3LjAyMzRDMTEuOTg2OSA0Ni40MDg5IDEyLjEwNTQgNDUuODY5OCAxMi4zNDI0IDQ1LjQwNjJDMTIuNTgxOSA0NC45NDAxIDEyLjkyMTggNDQuNTc2OCAxMy4zNjE5IDQ0LjMxNjRDMTMuODAyIDQ0LjA1MzQgMTQuMzI1NCA0My45MjE5IDE0LjkzMjIgNDMuOTIxOUMxNS40NTU2IDQzLjkyMTkgMTUuOTE0IDQ0LjAxNjkgMTYuMzA3MiA0NC4yMDdDMTYuNzAwNCA0NC4zOTcxIDE3LjAxMTYgNDQuNjY0MSAxNy4yNDA4IDQ1LjAwNzhDMTcuNDcgNDUuMzUxNiAxNy41OTYzIDQ1Ljc1NTIgMTcuNjE5NyA0Ni4yMTg4SDE2LjA0OTRDMTYuMDA1MSA0NS45MTkzIDE1Ljg4NzkgNDUuNjc4NCAxNS42OTc4IDQ1LjQ5NjFDMTUuNTEwMyA0NS4zMTEyIDE1LjI2NDIgNDUuMjE4OCAxNC45NTk1IDQ1LjIxODhDMTQuNzAxNyA0NS4yMTg4IDE0LjQ3NjUgNDUuMjg5MSAxNC4yODM4IDQ1LjQyOTdDMTQuMDkzNyA0NS41Njc3IDEzLjk0NTIgNDUuNzY5NSAxMy44Mzg1IDQ2LjAzNTJDMTMuNzMxNyA0Ni4zMDA4IDEzLjY3ODMgNDYuNjIyNCAxMy42NzgzIDQ3QzEzLjY3ODMgNDcuMzgyOCAxMy43MzA0IDQ3LjcwODMgMTMuODM0NiA0Ny45NzY2QzEzLjk0MTMgNDguMjQ0OCAxNC4wOTExIDQ4LjQ0OTIgMTQuMjgzOCA0OC41ODk4QzE0LjQ3NjUgNDguNzMwNSAxNC43MDE3IDQ4LjgwMDggMTQuOTU5NSA0OC44MDA4QzE1LjE0OTcgNDguODAwOCAxNS4zMjAyIDQ4Ljc2MTcgMTUuNDcxMyA0OC42ODM2QzE1LjYyNDkgNDguNjA1NSAxNS43NTEyIDQ4LjQ5MjIgMTUuODUwMiA0OC4zNDM4QzE1Ljk1MTcgNDguMTkyNyAxNi4wMTgxIDQ4LjAxMTcgMTYuMDQ5NCA0Ny44MDA4SDE3LjYxOTdDMTcuNTkzNyA0OC4yNTkxIDE3LjQ2ODcgNDguNjYyOCAxNy4yNDQ3IDQ5LjAxMTdDMTcuMDIzNCA0OS4zNTgxIDE2LjcxNzQgNDkuNjI4OSAxNi4zMjY3IDQ5LjgyNDJDMTUuOTM2MSA1MC4wMTk1IDE1LjQ3MzkgNTAuMTE3MiAxNC45NCA1MC4xMTcyWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTguOTA1MSA1MFY0NEgyMC41MTg0VjQ1LjA0NjlIMjAuNTgwOUMyMC42OTAzIDQ0LjY3NDUgMjAuODczOSA0NC4zOTMyIDIxLjEzMTcgNDQuMjAzMUMyMS4zODk1IDQ0LjAxMDQgMjEuNjg2NCA0My45MTQxIDIyLjAyMjMgNDMuOTE0MUMyMi4xMDU3IDQzLjkxNDEgMjIuMTk1NSA0My45MTkzIDIyLjI5MTkgNDMuOTI5N0MyMi4zODgyIDQzLjk0MDEgMjIuNDcyOCA0My45NTQ0IDIyLjU0NTggNDMuOTcyN1Y0NS40NDkyQzIyLjQ2NzYgNDUuNDI1OCAyMi4zNTk2IDQ1LjQwNDkgMjIuMjIxNSA0NS4zODY3QzIyLjA4MzUgNDUuMzY4NSAyMS45NTcyIDQ1LjM1OTQgMjEuODQyNiA0NS4zNTk0QzIxLjU5NzggNDUuMzU5NCAyMS4zNzkxIDQ1LjQxMjggMjEuMTg2NCA0NS41MTk1QzIwLjk5NjMgNDUuNjIzNyAyMC44NDUyIDQ1Ljc2OTUgMjAuNzMzMyA0NS45NTdDMjAuNjIzOSA0Ni4xNDQ1IDIwLjU2OTIgNDYuMzYwNyAyMC41NjkyIDQ2LjYwNTVWNTBIMTguOTA1MVoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTI2LjA1NzggNTAuMTE3MkMyNS40NTEgNTAuMTE3MiAyNC45MjYyIDQ5Ljk4ODMgMjQuNDgzNSA0OS43MzA1QzI0LjA0MzQgNDkuNDcwMSAyMy43MDM2IDQ5LjEwODEgMjMuNDY0IDQ4LjY0NDVDMjMuMjI0NCA0OC4xNzg0IDIzLjEwNDYgNDcuNjM4IDIzLjEwNDYgNDcuMDIzNEMyMy4xMDQ2IDQ2LjQwMzYgMjMuMjI0NCA0NS44NjIgMjMuNDY0IDQ1LjM5ODRDMjMuNzAzNiA0NC45MzIzIDI0LjA0MzQgNDQuNTcwMyAyNC40ODM1IDQ0LjMxMjVDMjQuOTI2MiA0NC4wNTIxIDI1LjQ1MSA0My45MjE5IDI2LjA1NzggNDMuOTIxOUMyNi42NjQ1IDQzLjkyMTkgMjcuMTg4IDQ0LjA1MjEgMjcuNjI4MSA0NC4zMTI1QzI4LjA3MDggNDQuNTcwMyAyOC40MTE5IDQ0LjkzMjMgMjguNjUxNSA0NS4zOTg0QzI4Ljg5MTEgNDUuODYyIDI5LjAxMDkgNDYuNDAzNiAyOS4wMTA5IDQ3LjAyMzRDMjkuMDEwOSA0Ny42MzggMjguODkxMSA0OC4xNzg0IDI4LjY1MTUgNDguNjQ0NUMyOC40MTE5IDQ5LjEwODEgMjguMDcwOCA0OS40NzAxIDI3LjYyODEgNDkuNzMwNUMyNy4xODggNDkuOTg4MyAyNi42NjQ1IDUwLjExNzIgMjYuMDU3OCA1MC4xMTcyWk0yNi4wNjU2IDQ4LjgyODFDMjYuMzQxNiA0OC44MjgxIDI2LjU3MjEgNDguNzUgMjYuNzU3IDQ4LjU5MzhDMjYuOTQxOSA0OC40MzQ5IDI3LjA4MTIgNDguMjE4OCAyNy4xNzQ5IDQ3Ljk0NTNDMjcuMjcxMyA0Ny42NzE5IDI3LjMxOTUgNDcuMzYwNyAyNy4zMTk1IDQ3LjAxMTdDMjcuMzE5NSA0Ni42NjI4IDI3LjI3MTMgNDYuMzUxNiAyNy4xNzQ5IDQ2LjA3ODFDMjcuMDgxMiA0NS44MDQ3IDI2Ljk0MTkgNDUuNTg4NSAyNi43NTcgNDUuNDI5N0MyNi41NzIxIDQ1LjI3MDggMjYuMzQxNiA0NS4xOTE0IDI2LjA2NTYgNDUuMTkxNEMyNS43ODY5IDQ1LjE5MTQgMjUuNTUyNSA0NS4yNzA4IDI1LjM2MjQgNDUuNDI5N0MyNS4xNzQ5IDQ1LjU4ODUgMjUuMDMzIDQ1LjgwNDcgMjQuOTM2NyA0Ni4wNzgxQzI0Ljg0MjkgNDYuMzUxNiAyNC43OTYgNDYuNjYyOCAyNC43OTYgNDcuMDExN0MyNC43OTYgNDcuMzYwNyAyNC44NDI5IDQ3LjY3MTkgMjQuOTM2NyA0Ny45NDUzQzI1LjAzMyA0OC4yMTg4IDI1LjE3NDkgNDguNDM0OSAyNS4zNjI0IDQ4LjU5MzhDMjUuNTUyNSA0OC43NSAyNS43ODY5IDQ4LjgyODEgMjYuMDY1NiA0OC44MjgxWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMzEuOTc3IDQyVjUwSDMwLjMxMjlWNDJIMzEuOTc3WiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMzUuMTk0IDQyVjUwSDMzLjUzVjQySDM1LjE5NFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}
@media screen and (max-width: 767px) {
  :root {
    --designW: 375;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --contW: calc(335 / var(--designW) * 100%);
  }
}
:root .is_tablet {
  --designW: 1024;
  --contW: calc(984 / 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%;
  overscroll-behavior: none;
}

body {
  color: var(--clr_black);
  font-family: var(--ff_NotoSansJP);
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.9;
  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;
  }
}
body [lang=en] {
  font-family: var(--ff_Geist);
}
@media screen and (max-width: 767px) {
  body {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

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

iframe {
  border: none;
}

@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;
}

@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_cont {
  padding-block: calc(120 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(150 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_cont {
    padding-block: calc(80 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
/**
 * Header
 */
.ly_header {
  position: sticky;
  top: 0;
  z-index: 10000;
}
.ly_header_inner {
  position: absolute;
  top: 0;
  width: 100%;
  padding-inline: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(42 / (var(--designW) + var(--scrollbarW)) * 100vw);
  transition: transform var(--transDur);
  pointer-events: none;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(120 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .ly_header_inner {
    height: 100svh;
    padding: 0;
  }
}
.is_tablet .ly_header_inner {
  height: 100svh;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .ly_header:is(.is-active) .ly_header_head:before {
    background-size: 100% 100%;
    color: var(--clr_lightblue);
  }
}
.is_tablet .ly_header:is(.is-active) .ly_header_head:before {
  background-size: 100% 100%;
  color: var(--clr_lightblue);
}
.ly_header_head {
  position: relative;
  display: grid;
  align-items: center;
  transition: transform var(--transDur);
  pointer-events: auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .ly_header_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.is_tablet .ly_header_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .ly_header_head {
    height: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) 0;
  }
}
.is_tablet .ly_header_head {
  height: 60px;
  padding: 20px 20px 0;
}
.ly_header_head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 0;
  color: transparent;
  pointer-events: none;
  transition-property: background-size, color;
  transition-duration: var(--transDur);
  z-index: 2;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_head:before {
    content: none;
  }
}
.ly_header_head .logo {
  position: relative;
  display: grid;
  align-items: center;
  width: calc(201 / (var(--designW) + var(--scrollbarW)) * 100vw);
  pointer-events: auto;
  z-index: 1;
}
.is_tablet .ly_header_head .logo {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .ly_header_head .logo {
    width: calc(140 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_header_head .logo a {
  display: grid;
  align-items: center;
}
.ly_header_head .logo img {
  width: 100%;
  aspect-ratio: 201/33;
}
.ly_header_head .headNav {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  min-height: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: color-mix(in srgb, var(--clr_bg-black) 30%, transparent);
  border-radius: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  pointer-events: auto;
  z-index: 3;
}
.is_tablet .ly_header_head .headNav {
  gap: 13px;
  padding-inline: 20px;
  min-height: 40px;
}
.ly_header_head .lang {
  position: relative;
  padding-right: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
}
.is_tablet .ly_header_head .lang {
  padding-right: 13px;
}
.ly_header_head .lang span {
  display: inline-block;
  font-weight: 500;
  font-size: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 3.4;
  translate: 0 -0.05em;
}
.is_tablet .ly_header_head .lang span {
  font-size: 0.625rem;
}
.ly_header_head .lang:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: #fff;
  translate: 0 -50%;
}
.is_tablet .ly_header_head .lang:before {
  height: 15px;
}
.ly_header_head .hamBtn {
  display: grid;
  width: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
}
.is_tablet .ly_header_head .hamBtn {
  width: 26px;
  height: 15px;
}
.ly_header_head .hamBtn span {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left center;
  transition: background-size var(--transDur);
}
.ly_header_head .hamBtn span:before, .ly_header_head .hamBtn span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: perspective(0);
  transform-origin: left center;
  transition-property: translate, rotate;
  transition-duration: var(--transDur);
}
.is_tablet .ly_header_head .hamBtn span:before, .is_tablet .ly_header_head .hamBtn span:after {
  scale: 1 1.3;
}
.ly_header_head .hamBtn span:before {
  top: 0;
}
.ly_header_head .hamBtn span:after {
  bottom: 0;
}
.ly_header_head .hamBtn[aria-expanded=true] span {
  background-size: 0 1px;
}
.ly_header_head .hamBtn[aria-expanded=true] span:before {
  rotate: 30deg;
  translate: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw * 0.2679491924 / 2) 50%;
}
.is_tablet .ly_header_head .hamBtn[aria-expanded=true] span:before {
  translate: 1.7416697508px 50%;
}
.ly_header_head .hamBtn[aria-expanded=true] span:after {
  rotate: -30deg;
  translate: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw * 0.2679491924 / 2) -50%;
}
.is_tablet .ly_header_head .hamBtn[aria-expanded=true] span:after {
  translate: 1.7416697508px -50%;
}
.ly_header_body {
  position: relative;
  transition: transform var(--transDur);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .ly_header_body {
    display: none;
    overflow: auto;
  }
}
.is_tablet .ly_header_body {
  display: none;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .ly_header_body {
    height: calc(100% - 60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body {
  height: calc(100% - 60px);
}
.ly_header_body[aria-hidden=false] {
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .ly_header_body[aria-hidden=false] .body_inner {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.is_tablet .ly_header_body[aria-hidden=false] .body_inner {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ly_header_body .body_inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
}
@media screen and (max-width: 767px) {
  .ly_header_body .body_inner {
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
  }
}
.is_tablet .ly_header_body .body_inner {
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .ly_header_body .body_inner {
    padding-top: calc(27 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body .body_inner {
  gap: 0 20px;
  padding-top: 27px;
}
.ly_header_body .mainNav {
  position: relative;
  display: grid;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav {
    width: 100%;
  }
}
.is_tablet .ly_header_body .mainNav {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav {
    padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body .mainNav {
  padding-inline: 20px;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav {
    align-items: center;
    -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-inline: calc(33 / (var(--designW) + var(--scrollbarW)) * 100vw);
    min-height: calc(52 / (var(--designW) + var(--scrollbarW)) * 100vw);
    background-color: color-mix(in srgb, var(--clr_bg-black) 30%, transparent);
    border-radius: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  html:not(:is(.is_tablet)) .ly_header_body .mainNav:has(.lang) {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
.ly_header_body .mainNav .navList {
  display: flex;
  gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: 100%;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList {
    flex-direction: column;
  }
}
.is_tablet .ly_header_body .mainNav .navList {
  flex-direction: column;
}
.is_tablet .ly_header_body .mainNav .navList {
  gap: 20px 25px;
}
.ly_header_body .mainNav .navList > li {
  display: grid;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList > li {
    height: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
}
.is_tablet .ly_header_body .mainNav .navList > li {
  height: unset;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList > li {
    padding-bottom: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body .mainNav .navList > li {
  padding-bottom: 13px;
}
.ly_header_body .mainNav .navList > li .title {
  font-weight: 500;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2;
  text-decoration: underline;
  text-underline-offset: 0.5em;
  text-decoration-thickness: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
  text-decoration-color: transparent;
  transition: text-decoration-color var(--transDur);
}
.is_tablet .ly_header_body .mainNav .navList > li .title {
  font-size: 0.875rem;
}
.ly_header_body .mainNav .navList > li > a,
.ly_header_body .mainNav .navList > li > button {
  display: inline-block;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li > a:focus-visible .title,
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li > button:focus-visible .title {
    text-decoration-color: currentColor;
  }
}
@media (any-hover: hover) {
  @media not all and (max-width: 767px), print {
    html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li > a:hover .title,
    html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li > button:hover .title {
      text-decoration-color: currentColor;
    }
  }
}
.ly_header_body .mainNav .navList > li > button {
  position: relative;
  padding-right: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.is_tablet .ly_header_body .mainNav .navList > li > button {
  padding-right: 16px;
}
.ly_header_body .mainNav .navList > li > button .icon {
  position: absolute;
  top: 0.5lh;
  right: 1px;
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  translate: 0 -50%;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li > button .icon {
    display: none;
  }
}
.is_tablet .ly_header_body .mainNav .navList > li > button .icon {
  width: 15px;
}
.ly_header_body .mainNav .navList > li > button .icon:before, .ly_header_body .mainNav .navList > li > button .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #fff;
  translate: -50% -50%;
}
.ly_header_body .mainNav .navList > li > button .icon:after {
  rotate: 90deg;
  transition: rotate var(--transDur);
}
.ly_header_body .mainNav .navList > li > button:after {
  content: "";
  position: absolute;
  right: calc(3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  top: 50%;
  width: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-left: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw) solid currentColor;
  border-bottom: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw) solid currentColor;
  rotate: -45deg;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList > li > button:after {
    content: none;
  }
}
.is_tablet .ly_header_body .mainNav .navList > li > button:after {
  content: none;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList > li > button[aria-expanded=true] .icon:after {
    rotate: none;
  }
}
.is_tablet .ly_header_body .mainNav .navList > li > button[aria-expanded=true] .icon:after {
  rotate: none;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li:has(.childNav):focus-visible .childNav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
@media (any-hover: hover) {
  @media not all and (max-width: 767px), print {
    html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList > li:has(.childNav):hover .childNav {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
  }
}
.ly_header_body .mainNav .navList .childNav {
  pointer-events: none;
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList .childNav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList .childNav[aria-hidden=false] {
    pointer-events: auto;
  }
}
.is_tablet .ly_header_body .mainNav .navList .childNav[aria-hidden=false] {
  pointer-events: auto;
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList .childNav_inner {
    padding: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    background-color: color-mix(in srgb, var(--clr_bg-black) 88%, transparent);
    border-radius: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_header_body .mainNav .navList .childNav_inner .head {
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_header_body .mainNav .navList .childNav_inner .head .areaName {
  font-weight: 500;
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5555555556;
}
.ly_header_body .mainNav .navList .childNav_inner .head .link .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.is_tablet .ly_header_body .mainNav .navList .childNav_inner .head .link .inner {
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.ly_header_body .mainNav .navList .childNav_inner .head .link .inner .txt {
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.3333333333;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: text-decoration-color var(--transDur);
}
.ly_header_body .mainNav .navList .childNav_inner .head .link .inner .icon {
  width: calc(23 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(23 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  border: 1px solid #fff;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList .childNav_inner .head .link .inner .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_header_body .mainNav .navList .childNav_inner .head .link .inner .icon:before, .ly_header_body .mainNav .navList .childNav_inner .head .link .inner .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a .icon {
  overflow: hidden;
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a .icon:before, .ly_header_body .mainNav .navList .childNav_inner .head .link a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .ly_header_body .mainNav .navList .childNav_inner .head .link a .icon:before, .ly_header_body .mainNav .navList .childNav_inner .head .link a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a:focus-visible .icon:before {
  translate: 100% 0;
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .ly_header_body .mainNav .navList .childNav_inner .head .link a:hover .icon:before {
    translate: 100% 0;
  }
  .ly_header_body .mainNav .navList .childNav_inner .head .link a:hover .icon::after {
    translate: 0 0;
  }
}
.ly_header_body .mainNav .navList .childNav_inner .head .link a:focus-visible .inner .txt {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .ly_header_body .mainNav .navList .childNav_inner .head .link a:hover .inner .txt {
    text-decoration-color: transparent;
  }
}
.ly_header_body .mainNav .navList .childNav_inner .body {
  padding-top: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList .childNav_inner .body {
    padding-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.is_tablet .ly_header_body .mainNav .navList .childNav_inner .body {
  padding-top: 12px;
}
.ly_header_body .mainNav .navList .childNav_inner .body .childList {
  display: grid;
  row-gap: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header_body .mainNav .navList .childNav_inner .body .childList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
    row-gap: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body .mainNav .navList .childNav_inner .body .childList {
  row-gap: 8px;
}
.ly_header_body .mainNav .navList .childNav_inner .body .childList > li span {
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.1538461538;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--transDur);
}
.is_tablet .ly_header_body .mainNav .navList .childNav_inner .body .childList > li span {
  font-size: 0.8125rem;
}
.ly_header_body .mainNav .navList .childNav_inner .body .childList > li a:focus-visible span {
  text-decoration-color: currentColor;
}
@media (any-hover: hover) {
  .ly_header_body .mainNav .navList .childNav_inner .body .childList > li a:hover span {
    text-decoration-color: currentColor;
  }
}
.ly_header_body .mainNav .lang {
  position: relative;
  padding-left: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.8333333333;
}
.ly_header_body .mainNav .lang:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: 1px;
  height: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: #fff;
  translate: 0 -50%;
}
.ly_header_body .mainNav .lang span {
  display: inline-block;
  translate: 0 -0.1em;
  transition: opacity var(--transDur);
}
.ly_header_body .mainNav .lang a:focus-visible span {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .ly_header_body .mainNav .lang a:hover span {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .ly_header_body .contact {
    width: 100%;
  }
}
.is_tablet .ly_header_body .contact {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .ly_header_body .contact {
    margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.is_tablet .ly_header_body .contact {
  margin-top: 30px;
  padding-inline: 20px;
}
.ly_header_body .contact .inner {
  display: grid;
  place-content: center;
  min-height: calc(52 / (var(--designW) + var(--scrollbarW)) * 100vw);
  min-width: calc(157 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_lightblue);
  border: 1px solid var(--clr_lightblue);
  border-radius: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2;
  color: #fff;
  transition-property: background-color, color;
  transition-duration: var(--transDur);
}
@media screen and (max-width: 767px) {
  .ly_header_body .contact .inner {
    width: 100%;
    border: none;
    background-color: #fff;
    font-weight: 700;
    color: var(--clr_lightblue);
  }
}
.is_tablet .ly_header_body .contact .inner {
  width: 100%;
  border: none;
  background-color: #fff;
  font-weight: 700;
  color: var(--clr_lightblue);
}
.is_tablet .ly_header_body .contact .inner {
  min-height: 52px;
  font-size: 0.875rem;
}
.ly_header_body .contact a:focus-visible .inner {
  background-color: #fff;
  color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .ly_header_body .contact a:hover .inner {
    background-color: #fff;
    color: var(--clr_lightblue);
  }
}
.ly_header_body .copy {
  margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-inline: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.is_tablet .ly_header_body .copy {
  margin-top: 60px;
  padding-inline: 8px 13px;
}
.ly_header_body .copy img {
  width: 100%;
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .ly_header:is(.is-scrolled) .ly_header_head {
    transform: translateY(-100%);
  }
}
.is_tablet .ly_header:is(.is-scrolled) .ly_header_head {
  transform: translateY(-100%);
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .ly_header:is(.is-scrolled) .ly_header_inner {
    transform: translateY(-100%);
  }
}
.is_tablet .ly_header_body .mainNav .navList .childNav[aria-hidden=false] {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
:has(.bl_modal.is-visible) .ly_header .ly_header_inner {
  transform: translateY(-100%);
}

/**
 * Footer
 */
.ly_footer {
  padding-block: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(33 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_lightblue);
  color: #fff;
}
.ly_footer .scrollTop {
  display: flex;
  justify-content: flex-end;
  padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_footer .scrollTop .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_footer .scrollTop .inner .txt {
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
}
.ly_footer .scrollTop .inner .icon {
  width: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  background-color: #fff;
  color: var(--clr_lightblue);
  rotate: -90deg;
}
@media screen and (max-width: 767px) {
  .ly_footer .scrollTop .inner .icon {
    width: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer .scrollTop .inner .icon:before, .ly_footer .scrollTop .inner .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_footer .scrollTop a .icon {
  overflow: hidden;
}
.ly_footer .scrollTop a .icon:before, .ly_footer .scrollTop a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .ly_footer .scrollTop a .icon:before, .ly_footer .scrollTop a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer .scrollTop a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.ly_footer .scrollTop a:focus-visible .icon:before {
  translate: 100% 0;
}
.ly_footer .scrollTop a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .ly_footer .scrollTop a:hover .icon:before {
    translate: 100% 0;
  }
  .ly_footer .scrollTop a:hover .icon::after {
    translate: 0 0;
  }
}
.ly_footer_inner {
  display: grid;
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  row-gap: calc(46 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner .head {
    width: calc(346 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer_inner .head .logo {
  margin-bottom: calc(33 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: calc(230 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_footer_inner .head .logo {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    width: calc(169 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer_inner .head address {
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6428571429;
}
@media screen and (max-width: 767px) {
  .ly_footer_inner .head address {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer_inner .head .numArea {
  margin-top: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.1666666667;
}
.ly_footer_inner .head .mapLink {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.3333333333;
}
.ly_footer_inner .head .mapLink .txt {
  position: relative;
  padding-left: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
  text-decoration: underline;
  transition: text-decoration-color var(--transDur);
}
.ly_footer_inner .head .mapLink .txt:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 3/4;
  background-image: var(--_icon_map);
  background-size: contain;
  background-repeat: no-repeat;
  translate: 0 -50%;
}
.ly_footer_inner .head .mapLink a:focus-visible .txt {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .ly_footer_inner .head .mapLink a:hover .txt {
    text-decoration-color: transparent;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner .body {
    padding-left: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
    border-left: 1px dashed #fff;
  }
}
.ly_footer_inner .body .footerNav > ul {
  -moz-column-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner .body .footerNav > ul {
    -moz-column-count: 3;
    column-count: 3;
  }
}
.ly_footer_inner .body .footerNav > ul > li {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.ly_footer_inner .body .footerNav > ul > li:not(:last-child) {
  margin-bottom: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_footer_inner .body .footerNav > ul > li:not(:last-child) {
    margin-bottom: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer_inner .body .footerNav > ul > li > a span {
  font-weight: 500;
  line-height: 1.8666666667;
  text-decoration: underline;
  text-underline-offset: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
  transition: text-decoration-color var(--transDur);
}
.ly_footer_inner .body .footerNav > ul > li > a:focus-visible span {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .ly_footer_inner .body .footerNav > ul > li > a:hover span {
    text-decoration-color: transparent;
  }
}
.ly_footer_inner .body .footerNav > ul > li:is(.withChild) > ul {
  margin-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_footer_inner .body .footerNav > ul > li:is(.withChild) > ul li {
  margin-bottom: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.ly_footer_inner .body .footerNav > ul > li:is(.withChild) > ul li span {
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.1538461538;
  transition: opacity var(--transDur);
}
.ly_footer_inner .body .footerNav > ul > li:is(.withChild) > ul li a:focus-visible span {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .ly_footer_inner .body .footerNav > ul > li:is(.withChild) > ul li a:hover span {
    opacity: 0.6;
  }
}
.ly_footer .footer_foot {
  margin-top: calc(110 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_footer .footer_foot {
    margin-top: calc(68 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer .footer_foot .copy {
  padding-inline: calc(27 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_footer .footer_foot .copy {
    padding-inline: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer .footer_foot .copy img {
  width: 100%;
  max-width: unset;
}
.ly_footer .footer_foot .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .ly_footer .footer_foot .wrapper {
    margin-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.ly_footer .footer_foot .wrapper .policy {
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2307692308;
}
.ly_footer .footer_foot .wrapper .policy span {
  text-decoration: underline;
  transition: text-decoration-color var(--transDur);
}
.ly_footer .footer_foot .wrapper .policy a:focus-visible span {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .ly_footer .footer_foot .wrapper .policy a:hover span {
    text-decoration-color: transparent;
  }
}
.ly_footer .footer_foot .wrapper .copyright {
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.1666666667;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .ly_footer .footer_foot .wrapper .copyright {
    width: 100%;
    text-align: right;
  }
}

/**
 * Container
 */
.ct_std {
  margin-inline: auto;
  width: var(--contW);
}
/**
 * Block
 */
.bl_pageHeader {
  display: grid;
  padding-block: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(120 / (var(--designW) + var(--scrollbarW)) * 100vw);
  row-gap: calc(83 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_pageHeader {
    padding-block: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    row-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.bl_breadcrumb {
  overflow: hidden;
}
.bl_breadcrumb ol {
  display: flex;
  justify-content: flex-end;
  gap: 0 calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_breadcrumb li {
  color: var(--clr_lightblue);
}
.bl_breadcrumb li:not(:first-child) {
  position: relative;
  padding-left: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_breadcrumb li:not(:first-child)::before {
  content: "/";
  position: absolute;
  left: 0;
  top: 0.5lh;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.8;
  color: var(--clr_gray);
  translate: 0 -50%;
}
.bl_breadcrumb li:last-child {
  color: var(--clr_black);
  overflow: hidden;
}
.bl_breadcrumb li:last-child a {
  pointer-events: none;
}
.bl_breadcrumb li:last-child [itemprop=name] {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.bl_breadcrumb li [itemprop=name] {
  display: block;
  white-space: nowrap;
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.1;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--transDur);
}
.bl_breadcrumb a {
  display: block;
}
.bl_breadcrumb a:focus-visible [itemprop=name] {
  text-decoration-color: currentColor;
}
@media (any-hover: hover) {
  .bl_breadcrumb a:hover [itemprop=name] {
    text-decoration-color: currentColor;
  }
}

.bl_pageTitle {
  display: grid;
}
.bl_pageTitle_hdg {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--clr_ash);
}
.bl_pageTitle_hdg .sub {
  position: relative;
  margin-bottom: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .bl_pageTitle_hdg .sub {
    margin-bottom: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.bl_pageTitle_hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_pageTitle_hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.bl_pageTitle_hdg .main {
  font-weight: 500;
  font-size: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
  translate: -0.09em 0;
}
@media screen and (max-width: 767px) {
  .bl_pageTitle_hdg .main {
    font-size: calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_pageTitle:has(img) {
    row-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_pageTitle:has(img) {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-end;
    -moz-column-gap: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_pageTitle_img {
  margin-bottom: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: calc(313 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_pageTitle_img {
    justify-self: flex-end;
    margin-bottom: 0;
    width: calc(200 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_pageTitle_img img {
  width: 100%;
}

.bl_contSet {
  --margin_top: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_contSet {
    --margin_top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_contSet > :not(:first-child) {
  margin-top: var(--margin_top);
}
.bl_contSet > .bl_hdgSet + * {
  --margin_top: 0;
}
.bl_contSet .bl_table {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}

.bl_anchorLinks {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--clr_gray);
  border-bottom: 1px solid var(--clr_gray);
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bl_anchorLinks > li {
  display: grid;
  border-right: 1px solid var(--clr_gray);
  border-bottom: 1px solid var(--clr_gray);
}
.bl_anchorLinks > li:nth-child(-n+4) {
  border-top: none;
}
.bl_anchorLinks > li:nth-child(4n) {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks > li:nth-child(-n+2) {
    border-top: none;
  }
  .bl_anchorLinks > li:nth-child(2n) {
    border-right: none;
  }
}
.bl_anchorLinks > li .inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: #fff;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks > li .inner {
    padding: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_anchorLinks > li .inner .txt {
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.4;
  font-weight: 500;
  color: var(--clr_ash);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks > li .inner .txt {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_anchorLinks > li .inner .icon {
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  display: block;
  flex-shrink: 0;
  background-color: var(--clr_lightblue);
  color: #fff;
  transition: background-color var(--transDur);
  rotate: 90deg;
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks > li .inner .icon {
    width: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_anchorLinks > li .inner .icon:before, .bl_anchorLinks > li .inner .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_anchorLinks a {
  display: grid;
}
.bl_anchorLinks a .icon {
  overflow: hidden;
}
.bl_anchorLinks a .icon:before, .bl_anchorLinks a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks a .icon:before, .bl_anchorLinks a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_anchorLinks a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.bl_anchorLinks a:focus-visible .icon:before {
  translate: 100% 0;
}
.bl_anchorLinks a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .bl_anchorLinks a:hover .icon:before {
    translate: 100% 0;
  }
  .bl_anchorLinks a:hover .icon::after {
    translate: 0 0;
  }
}
.bl_anchorLinks a:focus-visible .inner {
  background-color: var(--clr_pale-blue);
}
.bl_anchorLinks a:focus-visible .inner .txt {
  text-decoration-color: currentColor;
}
@media (any-hover: hover) {
  .bl_anchorLinks a:hover .inner {
    background-color: var(--clr_pale-blue);
  }
  .bl_anchorLinks a:hover .inner .txt {
    text-decoration-color: currentColor;
  }
}

.bl_hdgSet:has(.el_hdgLg) {
  --margin_top: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_hdgSet:has(.el_hdgLg) {
    --margin_top: calc(90 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_hdgSet:has(.el_hdgSm) {
  --margin_top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_hdgSet:has(.el_hdgSm) {
    --margin_top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_hdgSet .el_hdgLg {
  border-top: 1px solid var(--clr_gray);
  padding-top: calc(51 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_hdgSet .el_hdgLg {
    padding-top: calc(37 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_hdgSet + * {
  --margin_top: 0 !important;
}

.bl_btns {
  display: grid;
  font-size: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
  row-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -moz-column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_btns {
    grid-template-columns: minmax(0, 1fr);
    row-gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__2col {
    grid-template-columns: repeat(auto-fill, calc(360 / (var(--designW) + var(--scrollbarW)) * 100vw));
    justify-content: center;
    padding-inline: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
.bl_btns__isCenter {
  justify-content: center;
}
.bl_btns > li {
  display: grid;
  width: calc(360 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_btns > li {
    width: auto;
  }
}
.bl_btns + .bl_btns {
  --margin_top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}

.bl_imgAndBody {
  --_gap_row: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  --_gap_col: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  --_imageMaxW: calc(570 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_imgAndBody_inner {
  display: grid;
  row-gap: var(--_gap_row);
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody_inner {
    row-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgRight .bl_imgAndBody_inner {
    grid-template-columns: auto fit-content(var(--_imageMaxW));
  }
}
@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: fit-content(var(--_imageMaxW)) auto;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight::after, .bl_imgAndBody__imgFloatLeft::after {
    content: "";
    display: block;
    clear: both;
  }
}
@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: 0.5em;
    max-width: var(--_imageMaxW);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_img {
    float: right;
    margin-left: var(--_gap_col);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgFloatLeft .bl_imgAndBody_img {
    float: left;
    margin-right: var(--_gap_col);
  }
}
@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);
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_body {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody__imgFloatRight .bl_imgAndBody_img {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody_img {
    order: 1;
  }
}
.bl_imgAndBody_img:only-child {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody_body {
    order: 2;
  }
}

.bl_img {
  display: table;
  margin: auto;
  caption-side: bottom;
}
.bl_img__w100p {
  width: 100%;
}
.bl_img__w100p img {
  width: 100%;
}
.bl_img .img {
  overflow: hidden;
}
.bl_img .img img {
  transition: scale var(--transDur);
}
.bl_img figcaption {
  display: table-caption;
  margin-top: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .bl_img figcaption {
    margin-top: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_img:has(+ .bl_modal) .img {
  position: relative;
  border: 1px solid var(--clr_bg-blue);
}
.bl_img:has(+ .bl_modal) .img .icon {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--clr_ash);
  color: #fff;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_img:has(+ .bl_modal) .img .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_img:has(+ .bl_modal) .img .icon {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.bl_img:has(+ .bl_modal) .img .icon > span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  -webkit-mask-image: var(--_icon_zoom);
  mask-image: var(--_icon_zoom);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
.bl_img:has(+ .bl_modal) .img .icon:focus-visible {
  background-color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .bl_img:has(+ .bl_modal) .img .icon:hover {
    background-color: var(--clr_lightblue);
  }
}
.bl_img:has(+ .bl_modal) + .bl_modal .bl_modal_cont {
  padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}

.bl_imgGroupList {
  --margin_top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  display: grid;
  gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_imgGroupList {
    gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__4col {
    grid-template-columns: repeat(4, 1fr);
  }
}

.bl_imgGroup_img:not(:last-child) > .bl_img {
  margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_img:not(:last-child) > .bl_img {
    margin-bottom: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_img > .bl_img .img img {
  aspect-ratio: 570/333;
  -o-object-fit: contain;
  object-fit: contain;
}
.bl_imgGroup_body .head:last-child .bl_imgGroup_hdg .hdg {
  margin-bottom: 0;
}
.bl_imgGroup_hdg .hdg {
  position: relative;
  margin-bottom: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_hdg .hdg {
    margin-bottom: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_hdg .hdg:has(.icon) {
  padding-right: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_imgGroup_hdg .hdg .icon {
  width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  top: 0.5lh;
  right: 0;
  background-color: var(--clr_lightblue);
  color: #fff;
  translate: 0 -50%;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_hdg .hdg .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_hdg .hdg .icon:before, .bl_imgGroup_hdg .hdg .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_imgGroup_hdg a .icon {
  overflow: hidden;
}
.bl_imgGroup_hdg a .icon:before, .bl_imgGroup_hdg a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_hdg a .icon:before, .bl_imgGroup_hdg a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_hdg a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.bl_imgGroup_hdg a:focus-visible .icon:before {
  translate: 100% 0;
}
.bl_imgGroup_hdg a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .bl_imgGroup_hdg a:hover .icon:before {
    translate: 100% 0;
  }
  .bl_imgGroup_hdg a:hover .icon::after {
    translate: 0 0;
  }
}
.bl_imgGroup_hdg a[target=_blank] .icon:before, .bl_imgGroup_hdg a[target=_blank] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_blank);
  mask-image: var(--_icon_blank);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_hdg a[target=_blank] .icon:before, .bl_imgGroup_hdg a[target=_blank] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_hdg a[target=_blank] .icon:after {
  content: none;
}
.bl_imgGroup_hdg a[href*=".pdf"] .icon:before, .bl_imgGroup_hdg a[href*=".pdf"] .icon:after, .bl_imgGroup_hdg a[href*=".doc"] .icon:before, .bl_imgGroup_hdg a[href*=".doc"] .icon:after, .bl_imgGroup_hdg a[href*=".xls"] .icon:before, .bl_imgGroup_hdg a[href*=".xls"] .icon:after, .bl_imgGroup_hdg a[href*=".ppt"] .icon:before, .bl_imgGroup_hdg a[href*=".ppt"] .icon:after, .bl_imgGroup_hdg a[href$=".zip"] .icon:before, .bl_imgGroup_hdg a[href$=".zip"] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_file);
  mask-image: var(--_icon_file);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_hdg a[href*=".pdf"] .icon:before, .bl_imgGroup_hdg a[href*=".pdf"] .icon:after, .bl_imgGroup_hdg a[href*=".doc"] .icon:before, .bl_imgGroup_hdg a[href*=".doc"] .icon:after, .bl_imgGroup_hdg a[href*=".xls"] .icon:before, .bl_imgGroup_hdg a[href*=".xls"] .icon:after, .bl_imgGroup_hdg a[href*=".ppt"] .icon:before, .bl_imgGroup_hdg a[href*=".ppt"] .icon:after, .bl_imgGroup_hdg a[href$=".zip"] .icon:before, .bl_imgGroup_hdg a[href$=".zip"] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_imgGroup_hdg a[href*=".pdf"] .icon:after, .bl_imgGroup_hdg a[href*=".doc"] .icon:after, .bl_imgGroup_hdg a[href*=".xls"] .icon:after, .bl_imgGroup_hdg a[href*=".ppt"] .icon:after, .bl_imgGroup_hdg a[href$=".zip"] .icon:after {
  content: none;
}
.bl_imgGroup_hdg a:focus-visible[target=_blank] .icon:before, .bl_imgGroup_hdg a:focus-visible[href*=".pdf"] .icon:before, .bl_imgGroup_hdg a:focus-visible[href*=".doc"] .icon:before, .bl_imgGroup_hdg a:focus-visible[href*=".xls"] .icon:before, .bl_imgGroup_hdg a:focus-visible[href*=".ppt"] .icon:before, .bl_imgGroup_hdg a:focus-visible[href$=".zip"] .icon:before {
  translate: 0 0;
}
@media (any-hover: hover) {
  .bl_imgGroup_hdg a:hover[target=_blank] .icon:before, .bl_imgGroup_hdg a:hover[href*=".pdf"] .icon:before, .bl_imgGroup_hdg a:hover[href*=".doc"] .icon:before, .bl_imgGroup_hdg a:hover[href*=".xls"] .icon:before, .bl_imgGroup_hdg a:hover[href*=".ppt"] .icon:before, .bl_imgGroup_hdg a:hover[href$=".zip"] .icon:before {
    translate: 0 0;
  }
}
.bl_imgGroup_hdg a:focus-visible .hdg .icon {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .bl_imgGroup_hdg a:hover .hdg .icon {
    background-color: var(--clr_black);
  }
}
.bl_imgGroup:has(a:focus-visible, a:hover) .bl_imgGroup_img:has(.bl_modal) > .bl_img img {
  scale: 1.06;
}

.bl_wysiwyg > *:not(:first-child) {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_wysiwyg h2 {
  margin-bottom: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h2 {
    margin-bottom: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg h3 {
  position: relative;
  margin-bottom: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h3 {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg h3::before {
  width: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  background-color: var(--clr_lightblue);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h3::before {
    width: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg h4 {
  margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h4 {
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  color: var(--clr_lightblue);
  transition: text-decoration-color var(--transDur);
}
.bl_wysiwyg a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.bl_wysiwyg a[target=_blank]::after {
  content: "";
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  -webkit-mask-image: var(--_icon_blank);
  mask-image: var(--_icon_blank);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg a[target=_blank]::after {
    width: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg a[href$=".pdf"]::after, .bl_wysiwyg a[href*=".doc"]::after, .bl_wysiwyg a[href*=".xls"]::after, .bl_wysiwyg a[href*=".ppt"]::after, .bl_wysiwyg a[href$=".zip"]::after {
  content: "";
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  -webkit-mask-image: var(--_icon_file);
  mask-image: var(--_icon_file);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg a[href$=".pdf"]::after, .bl_wysiwyg a[href*=".doc"]::after, .bl_wysiwyg a[href*=".xls"]::after, .bl_wysiwyg a[href*=".ppt"]::after, .bl_wysiwyg a[href$=".zip"]::after {
    width: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg a::after {
  translate: 0 0.2em;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg a::after {
    translate: 0 0.1em;
  }
}
.bl_wysiwyg a > span {
  margin-right: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_wysiwyg a:focus-visible {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .bl_wysiwyg a:hover {
    text-decoration-color: transparent;
  }
}
.bl_wysiwyg ol {
  counter-reset: liCounter;
}
.bl_wysiwyg ol > li {
  position: relative;
  padding-left: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_wysiwyg ol > li::before {
  content: counter(liCounter) ".";
  counter-increment: liCounter;
  position: absolute;
  left: 0;
  top: 0.5lh;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-family: var(--ff_Geist);
  font-weight: bold;
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: var(--clr_lightblue);
  white-space: nowrap;
  text-align: center;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol > li::before {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg ol > li ol, .bl_wysiwyg ol > li ul {
  margin-top: 0;
}
.bl_wysiwyg ul > li {
  position: relative;
  padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_wysiwyg ul > li ol, .bl_wysiwyg ul > li ul {
  margin-top: 0;
}
.bl_wysiwyg ul > li::before {
  content: "";
  position: absolute;
  left: calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
  top: 0.5lh;
  width: calc(3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  background-color: var(--clr_lightblue);
  translate: 0 -50%;
}
.bl_wysiwyg table {
  table-layout: fixed;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5;
}
.bl_wysiwyg table:nth-of-type(n+2) {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg table {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg table tbody tr:nth-of-type(2n) {
  background-color: #F2F7FA;
}
.bl_wysiwyg table th,
.bl_wysiwyg table td {
  padding: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5;
  vertical-align: middle;
}
.bl_wysiwyg table th {
  color: #fff;
  border: 1px solid #fff;
  background-color: var(--clr_lightblue);
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg table th {
    padding: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg table td {
  border: 1px solid var(--clr_bg-blue);
  padding: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg table td {
    padding: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg:is(.is_frame) {
  background-color: var(--clr_pale-blue);
  padding: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg:is(.is_frame) {
    padding: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

@media not all and (max-width: 767px), print {
  .bl_table__spScroll {
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .bl_table__spScroll {
    margin-inline: var(--contMargin_hor) 0;
    padding: 0 var(--contMargin_hor) 0 0;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .bl_table__spScroll > div {
    padding-bottom: 1px;
  }
}
@media screen and (max-width: 767px) {
  .bl_table__spScroll table {
    width: 200% !important;
  }
}
.bl_table__spScroll .scroll-hint-icon {
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: calc(6 / (var(--designW) + var(--scrollbarW)) * 100vw);
  translate: -50% -50%;
}
.bl_table__spScroll .scroll-hint-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-image: var(--_icon_scroll);
  translate: -50% -50%;
}
.bl_table__spScroll .scroll-hint-icon::after {
  display: none;
}
.bl_table__spScroll .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 1;
}
.bl_table__spScroll .scroll-hint-text {
  display: none;
}

.bl_video {
  display: table;
  width: 100%;
  caption-side: bottom;
}
.bl_video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.bl_video figcaption {
  display: table-caption;
  margin-top: 15px;
  font-size: 0.875rem;
}

.bl_videoGroupList {
  display: grid;
  gap: 40px 24px;
}
@media not all and (max-width: 767px), print {
  .bl_videoGroupList__2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_videoGroupList__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_videoGroupList__4col {
    grid-template-columns: repeat(4, 1fr);
  }
}

.bl_videoGroup .bl_video:not(:last-child) {
  margin-bottom: 20px;
}
.bl_videoGroup_title {
  font-size: 1.25rem;
  font-weight: bold;
}
.bl_videoGroup_title:not(:last-child) {
  margin-bottom: 15px;
}

.bl_dataTable {
  display: grid;
  grid-template-columns: minmax(200px, max-content) 1fr;
  gap: 0 2em;
}
@media screen and (max-width: 767px) {
  .bl_dataTable {
    grid-template-columns: minmax(100px, max-content) 1fr;
  }
}
.bl_dataTable_row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  align-items: center;
  border-bottom: 2px solid;
  padding: 20px;
}
.bl_dataTable_row:nth-child(odd) {
  background-color: #ddd;
}
.bl_dataTable dt {
  font-weight: bold;
}

.bl_accordionList {
  display: grid;
  row-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_accordionList {
    row-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_accordionList .bl_accordion_head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  align-items: center;
  padding: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid var(--clr_gray);
  font-weight: 500;
  font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  transition-property: border-color, color;
  transition-duration: var(--transDur);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .bl_accordionList .bl_accordion_head {
    padding: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_accordionList .bl_accordion_head::-webkit-details-marker {
  display: none;
}
.bl_accordionList .bl_accordion_head .icon {
  width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  background-color: var(--clr_ash);
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_accordionList .bl_accordion_head .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_accordionList .bl_accordion_head .icon::before, .bl_accordionList .bl_accordion_head .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #fff;
  transition: rotate var(--transDur);
}
.bl_accordionList .bl_accordion_head .icon:before {
  width: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_accordionList .bl_accordion_head .icon:after {
  width: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  transform-origin: center;
}
.bl_accordionList .bl_accordion_head:focus-visible {
  border-color: var(--clr_lightblue);
  color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion_head:focus-visible .icon {
  background-color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion_head:focus-visible + .bl_accordion_body {
  border-color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .bl_accordionList .bl_accordion_head:hover {
    border-color: var(--clr_lightblue);
    color: var(--clr_lightblue);
  }
  .bl_accordionList .bl_accordion_head:hover .icon {
    background-color: var(--clr_lightblue);
  }
  .bl_accordionList .bl_accordion_head:hover + .bl_accordion_body {
    border-color: var(--clr_lightblue);
  }
}
.bl_accordionList .bl_accordion[open] .bl_accordion_head {
  border-color: var(--clr_lightblue);
  color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion[open] .bl_accordion_head .icon {
  background-color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion[open] .bl_accordion_head .icon::after {
  rotate: 90deg;
}
.bl_accordionList .bl_accordion[open] .bl_accordion_head .icon {
  background-color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion[open] .bl_accordion_head + .bl_accordion_body {
  border-color: var(--clr_lightblue);
}
.bl_accordionList .bl_accordion_body {
  border: 1px solid var(--clr_gray);
  border-top: none;
  overflow: hidden;
  transition: border-color var(--transDur);
}
.bl_accordionList .bl_accordion_body > div {
  --margin_top: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_accordionList .bl_accordion_body > div {
    --margin_top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_accordionList .bl_accordion_body > div > :not(:first-child) {
  margin-top: var(--margin_top);
}
.bl_accordionList .bl_accordion_body > div > .bl_hdgSet + * {
  --margin_top: 0;
}
.bl_accordionList .bl_accordion_body > div .bl_btns {
  -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}

.bl_dialog {
  opacity: 0;
  visibility: hidden;
  display: block;
  overflow-y: auto;
  overscroll-behavior: contain;
  transition-property: opacity, visibility, overlay;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
  transition-behavior: allow-discrete;
  scrollbar-width: none;
}
.bl_dialog::-webkit-scrollbar {
  display: none;
}
.bl_dialog[open] {
  opacity: 1;
  visibility: visible;
}
.bl_dialog::backdrop {
  display: none;
}
.bl_dialog_backdrop {
  height: calc(100% + 1px);
}
.bl_dialog_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.bl_dialog_body {
  position: relative;
  padding: 40px;
  background-color: #fff;
}
.bl_dialog_closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background-color: #000;
}
.bl_dialog_closeBtn::before, .bl_dialog_closeBtn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-top: 2px solid #fff;
  width: 16px;
  translate: -50% -50%;
}
.bl_dialog_closeBtn::before {
  rotate: -45deg;
}
.bl_dialog_closeBtn::after {
  rotate: 45deg;
}

.bl_newsList {
  display: grid;
  row-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_newsList {
    row-gap: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li article {
  display: grid;
  row-gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-bottom: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-bottom: 1px solid color-mix(in srgb, var(--clr_gray) 50%, transparent);
}
@media not all and (max-width: 767px), print {
  .bl_newsList > li article {
    grid-template-columns: auto minmax(0, 1fr);
    -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-bottom: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li article .thumb {
  width: calc(236 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_newsList > li article .thumb {
    width: 100%;
  }
}
.bl_newsList > li article .thumb img {
  width: 100%;
  aspect-ratio: 236/138;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  transition: scale var(--transDur);
}
.bl_newsList > li article .wrapper {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.bl_newsList > li article time {
  display: inline-block;
  margin-bottom: calc(9 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-family: var(--ff_Geist);
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--clr_gray);
}
@media screen and (max-width: 767px) {
  .bl_newsList > li article time {
    margin-bottom: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li article .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  color: var(--clr_black);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_newsList > li article .title {
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li article .category {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: var(--clr_lightblue);
  translate: -0.5em 0;
}
@media screen and (max-width: 767px) {
  .bl_newsList > li article .category {
    margin-top: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li article .category > li {
  font-family: var(--ff_Geist);
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .bl_newsList > li article .category > li {
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_newsList > li a:focus-visible article .thumb img {
  scale: 1.06;
}
.bl_newsList > li a:focus-visible article .title {
  text-decoration-color: currentColor;
}
@media (any-hover: hover) {
  .bl_newsList > li a:hover article .thumb img {
    scale: 1.06;
  }
  .bl_newsList > li a:hover article .title {
    text-decoration-color: currentColor;
  }
}

.bl_flow_item {
  display: grid;
  position: relative;
  grid-template-columns: calc(184 / (var(--designW) + var(--scrollbarW)) * 100vw) auto;
  gap: calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-block: calc(55 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_flow_item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--clr_black);
  z-index: 1;
}
.bl_flow_item:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: 1px;
  height: 100%;
  background-color: var(--clr_black);
  translate: -50% 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .bl_flow_item:after {
    left: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_flow_item:first-child {
  padding-top: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_flow_item:first-child {
    padding-top: 0;
  }
}
.bl_flow_item:last-child {
  padding-bottom: 0;
}
.bl_flow_item:last-child:before {
  content: none;
}
@media screen and (max-width: 767px) {
  .bl_flow_item {
    display: block;
    padding-block: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: 0;
  }
}
.bl_flow_item .ttl {
  position: relative;
  padding-left: calc(34 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: bold;
  line-height: 1.6;
  color: var(--clr_ash);
  z-index: 3;
}
.bl_flow_item .ttl::before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_lightblue);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_flow_item .ttl::before {
    width: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_flow_item .ttl {
    margin-bottom: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_flow_item .txt {
  font-weight: 500;
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .bl_flow_item .txt {
    padding-left: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.bl_googleMap_inner {
  display: grid;
  row-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .bl_googleMap_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_googleMap_hdg {
  position: relative;
  margin-bottom: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_googleMap_hdg {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_googleMap_hdg::before {
  width: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  background-color: var(--clr_lightblue);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_googleMap_hdg::before {
    width: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_googleMap_access {
  margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_googleMap_access {
    margin-top: calc(34 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_googleMap_access .hdg {
  margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr_ash);
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .bl_googleMap_access .hdg {
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_googleMap_access .hdg {
    margin-bottom: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_googleMap_img iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 570/429;
}
@media screen and (max-width: 767px) {
  .bl_googleMap_img iframe {
    aspect-ratio: 335/252;
  }
}

.bl_product_inner {
  display: grid;
  row-gap: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .bl_product_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto minmax(0, 1fr);
    -moz-column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    row-gap: 0;
  }
}
.bl_product_hdg {
  margin-bottom: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: var(--clr_ash);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_product_hdg {
    margin-bottom: 0;
    font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .bl_product:not(:has(.bl_product_hdg)) .bl_product_img {
    order: 2;
  }
}
@media not all and (max-width: 767px), print {
  .bl_product:not(:has(.bl_product_img)) .bl_product_body {
    grid-column: span 2;
  }
}
@media not all and (max-width: 767px), print {
  .bl_product_img {
    grid-row: span 2;
  }
}
.bl_product_img .productSlider .splide__arrow {
  width: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  background-color: var(--clr_gray);
  color: #fff;
  translate: 0 -50%;
  transition-property: background-color, opacity, visibility;
  transition-duration: var(--transDur);
  z-index: 10;
}
.bl_product_img .productSlider .splide__arrow {
  overflow: hidden;
}
.bl_product_img .productSlider .splide__arrow:before, .bl_product_img .productSlider .splide__arrow:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .bl_product_img .productSlider .splide__arrow:before, .bl_product_img .productSlider .splide__arrow:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_img .productSlider .splide__arrow:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.bl_product_img .productSlider .splide__arrow:focus-visible:before {
  translate: 100% 0;
}
.bl_product_img .productSlider .splide__arrow:focus-visible::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .bl_product_img .productSlider .splide__arrow:hover:before {
    translate: 100% 0;
  }
  .bl_product_img .productSlider .splide__arrow:hover::after {
    translate: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .bl_product_img .productSlider .splide__arrow {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_img .productSlider .splide__arrow:before, .bl_product_img .productSlider .splide__arrow:after {
  background-color: currentColor;
}
.bl_product_img .productSlider .splide__arrow--prev {
  left: 0;
  scale: -1 1;
}
.bl_product_img .productSlider .splide__arrow--next {
  right: 0;
}
.bl_product_img .productSlider .splide__arrow[disabled] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bl_product_img .productSlider .splide__arrow:focus-visible {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .bl_product_img .productSlider .splide__arrow:hover {
    background-color: var(--clr_black);
  }
}
.bl_product_img .productSlider .splide__slide figure {
  display: table;
  width: 100%;
  caption-side: bottom;
}
.bl_product_img .productSlider .splide__slide figure .img {
  position: relative;
  border: 1px solid var(--clr_bg-blue);
}
.bl_product_img .productSlider .splide__slide figure .img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 570/333;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.bl_product_img .productSlider .splide__slide figure .img .icon {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  color: var(--clr_gray);
  transition: color var(--transDur);
}
@media screen and (max-width: 767px) {
  .bl_product_img .productSlider .splide__slide figure .img .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_product_img .productSlider .splide__slide figure .img .icon {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.bl_product_img .productSlider .splide__slide figure .img .icon > span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  -webkit-mask-image: var(--_icon_zoom);
  mask-image: var(--_icon_zoom);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
  translate: -50% -50%;
}
.bl_product_img .productSlider .splide__slide figure .img .icon:focus-visible {
  color: var(--clr_black);
}
@media (any-hover: hover) {
  .bl_product_img .productSlider .splide__slide figure .img .icon:hover {
    color: var(--clr_black);
  }
}
.bl_product_img .productSlider .splide__slide figure figcaption {
  display: table-caption;
  margin-top: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_product_img .thumbList {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-top: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_product_img .thumbList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_img .thumbList > li {
  display: grid;
}
.bl_product_img .thumbList > li button {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  border: 1px solid var(--clr_bg-blue);
  transition: border-color var(--transDur);
}
.bl_product_img .thumbList > li button:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw) solid transparent;
  pointer-events: none;
  transition: border-color var(--transDur);
}
.bl_product_img .thumbList > li button.is-active:before {
  border-color: var(--clr_lightblue);
}
.bl_product_img .thumbList > li button:focus-visible {
  border-color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .bl_product_img .thumbList > li button:hover {
    border-color: var(--clr_lightblue);
  }
}
.bl_product_img .thumbList img {
  width: 100%;
  height: 100%;
  aspect-ratio: 131/77;
  -o-object-fit: contain;
  object-fit: contain;
}
.bl_product_img .bl_modal .modalSlider .splide {
  padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: calc(967 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.bl_product_img .bl_modal .modalSlider .splide__arrow {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  top: 50%;
  background-color: var(--clr_gray);
  color: #fff;
  translate: 0 -50%;
  transition-property: background-color, opacity, visibility;
  transition-duration: var(--transDur);
  z-index: 10;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow {
  overflow: hidden;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:before, .bl_product_img .bl_modal .modalSlider .splide__arrow:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .bl_product_img .bl_modal .modalSlider .splide__arrow:before, .bl_product_img .bl_modal .modalSlider .splide__arrow:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:focus-visible:before {
  translate: 100% 0;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:focus-visible::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .bl_product_img .bl_modal .modalSlider .splide__arrow:hover:before {
    translate: 100% 0;
  }
  .bl_product_img .bl_modal .modalSlider .splide__arrow:hover::after {
    translate: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .bl_product_img .bl_modal .modalSlider .splide__arrow {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:before, .bl_product_img .bl_modal .modalSlider .splide__arrow:after {
  background-color: currentColor;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow--prev {
  left: 0;
  scale: -1 1;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow--next {
  right: 0;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow[disabled] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.bl_product_img .bl_modal .modalSlider .splide__arrow:focus-visible {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .bl_product_img .bl_modal .modalSlider .splide__arrow:hover {
    background-color: var(--clr_black);
  }
}
.bl_product_img .bl_modal .modalSlider .splide__slide figure {
  display: table;
  width: 100%;
  caption-side: bottom;
}
.bl_product_img .bl_modal .modalSlider .splide__slide figure .img {
  position: relative;
}
.bl_product_img .bl_modal .modalSlider .splide__slide figure figcaption {
  display: table-caption;
  margin-top: calc(19 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  white-space: normal;
}
.bl_product_body .head .desc {
  margin-bottom: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_product_body .body {
    margin-top: calc(42 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_body .body .featureList > li {
  padding-block: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-bottom: 1px solid var(--clr_bg-blue);
}
.bl_product_body .body .featureList > li:first-child {
  border-top: 1px solid var(--clr_bg-blue);
}
@media screen and (max-width: 767px) {
  .bl_product_body .body .featureList > li {
    padding-block: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_body .body .featureList > li .hdg {
  font-weight: 500;
  margin-bottom: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .bl_product_body .body .featureList > li .hdg {
    margin-bottom: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_product_body .body .featureList > li .txt {
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .bl_product_body .body .featureList > li .txt {
    line-height: 1.9;
  }
}

.bl_modal {
  position: fixed;
  inset: 0;
  width: var(--htmlW);
  height: 100vh;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
  z-index: 1000;
}
.bl_modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.bl_modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  translate: -50% -50%;
  white-space: nowrap;
  z-index: 1;
}
.bl_modal_cont img {
  width: calc(907 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 907/530;
  -o-object-fit: contain;
  object-fit: contain;
}
.bl_modal .closeBtn {
  width: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  border: 1px solid var(--clr_ash);
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: var(--transDur);
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .bl_modal .closeBtn {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_modal .closeBtn:before, .bl_modal .closeBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: 1px;
  background-color: currentColor;
  translate: -50% -50%;
}
.bl_modal .closeBtn:before {
  rotate: 30deg;
}
.bl_modal .closeBtn:after {
  rotate: -30deg;
}
.bl_modal .closeBtn:focus-visible {
  background-color: var(--clr_ash);
  color: #fff;
}
@media (any-hover: hover) {
  .bl_modal .closeBtn:hover {
    background-color: var(--clr_ash);
    color: #fff;
  }
}
.bl_modal .overlay {
  width: 100%;
  height: 100%;
  background-color: var(--clr_ash);
  mix-blend-mode: multiply;
  opacity: 0.6;
  z-index: 0;
}

/* パスワードフォーム全体 */
.post-password-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  max-width: calc(800 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin: 40px auto;
  padding: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid var(--clr_gray);
  border-radius: 6px;
  font-family: sans-serif;
}
.post-password-form p {
  margin: 0;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: inherit;
}
.post-password-form label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: calc(4 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.post-password-form input[type=password] {
  width: 100%;
  padding: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid var(--clr_gray);
  box-sizing: border-box;
}
.post-password-form input[type=submit] {
  padding: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: white;
  background-color: var(--clr_lightblue);
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.post-password-form input[type=submit]:hover {
  background-color: var(--clr_bg-black);
}

.bl_iconAndText {
  display: grid;
  row-gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .bl_iconAndText {
    grid-template-columns: auto minmax(0, 1fr);
    -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_iconAndText .icon {
  width: calc(150 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .bl_iconAndText .icon {
    width: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_iconAndText .icon img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.bl_wysiwyg .bl_imgAnchor {
  display: flex;
  flex-wrap: wrap;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg .bl_imgAnchor {
    width: calc(100% + 3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg .bl_imgAnchor {
    margin-left: calc(var(--contMargin_hor) * -1 - 3px);
    width: calc(100vw + 3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.bl_wysiwyg .bl_imgAnchor > li {
  flex-shrink: 0;
  margin-right: calc(-3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding: 0;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg .bl_imgAnchor > li {
    width: calc((100% - 3 / (var(--designW) + var(--scrollbarW)) * 100vw) / 4 + 3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  .bl_wysiwyg .bl_imgAnchor > li:nth-child(n+5) {
    margin-top: -1px;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg .bl_imgAnchor > li {
    width: calc((100% - 3 / (var(--designW) + var(--scrollbarW)) * 100vw) / 2 + 3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  .bl_wysiwyg .bl_imgAnchor > li:nth-child(n+3) {
    margin-top: -1px;
  }
}
.bl_wysiwyg .bl_imgAnchor > li:before {
  content: none;
}
.bl_wysiwyg .bl_imgAnchor > li a {
  display: block;
  width: 100%;
  transition: opacity var(--transDur);
}
.bl_wysiwyg .bl_imgAnchor > li a:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .bl_wysiwyg .bl_imgAnchor > li a:hover {
    opacity: 0.6;
  }
}
.bl_wysiwyg .bl_imgAnchor > li a img {
  width: 100%;
  aspect-ratio: 94/75;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg .bl_imgAnchor > li a img {
    aspect-ratio: 150/107;
  }
}
.bl_wysiwyg .bl_imgAnchor > li a span {
  display: block;
  margin: 0;
}

/**
 * Element
 */
.el_hdgLg {
  margin-bottom: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .el_hdgLg {
    margin-bottom: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.el_hdgMd {
  position: relative;
  margin-bottom: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .el_hdgMd {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_hdgMd::before {
  width: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  background-color: var(--clr_lightblue);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .el_hdgMd::before {
    width: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.el_hdgSm {
  margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .el_hdgSm {
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.el_lowerTitle {
  margin-bottom: calc(68 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .el_lowerTitle {
    margin-bottom: calc(42 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(27 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}

.el_btn {
  display: grid;
  align-items: center;
  width: 100%;
  background-color: var(--clr_lightblue);
  color: #fff;
  transition: background-color var(--transDur);
}
.el_btn .icon {
  overflow: hidden;
}
.el_btn .icon:before, .el_btn .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .el_btn .icon:before, .el_btn .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_btn .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.el_btn:focus-visible .icon:before {
  translate: 100% 0;
}
.el_btn:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .el_btn:hover .icon:before {
    translate: 100% 0;
  }
  .el_btn:hover .icon::after {
    translate: 0 0;
  }
}
.el_btn[target=_blank] .icon:before, .el_btn[target=_blank] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_blank);
  mask-image: var(--_icon_blank);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_btn[target=_blank] .icon:before, .el_btn[target=_blank] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_btn[target=_blank] .icon:after {
  content: none;
}
.el_btn[href*=".pdf"] .icon:before, .el_btn[href*=".pdf"] .icon:after, .el_btn[href*=".doc"] .icon:before, .el_btn[href*=".doc"] .icon:after, .el_btn[href*=".xls"] .icon:before, .el_btn[href*=".xls"] .icon:after, .el_btn[href*=".ppt"] .icon:before, .el_btn[href*=".ppt"] .icon:after, .el_btn[href$=".zip"] .icon:before, .el_btn[href$=".zip"] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_file);
  mask-image: var(--_icon_file);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_btn[href*=".pdf"] .icon:before, .el_btn[href*=".pdf"] .icon:after, .el_btn[href*=".doc"] .icon:before, .el_btn[href*=".doc"] .icon:after, .el_btn[href*=".xls"] .icon:before, .el_btn[href*=".xls"] .icon:after, .el_btn[href*=".ppt"] .icon:before, .el_btn[href*=".ppt"] .icon:after, .el_btn[href$=".zip"] .icon:before, .el_btn[href$=".zip"] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_btn[href*=".pdf"] .icon:after, .el_btn[href*=".doc"] .icon:after, .el_btn[href*=".xls"] .icon:after, .el_btn[href*=".ppt"] .icon:after, .el_btn[href$=".zip"] .icon:after {
  content: none;
}
.el_btn:focus-visible[target=_blank] .icon:before, .el_btn:focus-visible[href*=".pdf"] .icon:before, .el_btn:focus-visible[href*=".doc"] .icon:before, .el_btn:focus-visible[href*=".xls"] .icon:before, .el_btn:focus-visible[href*=".ppt"] .icon:before, .el_btn:focus-visible[href$=".zip"] .icon:before {
  translate: 0 0;
}
@media (any-hover: hover) {
  .el_btn:hover[target=_blank] .icon:before, .el_btn:hover[href*=".pdf"] .icon:before, .el_btn:hover[href*=".doc"] .icon:before, .el_btn:hover[href*=".xls"] .icon:before, .el_btn:hover[href*=".ppt"] .icon:before, .el_btn:hover[href$=".zip"] .icon:before {
    translate: 0 0;
  }
}
.el_btn:focus-visible {
  background-color: #333;
}
@media (any-hover: hover) {
  .el_btn:hover {
    background-color: #333;
  }
}
.el_btn_inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: 100%;
  min-height: calc(64 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-right: calc(3 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.el_btn_inner > span {
  margin-right: 5px;
  font-size: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .el_btn_inner > span {
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_btn_inner .icon {
  position: relative;
  width: calc(51 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .el_btn_inner .icon {
    width: calc(48 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_btn_inner .icon:before, .el_btn_inner .icon:after {
  background-color: currentColor;
}

.el_sectBtn .icon {
  overflow: hidden;
}
.el_sectBtn .icon:before, .el_sectBtn .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .el_sectBtn .icon:before, .el_sectBtn .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_sectBtn .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.el_sectBtn:focus-visible .icon:before {
  translate: 100% 0;
}
.el_sectBtn:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .el_sectBtn:hover .icon:before {
    translate: 100% 0;
  }
  .el_sectBtn:hover .icon::after {
    translate: 0 0;
  }
}
.el_sectBtn_inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  -moz-column-gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.4285714286;
  text-decoration: underline;
  transition: text-decoration-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_sectBtn_inner {
    -moz-column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_sectBtn .icon {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  display: inline-block;
  background-color: var(--clr_lightblue);
  color: #fff;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .el_sectBtn .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.el_sectBtn .icon:before, .el_sectBtn .icon:after {
  background-color: currentColor;
}
.el_sectBtn:focus-visible .el_sectBtn_inner {
  text-decoration-color: transparent;
}
.el_sectBtn:focus-visible .icon {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .el_sectBtn:hover .el_sectBtn_inner {
    text-decoration-color: transparent;
  }
  .el_sectBtn:hover .icon {
    background-color: var(--clr_black);
  }
}

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

html:not(:is(.is_tablet)) .hp_tbOnly {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .hp_overTb {
    display: none !important;
  }
}
.is_tablet .hp_overTb {
  display: none !important;
}

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

html[lang=en] .hp_jpOnly {
  display: none;
}

html:not([lang=en]) .hp_enOnly {
  display: none;
}

.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);
}

/**
 * Template
 */
.tp_0_0 {
  color: var(--clr_ash);
}
.tp_0_0 .ly_cont {
  padding-block: 0;
}
.tp_0_0 .mvSect {
  position: relative;
}
.tp_0_0 .mvSect .mvSlider img {
  width: 100%;
  height: 100svh;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: unset;
}
.is_tablet .tp_0_0 .mvSect .mvSlider img {
  height: auto;
  aspect-ratio: 1024/767;
}
.tp_0_0 .mvSect .mvMovie {
  position: relative;
  height: 100svh;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .is_tablet .tp_0_0 .mvSect .mvMovie {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.tp_0_0 .mvSect .mvMovie .video {
  position: relative;
  top: 50%;
  left: 50%;
  min-width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  translate: -50% -50%;
}
@media not all and (max-width: 767px), print {
  .is_tablet .tp_0_0 .mvSect .mvMovie .video {
    position: static;
    translate: 0 0;
  }
}
.tp_0_0 .mvSect .mvMovie iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .mvSect .mvMovie iframe {
    width: auto;
    height: 100svh;
  }
}
.tp_0_0 .mvSect .copy {
  position: absolute;
  bottom: 0;
  padding-inline: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .mvSect .copy {
    padding-inline: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .mvSect .copy .sub {
  display: inline-block;
  margin-bottom: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .mvSect .copy .sub {
    margin-bottom: calc(19 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 2.2666666667;
  }
}
.tp_0_0 .mvSect .copy .main {
  display: inline-block;
  width: 100%;
  padding-right: calc(6 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .mvSect .copy .main {
    padding-right: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .mvSect .copy .main img {
  width: 100%;
  max-width: unset;
}
.tp_0_0 .aboutSect {
  padding-block: calc(150 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(140 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect {
    padding-block: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .aboutSect .hdg {
  display: grid;
  margin-bottom: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .hdg {
    margin-bottom: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .aboutSect .hdg .sub {
  position: relative;
  margin-bottom: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .hdg .sub {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.tp_0_0 .aboutSect .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .aboutSect .hdg .main {
  font-weight: 700;
  font-size: calc(55 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.3090909091;
  color: var(--clr_black);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .hdg .main {
    font-size: calc(34 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .aboutSect .txt {
  font-weight: 500;
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2.4;
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .aboutSect .txt {
    margin-left: auto;
    width: 50%;
    font-size: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 2.8;
  }
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .txt {
    color: var(--clr_black);
  }
}
.tp_0_0 .aboutSect .btn {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .aboutSect .btn {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .aboutSect + .businessSect {
  padding-top: 0;
}
.tp_0_0 .businessSect {
  position: relative;
  padding-block: calc(140 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(170 / (var(--designW) + var(--scrollbarW)) * 100vw);
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect {
    padding-block: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect {
    padding-top: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .businessSect .head .hdg {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: min(calc(198 / (var(--designW) + var(--scrollbarW)) * 100vw), 12.375rem);
  line-height: 0.7474747475;
  letter-spacing: -0.03em;
}
:is(.is_tablet) .tp_0_0 .businessSect .head .hdg {
  font-size: calc(198 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .head .hdg {
    padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    width: auto;
    font-size: calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.0571428571;
  }
}
.tp_0_0 .businessSect .head .hdg > span {
  font-family: var(--ff_AlumniSans);
  font-size: min(calc(245 / (var(--designW) + var(--scrollbarW)) * 100vw), 15.3125rem);
  line-height: 0.5795918367;
  letter-spacing: -0.04em;
  color: var(--clr_lightblue);
}
:is(.is_tablet) .tp_0_0 .businessSect .head .hdg > span {
  font-size: calc(245 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .head .hdg > span {
    font-size: calc(99 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 0.7474747475;
  }
}
.tp_0_0 .businessSect .body .cardList {
  counter-reset: business-counter;
  position: relative;
  display: flex;
  gap: min(calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw), 30px);
  padding-inline: min(calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw), 30px);
  transform-origin: right bottom;
}
:is(.is_tablet) .tp_0_0 .businessSect .body .cardList {
  padding-bottom: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList {
    flex-direction: column;
    padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .businessSect .body .cardList > li {
  counter-increment: business-counter;
}
.tp_0_0 .businessSect .body .cardList > li article {
  position: relative;
}
.tp_0_0 .businessSect .body .cardList > li article .thumb {
  position: relative;
  width: min(calc(600 / (var(--designW) + var(--scrollbarW)) * 100vw), 600px);
  z-index: 0;
}
:is(.is_tablet) .tp_0_0 .businessSect .body .cardList > li article .thumb {
  width: calc(600 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .thumb {
    width: 100%;
  }
}
.tp_0_0 .businessSect .body .cardList > li article .thumb img {
  position: relative;
  width: 100%;
  aspect-ratio: 60/65;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .thumb img {
    aspect-ratio: 335/368;
  }
}
.tp_0_0 .businessSect .body .cardList > li article .thumb:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(69, 72, 73, 0) 0%, rgba(69, 72, 73, 0.2) 53%, #155D80 100%);
  mix-blend-mode: multiply;
  z-index: 2;
}
.tp_0_0 .businessSect .body .cardList > li article .cont {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: min(calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw), 40px) min(calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw), 30px);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont {
    padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .businessSect .body .cardList > li article .cont .hdg {
  display: grid;
  margin-bottom: min(calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont .hdg {
    margin-bottom: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .businessSect .body .cardList > li article .cont .hdg:before {
  content: "（" counter(business-counter, decimal-leading-zero) "）";
  margin-bottom: min(calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw), 8px);
  font-family: var(--ff_Geist);
  font-size: min(calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw), 0.875rem);
  line-height: 1.2857142857;
  letter-spacing: -0.03em;
  translate: -0.5em 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont .hdg:before {
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .businessSect .body .cardList > li article .cont .hdg .sub {
  font-weight: 700;
  font-size: min(calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw), 1.375rem);
  line-height: 2.1818181818;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont .hdg .sub {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.8;
  }
}
.tp_0_0 .businessSect .body .cardList > li article .cont .hdg .main {
  font-weight: 700;
  font-size: min(calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw), 2.5rem);
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont .hdg .main {
    font-size: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.3214285714;
  }
}
.tp_0_0 .businessSect .body .cardList > li article .cont .txt {
  padding-top: min(calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw), 20px);
  border-top: min(1px, 1px) solid rgba(255, 255, 255, 0.5);
  font-size: min(calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw), 0.9375rem);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .cardList > li article .cont .txt {
    padding-top: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  html:not(:is(.is_tablet)) .tp_0_0 .businessSect .body .cardList > li:last-child {
    padding-right: calc(80 / (var(--designW) + var(--scrollbarW)) * 100vw + var(--scrollbarW) * 1px);
  }
}
.tp_0_0 .businessSect .body .btn {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .businessSect .body .btn {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect {
  background-color: var(--clr_bg-blue);
  padding-block: calc(140 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect {
    padding-block: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .hdg {
  display: grid;
  margin-bottom: calc(64 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .hdg {
    margin-bottom: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .hdg .sub {
  position: relative;
  margin-bottom: 1px;
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .hdg .sub {
    margin-bottom: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.tp_0_0 .qualitySect .inner .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .qualitySect .inner .hdg .main {
  font-weight: 500;
  font-size: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.1538461538;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .hdg .main {
    font-size: calc(64 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .body {
  display: flex;
  justify-content: flex-end;
  gap: calc(54 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .body {
    flex-direction: column;
    gap: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .body .wrapper .txt {
  font-weight: 700;
  font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .body .wrapper .txt {
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .body .wrapper .btn {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(49 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .body .wrapper .btn {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .qualitySect .inner .body .img {
  flex-shrink: 0;
  width: calc(370 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .qualitySect .inner .body .img {
    width: 100%;
  }
}
.tp_0_0 .qualitySect .inner .body .img img {
  width: 100%;
  aspect-ratio: 370/216;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_0_0 .scrollImg {
  background-color: var(--clr_bg-blue);
}
.tp_0_0 .scrollImg img {
  width: 100%;
  max-width: unset;
  aspect-ratio: 1360/570;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(0.8235294118);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .scrollImg img {
    aspect-ratio: 375/350;
  }
}
.tp_0_0 .productsSect {
  padding-block: calc(170 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(200 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_bg-blue);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect {
    padding-block: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: calc(52 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .head {
    flex-direction: column;
    gap: 0;
  }
}
.tp_0_0 .productsSect .products .head .hdg {
  display: grid;
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.tp_0_0 .productsSect .products .head .hdg .sub {
  position: relative;
  margin-bottom: calc(-41 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .head .hdg .sub {
    margin-bottom: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.tp_0_0 .productsSect .products .head .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .head .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .productsSect .products .head .hdg .main {
  font-weight: 500;
  font-size: calc(200 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.1538461538;
  letter-spacing: -0.03em;
  color: var(--clr_gray);
  translate: -0.09em 0;
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .productsSect .products .head .hdg .main {
    margin-bottom: var(--negLeading);
  }
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .head .hdg .main {
    font-size: calc(86 / (var(--designW) + var(--scrollbarW)) * 100vw);
    white-space: nowrap;
  }
}
.tp_0_0 .productsSect .products .head .btn {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .head .btn {
    margin-top: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .body {
  margin-top: calc(90 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-inline: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .body {
    margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-inline: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .body .productsList {
  display: grid;
  row-gap: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .productsSect .products .body .productsList {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .body .productsList > li .inner .thumb {
  overflow: hidden;
}
.tp_0_0 .productsSect .products .body .productsList > li .inner .thumb img {
  width: 100%;
  aspect-ratio: 414/500;
  -o-object-fit: cover;
  object-fit: cover;
  transition: scale var(--transDur);
}
.tp_0_0 .productsSect .products .body .productsList > li .inner .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .body .productsList > li .inner .title {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(11 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .body .productsList > li .inner .title .main {
  font-weight: 700;
  font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .body .productsList > li .inner .title .main {
    font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .productsSect .products .body .productsList > li .inner .title .sub {
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--clr_gray);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .productsSect .products .body .productsList > li .inner .title .sub {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
    translate: -0.5em 0;
  }
}
.tp_0_0 .productsSect .products .body .productsList > li a:focus-visible .inner .thumb img {
  scale: 1.06;
}
@media (any-hover: hover) {
  .tp_0_0 .productsSect .products .body .productsList > li a:hover .inner .thumb img {
    scale: 1.06;
  }
}
.tp_0_0 .recruitSect {
  position: relative;
  padding-block: calc(150 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect {
    padding-block: calc(120 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .deco {
  position: absolute;
  width: calc(373 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 745/516;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .deco {
    width: calc(207 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .deco:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/recruit_deco_01.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.tp_0_0 .recruitSect .deco__01 {
  top: calc(-28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  left: 63%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .deco__01 {
    top: calc(-20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    left: 50%;
  }
}
.tp_0_0 .recruitSect .deco__02 {
  right: -30%;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .deco__02 {
    width: calc(238 / (var(--designW) + var(--scrollbarW)) * 100vw);
    right: calc(-60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    bottom: calc(-20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .deco__02:before {
  rotate: -90deg;
}
.tp_0_0 .recruitSect .head {
  display: flex;
  align-items: flex-start;
  gap: calc(167 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .head {
    flex-direction: column;
    gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .head .hdg {
  display: grid;
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.tp_0_0 .recruitSect .head .hdg .sub {
  position: relative;
  margin-bottom: 1px;
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .head .hdg .sub {
    margin-bottom: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.tp_0_0 .recruitSect .head .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .head .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .recruitSect .head .hdg .main {
  font-weight: 500;
  font-size: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.1538461538;
  letter-spacing: -0.03em;
  translate: -0.09em 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .head .hdg .main {
    font-size: calc(64 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .head .txt {
  margin-top: calc(157 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .head .txt {
    margin-top: 0;
    margin-left: auto;
    width: 88%;
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body {
  display: grid;
  row-gap: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .recruitSect .body {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-end;
    -moz-column-gap: calc(172 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(172 / (var(--designW) + var(--scrollbarW)) * 100vw);
    margin-top: calc(97 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .img {
  position: relative;
  width: calc(500 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .img {
    width: 100%;
    order: 2;
  }
}
.tp_0_0 .recruitSect .body .img img {
  width: 100%;
  aspect-ratio: 50/57;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_0_0 .recruitSect .body .links {
  display: grid;
  row-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links {
    row-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    order: 1;
  }
}
.tp_0_0 .recruitSect .body .links > li article {
  position: relative;
  padding-right: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-bottom: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-bottom: 1px solid color-mix(in srgb, var(--clr_gray) 50%, transparent);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article {
    padding-right: 0;
    padding-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li article .title {
  margin-bottom: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 700;
  font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.3076923077;
  color: var(--clr_black);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article .title {
    font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li article .txt {
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.8;
  color: var(--clr_black);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article .txt {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.6;
  }
}
.tp_0_0 .recruitSect .body .links > li article .supplement {
  margin-top: calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--clr_gray);
  translate: -0.5em 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article .supplement {
    margin-top: calc(43 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li article .icon {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  right: 0;
  bottom: calc(43 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_lightblue);
  color: #fff;
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li article .icon {
    bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li article .icon:before, .tp_0_0 .recruitSect .body .links > li article .icon:after {
  background-color: currentColor;
}
.tp_0_0 .recruitSect .body .links > li a .icon {
  overflow: hidden;
}
.tp_0_0 .recruitSect .body .links > li a .icon:before, .tp_0_0 .recruitSect .body .links > li a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li a .icon:before, .tp_0_0 .recruitSect .body .links > li a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.tp_0_0 .recruitSect .body .links > li a:focus-visible .icon:before {
  translate: 100% 0;
}
.tp_0_0 .recruitSect .body .links > li a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .tp_0_0 .recruitSect .body .links > li a:hover .icon:before {
    translate: 100% 0;
  }
  .tp_0_0 .recruitSect .body .links > li a:hover .icon::after {
    translate: 0 0;
  }
}
.tp_0_0 .recruitSect .body .links > li a[target=_blank] .icon:before, .tp_0_0 .recruitSect .body .links > li a[target=_blank] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_blank);
  mask-image: var(--_icon_blank);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li a[target=_blank] .icon:before, .tp_0_0 .recruitSect .body .links > li a[target=_blank] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li a[target=_blank] .icon:after {
  content: none;
}
.tp_0_0 .recruitSect .body .links > li a[href*=".pdf"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".pdf"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".doc"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".doc"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".xls"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".xls"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".ppt"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".ppt"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href$=".zip"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href$=".zip"] .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_file);
  mask-image: var(--_icon_file);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate var(--transDur);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .recruitSect .body .links > li a[href*=".pdf"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".pdf"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".doc"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".doc"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".xls"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".xls"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".ppt"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href*=".ppt"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href$=".zip"] .icon:before, .tp_0_0 .recruitSect .body .links > li a[href$=".zip"] .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .recruitSect .body .links > li a[href*=".pdf"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".doc"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".xls"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href*=".ppt"] .icon:after, .tp_0_0 .recruitSect .body .links > li a[href$=".zip"] .icon:after {
  content: none;
}
.tp_0_0 .recruitSect .body .links > li a:focus-visible[target=_blank] .icon:before, .tp_0_0 .recruitSect .body .links > li a:focus-visible[href*=".pdf"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:focus-visible[href*=".doc"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:focus-visible[href*=".xls"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:focus-visible[href*=".ppt"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:focus-visible[href$=".zip"] .icon:before {
  translate: 0 0;
}
@media (any-hover: hover) {
  .tp_0_0 .recruitSect .body .links > li a:hover[target=_blank] .icon:before, .tp_0_0 .recruitSect .body .links > li a:hover[href*=".pdf"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:hover[href*=".doc"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:hover[href*=".xls"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:hover[href*=".ppt"] .icon:before, .tp_0_0 .recruitSect .body .links > li a:hover[href$=".zip"] .icon:before {
    translate: 0 0;
  }
}
.tp_0_0 .recruitSect .body .links > li a:focus-visible article .icon {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .tp_0_0 .recruitSect .body .links > li a:hover article .icon {
    background-color: var(--clr_black);
  }
}
.tp_0_0 .newsSect {
  padding-block: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(157 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect {
    padding-block: calc(80 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(80 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .newsSect .head .hdg {
  display: grid;
}
.tp_0_0 .newsSect .head .hdg .sub {
  position: relative;
  margin-bottom: calc(-10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(32 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .head .hdg .sub {
    margin-bottom: calc(7 / (var(--designW) + var(--scrollbarW)) * 100vw);
    padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.2;
  }
}
.tp_0_0 .newsSect .head .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .head .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .newsSect .head .hdg .main {
  font-weight: 500;
  font-size: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.5;
  letter-spacing: -0.03em;
  translate: -0.09em 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .head .hdg .main {
    font-size: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.0333333333;
  }
}
.tp_0_0 .newsSect .body {
  margin-top: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .body {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .newsSect .body .bl_newsList {
  width: calc(900 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .body .bl_newsList {
    width: 100%;
    margin-left: 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .newsSect .body .bl_newsList > li:first-child article .thumb {
    width: calc(286 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  .tp_0_0 .newsSect .body .bl_newsList > li:first-child article .title {
    font-weight: 700;
    font-size: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .newsSect .body .btn {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .newsSect .body .btn {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea {
  position: relative;
}
.tp_0_0 .footLinkArea .footLink {
  display: grid;
  row-gap: 1px;
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .footLinkArea .footLink {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1px;
    column-gap: 1px;
  }
}
.tp_0_0 .footLinkArea .footLink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #fff;
  translate: -50% 0;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink:before {
    content: none;
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner {
  position: relative;
}
.tp_0_0 .footLinkArea .footLink > li .inner .bg {
  position: relative;
  z-index: 0;
  mix-blend-mode: multiply;
}
.tp_0_0 .footLinkArea .footLink > li .inner .bg img {
  width: 100%;
  aspect-ratio: 68/50;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity var(--transDur);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .bg img {
    aspect-ratio: 375/350;
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--clr_ash) 0%, #0771A4 100%);
  mix-blend-mode: multiply;
  opacity: 0.5;
  z-index: 2;
}
.tp_0_0 .footLinkArea .footLink > li .inner .cont {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(75 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .cont {
    padding: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(65 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .hdg {
  display: grid;
  margin-bottom: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
  transition: opacity var(--transDur);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .hdg {
    margin-bottom: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .hdg .sub {
  position: relative;
  margin-bottom: calc(3 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-left: calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.4666666667;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .hdg .sub {
    margin-bottom: 0;
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .hdg .sub:before {
  content: "";
  position: absolute;
  top: 0.5lh;
  left: 0;
  width: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 22/16;
  background-color: var(--clr_lightblue);
  clip-path: polygon(72.7% 0%, 100% 0%, 27.3% 100%, 0% 100%);
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .hdg .sub:before {
    width: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    aspect-ratio: 4/3;
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .hdg .main {
  font-weight: 500;
  font-size: calc(70 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .hdg .main {
    font-size: calc(46 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .txt {
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.8;
  color: #fff;
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .footLinkArea .footLink > li .inner .txt {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
    opacity: 0;
    visibility: hidden;
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .icon {
  width: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: absolute;
  bottom: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  right: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid #fff;
  color: #fff;
  transition: opacity var(--transDur);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li .inner .icon {
    right: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea .footLink > li .inner .icon:before, .tp_0_0 .footLinkArea .footLink > li .inner .icon:after {
  background-color: currentColor;
}
.tp_0_0 .footLinkArea .footLink > li a .icon {
  overflow: hidden;
}
.tp_0_0 .footLinkArea .footLink > li a .icon:before, .tp_0_0 .footLinkArea .footLink > li a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink > li a .icon:before, .tp_0_0 .footLinkArea .footLink > li a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_0_0 .footLinkArea .footLink > li a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.tp_0_0 .footLinkArea .footLink > li a:focus-visible .icon:before {
  translate: 100% 0;
}
.tp_0_0 .footLinkArea .footLink > li a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .tp_0_0 .footLinkArea .footLink > li a:hover .icon:before {
    translate: 100% 0;
  }
  .tp_0_0 .footLinkArea .footLink > li a:hover .icon::after {
    translate: 0 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .footLinkArea .footLink > li a:focus-visible .cont .txt {
    opacity: 1;
    visibility: visible;
  }
}
@media (any-hover: hover) {
  @media not all and (max-width: 767px), print {
    .tp_0_0 .footLinkArea .footLink > li a:hover .cont .txt {
      opacity: 1;
      visibility: visible;
    }
  }
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .footLinkArea .footLink:has(.is-hover) > li .inner .bg img {
    opacity: 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_0_0 .footLinkArea .footLink:has(.is-hover) > li:not(:is(.is-hover)) .inner .hdg,
  .tp_0_0 .footLinkArea .footLink:has(.is-hover) > li:not(:is(.is-hover)) .inner .icon {
    opacity: 0.3;
  }
}
.tp_0_0 .footLinkArea .footLink_bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .tp_0_0 .footLinkArea .footLink_bg {
    display: none;
  }
}
.tp_0_0 .footLinkArea .footLink_bg > li {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity var(--transDur);
}
.tp_0_0 .footLinkArea .footLink_bg > li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.tp_0_0 .footLinkArea .footLink_bg > li:is(.is-show) {
  opacity: 1;
}

.tp_2_0 .bl_pageHeader {
  padding-bottom: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_2_0 .bl_pageHeader {
    padding-bottom: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news {
  display: grid;
  grid-template-columns: calc(90 / (var(--designW) + var(--scrollbarW)) * 100vw) 1fr;
  gap: calc(210 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news {
    display: flex;
    flex-direction: column;
    gap: calc(0 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news .sideNav {
  order: 1;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news .sideNav {
    display: flex;
    gap: calc(23 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news .sideNav_title {
  margin-bottom: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.2857142857;
  letter-spacing: -0.03em;
  color: var(--clr_gray);
  translate: -0.5em 0;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news .sideNav_title {
    flex-shrink: 0;
    margin-block: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 1.3333333333;
  }
}
.tp_2_0 .news .sideNav_category {
  font-size: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news .sideNav_category {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news .sideNav_category_list {
  padding-top: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_2_0 .news .sideNav_category_list:first-of-type {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news .sideNav_category_list {
    padding-top: 0;
  }
}
.tp_2_0 .news .sideNav_category_list.is-current {
  text-decoration: underline;
  color: var(--clr_lightblue);
}
.tp_2_0 .news .sideNav_category_list a {
  display: block;
  transition: var(--transDur);
}
.tp_2_0 .news .sideNav_category_list a:focus-visible {
  color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .tp_2_0 .news .sideNav_category_list a:hover {
    color: var(--clr_lightblue);
  }
}
.tp_2_0 .news main {
  order: 2;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news main .newsSect .pagination {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-top: calc(50 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-family: var(--ff_Geist);
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination {
    display: block;
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news main .newsSect .pagination_num {
  display: flex;
  gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_num {
    justify-content: center;
    gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
    line-height: 2.5;
  }
}
.tp_2_0 .news main .newsSect .pagination_num > li > a {
  transition: color var(--transDur);
}
.tp_2_0 .news main .newsSect .pagination_num > li > a:focus-visible {
  color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .tp_2_0 .news main .newsSect .pagination_num > li > a:hover {
    color: var(--clr_lightblue);
  }
}
.tp_2_0 .news main .newsSect .pagination_num > li .dots {
  pointer-events: none;
  color: var(--clr_gray);
}
.tp_2_0 .news main .newsSect .pagination_num > li .current {
  color: var(--clr_lightblue);
}
.tp_2_0 .news main .newsSect .pagination_num > li:has(.prev), .tp_2_0 .news main .newsSect .pagination_num > li:has(.next) {
  display: none;
}
.tp_2_0 .news main .newsSect .pagination_control {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(42 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(42 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_control {
    position: absolute;
    justify-content: space-between;
    top: 50%;
    width: 100%;
    pointer-events: none;
    translate: 0 -50%;
  }
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_control > li {
    pointer-events: auto;
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li > div,
.tp_2_0 .news main .newsSect .pagination_control > li > a {
  display: flex;
  align-items: center;
  gap: calc(11 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon {
  overflow: hidden;
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon:before, .tp_2_0 .news main .newsSect .pagination_control > li > div .icon:after,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon:before,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_control > li > div .icon:before, .tp_2_0 .news main .newsSect .pagination_control > li > div .icon:after,
  .tp_2_0 .news main .newsSect .pagination_control > li > a .icon:before,
  .tp_2_0 .news main .newsSect .pagination_control > li > a .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon:after,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.tp_2_0 .news main .newsSect .pagination_control > li > div:focus-visible .icon:before,
.tp_2_0 .news main .newsSect .pagination_control > li > a:focus-visible .icon:before {
  translate: 100% 0;
}
.tp_2_0 .news main .newsSect .pagination_control > li > div:focus-visible .icon::after,
.tp_2_0 .news main .newsSect .pagination_control > li > a:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .tp_2_0 .news main .newsSect .pagination_control > li > div:hover .icon:before,
  .tp_2_0 .news main .newsSect .pagination_control > li > a:hover .icon:before {
    translate: 100% 0;
  }
  .tp_2_0 .news main .newsSect .pagination_control > li > div:hover .icon::after,
  .tp_2_0 .news main .newsSect .pagination_control > li > a:hover .icon::after {
    translate: 0 0;
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .txt,
.tp_2_0 .news main .newsSect .pagination_control > li > a .txt {
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 2;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_control > li > div .txt,
  .tp_2_0 .news main .newsSect .pagination_control > li > a .txt {
    display: none;
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon {
  width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: var(--clr_lightblue);
  transition: background-color var(--transDur);
}
@media screen and (max-width: 767px) {
  .tp_2_0 .news main .newsSect .pagination_control > li > div .icon,
  .tp_2_0 .news main .newsSect .pagination_control > li > a .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon:before, .tp_2_0 .news main .newsSect .pagination_control > li > div .icon:after,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon:before,
.tp_2_0 .news main .newsSect .pagination_control > li > a .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_2_0 .news main .newsSect .pagination_control > li > div {
  pointer-events: none;
  color: var(--clr_gray);
}
.tp_2_0 .news main .newsSect .pagination_control > li > div .icon {
  background-color: var(--clr_gray);
}
.tp_2_0 .news main .newsSect .pagination_control > li > a:focus-visible .icon {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .tp_2_0 .news main .newsSect .pagination_control > li > a:hover .icon {
    background-color: var(--clr_black);
  }
}
.tp_2_0 .news main .newsSect .pagination_control > li.prev .icon {
  scale: -1 1;
}

.tp_2_1 .bl_pageHeader {
  padding-bottom: calc(108 / (var(--designW) + var(--scrollbarW)) * 100vw);
  row-gap: calc(48 / (var(--designW) + var(--scrollbarW)) * 100vw);
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .tp_2_1 .bl_pageHeader {
    padding-bottom: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
    row-gap: calc(53 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .newsDetail time {
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-family: var(--ff_Geist);
  color: var(--clr_gray);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .newsDetail time {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .newsDetail .title {
  margin-top: calc(6 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(38 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .tp_2_1 .newsDetail .title {
    font-size: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .newsDetail .category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(23 / (var(--designW) + var(--scrollbarW)) * 100vw);
  translate: -0.5em 0;
}
@media screen and (max-width: 767px) {
  .tp_2_1 .newsDetail .category {
    margin-top: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .newsDetail .category > li {
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: var(--clr_lightblue);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .newsDetail .category > li {
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .newsDetail_img {
  margin: calc(103 / (var(--designW) + var(--scrollbarW)) * 100vw) auto calc(22 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: calc(800 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .newsDetail_img {
    margin-block: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw) 0;
    width: 100%;
  }
}
.tp_2_1 .newsDetail_img img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.tp_2_1 .pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(130 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-top: 1px solid color-mix(in srgb, var(--clr_gray) 50%, transparent);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .pagination {
    margin-top: calc(28 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .pagination .prev > a,
.tp_2_1 .pagination .prev > div,
.tp_2_1 .pagination .next > a,
.tp_2_1 .pagination .next > div {
  display: flex;
  align-items: center;
  gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_2_1 .pagination .prev > a .icon,
.tp_2_1 .pagination .prev > div .icon,
.tp_2_1 .pagination .next > a .icon,
.tp_2_1 .pagination .next > div .icon {
  overflow: hidden;
}
.tp_2_1 .pagination .prev > a .icon:before, .tp_2_1 .pagination .prev > a .icon:after,
.tp_2_1 .pagination .prev > div .icon:before,
.tp_2_1 .pagination .prev > div .icon:after,
.tp_2_1 .pagination .next > a .icon:before,
.tp_2_1 .pagination .next > a .icon:after,
.tp_2_1 .pagination .next > div .icon:before,
.tp_2_1 .pagination .next > div .icon:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  mask-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: translate 0.2s;
}
@media screen and (max-width: 767px) {
  .tp_2_1 .pagination .prev > a .icon:before, .tp_2_1 .pagination .prev > a .icon:after,
  .tp_2_1 .pagination .prev > div .icon:before,
  .tp_2_1 .pagination .prev > div .icon:after,
  .tp_2_1 .pagination .next > a .icon:before,
  .tp_2_1 .pagination .next > a .icon:after,
  .tp_2_1 .pagination .next > div .icon:before,
  .tp_2_1 .pagination .next > div .icon:after {
    -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
    mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .pagination .prev > a .icon:after,
.tp_2_1 .pagination .prev > div .icon:after,
.tp_2_1 .pagination .next > a .icon:after,
.tp_2_1 .pagination .next > div .icon:after {
  translate: -100% 0;
  transform: translateZ(0);
}
.tp_2_1 .pagination .prev > a:focus-visible .icon:before,
.tp_2_1 .pagination .prev > div:focus-visible .icon:before,
.tp_2_1 .pagination .next > a:focus-visible .icon:before,
.tp_2_1 .pagination .next > div:focus-visible .icon:before {
  translate: 100% 0;
}
.tp_2_1 .pagination .prev > a:focus-visible .icon::after,
.tp_2_1 .pagination .prev > div:focus-visible .icon::after,
.tp_2_1 .pagination .next > a:focus-visible .icon::after,
.tp_2_1 .pagination .next > div:focus-visible .icon::after {
  translate: 0 0;
}
@media (any-hover: hover) {
  .tp_2_1 .pagination .prev > a:hover .icon:before,
  .tp_2_1 .pagination .prev > div:hover .icon:before,
  .tp_2_1 .pagination .next > a:hover .icon:before,
  .tp_2_1 .pagination .next > div:hover .icon:before {
    translate: 100% 0;
  }
  .tp_2_1 .pagination .prev > a:hover .icon::after,
  .tp_2_1 .pagination .prev > div:hover .icon::after,
  .tp_2_1 .pagination .next > a:hover .icon::after,
  .tp_2_1 .pagination .next > div:hover .icon::after {
    translate: 0 0;
  }
}
.tp_2_1 .pagination .prev > a .txt,
.tp_2_1 .pagination .prev > div .txt,
.tp_2_1 .pagination .next > a .txt,
.tp_2_1 .pagination .next > div .txt {
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .pagination .prev > a .txt,
  .tp_2_1 .pagination .prev > div .txt,
  .tp_2_1 .pagination .next > a .txt,
  .tp_2_1 .pagination .next > div .txt {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .pagination .prev > a .icon,
.tp_2_1 .pagination .prev > div .icon,
.tp_2_1 .pagination .next > a .icon,
.tp_2_1 .pagination .next > div .icon {
  width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
  display: inline-block;
  color: #fff;
  background-color: var(--clr_lightblue);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .pagination .prev > a .icon,
  .tp_2_1 .pagination .prev > div .icon,
  .tp_2_1 .pagination .next > a .icon,
  .tp_2_1 .pagination .next > div .icon {
    width: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
    height: calc(35 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .pagination .prev > a .icon:before, .tp_2_1 .pagination .prev > a .icon:after,
.tp_2_1 .pagination .prev > div .icon:before,
.tp_2_1 .pagination .prev > div .icon:after,
.tp_2_1 .pagination .next > a .icon:before,
.tp_2_1 .pagination .next > a .icon:after,
.tp_2_1 .pagination .next > div .icon:before,
.tp_2_1 .pagination .next > div .icon:after {
  background-color: currentColor;
  -webkit-mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) !important;
  mask-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw) !important;
}
.tp_2_1 .pagination .prev > div,
.tp_2_1 .pagination .next > div {
  color: var(--clr_gray);
  pointer-events: none;
}
.tp_2_1 .pagination .prev > div .icon,
.tp_2_1 .pagination .next > div .icon {
  background-color: var(--clr_gray);
}
.tp_2_1 .pagination .prev .icon {
  scale: -1 1;
}
.tp_2_1 .pagination .back {
  font-size: calc(16 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  letter-spacing: -0.05em;
  transition: color var(--transDur);
}
@media screen and (max-width: 767px) {
  .tp_2_1 .pagination .back {
    font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_2_1 .pagination .back:focus-visible {
  color: var(--clr_lightblue);
}
@media (any-hover: hover) {
  .tp_2_1 .pagination .back:hover {
    color: var(--clr_lightblue);
  }
}

.tp_3_0 #autozip {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tp_3_0 .bl_pageHeader {
  padding-bottom: 0;
}
.tp_3_0 .leadTxt {
  margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .leadTxt {
    margin-top: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .tp_3_0 .formArea {
    display: grid;
    justify-content: flex-end;
  }
}
.tp_3_0 .formArea form {
  margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .tp_3_0 .formArea form {
    margin-top: calc(80 / (var(--designW) + var(--scrollbarW)) * 100vw);
    width: calc(900 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-form--business .smf-item {
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--clr_gray) 50%, transparent);
}
.tp_3_0 .formArea .smf-form--business .smf-item__col {
  padding: 0;
}
.tp_3_0 .formArea .smf-form--business .smf-item__col--label {
  background-color: transparent;
  border-right: none;
  border-bottom: none;
  padding: 0;
}
.tp_3_0 .formArea .smf-form--business .smf-item__col--controls {
  width: 100%;
}
.tp_3_0 .formArea .smf-form .smf-select-control__toggle::before {
  visibility: hidden;
}
.tp_3_0 .formArea .smf-item {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_3_0 .formArea .smf-item {
    grid-template-columns: calc(240 / (var(--designW) + var(--scrollbarW)) * 100vw) minmax(0, 1fr);
    -moz-column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    column-gap: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item {
    row-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  .tp_3_0 .formArea .smf-item:has(.smf-checkbox-control) {
    row-gap: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-item__col {
  max-width: unset;
}
.tp_3_0 .formArea .smf-item:has(.address-area) .smf-item__label {
  margin-top: 0;
  justify-content: center;
}
.tp_3_0 .formArea .smf-item:has(textarea) .smf-item__label {
  margin-top: 0;
  justify-content: flex-start;
}
.tp_3_0 .formArea .smf-item:has(.smf-checkbox-control__control) .smf-item__label {
  margin-top: 0;
  justify-content: flex-start;
}
.tp_3_0 .formArea .smf-item__label {
  height: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-top: calc(26 / (var(--designW) + var(--scrollbarW)) * 100vw);
  position: relative;
}
.tp_3_0 .formArea .smf-item__label:nth-of-type(7) {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item__label {
    justify-content: flex-start;
    margin-top: 0;
    height: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-item__label__text {
  font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item__label__text {
    font-size: calc(14 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-item__col--controls {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item__col--controls {
    max-width: 100%;
  }
}
.tp_3_0 .formArea .smf-item__controls .address-area {
  display: grid;
  grid-template-columns: calc(110 / (var(--designW) + var(--scrollbarW)) * 100vw) 1fr;
  row-gap: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item__controls .address-area {
    display: block;
  }
}
.tp_3_0 .formArea .smf-item__controls .address-area h3 {
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-item__controls .address-area h3 {
    padding-block: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(4 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
  .tp_3_0 .formArea .smf-item__controls .address-area h3:first-of-type {
    padding-block: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-item__controls .address-area .smf-select-control {
  position: relative;
}
.tp_3_0 .formArea .smf-item__controls .address-area .smf-select-control__control {
  position: relative;
  width: 100%;
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea .smf-item__controls .address-area .smf-select-control__toggle:before {
  content: none;
}
.tp_3_0 .formArea .smf-item__controls .address-area .smf-select-control__toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(18 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  -webkit-mask-image: var(--_icon_arw);
  mask-image: var(--_icon_arw);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--clr_black);
  rotate: 90deg;
  translate: 0 -50%;
}
.tp_3_0 .formArea .smf-placeholder {
  display: flex;
  flex-direction: column;
  gap: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-placeholder {
    gap: calc(4 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-placeholder + p > a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  color: var(--clr_lightblue);
  transition: text-decoration-color var(--transDur);
}
.tp_3_0 .formArea .smf-placeholder + p > a:focus-visible {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .tp_3_0 .formArea .smf-placeholder + p > a:hover {
    text-decoration-color: transparent;
  }
}
.tp_3_0 .formArea .smf-placeholder .smf-text-control {
  order: 2;
}
.tp_3_0 .formArea .smf-placeholder .smf-control-description {
  order: 1;
  margin-top: 0;
  font-size: calc(13 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-placeholder .smf-control-description {
    font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-placeholder .smf-textarea-control {
  order: 2;
}
.tp_3_0 .formArea .smf-placeholder .smf-select-control__control {
  padding: 0;
  padding-left: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-placeholder .smf-select-control__control {
    padding-left: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-placeholder[data-name=post-code] {
  position: relative;
}
.tp_3_0 .formArea .smf-button-control {
  max-width: calc(360 / (var(--designW) + var(--scrollbarW)) * 100vw);
  display: block;
  position: relative;
  margin-top: calc(84 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin-inline: auto;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-button-control {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
    max-width: calc(335 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-button-control__control {
  width: 100%;
  position: relative;
  background-color: var(--clr_lightblue);
  background-image: none;
  padding: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  padding-right: calc(200 / (var(--designW) + var(--scrollbarW)) * 100vw);
  color: #fff;
  font-size: calc(17 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.4;
  transition: var(--transDur);
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-button-control__control {
    padding-right: calc(190 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-button-control__control:before {
  position: absolute;
  content: "";
  width: calc(1 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  right: calc(54 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: color-mix(in srgb, var(--clr_gray) 50%, transparent);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-button-control__control:before {
    right: calc(49 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-button-control__control:after {
  position: absolute;
  content: "";
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  aspect-ratio: 1;
  top: 50%;
  right: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-image: var(--_icon_arw);
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .smf-button-control__control:after {
    right: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea .smf-button-control__control .smf-sendin {
  position: relative;
}
.tp_3_0 .formArea .smf-button-control__control .smf-sendin:before {
  content: "";
  position: absolute;
  width: calc(2 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(24 / (var(--designW) + var(--scrollbarW)) * 100vw);
  top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  right: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: #fff;
}
.tp_3_0 .formArea .smf-button-control__control:focus-visible {
  background-color: var(--clr_black);
}
@media (any-hover: hover) {
  .tp_3_0 .formArea .smf-button-control__control:hover {
    background-color: var(--clr_black);
  }
}
.tp_3_0 .formArea .smf-system-error-content-ready {
  display: none;
}
.tp_3_0 .formArea input, .tp_3_0 .formArea select, .tp_3_0 .formArea textarea {
  width: 100%;
  height: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid var(--clr_gray);
  background-color: color-mix(in srgb, var(--clr_gray) 10%, transparent);
  padding: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea input, .tp_3_0 .formArea select, .tp_3_0 .formArea textarea {
    height: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea textarea {
  width: 100%;
  max-width: 100%;
  min-height: calc(200 / (var(--designW) + var(--scrollbarW)) * 100vw);
  resize: vertical;
  box-sizing: border-box;
}
.tp_3_0 .formArea input[name=post-code] {
  width: calc(187 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea .wp-block-snow-monkey-forms-item {
  padding-block: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-bottom: 1px solid var(--clr_gray);
}
.tp_3_0 .formArea .wp-block-snow-monkey-forms-item:first-of-type {
  padding-top: 0;
}
.tp_3_0 .formArea .wp-block-snow-monkey-forms-item:first-of-type .smf-item__label {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea .wp-block-snow-monkey-forms-item {
    padding-left: 0;
    padding-block: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea [data-screen=input] .smf-item__label,
.tp_3_0 .formArea [data-screen=invalid] .smf-item__label,
.tp_3_0 .formArea [data-screen=back] .smf-item__label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  column-gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea [data-screen=input] .smf-item__label:before,
.tp_3_0 .formArea [data-screen=invalid] .smf-item__label:before,
.tp_3_0 .formArea [data-screen=back] .smf-item__label:before {
  content: "任意";
  display: grid;
  place-content: center;
  width: calc(41 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(23 / (var(--designW) + var(--scrollbarW)) * 100vw);
  background-color: var(--clr_bg-blue);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--clr_ash);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=input] .smf-item__label:before,
  .tp_3_0 .formArea [data-screen=invalid] .smf-item__label:before,
  .tp_3_0 .formArea [data-screen=back] .smf-item__label:before {
    height: calc(21 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea [data-screen=input] .smf-item.required .smf-item__label:before,
.tp_3_0 .formArea [data-screen=invalid] .smf-item.required .smf-item__label:before,
.tp_3_0 .formArea [data-screen=back] .smf-item.required .smf-item__label:before {
  content: "必須";
  background-color: var(--clr_red);
  color: #fff;
}
.tp_3_0 .formArea [data-screen=input] .smf-item .smf-checkbox-control,
.tp_3_0 .formArea [data-screen=invalid] .smf-item .smf-checkbox-control,
.tp_3_0 .formArea [data-screen=back] .smf-item .smf-checkbox-control {
  display: flex;
  align-items: center;
  gap: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea [data-screen=input] .smf-item .smf-checkbox-control__control,
.tp_3_0 .formArea [data-screen=invalid] .smf-item .smf-checkbox-control__control,
.tp_3_0 .formArea [data-screen=back] .smf-item .smf-checkbox-control__control {
  width: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(15 / (var(--designW) + var(--scrollbarW)) * 100vw);
  margin: 0;
  padding: 0;
}
.tp_3_0 .formArea [data-screen=input] .smf-item .custom-error-message,
.tp_3_0 .formArea [data-screen=invalid] .smf-item .custom-error-message,
.tp_3_0 .formArea [data-screen=back] .smf-item .custom-error-message {
  margin-top: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  letter-spacing: 0;
}
.tp_3_0 .formArea [data-screen=invalid] .smf-error-messages {
  margin-top: calc(8 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(12 / (var(--designW) + var(--scrollbarW)) * 100vw);
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--clr_red);
  order: 3;
}
.tp_3_0 .formArea [data-screen=invalid] .smf-placeholder input[data-invalid="1"],
.tp_3_0 .formArea [data-screen=invalid] .smf-placeholder textarea[data-invalid="1"] {
  border: 1px solid var(--clr_red);
  background-color: color-mix(in srgb, var(--clr_red) 10%, transparent);
}
.tp_3_0 .formArea [data-screen=confirm] .smf-action {
  display: flex;
  gap: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  justify-content: space-between;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_3_0 .formArea [data-screen=confirm] .smf-action {
    width: calc(760 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=confirm] .smf-action {
    margin-block: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw) 0;
    gap: 0;
    flex-direction: column-reverse;
  }
}
.tp_3_0 .formArea [data-screen=confirm] .smf-action .smf-button-control {
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=confirm] .smf-action .smf-button-control {
    margin-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back] {
  background-color: var(--clr_ash);
  margin-inline: 0;
  padding-inline: calc(69 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(150 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back]:before {
  right: calc(307 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back]:before {
    right: calc(285 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back]:after {
  left: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  right: unset;
  scale: -1 1;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back]:focus-visible {
  background-color: var(--clr_gray);
}
@media (any-hover: hover) {
  .tp_3_0 .formArea [data-screen=confirm] .smf-button-control__control[data-action=back]:hover {
    background-color: var(--clr_gray);
  }
}
.tp_3_0 .formArea [data-screen=confirm] .smf-item__label {
  margin-top: 0;
  height: unset;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-item__col--control {
  display: flex;
  align-items: center;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-item__controls .address-area {
  display: block;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-item__controls .address-area h3 {
  display: none;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-item__controls .address-area .smf-placeholder:not(:first-of-type) {
  margin-top: calc(5 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
.tp_3_0 .formArea [data-screen=confirm] .smf-placeholder {
  color: var(--clr_ash);
}
.tp_3_0 .formArea [data-screen=confirm] .smf-placeholder[data-name=post-code]::after {
  content: none;
}
.tp_3_0 .formArea [data-screen=confirm] .smf-placeholder + p {
  display: none;
}
.tp_3_0 .formArea [data-screen=complete] .complete .hdg {
  margin-bottom: calc(45 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-size: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=complete] .complete .hdg {
    margin-bottom: calc(36 / (var(--designW) + var(--scrollbarW)) * 100vw);
    font-size: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=complete] .complete .hdg {
    margin-bottom: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media not all and (max-width: 767px), print {
  .tp_3_0 .formArea [data-screen=complete] .complete .btn {
    min-width: calc(360 / (var(--designW) + var(--scrollbarW)) * 100vw);
    margin: calc(60 / (var(--designW) + var(--scrollbarW)) * 100vw) auto 0;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .tp_3_0 .formArea [data-screen=complete] .complete .btn {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_3_0:has([data-screen=complete]) .leadTxt {
  display: none;
}

.tp_4_0 .instructions .agreement {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  height: calc(400 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border-radius: calc(10 / (var(--designW) + var(--scrollbarW)) * 100vw);
  border: 1px solid var(--clr_gray);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tp_4_0 .instructions .agreement {
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_4_0 .instructions .agreement_inner {
  padding: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .tp_4_0 .instructions .agreement_inner {
    padding: calc(25 / (var(--designW) + var(--scrollbarW)) * 100vw) calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_4_0 .instructions .download {
  margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .tp_4_0 .instructions .download {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(40 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .tp_4_0 .instructions .download > p {
    text-align: center;
  }
}
.tp_4_0 .instructions .download .btn {
  margin-top: calc(20 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media not all and (max-width: 767px), print {
  .tp_4_0 .instructions .download .btn {
    margin-top: calc(30 / (var(--designW) + var(--scrollbarW)) * 100vw);
    min-width: calc(360 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_4_0 .instructions .download.is-disabled .btn .el_btn {
  background-color: var(--clr_gray);
  pointer-events: none;
}
.tp_4_0 .contArea {
  display: none;
}
.tp_4_0 .contArea .bl_contSet {
  margin-top: calc(100 / (var(--designW) + var(--scrollbarW)) * 100vw);
}
@media screen and (max-width: 767px) {
  .tp_4_0 .contArea .bl_contSet {
    margin-top: calc(90 / (var(--designW) + var(--scrollbarW)) * 100vw);
  }
}
.tp_4_0 .contArea .bl_anchorLinks {
  border-left: 1px solid var(--clr_gray);
  border-bottom: none;
}
.tp_4_0 .contArea .bl_anchorLinks > li:nth-child(4n) {
  border-right: 1px solid var(--clr_gray);
}
@media screen and (max-width: 767px) {
  .tp_4_0 .contArea .bl_anchorLinks > li:nth-child(2n) {
    border-right: 1px solid var(--clr_gray);
  }
}

.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.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.js_animation_start.animation_delay {
  --_defaultDelay: .6s;
  --_baseDelay: .5s;
  --_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.3s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.js_animation_wrapper.js_animation_start .animation_delay {
  --_defaultDelay: .5s;
  --_baseDelay: .3s;
  --_delayNum: 1;
  animation-delay: calc(var(--_defaultDelay) + var(--_baseDelay) * var(--_delayNum));
}

/**
 * Keyframes
 */
@keyframes fadeInD2U {
  0% {
    transform: translateY(0.5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}