@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@400,500,600,700,800,900&display=swap");
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

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

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

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

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

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

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

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

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

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

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

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

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

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

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

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-blue-primary: #005BAB;
  --color-blue-secondary: #128CCE;
  --color-blue-tertiary: #9CCDED;
  --color-blue-quaternary: #DFEFFA;
  --color-red-primary: #B5005E;
  --color-red-secondary: #F8CDD9;
  --color-red-tertiary: #FFE2F1;
  --color-red-quaternary: #FBE6EC;
  --color-green: #00A846;
  --color-yellow: #FDEDB8;
  --color-pink: #ED57A5;
  --font-family: "Noto Sans JP", sans-serif;
  --font-bebas: "Bebas Neue", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 900;
  --font-size-base: 16px;
  --lh-xl: 2;
  --lh-lg: 1.75;
  --lh-md: 1.5;
  --lh-sm: 1.25;
  --lh-xs: 1;
  --icon-arrow-left-thin: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzEwN183MDciIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMTA3XzcwNykiPjxwYXRoIGQ9Ik0xMC40OTk2IDMuMDAwNjFDMTAuNTY1MyAzLjAwMDQ5IDEwLjYzMDQgMy4wMTMzMiAxMC42OTExIDMuMDM4MzdDMTAuNzUxOSAzLjA2MzQzIDEwLjgwNzEgMy4xMDAyIDEwLjg1MzYgMy4xNDY2MUMxMC45NDczIDMuMjQwMzcgMTEgMy4zNjc1MyAxMSAzLjUwMDExQzExIDMuNjMyNjkgMTAuOTQ3MyAzLjc1OTg0IDEwLjg1MzYgMy44NTM2MUw2LjIwNjYxIDguNTAwNjFMMTAuODUzNiAxMy4xNDY2QzEwLjk0NzMgMTMuMjQwNCAxMSAxMy4zNjc1IDExIDEzLjUwMDFDMTEgMTMuNjMyNyAxMC45NDczIDEzLjc1OTggMTAuODUzNiAxMy44NTM2QzEwLjc1OTggMTMuOTQ3MyAxMC42MzI3IDE0IDEwLjUwMDEgMTRDMTAuMzY3NSAxNCAxMC4yNDA0IDEzLjk0NzMgMTAuMTQ2NiAxMy44NTM2TDQuNzkyNjEgOC41MDA2MUwxMC4xNDU2IDMuMTQ2NjFDMTAuMTkyMSAzLjEwMDIgMTAuMjQ3MyAzLjA2MzQzIDEwLjMwODEgMy4wMzgzN0MxMC4zNjg4IDMuMDEzMzIgMTAuNDMzOSAzLjAwMDQ5IDEwLjQ5OTYgMy4wMDA2MVoiIGZpbGw9IiMwMDVCQUIiLz48L2c+PC9zdmc+);
  --icon-arrow-right: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzEwN182NzkiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMTA3XzY3OSkiPjxwYXRoIGQ9Ik00LjI5Mjg5IDIuMjkyOTdDNC42NTkwMSAxLjkyNjg1IDUuMjM4MDEgMS45MDQyNiA1LjYzMDc4IDIuMjI0NjFMNS43MDY5NiAyLjI5Mjk3TDExLjQxNCA4TDUuNzA2OTYgMTMuNzA3QzUuMzE2NDMgMTQuMDk3NiA0LjY4MzQyIDE0LjA5NzYgNC4yOTI4OSAxMy43MDdDMy45MDIzNyAxMy4zMTY1IDMuOTAyMzcgMTIuNjgzNSA0LjI5Mjg5IDEyLjI5M0w4LjU4NTg2IDhMNC4yOTI4OSAzLjcwNzAzTDQuMjI0NTMgMy42MzA4NkMzLjkwNDE4IDMuMjM4MDkgMy45MjY3OCAyLjY1OTA4IDQuMjkyODkgMi4yOTI5N1oiIGZpbGw9IiMwMDVCQUIiLz48L2c+PC9zdmc+);
  --icon-arrow-down: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzEwN182NjkiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMTA3XzY2OSkiPjxwYXRoIGQ9Ik0xNS43MDczIDMuMjkyOTdDMTYuMDczNCAzLjY1OTA4IDE2LjA5NiA0LjIzODA5IDE1Ljc3NTYgNC42MzA4NkwxNS43MDczIDQuNzA3MDNMOC4wMDAyMyAxMi40MTQxTDAuMjkzMjAzIDQuNzA3MDNDLTAuMDk3MzIwNiA0LjMxNjUxIC0wLjA5NzMyMDYgMy42ODM0OSAwLjI5MzIwMyAzLjI5Mjk3QzAuNjgzNzI3IDIuOTAyNDQgMS4zMTY3NCAyLjkwMjQ0IDEuNzA3MjcgMy4yOTI5N0w4LjAwMDIzIDkuNTg1OTRMMTQuMjkzMiAzLjI5Mjk3TDE0LjM2OTQgMy4yMjQ2MUMxNC43NjIxIDIuOTA0MjYgMTUuMzQxMSAyLjkyNjg1IDE1LjcwNzMgMy4yOTI5N1oiIGZpbGw9IiMwMDVCQUIiLz48L2c+PC9zdmc+);
  --icon-new-window: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzEwN182NzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMTA3XzY3OCkiPjxwYXRoIGQ9Ik02LjUxNzU4IDEuMzE4MjhMNi41OTQ3MyAxLjMyMjE5QzYuOTcyOSAxLjM2MDYyIDcuMjY3NTggMS42Nzk5NyA3LjI2NzU4IDIuMDY4MjhDNy4yNjc1OCAyLjQ1NjU5IDYuOTcyOSAyLjc3NTk1IDYuNTk0NzMgMi44MTQzN0w2LjUxNzU4IDIuODE4MjhIMy4yMDAyQzMuMDgxMzIgMi44MTgyOCAyLjk2NzEyIDIuODY1MzUgMi44ODI4MSAyLjk0OTE0QzIuNzk4NiAzLjAzMjkzIDIuNzUwNzIgMy4xNDY3NiAyLjc1IDMuMjY1NTVWMTIuODExNEwyLjc1ODc5IDEyLjg5OTNDMi43NzYzOCAxMi45ODU1IDIuODE5NTkgMTMuMDY0OSAyLjg4MjgxIDEzLjEyNzlDMi45NjcxNCAxMy4yMTE4IDMuMDgxMjQgMTMuMjU5NyAzLjIwMDIgMTMuMjU5N0gxMi43OTk4TDEyLjg4NzcgMTMuMjUwOUMxMi45NzQgMTMuMjMzOCAxMy4wNTM5IDEzLjE5MDggMTMuMTE3MiAxMy4xMjc5QzEzLjIwMDYgMTMuMDQ0OSAxMy4yNDg0IDEyLjkzMjkgMTMuMjUgMTIuODE1NFY5LjU2MTQ0QzEzLjI1IDkuMTQ3MjMgMTMuNTg1OCA4LjgxMTQ0IDE0IDguODExNDRDMTQuNDE0MiA4LjgxMTQ0IDE0Ljc1IDkuMTQ3MjMgMTQuNzUgOS41NjE0NFYxMi44MTkzQzE0Ljc0NzQgMTMuMzM0NSAxNC41NDA5IDEzLjgyNzggMTQuMTc1OCAxNC4xOTEzQzEzLjg1NjEgMTQuNTA5NSAxMy40MzcxIDE0LjcwNTkgMTIuOTkyMiAxNC43NDk5TDEyLjc5OTggMTQuNzU5N0gzLjIwMDJDMi42ODQ3MSAxNC43NTk3IDIuMTg5NjQgMTQuNTU0OSAxLjgyNDIyIDE0LjE5MTNDMS40NTkwNSAxMy44Mjc4IDEuMjUyNjQgMTMuMzM0NSAxLjI1IDEyLjgxOTNWMy4yNTg3MUwxLjI2MDc0IDMuMDY2MzNDMS4zMDcwNCAyLjYyMTY1IDEuNTA0NTQgMi4yMDM3NiAxLjgyNDIyIDEuODg1NjZDMi4xODk2NCAxLjUyMjA3IDIuNjg0NzEgMS4zMTgyNyAzLjIwMDIgMS4zMTgyOEg2LjUxNzU4WiIgZmlsbD0iIzAwNUJBQiIvPjxwYXRoIGQ9Ik0xMy4wNTY2IDEuODYyOThDMTMuMzQ5IDEuNTY5ODEgMTMuODIzOCAxLjU2ODg1IDE0LjExNzEgMS44NjEwM0MxNC40MTAzIDIuMTUzNDYgMTQuNDExNCAyLjYyODI4IDE0LjExOTEgMi45MjE1OEw3LjAzMTE5IDEwLjAyOUw2Ljk3NDU1IDEwLjA4MDhDNi42ODAyOSAxMC4zMjE1IDYuMjQ1NjQgMTAuMzA0MiA1Ljk3MDY0IDEwLjAzQzUuNjc3MzcgOS43Mzc0NyA1LjY3NjE5IDkuMjYyNzEgNS45Njg2OSA4Ljk2OTQzTDEzLjA1NjYgMS44NjI5OFoiIGZpbGw9IiMwMDVCQUIiLz48cGF0aCBkPSJNMTMuMjUgNS4zNzVWMy4xOTkyMkMxMy4yNDA4IDMuMDc0NjEgMTMuMTg0OCAyLjk1NzczIDEzLjA5MTggMi44NzQwMkMxMi45OTcxIDIuNzg4ODYgMTIuODcyNCAyLjc0NTE4IDEyLjc0NTEgMi43NTA5OEgxMC42MjVDMTAuMjEwOCAyLjc1MDk4IDkuODc1IDIuNDE1MTkgOS44NzUgMi4wMDA5OEM5Ljg3NTE2IDEuNTg2OSAxMC4yMTA5IDEuMjUwOTggMTAuNjI1IDEuMjUwOThIMTIuNzEwOVYxLjI1MjkzQzEzLjIyMDEgMS4yMzg0NyAxMy43MTU1IDEuNDE4NDkgMTQuMDk0NyAxLjc1OTc3QzE0LjQ4MjQgMi4xMDg2IDE0LjcxNzggMi41OTU2NyAxNC43NDkgMy4xMTYyMUwxNC43NSAzLjE2MTEzVjUuMzc1QzE0Ljc1IDUuNzg5MjEgMTQuNDE0MiA2LjEyNSAxNCA2LjEyNUMxMy41ODU4IDYuMTI1IDEzLjI1IDUuNzg5MjEgMTMuMjUgNS4zNzVaIiBmaWxsPSIjMDA1QkFCIi8+PC9nPjwvc3ZnPg==);
  --icon-attention: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzI4Nl8zNjg5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTciPjxyZWN0IHk9IjAuNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMjg2XzM2ODkpIj48cGF0aCBkPSJNOCAwLjVDMTIuNDE4MyAwLjUgMTYgNC4wODE3MiAxNiA4LjVDMTYgMTIuOTE4MyAxMi40MTgzIDE2LjUgOCAxNi41QzMuNTgxNzIgMTYuNSAwIDEyLjkxODMgMCA4LjVDMCA0LjA4MTcyIDMuNTgxNzIgMC41IDggMC41Wk04IDExLjgyODFDNy44NTI3NyAxMS44MjcgNy43MDY3NCAxMS44NTQ4IDcuNTcwMzEgMTEuOTEwMkM3LjQzMzcyIDExLjk2NTYgNy4zMDg5NyAxMi4wNDc4IDcuMjA0MSAxMi4xNTE0QzcuMDk5NDEgMTIuMjU0OSA3LjAxNjA2IDEyLjM3OCA2Ljk1ODk4IDEyLjUxMzdDNi45MDE4NyAxMi42NDk2IDYuODcxNzIgMTIuNzk1OSA2Ljg3MTA5IDEyLjk0MzRDNi44NjkzOSAxMy4xNjU4IDYuOTM0NDQgMTMuMzgzNSA3LjA1NjY0IDEzLjU2OTNDNy4xNzg4NyAxMy43NTUyIDcuMzUzNjUgMTMuOTAwNyA3LjU1ODU5IDEzLjk4NzNDNy43NjM0NSAxNC4wNzM4IDcuOTg5NjQgMTQuMDk3NiA4LjIwODAxIDE0LjA1NTdDOC40MjYxNyAxNC4wMTM3IDguNjI3MDQgMTMuOTA4IDguNzg1MTYgMTMuNzUyQzguOTQzMzYgMTMuNTk1NyA5LjA1MjAyIDEzLjM5NTYgOS4wOTY2OCAxMy4xNzc3QzkuMTQxMyAxMi45NTk4IDkuMTIwMTcgMTIuNzMzMyA5LjAzNjEzIDEyLjUyNzNDOC45NTIwNiAxMi4zMjE0IDguODA4NDIgMTIuMTQ1IDguNjI0MDIgMTIuMDIwNUM4LjQzOTY3IDExLjg5NjEgOC4yMjIzOSAxMS44MjkxIDggMTEuODI4MVpNOC4xNzg3MSAzLjcxNDg0QzcuNzkyMzkgMy42NjY1MyA3LjQwMTQyIDMuNzYyNzIgNy4wODIwMyAzLjk4NTM1QzYuNzYyODggNC4yMDc5NiA2LjUzNzU0IDQuNTQwOTUgNi40NDkyMiA0LjkxOTkyQzYuMzg4NjkgNS4yNDUwNCA2LjM4NDQ3IDUuNTc4NjkgNi40MzY1MiA1LjkwNTI3QzYuNTk4OTEgNy4xMTE1MSA2Ljc4NjkgOC4zMTQ1NCA2Ljk3MTY4IDkuNTE3NThDNy4wMDMxMSA5Ljg2NjA0IDcuMTM1MDUgMTAuMTk3OCA3LjM1MTU2IDEwLjQ3MjdDNy40Mjg5NyAxMC41NjcxIDcuNTI2NTggMTAuNjQzNiA3LjYzNjcyIDEwLjY5NjNDNy43NDY3NiAxMC43NDg5IDcuODY3MjkgMTAuNzc3MyA3Ljk4OTI2IDEwLjc3ODNDOC4xMTEyNCAxMC43NzkzIDguMjMxODQgMTAuNzUyOSA4LjM0Mjc3IDEwLjcwMjFDOC40NTM3OSAxMC42NTE0IDguNTUyNzkgMTAuNTc3NCA4LjYzMTg0IDEwLjQ4NDRDOC44Mjg3IDEwLjI0OTMgOC45NTM2MSA5Ljk2MTU1IDguOTkxMjEgOS42NTcyM0M5LjEzMjc5IDguODIwNTcgOS4yODA3NyA3Ljk4Mzc2IDkuNDAyMzQgNy4xNDU1MUM5LjQ5MDMyIDYuNTUzNjQgOS41NTAxOSA1Ljk1ODU3IDkuNjAwNTkgNS41NDEwMkM5LjY0NTc1IDUuMTExODUgOS41MjI4OCA0LjY4MTM2IDkuMjU3ODEgNC4zNDA4MkM4Ljk5Mjc2IDQuMDAwMzQgOC42MDU3OSAzLjc3NjQgOC4xNzg3MSAzLjcxNDg0WiIgZmlsbD0iIzAwNUJBQiIvPjwvZz48L3N2Zz4=);
  --icon-play-pause: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDcgMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwN182NDYpIj48cGF0aCBkPSJNMzIgMEgxNUM2LjcxNTczIDAgMCA2LjcxNTczIDAgMTVDMCAyMy4yODQzIDYuNzE1NzMgMzAgMTUgMzBIMzJDNDAuMjg0MyAzMCA0NyAyMy4yODQzIDQ3IDE1QzQ3IDYuNzE1NzMgNDAuMjg0MyAwIDMyIDBaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMiAwLjVIMTVDNi45OTE4NyAwLjUgMC41IDYuOTkxODcgMC41IDE1QzAuNSAyMy4wMDgxIDYuOTkxODcgMjkuNSAxNSAyOS41SDMyQzQwLjAwODEgMjkuNSA0Ni41IDIzLjAwODEgNDYuNSAxNUM0Ni41IDYuOTkxODcgNDAuMDA4MSAwLjUgMzIgMC41WiIgc3Ryb2tlPSIjMDA1QkFCIi8+PHBhdGggZD0iTTIyLjc1MiAxNC4xNjhDMjIuODg5IDE0LjI1OTMgMjMuMDAxMyAxNC4zODMgMjMuMDc5IDE0LjUyODJDMjMuMTU2NiAxNC42NzMzIDIzLjE5NzMgMTQuODM1NCAyMy4xOTczIDE1QzIzLjE5NzMgMTUuMTY0NiAyMy4xNTY2IDE1LjMyNjcgMjMuMDc5IDE1LjQ3MThDMjMuMDAxMyAxNS42MTcgMjIuODg5IDE1Ljc0MDcgMjIuNzUyIDE1LjgzMkwxMy41NTIgMjEuOTYzQzEzLjQwMTUgMjIuMDYyNyAxMy4yMjY3IDIyLjExOTcgMTMuMDQ2NCAyMi4xMjgxQzEyLjg2NiAyMi4xMzY0IDEyLjY4NjcgMjIuMDk1OCAxMi41Mjc2IDIyLjAxMDVDMTIuMzY4NCAyMS45MjUyIDEyLjIzNTMgMjEuNzk4NCAxMi4xNDI1IDIxLjY0MzVDMTIuMDQ5NiAyMS40ODg3IDEyLjAwMDQgMjEuMzExNiAxMiAyMS4xMzFWOC44NjlDMTIgOC42ODc5NiAxMi4wNDkxIDguNTEwMyAxMi4xNDIyIDguMzU0OTlDMTIuMjM1MiA4LjE5OTY4IDEyLjM2ODYgOC4wNzI1NCAxMi41MjgzIDcuOTg3MTNDMTIuNjg3OSA3LjkwMTcyIDEyLjg2NzcgNy44NjEyNCAxMy4wNDg2IDcuODcwMDNDMTMuMjI5NCA3Ljg3ODgxIDEzLjQwNDQgNy45MzY1MiAxMy41NTUgOC4wMzdMMjIuNzUyIDE0LjE2OFoiIGZpbGw9IiMwMDVCQUIiLz48cGF0aCBkPSJNMzQgOC4yNUgzM0MzMi40NDc3IDguMjUgMzIgOC42OTc3MiAzMiA5LjI1VjIxLjI1QzMyIDIxLjgwMjMgMzIuNDQ3NyAyMi4yNSAzMyAyMi4yNUgzNEMzNC41NTIzIDIyLjI1IDM1IDIxLjgwMjMgMzUgMjEuMjVWOS4yNUMzNSA4LjY5NzcyIDM0LjU1MjMgOC4yNSAzNCA4LjI1WiIgZmlsbD0iIzAwNUJBQiIvPjxwYXRoIGQ9Ik0yOCA4LjI1SDI3QzI2LjQ0NzcgOC4yNSAyNiA4LjY5NzcyIDI2IDkuMjVWMjEuMjVDMjYgMjEuODAyMyAyNi40NDc3IDIyLjI1IDI3IDIyLjI1SDI4QzI4LjU1MjMgMjIuMjUgMjkgMjEuODAyMyAyOSAyMS4yNVY5LjI1QzI5IDguNjk3NzIgMjguNTUyMyA4LjI1IDI4IDguMjVaIiBmaWxsPSIjMDA1QkFCIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTA3XzY0NiI+PHJlY3Qgd2lkdGg9IjQ3IiBoZWlnaHQ9IjMwIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  --icon-bicycle: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzI0MF8zNzQ5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiPjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0iI0Q5RDlEOSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2swXzI0MF8zNzQ5KSI+PHBhdGggZD0iTTI5LjMwODMgMTYuNDMzMkMyOC4zNDczIDE2LjQzMTEgMjcuMzk3MiAxNi42MzU4IDI2LjUyMjMgMTcuMDMzMkwyMy44NzUyIDEyLjc0NDJMMjQuNzE1MyAxMS4yNjYySDI2LjExNTNDMjYuMjgxMyAxMS4yNjU0IDI2LjQ0MDMgMTEuMTk4OSAyNi41NTc0IDExLjA4MTJDMjYuNjc0NSAxMC45NjM1IDI2Ljc0MDMgMTAuODA0MiAyNi43NDAzIDEwLjYzODJWOS41NDcxN0MyNi43NDI0IDkuNDY2OSAyNi43MjcyIDkuMzg3MTIgMjYuNjk1OCA5LjMxMzIzQzI2LjY2NDQgOS4yMzkzNCAyNi42MTc1IDkuMTczMDcgMjYuNTU4MiA5LjExODkyQzI2LjQ5ODkgOS4wNjQ3NiAyNi40Mjg3IDkuMDIzOTkgMjYuMzUyMyA4Ljk5OTM2QzI2LjI3NTggOC45NzQ3MiAyNi4xOTUgOC45NjY4MSAyNi4xMTUzIDguOTc2MTZMMjEuODE1MiA5LjM2OTE2QzIxLjY0NjEgOS4zODkwNyAyMS40ODk4IDkuNDY5MjkgMjEuMzc1IDkuNTk1MTFDMjEuMjYwMiA5LjcyMDkzIDIxLjE5NDYgOS44ODM5MSAyMS4xOTAyIDEwLjA1NDJWMTAuNjM4MkMyMS4xOTAyIDEwLjgwNDIgMjEuMjU2IDEwLjk2MzUgMjEuMzczMSAxMS4wODEyQzIxLjQ5MDIgMTEuMTk4OSAyMS42NDkyIDExLjI2NTQgMjEuODE1MiAxMS4yNjYySDIyLjcxNTJMMjIuMzk5MiAxMS44MjQySDExLjYyMTFMMTMuMDExMSA3Ljc1MTE0SDE2Ljk0NjJDMTcuMTczMyA3Ljc0MzQ3IDE3LjM4ODUgNy42NDc4NyAxNy41NDY0IDcuNDg0NTJDMTcuNzA0MyA3LjMyMTE2IDE3Ljc5MjYgNy4xMDI4NSAxNy43OTI2IDYuODc1NjRDMTcuNzkyNiA2LjY0ODQzIDE3LjcwNDMgNi40MzAxMSAxNy41NDY0IDYuMjY2NzZDMTcuMzg4NSA2LjEwMzQxIDE3LjE3MzMgNi4wMDc4IDE2Ljk0NjIgNi4wMDAxM0gxMi4zOTExQzEyLjIwOTcgNS45OTk3OSAxMi4wMzI3IDYuMDU2NjEgMTEuODg1MyA2LjE2MjUxQzExLjczOCA2LjI2ODQxIDExLjYyNzcgNi40MTgwMyAxMS41NzAxIDYuNTkwMTRMOC4xNzAwOSAxNi41NTcyQzYuNzk2OTQgMTYuMjcyNyA1LjM2OTM5IDE2LjQyMDIgNC4wODM0MiAxNi45Nzk1QzIuNzk3NDQgMTcuNTM4NyAxLjcxNjA5IDE4LjQ4MjMgMC45ODc4MDkgMTkuNjgwNkMwLjI1OTUyNyAyMC44NzkgLTAuMDc5OTc5NyAyMi4yNzM0IDAuMDE1ODk4IDIzLjY3MjRDMC4xMTE3NzYgMjUuMDcxNSAwLjYzODMzNyAyNi40MDY1IDEuNTIzMjkgMjcuNDk0M0MyLjQwODI1IDI4LjU4MjEgMy42MDgyMiAyOS4zNjk0IDQuOTU4NDYgMjkuNzQ3OUM2LjMwODcxIDMwLjEyNjUgNy43NDMwMyAzMC4wNzc5IDkuMDY0NTIgMjkuNjA4N0MxMC4zODYgMjkuMTM5NSAxMS41Mjk5IDI4LjI3MjggMTIuMzM5MSAyNy4xMjc1QzEzLjE0ODQgMjUuOTgyMyAxMy41ODMzIDI0LjYxNDYgMTMuNTg0MSAyMy4yMTIzQzEzLjU4MzkgMjEuOTQ4NSAxMy4yMzE1IDIwLjcwOTcgMTIuNTY2NSAxOS42MzUxQzExLjkwMTQgMTguNTYwNCAxMC45NTAxIDE3LjY5MjMgOS44MTkxIDE3LjEyODJMMTAuNjQwMSAxNC43MTcyTDE2LjE5OTIgMjMuNjc1M0MxNi4yMTggMjMuNzA2NCAxNi4yMzkxIDIzLjczNjIgMTYuMjYyMiAyMy43NjQzQzE2LjI2ODIgMjMuNzcwMyAxNi4yNzUyIDIzLjc3NzMgMTYuMjc1MiAyMy43ODMzTDE2LjMzMjIgMjMuODQwM0wxNi4zNTEyIDIzLjg1OTNDMTYuMzcwNiAyMy44NzgyIDE2LjM5MTcgMjMuODk1MyAxNi40MTQyIDIzLjkxMDNDMTYuNDIwMiAyMy45MTYzIDE2LjQyNzIgMjMuOTE2MyAxNi40MjcyIDIzLjkyMzNDMTYuNDUyMSAyMy45NDM5IDE2LjQ3OTcgMjMuOTYxMSAxNi41MDkyIDIzLjk3NDNIMTYuNTE1MkMxNi41MzY5IDIzLjk4NzUgMTYuNTYgMjMuOTk4MyAxNi41ODQyIDI0LjAwNjNDMTYuNTk3MiAyNC4wMTIzIDE2LjYwMzIgMjQuMDE5MyAxNi42MTYyIDI0LjAxOTNDMTYuNjI5MiAyNC4wMTkzIDE2LjY0MTIgMjQuMDI1MyAxNi42NTQyIDI0LjAzMjNDMTYuNzQ1NSAyNC4wNjQ1IDE2Ljg0MTQgMjQuMDgxNyAxNi45MzgyIDI0LjA4MzNIMjIuNjA0MkMyMi43NzU1IDI1LjM3MSAyMy4zMTQxIDI2LjU4MjEgMjQuMTU1NiAyNy41NzE3QzI0Ljk5NzIgMjguNTYxMyAyNi4xMDYgMjkuMjg3NCAyNy4zNDk1IDI5LjY2MzNDMjguNTkzIDMwLjAzOTEgMjkuOTE4NCAzMC4wNDg3IDMxLjE2NzIgMjkuNjkwOUMzMi40MTYgMjkuMzMzMiAzMy41MzUyIDI4LjYyMzEgMzQuMzkxIDI3LjY0NTlDMzUuMjQ2OCAyNi42Njg2IDM1LjgwMjkgMjUuNDY1NCAzNS45OTI4IDI0LjE4MDNDMzYuMTgyNyAyMi44OTUzIDM1Ljk5ODIgMjEuNTgyNyAzNS40NjE2IDIwLjM5OTdDMzQuOTI1IDE5LjIxNjcgMzQuMDU4OSAxOC4yMTM0IDMyLjk2NjkgMTcuNTA5N0MzMS44NzQ5IDE2LjgwNjEgMzAuNjAzMyAxNi40MzIgMjkuMzA0MyAxNi40MzIyTDI5LjMwODMgMTYuNDMzMlpNMTEuODI5MSAyMy4yMjEzQzExLjgyNSAyNC4yMTI1IDExLjUyNzMgMjUuMTgwMiAxMC45NzM2IDI2LjAwMjNDMTAuNDE5OSAyNi44MjQ1IDkuNjM1MDUgMjcuNDY0MSA4LjcxODEzIDI3Ljg0MDVDNy44MDEyIDI4LjIxNyA2Ljc5MzMxIDI4LjMxMzMgNS44MjE2OCAyOC4xMTc0QzQuODUwMDUgMjcuOTIxNSAzLjk1ODI0IDI3LjQ0MjEgMy4yNTg4MyAyNi43Mzk4QzIuNTU5NDIgMjYuMDM3NCAyLjA4Mzc3IDI1LjE0MzYgMS44OTE5MiAyNC4xNzEyQzEuNzAwMDcgMjMuMTk4NyAxLjgwMDYzIDIyLjE5MTMgMi4xODA4OSAyMS4yNzU5QzIuNTYxMTUgMjAuMzYwNiAzLjIwNDA3IDE5LjU3ODQgNC4wMjg1IDE5LjAyODJDNC44NTI5MiAxOC40Nzc5IDUuODIxODkgMTguMTg0MyA2LjgxMzA3IDE4LjE4NDNDNy4wNzM0MSAxOC4xODI3IDcuMzMzNCAxOC4yMDM3IDcuNTkwMDggMTguMjQ3M0w1Ljk5MDA2IDIyLjk0MjNDNS45MTUyMSAyMy4xNjE1IDUuOTMwMzQgMjMuNDAxNSA2LjAzMjEzIDIzLjYwOTVDNi4xMzM5MiAyMy44MTc2IDYuMzE0MDcgMjMuOTc2OSA2LjUzMzA3IDI0LjA1MjNDNi42MjQ3MSAyNC4wODIzIDYuNzIwNjQgMjQuMDk3MiA2LjgxNzA3IDI0LjA5NjNDNi45OTg0NCAyNC4wOTYyIDcuMTc1MiAyNC4wMzkyIDcuMzIyNDggMjMuOTMzNEM3LjQ2OTc2IDIzLjgyNzUgNy41ODAxNCAyMy42NzgyIDcuNjM4MDggMjMuNTA2M0w5LjIzODEgMTguODExM0MxMC4wMjQ5IDE5LjI0NzUgMTAuNjgwMyAxOS44ODY3IDExLjEzNiAyMC42NjI0QzExLjU5MTcgMjEuNDM4IDExLjgzMTEgMjIuMzIxNyAxMS44MjkxIDIzLjIyMTNaTTI1Ljk3MzMgMTkuNDY1M0wyNy43NDgzIDIyLjM0NTNIMjQuMzc0M0MyNC41NjgyIDIxLjIzMjggMjUuMTMxNiAyMC4yMTgxIDI1Ljk3MzMgMTkuNDY1M1pNMTYuOTA4MiAyMS41MTQzTDExLjk3NTEgMTMuNTc3MkgyMS40MTIyTDE2LjkwODIgMjEuNTE0M1pNMTguNDM3MiAyMi4zNDUzTDIyLjg5NzIgMTQuNDc4MkwyNS4wNDUzIDE3Ljk2MTNDMjMuNzAyOSAxOS4wNTc5IDIyLjgzMDYgMjAuNjI2NCAyMi42MDcyIDIyLjM0NTNIMTguNDM3MlpNMjkuMzA4MyAyOC4yNTg0QzI4LjEyNzQgMjguMjU0NCAyNi45ODU2IDI3LjgzNTMgMjYuMDgyNSAyNy4wNzQ0QzI1LjE3OTQgMjYuMzEzNSAyNC41NzI2IDI1LjI1OTQgMjQuMzY4MyAyNC4wOTYzSDI5LjMwODNDMjkuNDY4MiAyNC4wOTU4IDI5LjYyNDggMjQuMDUxNiAyOS43NjEzIDIzLjk2ODNDMjkuODk3OCAyMy44ODUxIDMwLjAwODggMjMuNzY2IDMwLjA4MjQgMjMuNjI0MUMzMC4xNTYgMjMuNDgyMiAzMC4xODkzIDIzLjMyMjggMzAuMTc4NyAyMy4xNjMzQzMwLjE2ODEgMjMuMDAzOCAzMC4xMTQgMjIuODUwMiAzMC4wMjIzIDIyLjcxOTNMMjcuNDQ1MyAxOC41MzgzQzI4LjAzNDkgMTguMjk3OSAyOC42NjU2IDE4LjE3NSAyOS4zMDIzIDE4LjE3NjNDMzAuNjI2OSAxOC4xOTQxIDMxLjg5MTIgMTguNzMyNiAzMi44MjE4IDE5LjY3NTNDMzMuNzUyNSAyMC42MTggMzQuMjc0NiAyMS44ODkyIDM0LjI3NTQgMjMuMjEzOUMzNC4yNzYyIDI0LjUzODUgMzMuNzU1NSAyNS44MTAzIDMyLjgyNiAyNi43NTQxQzMxLjg5NjUgMjcuNjk3OSAzMC42MzI4IDI4LjIzODkgMjkuMzA4MyAyOC4yNTg0WiIgZmlsbD0iIzAwNUJBQiIvPjwvZz48L3N2Zz4=);
  --icon-question: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzMxMl8zNjY0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxyZWN0IHk9IjAuNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMzEyXzM2NjQpIj48cGF0aCBkPSJNMTIuMjQ4IDEyLjcyMzFDMTIuMjQ4IDEyLjM4OTggMTIuMzYyNiAxMi4xMTExIDEyLjU5MTggMTEuODg3MkMxMi44MjYyIDExLjY2MzIgMTMuMTM2MSAxMS41NTEyIDEzLjUyMTUgMTEuNTUxMkMxMy45MDY5IDExLjU1MTIgMTQuMjE0MiAxMS42NjMyIDE0LjQ0MzQgMTEuODg3MkMxNC42Nzc3IDEyLjExMTEgMTQuNzk0OSAxMi4zODk4IDE0Ljc5NDkgMTIuNzIzMUMxNC43OTQ5IDEzLjA1NjQgMTQuNjc3NyAxMy4zMzUxIDE0LjQ0MzQgMTMuNTU5QzE0LjIxNDIgMTMuNzgzIDEzLjkwNjkgMTMuODk1IDEzLjUyMTUgMTMuODk1QzEzLjEzNjEgMTMuODk1IDEyLjgyNjIgMTMuNzgzIDEyLjU5MTggMTMuNTU5QzEyLjM2MjYgMTMuMzM1MSAxMi4yNDggMTMuMDU2NCAxMi4yNDggMTIuNzIzMVoiIGZpbGw9IiMwMDVCQUIiLz48cGF0aCBkPSJNNy40Mjc3MyAxMi4xMjE1TDEwLjUwNTkgMTQuNTU5TDkuMDI5MyAxNS44NDAzTDUuOTk4MDUgMTMuNDAyOEw3LjQyNzczIDEyLjEyMTVaTTEwLjU4NCA3Ljg1NTlWOC4zOTQ5N0MxMC41ODQgOS4yNTk1NSAxMC40NjY4IDEwLjAzNTYgMTAuMjMyNCAxMC43MjMxQzEwLjAwMzMgMTEuNDEwNiA5LjY3MjUzIDExLjk5NjUgOS4yNDAyMyAxMi40ODA5QzguODA3OTQgMTIuOTYwMSA4LjI5NzUzIDEzLjMyNzMgNy43MDg5OCAxMy41ODI1QzcuMTIwNDQgMTMuODM3NyA2LjQ2NjggMTMuOTY1MyA1Ljc0ODA1IDEzLjk2NTNDNS4wMzQ1MSAxMy45NjUzIDQuMzgwODYgMTMuODM3NyAzLjc4NzExIDEzLjU4MjVDMy4xOTMzNiAxMy4zMjczIDIuNjgwMzQgMTIuOTYwMSAyLjI0ODA1IDEyLjQ4MDlDMS44MTU3NiAxMS45OTY1IDEuNDc5ODIgMTEuNDEwNiAxLjI0MDIzIDEwLjcyMzFDMS4wMDU4NiAxMC4wMzU2IDAuODg4NjcyIDkuMjU5NTUgMC44ODg2NzIgOC4zOTQ5N1Y3Ljg1NTlDMC44ODg2NzIgNi45ODYxMSAxLjAwNTg2IDYuMjEwMDcgMS4yNDAyMyA1LjUyNzc4QzEuNDc5ODIgNC44NDAyOCAxLjgxMzE1IDQuMjU0MzQgMi4yNDAyMyAzLjc2OTk3QzIuNjY3MzIgMy4yODU1OSAzLjE3NzczIDIuOTE1OCAzLjc3MTQ4IDIuNjYwNTlDNC4zNjUyMyAyLjQwNTM4IDUuMDE4ODggMi4yNzc3OCA1LjczMjQyIDIuMjc3NzhDNi40NTExNyAyLjI3Nzc4IDcuMTA0ODIgMi40MDUzOCA3LjY5MzM2IDIuNjYwNTlDOC4yODcxMSAyLjkxNTggOC44MDAxMyAzLjI4NTU5IDkuMjMyNDIgMy43Njk5N0M5LjY2NDcxIDQuMjU0MzQgOS45OTgwNSA0Ljg0MDI4IDEwLjIzMjQgNS41Mjc3OEMxMC40NjY4IDYuMjEwMDcgMTAuNTg0IDYuOTg2MTEgMTAuNTg0IDcuODU1OVpNOC4yMTY4IDguMzk0OTdWNy44NDAyOEM4LjIxNjggNy4yMzYxMSA4LjE1OTUxIDYuNzA0ODYgOC4wNDQ5MiA2LjI0NjUzQzcuOTM1NTUgNS43ODgxOSA3Ljc3NDA5IDUuNDAyNzggNy41NjA1NSA1LjA5MDI4QzcuMzUyMjEgNC43Nzc3OCA3LjA5NDQgNC41NDM0IDYuNzg3MTEgNC4zODcxNUM2LjQ3OTgyIDQuMjI1NjkgNi4xMjgyNiA0LjE0NDk3IDUuNzMyNDIgNC4xNDQ5N0M1LjMzNjU5IDQuMTQ0OTcgNC45ODUwMyA0LjIyNTY5IDQuNjc3NzMgNC4zODcxNUM0LjM3MDQ0IDQuNTQzNCA0LjExMjYzIDQuNzc3NzggMy45MDQzIDUuMDkwMjhDMy42OTU5NiA1LjQwMjc4IDMuNTM3MTEgNS43ODgxOSAzLjQyNzczIDYuMjQ2NTNDMy4zMTgzNiA2LjcwNDg2IDMuMjYzNjcgNy4yMzYxMSAzLjI2MzY3IDcuODQwMjhWOC4zOTQ5N0MzLjI2MzY3IDguOTkzOTIgMy4zMTgzNiA5LjUyNTE3IDMuNDI3NzMgOS45ODg3MkMzLjUzNzExIDEwLjQ0NyAzLjY5NTk2IDEwLjgzNTEgMy45MDQzIDExLjE1MjhDNC4xMTc4NCAxMS40NjUzIDQuMzc4MjYgMTEuNzAyMyA0LjY4NTU1IDExLjg2MzdDNC45OTgwNSAxMi4wMjUyIDUuMzUyMjEgMTIuMTA1OSA1Ljc0ODA1IDEyLjEwNTlDNi4xNDM4OCAxMi4xMDU5IDYuNDkyODQgMTIuMDI1MiA2Ljc5NDkyIDExLjg2MzdDNy4xMDIyMSAxMS43MDIzIDcuMzYwMDMgMTEuNDY1MyA3LjU2ODM2IDExLjE1MjhDNy43ODE5IDEwLjgzNTEgNy45NDMzNiAxMC40NDcgOC4wNTI3MyA5Ljk4ODcyQzguMTYyMTEgOS41MjUxNyA4LjIxNjggOC45OTM5MiA4LjIxNjggOC4zOTQ5N1oiIGZpbGw9IiMwMDVCQUIiLz48L2c+PC9zdmc+);
  --icon-answer: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzMxMl8zNjY1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxyZWN0IHk9IjAuNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMzEyXzM2NjUpIj48cGF0aCBkPSJNMTIuNTY4NCAxMi41NjY4QzEyLjU2ODQgMTIuMjMzNSAxMi42ODI5IDExLjk1NDkgMTIuOTEyMSAxMS43MzA5QzEzLjE0NjUgMTEuNTA2OSAxMy40NTY0IDExLjM5NSAxMy44NDE4IDExLjM5NUMxNC4yMjcyIDExLjM5NSAxNC41MzQ1IDExLjUwNjkgMTQuNzYzNyAxMS43MzA5QzE0Ljk5OCAxMS45NTQ5IDE1LjExNTIgMTIuMjMzNSAxNS4xMTUyIDEyLjU2NjhDMTUuMTE1MiAxMi45MDAyIDE0Ljk5OCAxMy4xNzg4IDE0Ljc2MzcgMTMuNDAyOEMxNC41MzQ1IDEzLjYyNjcgMTQuMjI3MiAxMy43Mzg3IDEzLjg0MTggMTMuNzM4N0MxMy40NTY0IDEzLjczODcgMTMuMTQ2NSAxMy42MjY3IDEyLjkxMjEgMTMuNDAyOEMxMi42ODI5IDEzLjE3ODggMTIuNTY4NCAxMi45MDAyIDEyLjU2ODQgMTIuNTY2OFoiIGZpbGw9IiMwMDVCQUIiLz48cGF0aCBkPSJNNi40NzQ2MSA0LjIyMzA5TDMuMzgwODYgMTMuNjUyOEgwLjg4ODY3Mkw1LjExNTIzIDIuMjc3NzhINi43MDExN0w2LjQ3NDYxIDQuMjIzMDlaTTkuMDQ0OTIgMTMuNjUyOEw1Ljk0MzM2IDQuMjIzMDlMNS42OTMzNiAyLjI3Nzc4SDcuMjk0OTJMMTEuNTQ0OSAxMy42NTI4SDkuMDQ0OTJaTTguOTA0MyA5LjQxODRWMTEuMjU0M0gyLjg5NjQ4VjkuNDE4NEg4LjkwNDNaIiBmaWxsPSIjMDA1QkFCIi8+PC9nPjwvc3ZnPg==);
  --icon-logo-x: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIwMCAxMjI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03MTQuMTYzIDUxOS4yODRMMTE2MC44OSAwSDEwNTUuMDNMNjY3LjEzNyA0NTAuODg3TDM1Ny4zMjggMEgwTDQ2OC40OTIgNjgxLjgyMUwwIDEyMjYuMzdIMTA1Ljg2Nkw1MTUuNDkxIDc1MC4yMThMODQyLjY3MiAxMjI2LjM3SDEyMDBMNzE0LjEzNyA1MTkuMjg0SDcxNC4xNjNaTTU2OS4xNjUgNjg3LjgyOEw1MjEuNjk3IDYxOS45MzRMMTQ0LjAxMSA3OS42OTQ0SDMwNi42MTVMNjExLjQxMiA1MTUuNjg1TDY1OC44OCA1ODMuNTc5TDEwNTUuMDggMTE1MC4zSDg5Mi40NzZMNTY5LjE2NSA2ODcuODU0VjY4Ny44MjhaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
  --icon-logo-line: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzggMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9Im1hc2swXzM0OV8zNjQ4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzciPjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzNi4yMDcyIiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfMzQ5XzM2NDgpIj48cGF0aCBkPSJNMzggMTUuNDE4N0MzOCA2LjkxNjk2IDI5LjQ3NjkgMCAxOC45OTk5IDBDOC41MjQyMSAwIDAgNi45MTY5NiAwIDE1LjQxODdDMCAyMy4wNDA3IDYuNzU5NTMgMjkuNDI0IDE1Ljg5MDEgMzAuNjMwN0MxNi41MDg2IDMwLjc2NDQgMTcuMzUxIDMxLjAzODcgMTcuNTY0IDMxLjU2NzZDMTcuNzU1NiAzMi4wNDc5IDE3LjY4OTQgMzIuODAwNSAxNy42MjU0IDMzLjI4NTZDMTcuNjI1NCAzMy4yODU2IDE3LjQwMjYgMzQuNjI2MyAxNy4zNTQyIDM0LjkxMjFDMTcuMjcxNCAzNS4zOTIzIDE2Ljk3MjQgMzYuNzkwOCAxOC45OTk5IDM1LjkzNjVDMjEuMDI4IDM1LjA4MiAyOS45NDE4IDI5LjQ5MzQgMzMuOTI4MiAyNC45MDU1QzM2LjY4MTYgMjEuODg1NyAzOCAxOC44MjEzIDM4IDE1LjQxODdaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0zMS42NzkxIDIwLjMyNzlIMjYuMzQxMUMyNi4xNDA3IDIwLjMyNzkgMjUuOTc4MyAyMC4xNjU1IDI1Ljk3ODMgMTkuOTY1MVYxMS42NzMyQzI1Ljk3ODMgMTEuNDcyOCAyNi4xNDA3IDExLjMxMDQgMjYuMzQxMSAxMS4zMTA0SDMxLjY3OTFDMzEuODc4NiAxMS4zMTA0IDMyLjA0MTkgMTEuNDczNSAzMi4wNDE5IDExLjY3MzJWMTMuMDIwNkMzMi4wNDE5IDEzLjIyMDkgMzEuODc5NCAxMy4zODM0IDMxLjY3OTEgMTMuMzgzNEgyOC4wNTE0VjE0Ljc4MjZIMzEuNjc5MUMzMS44Nzg2IDE0Ljc4MjYgMzIuMDQxOSAxNC45NDU5IDMyLjA0MTkgMTUuMTQ1NFYxNi40OTI4QzMyLjA0MTkgMTYuNjkzMyAzMS44Nzk0IDE2Ljg1NTcgMzEuNjc5MSAxNi44NTU3SDI4LjA1MTRWMTguMjU1SDMxLjY3OTFDMzEuODc4NiAxOC4yNTUgMzIuMDQxOSAxOC40MTgzIDMyLjA0MTkgMTguNjE3N1YxOS45NjUxQzMyLjA0MTkgMjAuMTY1NSAzMS44Nzk0IDIwLjMyNzkgMzEuNjc5MSAyMC4zMjc5WiIgZmlsbD0iIzA2Qzc1NSIvPjxwYXRoIGQ9Ik0xMS45MzM3IDIwLjMyNzlDMTIuMTM0MSAyMC4zMjc5IDEyLjI5NjUgMjAuMTY1NSAxMi4yOTY1IDE5Ljk2NTFWMTguNjE3N0MxMi4yOTY1IDE4LjQxODMgMTIuMTMzMiAxOC4yNTUgMTEuOTMzNyAxOC4yNTVIOC4zMDU4NlYxMS42NzMyQzguMzA1ODYgMTEuNDczNSA4LjE0MjczIDExLjMxMDQgNy45NDMwOSAxMS4zMTA0SDYuNTk1NjdDNi4zOTUzMiAxMS4zMTA0IDYuMjMyOTEgMTEuNDcyOCA2LjIzMjkxIDExLjY3MzJWMTkuOTY1MUM2LjIzMjkxIDIwLjE2NTUgNi4zOTUzMiAyMC4zMjc5IDYuNTk1NjcgMjAuMzI3OUgxMS45MzM3WiIgZmlsbD0iIzA2Qzc1NSIvPjxwYXRoIGQ9Ik0xNS4xNDcxIDExLjMxMDRIMTMuNzk5N0MxMy41OTk0IDExLjMxMDQgMTMuNDM2OSAxMS40NzI4IDEzLjQzNjkgMTEuNjczMlYxOS45NjUzQzEzLjQzNjkgMjAuMTY1NSAxMy41OTk0IDIwLjMyNzkgMTMuNzk5NyAyMC4zMjc5SDE1LjE0NzFDMTUuMzQ3NSAyMC4zMjc5IDE1LjUwOTkgMjAuMTY1NSAxNS41MDk5IDE5Ljk2NTNWMTEuNjczMkMxNS41MDk5IDExLjQ3MjggMTUuMzQ3NSAxMS4zMTA0IDE1LjE0NzEgMTEuMzEwNFoiIGZpbGw9IiMwNkM3NTUiLz48cGF0aCBkPSJNMjQuMzIwMyAxMS4zMTA0SDIyLjk3MjlDMjIuNzcyNSAxMS4zMTA0IDIyLjYxMDEgMTEuNDcyOCAyMi42MTAxIDExLjY3MzJWMTYuNTk4MkwxOC44MTYzIDExLjQ3NDhDMTguODA3NCAxMS40NjE2IDE4Ljc5NzQgMTEuNDQ5MSAxOC43ODcxIDExLjQzNzJMMTguNzg0OCAxMS40MzQ1QzE4Ljc3NzcgMTEuNDI2NyAxOC43NzA1IDExLjQxOTIgMTguNzYyOSAxMS40MTE5QzE4Ljc2MDYgMTEuNDEgMTguNzU4MiAxMS40MDc4IDE4Ljc1NjEgMTEuNDA1OEMxOC43NDk3IDExLjQgMTguNzQzMSAxMS4zOTQ1IDE4LjczNjMgMTEuMzg5MUMxOC43MzMxIDExLjM4NjYgMTguNzI5OSAxMS4zODQzIDE4LjcyNjUgMTEuMzgxOEMxOC43MjAzIDExLjM3NzQgMTguNzEzOSAxMS4zNzI5IDE4LjcwNzMgMTEuMzY4NkMxOC43MDM3IDExLjM2NjMgMTguNyAxMS4zNjQgMTguNjk2MyAxMS4zNjE5QzE4LjY4OTcgMTEuMzU3OSAxOC42ODMxIDExLjM1NDIgMTguNjc2MSAxMS4zNTA4QzE4LjY3MjQgMTEuMzQ4OSAxOC42Njg1IDExLjM0NzEgMTguNjY0NyAxMS4zNDUzQzE4LjY1NzggMTEuMzQyMSAxOC42NTA3IDExLjMzODkgMTguNjQzNiAxMS4zMzZMMTguNjMxNiAxMS4zMzE4QzE4LjYyNDMgMTEuMzI5MyAxOC42MTcgMTEuMzI2OCAxOC42MDk3IDExLjMyNDhDMTguNjA1NCAxMS4zMjM2IDE4LjYwMSAxMS4zMjI1IDE4LjU5NjcgMTEuMzIxNEMxOC41ODk2IDExLjMxOTcgMTguNTgyNSAxMS4zMTgxIDE4LjU3NTIgMTEuMzE2OEMxOC41NzAyIDExLjMxNTcgMTguNTY1IDExLjMxNSAxOC41NTk4IDExLjMxNDNDMTguNTUzMyAxMS4zMTM0IDE4LjU0NjkgMTEuMzEyNSAxOC41NDAzIDExLjMxMkMxOC41MzM3IDExLjMxMTUgMTguNTI3MyAxMS4zMTEzIDE4LjUyMDggMTEuMzExMUMxOC41MTY4IDExLjMxMDkgMTguNTEyNyAxMS4zMTA0IDE4LjUwODQgMTEuMzEwNEgxNy4xNjg0QzE2Ljk2ODEgMTEuMzEwNCAxNi44MDU3IDExLjQ3MjggMTYuODA1NyAxMS42NzMyVjE5Ljk2NTNDMTYuODA1NyAyMC4xNjU1IDE2Ljk2ODEgMjAuMzI3OSAxNy4xNjg0IDIwLjMyNzlIMTguNTE1OUMxOC43MTYyIDIwLjMyNzkgMTguODc4NiAyMC4xNjU1IDE4Ljg3ODYgMTkuOTY1M1YxNS4wNDE3TDIyLjY3NzMgMjAuMTcxN0MyMi43MDM0IDIwLjIwODggMjIuNzM1MyAyMC4yMzg5IDIyLjc3MDcgMjAuMjYzMUwyMi43NzUgMjAuMjY1OUMyMi43ODIzIDIwLjI3MDkgMjIuNzkwMiAyMC4yNzU0IDIyLjc5NzggMjAuMjc5OEMyMi44MDEyIDIwLjI4MTggMjIuODA0OCAyMC4yODM3IDIyLjgwODMgMjAuMjg1NUMyMi44MTQgMjAuMjg4NSAyMi44MTk5IDIwLjI5MTQgMjIuODI2IDIwLjI5NDFDMjIuODMxOCAyMC4yOTY3IDIyLjgzNzcgMjAuMjk5MiAyMi44NDM4IDIwLjMwMTdMMjIuODU1MiAyMC4zMDZDMjIuODYzNCAyMC4zMDg4IDIyLjg3MTcgMjAuMzExNSAyMi44ODAzIDIwLjMxNEwyMi44ODU0IDIwLjMxNTNDMjIuOTE1NyAyMC4zMjMzIDIyLjk0NzQgMjAuMzI3OSAyMi45ODAyIDIwLjMyNzlIMjQuMzIwM0MyNC41MjA3IDIwLjMyNzkgMjQuNjgzMSAyMC4xNjU1IDI0LjY4MzEgMTkuOTY1M1YxMS42NzMyQzI0LjY4MzEgMTEuNDcyOCAyNC41MjA3IDExLjMxMDQgMjQuMzIwMyAxMS4zMTA0WiIgZmlsbD0iIzA2Qzc1NSIvPjwvZz48L3N2Zz4=);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: var(--font-family);
  font-weight: var(--fw-regular);
  font-size: 16px;
  line-height: var(--lh-md);
  color: var(--color-blue-primary);
  background-color: var(--color-blue-quaternary);
  -webkit-font-smoothing: antialiased;
}

b,
i,
em {
  font-style: normal;
}

p,
dl,
dt,
dd,
th,
dd,
li,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
  max-height: 100%;
  margin: 0;
}

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

mark {
  background-color: none;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}

a {
  color: var(--color-blue-primary);
  text-decoration: none;
}

a * {
  cursor: pointer;
}

/* list */
ul,
ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

/* button */
button {
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
}

/* figure */
figure {
  margin: 0;
}

.l-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2.5641025641vw 5.1282051282vw 0;
}
.l-header__logo-link {
  display: block;
  width: 15.3846153846vw;
}
.l-header__logo-link .l-header__logo-img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
@media (any-hover: hover) {
  .l-header__logo-link:hover .l-header__logo-img {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
}
.l-header__menu-button {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  padding: 2.5641025641vw 0;
  position: relative;
  z-index: 100;
}
.l-header__menu-button.is-active .l-header__menu-button-line {
  border-radius: 2.5641025641vw;
  width: 7.6923076923vw;
}
.l-header__menu-button.is-active .l-header__menu-button-line:nth-child(1) {
  -webkit-transform: translateY(2.3076923077vw) translateX(0.2564102564vw) rotate(45deg);
          transform: translateY(2.3076923077vw) translateX(0.2564102564vw) rotate(45deg);
}
.l-header__menu-button.is-active .l-header__menu-button-line:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(0) translateX(0.2564102564vw) rotate(0deg);
          transform: translateY(0) translateX(0.2564102564vw) rotate(0deg);
}
.l-header__menu-button.is-active .l-header__menu-button-line:nth-child(3) {
  -webkit-transform: translateY(-2.3076923077vw) translateX(0.2564102564vw) rotate(-45deg);
          transform: translateY(-2.3076923077vw) translateX(0.2564102564vw) rotate(-45deg);
}
.l-header__menu-button-line {
  display: block;
  width: 6.4102564103vw;
  height: 0.7692307692vw;
  border-radius: 2.5641025641vw;
  background-color: var(--color-blue-primary);
  margin-bottom: 1.5384615385vw;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.l-header__menu-button-line:last-child {
  margin-bottom: 0;
}
.l-header__nav {
  display: none;
}
.l-header__sp-menu {
  padding: 15.3846153846vw 5.1282051282vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(156, 205, 237);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 99;
  overflow-y: auto;
}
.l-header__sp-menu.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.l-header__sp-menu-inner {
  text-align: center;
  max-width: 89.7435897436vw;
  width: 100%;
}
.l-header__sp-menu-logo {
  position: absolute;
  top: 2.5641025641vw;
  left: 5.1282051282vw;
}
.l-header__sp-menu-logo-link {
  display: block;
}
.l-header__sp-menu-logo-img {
  width: 15.3846153846vw;
  height: auto;
}
.l-header__sp-menu-heading {
  font-size: 6.1538461538vw;
  font-weight: var(--fw-bold);
  color: var(--color-blue-primary);
  margin-bottom: 7.6923076923vw;
}
.l-header__sp-menu-list {
  background-color: var(--color-white);
  border-radius: 2.5641025641vw;
  padding: 8.9743589744vw 11.5384615385vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6.1538461538vw;
}
.l-header__sp-menu-item:last-child {
  border-bottom: none;
}
.l-header__sp-menu-item a {
  display: block;
  font-size: 4.6153846154vw;
  font-weight: var(--fw-bold);
  color: var(--color-blue-primary);
  text-decoration: none;
}
.l-header__sp-menu-item a:hover {
  text-decoration: underline;
}
.l-header__sp-menu-download {
  background-color: var(--color-yellow);
  border-radius: 2.5641025641vw;
  padding: 5.1282051282vw 6.4102564103vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.1025641026vw;
  width: 100%;
  max-width: none;
  margin-top: 5.1282051282vw;
}
.l-header__sp-menu-download-heading {
  font-size: 3.8461538462vw;
  font-weight: var(--fw-bold);
  text-align: left;
}
.l-header__sp-menu-download-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3.8461538462vw;
}
.l-header__sp-menu-download-logo {
  width: 27.1794871795vw;
}
.l-header__sp-menu-download-badges {
  width: 35.8974358974vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.0512820513vw;
}
.l-header__sp-menu-download-badges img {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-header {
    position: relative;
    z-index: 100;
  }
  .l-header__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 25px min(60px, 5%) 0;
    gap: min(30px, 2.5%);
  }
  .l-header__logo {
    width: 12.037037037%;
  }
  .l-header__logo-link {
    width: min(130px, 100%);
  }
  .l-header__menu-button {
    display: none;
  }
  .l-header__nav {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 850px;
  }
  .l-header__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: min(47px, 5.5294117647%);
  }
  .l-header__nav-item a {
    position: relative;
    font-size: 16px;
    font-weight: var(--fw-bold);
    color: var(--color-blue-primary);
    text-decoration: none;
  }
  .l-header__nav-item a:after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--color-blue-primary);
    bottom: -10px;
    -webkit-transform: scale(0.5, 0);
            transform: scale(0.5, 0);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .l-header__nav-item a:hover:after {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1);
  }
}
@media screen and (min-width: 768px) {
  .l-header__nav-item.is-current a:after {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1);
  }
  .l-header__sp-menu {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .l-header__nav {
    display: none;
  }
  .l-header__sp-menu {
    padding: 60px;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .l-header__sp-menu.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .l-header__sp-menu-inner {
    max-width: 100%;
  }
  .l-header__sp-menu-logo {
    position: absolute;
    top: 10px;
    left: 20px;
  }
  .l-header__sp-menu-logo-img {
    width: 60px;
  }
  .l-header__sp-menu-heading {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .l-header__sp-menu-list {
    border-radius: 10px;
    padding: 35px;
    gap: 24px;
  }
  .l-header__sp-menu-item a {
    font-size: 22px;
  }
  .l-header__sp-menu-download {
    border-radius: 10px;
    padding: 20px 25px;
    gap: 16px;
    margin-top: 20px;
  }
  .l-header__sp-menu-download-heading {
    font-size: 20px;
  }
  .l-header__sp-menu-download-inner {
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-header__sp-menu-download-logo {
    width: 20%;
    min-width: 160px;
  }
  .l-header__sp-menu-download-badges {
    width: 80%;
    gap: 10px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-header__sp-menu-download-badge {
    width: 100%;
    max-width: 180px;
  }
  .l-header__menu-button {
    display: block;
    padding: 10px 0;
  }
  .l-header__menu-button.is-active .l-header__menu-button-line {
    width: 40px;
  }
  .l-header__menu-button.is-active .l-header__menu-button-line:nth-child(1) {
    -webkit-transform: translateY(12px) translateX(1px) rotate(45deg);
            transform: translateY(12px) translateX(1px) rotate(45deg);
  }
  .l-header__menu-button.is-active .l-header__menu-button-line:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(0) translateX(1px) rotate(0deg);
            transform: translateY(0) translateX(1px) rotate(0deg);
  }
  .l-header__menu-button.is-active .l-header__menu-button-line:nth-child(3) {
    -webkit-transform: translateY(-12px) translateX(1px) rotate(-45deg);
            transform: translateY(-12px) translateX(1px) rotate(-45deg);
  }
  .l-header__menu-button-line {
    display: block;
    width: 34px;
    height: 4px;
    border-radius: 10px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1110px) {
  .l-header__nav-list {
    gap: min(45px, 4.39453125%);
  }
}

.l-footer {
  padding: 12.8205128205vw 5.1282051282vw;
  background-color: var(--color-blue-tertiary);
}
.l-footer__content {
  max-width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7.6923076923vw;
}
.l-footer__logo {
  width: 49.2307692308vw;
}
.l-footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.1282051282vw;
  width: 100%;
}
.l-footer__download {
  background-color: var(--color-yellow);
  border-radius: 2.5641025641vw;
  padding: 5.1282051282vw 6.4102564103vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.1025641026vw;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.l-footer__download-heading {
  font-size: 3.8461538462vw;
  font-weight: var(--fw-bold);
}
.l-footer__download-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3.8461538462vw;
}
.l-footer__download-logo {
  width: 27.1794871795vw;
}
.l-footer__download-badges {
  width: 35.8974358974vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.0512820513vw;
}
.l-footer__download-badge {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.l-footer__download-badge img {
  display: block;
}
@media (any-hover: hover) {
  .l-footer__download-badge:hover {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
.l-footer__menu {
  background-color: var(--color-white);
  border-radius: 2.5641025641vw;
  padding: 5.1282051282vw 6.4102564103vw;
}
.l-footer__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5.1282051282vw;
}
.l-footer__menu-list li {
  width: calc((100% - 5.1282051282vw) / 2);
  font-size: 3.8461538462vw;
  font-weight: var(--fw-bold);
}
.l-footer__menu-list li a {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (any-hover: hover) {
  .l-footer__menu-list li a:hover {
    color: var(--color-blue-secondary);
  }
}
.l-footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.8461538462vw;
  width: 100%;
}
.l-footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footer__links li {
  font-size: 3.8461538462vw;
  font-weight: var(--fw-semibold);
}
.l-footer__links li:not(:last-of-type) {
  position: relative;
  margin-right: 3.0769230769vw;
  padding-right: 3.0769230769vw;
}
.l-footer__links li:not(:last-of-type)::after {
  position: absolute;
  right: 0;
  content: "";
  display: inline-block;
  width: 0.2564102564vw;
  height: 100%;
  background-color: var(--color-blue-primary);
}
.l-footer__copyright {
  font-size: 3.5897435897vw;
}
.l-footer__to-top {
  position: fixed;
  bottom: 5.1282051282vw;
  right: 5.1282051282vw;
  border: 0.5128205128vw solid var(--color-blue-primary);
  border-radius: 50%;
  width: 7.6923076923vw;
  height: 7.6923076923vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}
.l-footer__to-top__arrow {
  display: block;
  width: 2.5641025641vw;
  height: 2.5641025641vw;
  border-top: 0.5128205128vw solid var(--color-blue-primary);
  border-right: 0.5128205128vw solid var(--color-blue-primary);
  -webkit-transform: translateY(0.5128205128vw) rotate(-45deg);
          transform: translateY(0.5128205128vw) rotate(-45deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .l-footer__to-top:hover .l-footer__to-top__arrow {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding: 65px 60px 50px;
  }
  .l-footer__content {
    gap: 40px;
  }
  .l-footer__logo {
    width: 275px;
  }
  .l-footer__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 30px;
  }
  .l-footer__top > * {
    width: calc((100% - 30px) / 2);
  }
  .l-footer__download {
    display: block;
    padding: 26px 32px;
    border-radius: 10px;
  }
  .l-footer__download-heading {
    font-size: 1rem;
  }
  .l-footer__download-inner {
    gap: 25px;
  }
  .l-footer__download-logo {
    width: 108px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .l-footer__download-badges {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px 20px;
  }
  .l-footer__download-badge img {
    width: auto;
    height: 42px;
  }
  .l-footer__menu {
    padding: 30px 77px;
    border-radius: 10px;
  }
  .l-footer__menu-list {
    gap: 14px 55px;
  }
  .l-footer__menu-list li {
    width: calc((100% - 55px) / 2);
    font-size: 1rem;
  }
  .l-footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .l-footer__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .l-footer__links li {
    font-size: 1rem;
  }
  .l-footer__links li:not(:last-of-type) {
    margin-right: 28px;
    padding-right: 28px;
  }
  .l-footer__links li:not(:last-of-type)::after {
    width: 1px;
  }
  .l-footer__copyright {
    font-size: 1rem;
    font-weight: var(--fw-semibold);
  }
  .l-footer__to-top {
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    border-width: 2px;
  }
  .l-footer__to-top__arrow {
    width: 14px;
    height: 14px;
    border-width: 2px;
    -webkit-transform: translateY(4px) rotate(-45deg);
            transform: translateY(4px) rotate(-45deg);
  }
}

.l-main {
  position: relative;
  padding-block: 17.9487179487vw 15.3846153846vw;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .l-main {
    padding-block: 85px 140px;
    margin-top: -155px;
  }
}

.l-container {
  max-width: 1200px;
  margin-inline: auto;
}

.l-section {
  position: relative;
  padding: 0 5.1282051282vw 10.2564102564vw;
}
.l-section__inner {
  max-width: 1080px;
  margin-inline: auto;
}
.l-section__inner--full {
  max-width: unset;
}
.l-section__inner--narrow {
  max-width: 960px;
}
.l-section__inner--panel {
  padding: 0 6.4102564103vw 10.2564102564vw;
  background-color: var(--color-white);
  border-radius: 5.1282051282vw;
}
.l-section--bg-blue {
  background-color: var(--color-blue-tertiary);
}
.l-section--bg-white {
  background-color: var(--color-white);
}
.l-section--bg-wave {
  margin-bottom: 17.9487179487vw;
}
.l-section--bg-wave::before, .l-section--bg-wave::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
}
.l-section--bg-wave::before {
  left: 50%;
  bottom: -12.8205128205vw;
  width: 61.5384615385vw;
  height: 46.6666666667vw;
  -webkit-mask-image: url(/cycy/assets/img/top/bg-bike.svg);
          mask-image: url(/cycy/assets/img/top/bg-bike.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-blue-tertiary);
}
.l-section--bg-wave::after {
  left: 0;
  bottom: -17.9487179487vw;
  width: 100%;
  height: 17.9487179487vw;
  -webkit-mask-image: url(/cycy/assets/img/top/bg-wave.svg);
          mask-image: url(/cycy/assets/img/top/bg-wave.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-blue-tertiary);
}
@media screen and (min-width: 768px) {
  .l-section {
    padding: 0 60px 60px;
  }
  .l-section__inner--panel {
    padding: 60px 60px 80px;
    border-radius: 20px;
  }
  .l-section--bg-wave {
    margin-bottom: 190px !important;
  }
  .l-section--bg-wave::before {
    bottom: -125px;
    width: 435px;
    height: 330px;
  }
  .l-section--bg-wave::after {
    bottom: -190px;
    height: 190px;
  }
}

.c-link {
  position: relative;
  text-decoration: underline;
  color: var(--color-blue-primary);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding-right: 5.641025641vw;
  font-size: 4.1025641026vw;
}
.c-link::after {
  content: "";
  position: absolute;
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  right: 0;
  top: 1.2820512821vw;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-blue-primary);
}
.c-link[target=_blank]::after {
  -webkit-mask-image: var(--icon-new-window);
          mask-image: var(--icon-new-window);
}
@media (any-hover: hover) {
  .c-link:is(a):hover {
    color: var(--color-blue-secondary);
  }
  .c-link:is(a):hover::after {
    background-color: var(--color-blue-secondary);
  }
}
@media screen and (min-width: 768px) {
  .c-link {
    padding-right: 22px;
    font-size: 1rem;
  }
  .c-link::after {
    width: 16px;
    height: 16px;
    top: 7px;
  }
}

.c-text {
  font-size: 4.1025641026vw;
  line-height: var(--lh-lg);
}
@media screen and (min-width: 768px) {
  .c-text {
    font-size: 1rem;
  }
}
.c-text + .c-text {
  margin-top: 1.5rem;
}
.c-text--secondary {
  font-size: 4.1025641026vw;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .c-text--secondary {
    font-size: 1.25rem;
  }
}
.c-text--tertiary {
  font-size: 4.6153846154vw;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .c-text--tertiary {
    font-size: 1.25rem;
  }
}

.c-category {
  background-color: var(--color-blue-quaternary);
  border-radius: 8.2051282051vw;
  padding: 0.7692307692vw 8.9743589744vw;
  display: inline-block;
  font-weight: var(--fw-bold);
  font-size: 3.8461538462vw;
}
@media screen and (min-width: 768px) {
  .c-category {
    padding: 6px 42px;
    font-size: 1.125rem;
    max-width: 135px;
    width: 100%;
    text-align: center;
  }
}

.c-button {
  position: relative;
  background-color: var(--color-blue-quaternary);
  color: var(--color-blue-primary);
  border-radius: 50vw;
  padding: 3.0769230769vw 9.2307692308vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 66.6666666667vw;
  min-height: 12.8205128205vw;
  font-weight: var(--fw-bold);
  font-size: 4.1025641026vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-button::after {
  content: "";
  position: absolute;
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  right: 4.1025641026vw;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
.c-button[target=_blank]::after {
  -webkit-mask-image: var(--icon-new-window);
          mask-image: var(--icon-new-window);
}
@media (any-hover: hover) {
  .c-button:is(a):hover {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
  }
}
.c-button--secondary {
  background-color: var(--color-pink);
  color: var(--color-white);
  border: 0.5128205128vw solid var(--color-white);
  padding: 3.0769230769vw 7.6923076923vw 3.0769230769vw 3.0769230769vw;
}
.c-button--secondary::after {
  background-color: var(--color-white);
}
.c-button--tertiary {
  background-color: var(--color-pink);
  color: #fff;
  padding: 3.0769230769vw 7.6923076923vw 3.0769230769vw 3.0769230769vw;
}
.c-button--tertiary::after {
  background-color: #fff;
}
@media (any-hover: hover) {
  .c-button--tertiary:is(a):hover {
    background-color: var(--color-blue-secondary);
  }
}
.c-button--quaternary {
  background-color: var(--color-white);
  color: var(--color-blue-primary);
  padding: 3.0769230769vw 7.6923076923vw 3.0769230769vw 3.0769230769vw;
  border: 0.2564102564vw solid var(--color-blue-primary);
}
.c-button--quaternary::after {
  background-color: var(--color-blue-primary);
}
@media (any-hover: hover) {
  .c-button--quaternary:is(a):hover {
    background-color: var(--color-blue-primary);
  }
  .c-button--quaternary:is(a):hover::after {
    background-color: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  .c-button {
    font-size: 1.125rem;
    padding: 12px 16px;
    max-width: 360px;
    min-height: 60px;
  }
  .c-button::after {
    width: 20px;
    height: 20px;
    right: 16px;
  }
  .c-button--secondary {
    border: 2px solid var(--color-white);
    padding: 18px 10px;
  }
  .c-button--tertiary {
    padding: 18px 10px;
  }
  .c-button--quaternary {
    padding: 18px 10px;
    border-width: 1px;
  }
}

.c-button-sns {
  --bgColor: var(--color-white);
  position: relative;
  background-color: var(--bgColor);
  color: var(--color-white);
  border-radius: 50vw;
  padding: 2.0512820513vw 7.6923076923vw 2.0512820513vw 2.5641025641vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 66.6666666667vw;
  min-height: 12.8205128205vw;
  font-weight: var(--fw-bold);
  font-size: 4.1025641026vw;
  border: 0.5128205128vw solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-button-sns__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.1282051282vw;
}
.c-button-sns__text::before {
  content: "";
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
.c-button-sns--arrow::after {
  content: "";
  position: absolute;
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  right: 4.1025641026vw;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
.c-button-sns--x {
  --bgColor: var(--color-black);
}
.c-button-sns--x .c-button-sns__text::before {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  -webkit-mask-image: var(--icon-logo-x);
          mask-image: var(--icon-logo-x);
}
.c-button-sns--line {
  --bgColor: var(--color-green);
}
.c-button-sns--line .c-button-sns__text::before {
  width: 8.2051282051vw;
  height: 7.6923076923vw;
  background-image: var(--icon-logo-line);
  background-repeat: no-repeat;
  background-position: center;
  background-color: unset;
}
@media (any-hover: hover) {
  .c-button-sns:is(a):hover {
    border-color: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  .c-button-sns {
    font-size: 1.125rem;
    max-width: 360px;
    min-height: 60px;
    padding: 8px 30px 8px 10px;
    border-width: 2px;
  }
  .c-button-sns__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  .c-button-sns--arrow::after {
    width: 20px;
    height: 20px;
  }
  .c-button-sns--x .c-button-sns__text::before {
    width: 28px;
    height: 28px;
  }
  .c-button-sns--line .c-button-sns__text::before {
    width: 38px;
    height: 38px;
  }
}

.c-button-play {
  display: inline-block;
  width: 12.0512820513vw;
  height: 7.6923076923vw;
  background-image: var(--icon-play-pause);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-button-play:hover {
    -webkit-transform: translateY(0.5128205128vw);
            transform: translateY(0.5128205128vw);
  }
}
@media screen and (min-width: 768px) {
  .c-button-play {
    width: 47px;
    height: 30px;
  }
}

.c-button-anchor {
  background-color: var(--color-blue-quaternary);
  color: var(--color-blue-primary);
  border-radius: 50vw;
  padding: 2.5641025641vw;
  width: 100%;
  max-width: 28.2051282051vw;
  min-height: 10.2564102564vw;
  font-weight: var(--fw-bold);
  font-size: 4.1025641026vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (any-hover: hover) {
  .c-button-anchor:is(a):hover {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  .c-button-anchor {
    font-size: 1.125rem;
    padding: 18px 10px;
    max-width: 140px;
    min-height: 60px;
  }
}

.c-button-back {
  display: inline-block;
  position: relative;
  padding: 1.7948717949vw 2.5641025641vw 1.7948717949vw 7.1794871795vw;
  margin-top: 5.1282051282vw;
  width: 100%;
  font-size: 3.5897435897vw;
  line-height: 1.2;
  border: 0.2564102564vw solid var(--color-blue-primary);
  border-radius: 5.1282051282vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-button-back::after {
  content: "";
  position: absolute;
  width: 3.8461538462vw;
  height: 3.8461538462vw;
  left: 2.0512820513vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-mask-image: var(--icon-arrow-left-thin);
          mask-image: var(--icon-arrow-left-thin);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
@media (any-hover: hover) {
  .c-button-back:is(a):hover {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
  }
}
@media screen and (min-width: 768px) {
  .c-button-back {
    width: auto;
    font-size: 1rem;
    padding: 8px 20px 8px 35px;
    margin-top: 0;
    border: 1px solid var(--color-blue-primary);
    border-radius: 50px;
  }
  .c-button-back::after {
    width: 15px;
    height: 15px;
    left: 12px;
  }
}

.c-heading {
  padding-block: 15.3846153846vw 10.2564102564vw;
}
.c-heading__text {
  color: var(--color-blue-primary);
  font-weight: var(--fw-bold);
  text-align: center;
  font-size: 6.1538461538vw;
}
.c-heading--secondary {
  padding-block: 17.9487179487vw 12.8205128205vw;
}
.c-heading--secondary .c-heading__text {
  font-size: 5.8974358974vw;
}
.c-heading--secondary--no-pd {
  padding-block: 0;
}
.c-heading--tertiary {
  padding-block: 12.8205128205vw 10.2564102564vw;
}
.c-heading--tertiary .c-heading__text {
  padding: 4.1025641026vw;
  font-size: 5.1282051282vw;
  background-color: var(--color-blue-tertiary);
  border-radius: 2.5641025641vw;
}
.c-heading--lead {
  padding-block: 0;
}
.c-heading--lead .c-heading__text {
  font-size: 4.6153846154vw;
}
@media screen and (min-width: 768px) {
  .c-heading {
    padding-block: 70px;
  }
  .c-heading__text {
    font-size: 2.5rem;
  }
  .c-heading--secondary {
    padding-block: 40px 80px;
  }
  .c-heading--secondary .c-heading__text {
    font-size: 2.25rem;
  }
  .c-heading--tertiary {
    padding-block: 100px 50px;
  }
  .c-heading--tertiary .c-heading__text {
    padding-block: 16px;
    font-size: 1.625rem;
    border-radius: 10px;
  }
  .c-heading--lead .c-heading__text {
    font-size: 1.5rem;
  }
}

.c-scroll-infinity {
  --time: 20s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.c-scroll-infinity--time10 {
  --time: 10s;
}
.c-scroll-infinity--time30 {
  --time: 30s;
}
.c-scroll-infinity--time40 {
  --time: 40s;
}
.c-scroll-infinity__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-animation: infinity-scroll var(--time) infinite linear 0.5s both;
          animation: infinity-scroll var(--time) infinite linear 0.5s both;
}
.c-scroll-infinity__list + .c-scroll-infinity__list {
  margin-left: -1px;
}
.c-scroll-infinity.is-paused .c-scroll-infinity__list {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.c-scroll-infinity__item {
  width: 100%;
}

@-webkit-keyframes infinity-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes infinity-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.c-sticky-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.c-sticky-banner__content {
  background-color: var(--color-blue-primary);
  padding: 2.0512820513vw 6.4102564103vw 5.1282051282vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.0512820513vw;
  position: relative;
}
.c-sticky-banner__heading {
  position: relative;
}
.c-sticky-banner__heading-text {
  font-size: 4.1025641026vw;
  font-weight: var(--fw-bold);
  text-align: center;
  color: var(--color-white);
}
.c-sticky-banner__heading-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8.9743589744vw;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.c-sticky-banner__heading-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.c-sticky-banner__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5641025641vw;
  width: 100%;
}
.c-sticky-banner__action-button {
  border-radius: 10px;
  padding: 1.5384615385vw 5.1282051282vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 12.8205128205vw;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-sticky-banner__action-button:hover {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
.c-sticky-banner__action-button--station {
  background-color: var(--color-blue-quaternary);
}
.c-sticky-banner__action-button--ad {
  background-color: var(--color-red-tertiary);
}
.c-sticky-banner__button-text {
  font-size: 3.8461538462vw;
  font-weight: var(--fw-bold);
  line-height: var(--lh-sm);
  color: var(--color-blue-primary);
  display: block;
}
.c-sticky-banner__close-button {
  position: absolute;
  top: 2.5641025641vw;
  right: 6.4102564103vw;
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  cursor: pointer;
  padding: 0;
  background: none;
  border: none;
}
.c-sticky-banner__close-button::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+IDxwYXRoIGlkPSJpY29uX2Nyb3NzIiBkPSJNNC41ODEtMjQuMTA4bDIuMDk1LDIuMDYzTC43NTMtMTYuMTA4LDYuNi0xMC4xNzEsNC41ODEtOC4xMDhsLTUuOTU5LTUuODY0TC03LjE5My04LjEwOGwtMi4wOTUtMi4xLDUuODUxLTUuOS01Ljg4Ny01LjksMi4wOTUtMi4xLDUuODg3LDUuOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMzI0IDI0LjEwOCkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-sticky-banner__close-button:hover::after {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.c-sticky-banner__close-icon {
  width: 100%;
  height: 100%;
  display: block;
}
.c-sticky-banner__close-icon line {
  stroke: var(--color-white);
  stroke-width: 2;
}

@media screen and (min-width: 768px) {
  .c-sticky-banner {
    width: 306px;
    right: 20px;
    bottom: 20px;
    left: auto;
  }
  .c-sticky-banner__content {
    border-radius: 10px;
    border: 1px solid var(--color-white);
    padding: 10px 15px 15px;
    gap: 8px;
  }
  .c-sticky-banner__heading-text {
    font-size: 1rem;
  }
  .c-sticky-banner__heading-icon {
    width: 54px;
  }
  .c-sticky-banner__actions {
    gap: 8px;
  }
  .c-sticky-banner__action-button {
    padding: 6px 10px;
    border-radius: 10px;
    min-height: 50px;
  }
  .c-sticky-banner__button-text {
    font-size: 0.875rem;
  }
  .c-sticky-banner__close-button {
    width: 20px;
    height: 20px;
    top: -5px;
    right: 7px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .c-sticky-banner__close-button::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+IDxnIGlkPSLjg5zjgr/jg7MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMikiPiA8ZyBpZD0iaWNvbl9jcm9zcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4zMjQgMjQuMTA4KSIgZmlsbD0iIzAwNWJhYiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gPHBhdGggZD0iTSAtNy4xOTA4NzEyMzg3MDg0OTYgLTYuNjg5OTg3NjU5NDU0MzQ2IEwgLTcuOTAwOTgxNDI2MjM5MDE0IC03LjQwMTY4ODA5ODkwNzQ3MSBMIC05Ljk5NTc5MTQzNTI0MTY5OSAtOS41MDEyMzc4NjkyNjI2OTUgTCAtMTAuNjk4MzMwODc5MjExNDMgLTEwLjIwNTM3NzU3ODczNTM1IEwgLTkuOTk3OTYxMDQ0MzExNTIzIC0xMC45MTE2NzgzMTQyMDg5OCBMIC00Ljg0NzMzMjQ3NzU2OTU4IC0xNi4xMDU4MjkyMzg4OTE2IEwgLTEwLjAzMTkxMDg5NjMwMTI3IC0yMS4zMDIxMzczNzQ4Nzc5MyBMIC0xMC43MzY2MjA5MDMwMTUxNCAtMjIuMDA4NDQ3NjQ3MDk0NzMgTCAtMTAuMDMxOTEwODk2MzAxMjcgLTIyLjcxNDc1NzkxOTMxMTUyIEwgLTcuOTM3MTAxMzY0MTM1NzQyIC0yNC44MTQzMDgxNjY1MDM5MSBMIC03LjIyOTE5MTMwMzI1MzE3NCAtMjUuNTIzODE3MDYyMzc3OTMgTCAtNi41MjEyODEyNDIzNzA2MDUgLTI0LjgxNDMwODE2NjUwMzkxIEwgLTEuMzM5ODk1NDg2ODMxNjY1IC0xOS42MjExODkxMTc0MzE2NCBMIDMuODc1NDQ4NzAzNzY1ODY5IC0yNC44MTY0NjcyODUxNTYyNSBMIDQuNTc3MjE4NTMyNTYyMjU2IC0yNS41MTU1MzcyNjE5NjI4OSBMIDUuMjgyOTI4NDY2Nzk2ODc1IC0yNC44MjA0MzgzODUwMDk3NyBMIDcuMzc3NzM4NDc1Nzk5NTYxIC0yMi43NTcwODc3MDc1MTk1MyBMIDguMDk0NzY4NTI0MTY5OTIyIC0yMi4wNTA4MTc0ODk2MjQwMiBMIDcuMzgzOTA4NzQ4NjI2NzA5IC0yMS4zMzgzMzY5NDQ1ODAwOCBMIDIuMTYxMDYyMjQwNjAwNTg2IC0xNi4xMDM2NzU4NDIyODUxNiBMIDcuMzE1OTk4NTU0MjI5NzM2IC0xMC44NzMyODgxNTQ2MDIwNSBMIDguMDA1OTQ5MDIwMzg1NzQyIC0xMC4xNzMyMzc4MDA1OTgxNCBMIDcuMzE3ODk4NzUwMzA1MTc2IC05LjQ3MTMxODI0NDkzNDA4MiBMIDUuMjk1MzE4NjAzNTE1NjI1IC03LjQwNzk3ODA1Nzg2MTMyOCBMIDQuNTkzOTM4ODI3NTE0NjQ4IC02LjY5MjQ3NzcwMzA5NDQ4MiBMIDMuODc5Nzg4NjM3MTYxMjU1IC03LjM5NTIyNzkwOTA4ODEzNSBMIC0xLjM2OTUyMjQ1MjM1NDQzMSAtMTIuNTYwNzUyODY4NjUyMzQgTCAtNi40ODI5ODEyMDQ5ODY1NzIgLTcuNDAzODg3NzQ4NzE4MjYyIEwgLTcuMTkwODcxMjM4NzA4NDk2IC02LjY4OTk4NzY1OTQ1NDM0NiBaIiBzdHJva2U9Im5vbmUiLz4gPHBhdGggZD0iTSAtNy4yMjkxOTA4MjY0MTYwMTYgLTI0LjEwNzk5Nzg5NDI4NzExIEwgLTkuMzI0MDAxMzEyMjU1ODU5IC0yMi4wMDg0NDc2NDcwOTQ3MyBMIC0zLjQzNjg3MDgxMzM2OTc1MSAtMTYuMTA3OTk3ODk0Mjg3MTEgTCAtOS4yODc4ODA4OTc1MjE5NzMgLTEwLjIwNzU0ODE0MTQ3OTQ5IEwgLTcuMTkzMDcwODg4NTE5Mjg3IC04LjEwNzk5Nzg5NDI4NzEwOSBMIC0xLjM3ODE4MDg2MTQ3MzA4MyAtMTMuOTcyMjQ4MDc3MzkyNTggTCA0LjU4MTE4OTE1NTU3ODYxMyAtOC4xMDc5OTc4OTQyODcxMDkgTCA2LjYwMzc1OTI4ODc4Nzg0MiAtMTAuMTcxMzQ4NTcxNzc3MzQgTCAwLjc1Mjc0OTIwNDYzNTYyMDEgLTE2LjEwNzk5Nzg5NDI4NzExIEwgNi42NzU5OTkxNjQ1ODEyOTkgLTIyLjA0NDY1ODY2MDg4ODY3IEwgNC41ODExODkxNTU1Nzg2MTMgLTI0LjEwNzk5Nzg5NDI4NzExIEwgLTEuMzQyMDYwODA0MzY3MDY1IC0xOC4yMDc1Mzg2MDQ3MzYzMyBMIC03LjIyOTE5MDgyNjQxNjAxNiAtMjQuMTA3OTk3ODk0Mjg3MTEgTSA0LjU4MTIyMjUzNDE3OTY4OCAtMjYuMTA3OTk3ODk0Mjg3MTEgQyA1LjA4ODIzMDEzMzA1NjY0MSAtMjYuMTA4MDE4ODc1MTIyMDcgNS41OTUyNjAxNDMyODAwMjkgLTI1LjkxNjQyMzc5NzYwNzQyIDUuOTg0NjU4NzE4MTA5MTMxIC0yNS41MzI4Nzg4NzU3MzI0MiBMIDguMDc5NDY5NjgwNzg2MTMzIC0yMy40Njk1Mzc3MzQ5ODUzNSBDIDguNDU4OTU5NTc5NDY3NzczIC0yMy4wOTU3NDg5MDEzNjcxOSA4LjY3MzY1ODM3MDk3MTY4IC0yMi41ODYwMTc2MDg2NDI1OCA4LjY3NTk3OTYxNDI1NzgxMiAtMjIuMDUzMzU4MDc4MDAyOTMgQyA4LjY3ODI5ODk1MDE5NTMxMiAtMjEuNTIwNjk4NTQ3MzYzMjggOC40NjgwMzg1NTg5NTk5NjEgLTIxLjAwOTExNzEyNjQ2NDg0IDguMDkxODA4MzE5MDkxNzk3IC0yMC42MzIwNDc2NTMxOTgyNCBMIDMuNTY5MzYwMjU2MTk1MDY4IC0xNi4wOTkzNTk1MTIzMjkxIEwgOC4wMjgyMDk2ODYyNzkyOTcgLTExLjU3NTI0ODcxODI2MTcyIEMgOC43OTQxMjg0MTc5Njg3NSAtMTAuNzk4MTI4MTI4MDUxNzYgOC43OTU4MTgzMjg4NTc0MjIgLTkuNTUwNTE4MDM1ODg4NjcyIDguMDMyMDE4NjYxNDk5MDIzIC04Ljc3MTMxODQzNTY2ODk0NSBMIDYuMDA5NDQ5NDgxOTY0MTExIC02LjcwNzk2Nzc1ODE3ODcxMSBDIDUuNjM3NjY5MDg2NDU2Mjk5IC02LjMyODY4NzY2Nzg0NjY4IDUuMTMwMjk5MDkxMzM5MTExIC02LjExMjg2NzM1NTM0NjY4IDQuNTk5MjA5MzA4NjI0MjY4IC02LjEwODA3ODAwMjkyOTY4OCBDIDQuMDY4MTE5NTI1OTA5NDI0IC02LjEwMzM2NDk0NDQ1ODAwOCAzLjU1Njk1OTE1MjIyMTY4IC02LjMwOTkzODQzMDc4NjEzMyAzLjE3ODM5OTA4NTk5ODUzNSAtNi42ODI0NTY5NzAyMTQ4NDQgTCAtMS4zNjA4NTgyMDE5ODA1OTEgLTExLjE0OTI2MTQ3NDYwOTM4IEwgLTUuNzcyODkxMDQ0NjE2Njk5IC02LjY5OTc3NzYwMzE0OTQxNCBDIC02LjE0ODM4OTgxNjI4NDE4IC02LjMyMTA4MzA2ODg0NzY1NiAtNi42NjAxMzMzNjE4MTY0MDYgLTYuMTA3NDcxNDY2MDY0NDUzIC03LjE5MzA1NjEwNjU2NzM4MyAtNi4xMDc5OTU5ODY5Mzg0NzcgQyAtNy43MjQyNTY5OTIzNDAwODggLTYuMTA3OTk1OTg2OTM4NDc3IC04LjIzMzYzMjA4NzcwNzUyIC02LjMxOTI5MDE2MTEzMjgxMiAtOC42MDg4ODA5OTY3MDQxMDIgLTYuNjk1Mzg4NzkzOTQ1MzEyIEwgLTEwLjcwMzY5MTQ4MjU0Mzk1IC04Ljc5NDkzNzEzMzc4OTA2MiBDIC0xMS40ODA5MTEyNTQ4ODI4MSAtOS41NzM5MTczODg5MTYwMTYgLTExLjQ4Mjg1MTAyODQ0MjM4IC0xMC44MzQ0Mjg3ODcyMzE0NSAtMTAuNzA4MDMwNzAwNjgzNTkgLTExLjYxNTc5NzA0Mjg0NjY4IEwgLTYuMjU3NzczMzk5MzUzMDI3IC0xNi4xMDM2NTg2NzYxNDc0NiBMIC0xMC43Mzk4MTA5NDM2MDM1MiAtMjAuNTk1ODM2NjM5NDA0MyBDIC0xMS41MTg3MzAxNjM1NzQyMiAtMjEuMzc2NTE4MjQ5NTExNzIgLTExLjUxODczMDE2MzU3NDIyIC0yMi42NDAzNzcwNDQ2Nzc3MyAtMTAuNzM5ODEwOTQzNjAzNTIgLTIzLjQyMTA1ODY1NDc4NTE2IEwgLTguNjQ1MDAwNDU3NzYzNjcyIC0yNS41MjA2MDY5OTQ2Mjg5MSBDIC04LjI2OTgwMDE4NjE1NzIyNyAtMjUuODk2NjY3NDgwNDY4NzUgLTcuNzYwNDEwNzg1Njc1MDQ5IC0yNi4xMDc5OTc4OTQyODcxMSAtNy4yMjkxOTA4MjY0MTYwMTYgLTI2LjEwNzk5Nzg5NDI4NzExIEMgLTYuNjk3OTcwODY3MTU2OTgyIC0yNi4xMDc5OTc4OTQyODcxMSAtNi4xODg1ODA1MTMwMDA0ODggLTI1Ljg5NjY1Nzk0MzcyNTU5IC01LjgxMzM4MDcxODIzMTIwMSAtMjUuNTIwNjA2OTk0NjI4OTEgTCAtMS4zMzc3NDQxMTY3ODMxNDIgLTIxLjAzNDgzNTgxNTQyOTY5IEwgMy4xNjk2OTkxOTIwNDcxMTkgLTI1LjUyNDkzODU4MzM3NDAyIEMgMy41NTk3NzcyNTk4MjY2NiAtMjUuOTEzNTExMjc2MjQ1MTIgNC4wNzA0ODc0OTkyMzcwNjEgLTI2LjEwNzk3NjkxMzQ1MjE1IDQuNTgxMjIyNTM0MTc5Njg4IC0yNi4xMDc5OTc4OTQyODcxMSBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmYiLz4gPC9nPiA8L2c+PC9zdmc+);
  }
}
.c-card {
  background-color: var(--color-white);
  border-radius: 5.1282051282vw;
}
.c-card__link {
  padding: 9.4871794872vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0.7692307692vw solid transparent;
  border-radius: 5.1282051282vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .c-card__link:hover {
    border-color: var(--color-blue-primary);
  }
  .c-card__link:hover .c-card__button {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
  }
  .c-card__link:hover .c-card__button::after {
    background-color: var(--color-white);
  }
  .c-card__link:hover .c-card__button[target=_blank]::after {
    -webkit-mask-image: var(--icon-new-window);
            mask-image: var(--icon-new-window);
  }
}
.c-card__link--border {
  border: 0.2564102564vw solid var(--color-blue-primary);
  border-radius: 2.5641025641vw;
  position: relative;
}
.c-card__link--border::before {
  content: "";
  border: 0.7692307692vw solid var(--color-blue-primary);
  position: absolute;
  top: -0.2564102564vw;
  left: -0.2564102564vw;
  width: calc(100% + 0.5128205128vw);
  height: calc(100% + 0.5128205128vw);
  border-radius: 2.5641025641vw;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
@media (any-hover: hover) {
  .c-card__link--border:hover::before {
    opacity: 1;
  }
}
.c-card__link--border-secondary {
  border: 0.2564102564vw solid var(--color-blue-tertiary);
}
.c-card__title {
  margin-bottom: 6.4102564103vw;
  color: var(--color-blue-primary);
  font-weight: var(--fw-bold);
  font-size: 4.6153846154vw;
  text-align: center;
}
.c-card__image {
  margin-bottom: 8.9743589744vw;
}
.c-card--button .c-card__link {
  position: relative;
  padding: 5.641025641vw 8.2051282051vw 5.641025641vw 3.3333333333vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4.1025641026vw;
}
.c-card--button .c-card__link::after {
  content: "";
  position: absolute;
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  right: 3.0769230769vw;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--color-blue-primary);
}
.c-card--button .c-card__link[target=_blank]::after {
  -webkit-mask-image: var(--icon-new-window);
          mask-image: var(--icon-new-window);
}
.c-card--button .c-card__link--secondary {
  padding: 4.1025641026vw 3.0769230769vw 10.5128205128vw;
  height: 100%;
}
.c-card--button .c-card__link--secondary::after {
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  top: auto;
  right: 0;
  bottom: 5.1282051282vw;
  left: 0;
  margin: auto;
  -webkit-mask-image: var(--icon-arrow-down);
          mask-image: var(--icon-arrow-down);
}
.c-card--button .c-card__title,
.c-card--button .c-card__image {
  margin-bottom: 0;
}
.c-card--button .c-card__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.c-card--button .c-card__image {
  width: 25.641025641vw;
}
.c-card__item {
  padding: 5.1282051282vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0.2564102564vw solid var(--color-blue-primary);
  border-radius: 2.5641025641vw;
}
.c-card__item--not-padding {
  padding: 0;
}
.c-card__item--secondary {
  padding: 7.6923076923vw 5.1282051282vw;
  border: 0.5128205128vw solid var(--color-blue-primary);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.c-card--with-image {
  --bgColor: var(--color-white);
  background-color: transparent;
}
.c-card--with-image-partner {
  --bgColor: var(--color-blue-quaternary);
}
.c-card--with-image-ad {
  --bgColor: var(--color-red-quaternary);
}
.c-card--with-image .c-card__link {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 3.8461538462vw;
  padding: 5.1282051282vw;
  border: none;
}
.c-card--with-image .c-card__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 5.1282051282vw;
  background-color: var(--bgColor);
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-card--with-image .c-card__link > * {
  position: relative;
}
@media (any-hover: hover) {
  .c-card--with-image .c-card__link:hover::before {
    -webkit-transform: scale(0.98709);
            transform: scale(0.98709);
  }
  .c-card--with-image .c-card__link:hover .c-card__image img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}
.c-card--with-image .c-card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5641025641vw;
}
.c-card--with-image .c-card__subtitle {
  font-size: 3.8461538462vw;
}
.c-card--with-image .c-card__title {
  margin: 0;
  text-align: left;
  letter-spacing: -0.01em;
}
.c-card--with-image .c-card__image {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30.7692307692vw;
  aspect-ratio: 1;
  border-radius: 2.5641025641vw;
  overflow: hidden;
}
.c-card--with-image .c-card__image img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-card {
    border-radius: 20px;
  }
  .c-card__link {
    padding: 40px 40px 30px;
    height: 100%;
    border-width: 3px;
    border-radius: 20px;
  }
  .c-card__link--border {
    border-width: 1px;
    border-radius: 10px;
  }
  .c-card__link--border::before {
    border-width: 3px;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
  }
  .c-card__link--border-secondary {
    border-width: 1px;
  }
  .c-card__title {
    margin-bottom: 25px;
    font-size: 1.25rem;
  }
  .c-card__image {
    margin-bottom: 35px;
  }
  .c-card--button .c-card__link {
    padding: 42px 47px 42px 13px;
    gap: 16px;
  }
  .c-card--button .c-card__link::after {
    width: 20px;
    height: 20px;
    right: 22px;
  }
  .c-card--button .c-card__link--secondary {
    padding: 23px 50px 23px 60px;
  }
  .c-card--button .c-card__link--secondary::after {
    width: 14px;
    height: 14px;
    right: 22px;
    left: auto;
    top: 0;
    bottom: 0;
  }
  .c-card--button .c-card__image {
    width: 170px;
  }
  .c-card__item {
    padding: 20px;
    border-width: 1px;
    border-radius: 10px;
  }
  .c-card__item--secondary {
    padding: 30px 20px;
    border-width: 2px;
  }
  .c-card--with-image .c-card__link {
    padding: 30px;
    gap: 20px;
  }
  .c-card--with-image .c-card__link::before {
    content: "";
    position: absolute;
    border-radius: 20px;
  }
  .c-card--with-image .c-card__text {
    gap: 20px;
  }
  .c-card--with-image .c-card__subtitle {
    font-size: 1rem;
  }
  .c-card--with-image .c-card__image {
    width: 45.4117647059%;
    max-width: 193px;
    border-radius: 10px;
  }
}

.c-tab {
  padding: 0 5.1282051282vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5641025641vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-tab__button {
  padding: 3.5897435897vw 2.5641025641vw;
  max-width: 43.5897435897vw;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 3.5897435897vw;
  color: var(--color-blue-primary);
  font-weight: var(--fw-bold);
  background-color: var(--color-blue-tertiary);
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-tab__button.active {
  background-color: var(--color-white);
}
@media (any-hover: hover) {
  .c-tab__button:hover {
    background-color: var(--color-white);
  }
}
.c-tab__content {
  display: none;
  padding-top: 5.1282051282vw;
}
.c-tab__content.active {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-tab {
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 60px;
    gap: 12px;
  }
  .c-tab__button {
    padding: 22px 20px;
    max-width: 100%;
    font-size: 1.25rem;
  }
  .c-tab__content {
    padding-top: 50px;
  }
}

.c-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.1025641026vw;
}
.c-news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 4.1025641026vw;
  gap: 5.1282051282vw;
  font-size: 4.1025641026vw;
  border-bottom: 0.2564102564vw solid var(--color-blue-tertiary);
}
.c-news-list__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.c-news-list__date {
  width: 21.7948717949vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .c-news-list {
    gap: 12px;
  }
  .c-news-list__item {
    padding-bottom: 12px;
    gap: 20px;
    font-size: 1rem;
    border-width: 1px;
  }
  .c-news-list__date {
    width: 85px;
  }
}

.p-mainvisual {
  position: relative;
  width: 100%;
  height: 110.2564102564vw;
  overflow: hidden;
}
.p-mainvisual::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 17.9487179487vw;
  background-image: url(/cycy/assets/img/top/bg-wave.svg);
  background-repeat: no-repeat;
}
.p-mainvisual__content {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-mainvisual__bike {
  position: absolute;
  z-index: 1;
  top: 46.1538461538vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 41.0256410256vw;
}
.p-mainvisual__bike img {
  display: block;
  width: 100%;
  height: auto;
}
.p-mainvisual__hibiscus {
  position: absolute;
  z-index: 2;
}
.p-mainvisual__hibiscus--left {
  bottom: -3.0769230769vw;
  left: -2.5641025641vw;
  width: 44.8717948718vw;
}
.p-mainvisual__hibiscus--right {
  bottom: 0;
  right: -1.7948717949vw;
  width: 43.5897435897vw;
}
.p-mainvisual__hibiscus img {
  display: block;
  width: 100%;
  height: auto;
}
.p-mainvisual__play-button {
  position: absolute;
  top: 15.3846153846vw;
  right: 4.6153846154vw;
  z-index: 10;
}
.p-mainvisual__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 102.5641025641vw;
}
.p-mainvisual__background .c-scroll-infinity__item {
  width: 364.1025641026vw;
}
.p-mainvisual__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-mainvisual {
    height: 770px;
  }
  .p-mainvisual::after {
    height: 215px;
  }
  .p-mainvisual__bike {
    top: 300px;
    width: 270px;
  }
  .p-mainvisual__hibiscus--left {
    bottom: -12px;
    left: -30px;
    width: 440px;
  }
  .p-mainvisual__hibiscus--right {
    bottom: 0;
    right: -10px;
    width: 441px;
  }
  .p-mainvisual__play-button {
    top: 78px;
    right: 60px;
    z-index: 100;
  }
  .p-mainvisual__background {
    height: 675px;
  }
  .p-mainvisual__background .c-scroll-infinity__item {
    width: 2400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-mainvisual__play-button {
    top: 90px;
    right: min(60px, 4.3%);
    z-index: 10;
  }
}

.p-box {
  padding: 10.2564102564vw 6.4102564103vw;
  border-radius: 5.1282051282vw;
  background-color: var(--color-white);
}
.p-box--narrow {
  padding: 7.6923076923vw 5.1282051282vw;
  border-radius: 10px;
}
.p-box--very-narrow {
  padding: 4.6153846154vw 5.1282051282vw;
  border-radius: 2.5641025641vw;
}
.p-box--evenly {
  padding: 5.1282051282vw;
  border-radius: 2.5641025641vw;
}
.p-box--long-top {
  padding: 15.3846153846vw 5.1282051282vw 7.6923076923vw;
  border-radius: 2.5641025641vw;
}
@media screen and (min-width: 768px) {
  .p-box {
    padding: 40px;
    border-radius: 20px;
  }
  .p-box--narrow {
    padding: 40px 20px 30px;
  }
  .p-box--very-narrow {
    padding: 10px 20px;
    border-radius: 10px;
  }
  .p-box--evenly {
    padding: 20px 40px;
    border-radius: 10px;
  }
  .p-box--long-top {
    padding: 35px 20px 30px 280px;
    border-radius: 10px;
  }
}

/* grid
========================================================= */
.p-grid {
  --col-num: 1;
  --gap: 0;
  display: grid;
  grid-template-columns: repeat(var(--col-num), 1fr);
  gap: var(--gap);
  width: 100%;
}
.p-grid--gap-16 {
  --gap: calc(16/390*100vw);
}
.p-grid--gap-20 {
  --gap: calc(20/390*100vw);
}
.p-grid--gap-30 {
  --gap: calc(30/390*100vw);
}
.p-grid--gap-35 {
  --gap: calc(35/390*100vw);
}
.p-grid--gap-55 {
  --gap: calc(55/390*100vw);
}
.p-grid--gap-60 {
  --gap: calc(60/390*100vw);
}
.p-grid--gap-10-8 {
  --gap: calc(10/390*100vw) calc(8/390*100vw);
}
.p-grid--gap-20-30 {
  --gap: calc(20/390*100vw) calc(30/390*100vw);
}
.p-grid--center {
  justify-items: center;
}
.p-grid--middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-grid--col-sp-2 {
    --col-num: 2;
  }
  .p-grid--sp-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-grid--sp-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .p-grid--col-2 {
    --col-num: 2;
  }
  .p-grid--col-3 {
    --col-num: 3;
  }
  .p-grid--gap-16 {
    --gap: 16px;
  }
  .p-grid--gap-20 {
    --gap: 20px;
  }
  .p-grid--gap-30 {
    --gap: 30px;
  }
  .p-grid--gap-35 {
    --gap: 35px;
  }
  .p-grid--gap-55 {
    --gap: 55px;
  }
  .p-grid--gap-60 {
    --gap: 60px;
  }
  .p-grid--gap-10-8 {
    --gap: 10px 8px;
  }
  .p-grid--gap-20-30 {
    --gap: 20px 30px;
  }
  .p-grid--gap-pc-20 {
    --gap: 20px;
  }
  .p-grid--gap-pc-30 {
    --gap: 30px;
  }
  .p-grid--gap-pc-40 {
    --gap: 40px;
  }
  .p-grid--gap-pc-20-30 {
    --gap: 20px;
  }
  .p-grid--gap-pc-70-30 {
    --gap: 70px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-grid--col-2 {
    --col-num: 1;
  }
  .p-grid--col-3 {
    --col-num: 1;
  }
}

/* flex
========================================================= */
.p-flex {
  --col-num: 1;
  --gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.p-flex--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-flex--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-flex--justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-flex--justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.p-flex--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-flex--align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-flex--align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.p-flex--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.p-flex--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-flex--gap-16 {
  --gap: calc(16/390*100vw);
}
.p-flex--gap-20 {
  --gap: calc(20/390*100vw);
}
.p-flex--gap-30 {
  --gap: calc(30/390*100vw);
}
.p-flex--gap-35 {
  --gap: calc(35/390*100vw);
}
.p-flex--gap-55 {
  --gap: calc(55/390*100vw);
}
.p-flex--gap-60 {
  --gap: calc(60/390*100vw);
}
@media screen and (min-width: 768px) {
  .p-flex--gap-16 {
    --gap: 16px;
  }
  .p-flex--gap-20 {
    --gap: 20px;
  }
  .p-flex--gap-30 {
    --gap: 30px;
  }
  .p-flex--gap-35 {
    --gap: 35px;
  }
  .p-flex--gap-55 {
    --gap: 55px;
  }
  .p-flex--gap-60 {
    --gap: 60px;
  }
}

.p-download {
  background-color: var(--color-yellow);
  border-radius: 5.1282051282vw;
  padding: 10.7692307692vw 6.4102564103vw 8.2051282051vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.1282051282vw;
}
.p-download__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5641025641vw;
  width: 100%;
}
.p-download__title {
  font-weight: var(--fw-bold);
  font-size: 5.1282051282vw;
  color: var(--color-blue-primary);
  text-align: center;
}
.p-download__description {
  font-weight: var(--fw-regular);
  font-size: 3.8461538462vw;
  color: var(--color-blue-primary);
}
.p-download__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6.1538461538vw;
  width: 100%;
}
.p-download__logo {
  width: 25.641025641vw;
  height: 25.641025641vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-download__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-download__text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.0256410256vw;
}
.p-download__text-main {
  font-weight: var(--fw-bold);
  font-size: 5.1282051282vw;
  color: var(--color-blue-primary);
}
.p-download__text-sub {
  font-weight: var(--fw-regular);
  font-size: 4.1025641026vw;
  color: var(--color-blue-primary);
}
.p-download__badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5641025641vw;
  width: 100%;
}
.p-download__badge-link {
  width: 35.8974358974vw;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-download__badge-link img {
  display: block;
  width: 100%;
  height: auto;
}
@media (any-hover: hover) {
  .p-download__badge-link:hover {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@media screen and (max-width: 767px) {
  .p-download__description {
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) {
  .p-download {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 20px;
    padding: 40px 60px;
    gap: 20px;
  }
  .p-download__head {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    min-width: 325px;
    max-width: 470px;
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .p-download__title {
    font-size: 1.375rem;
    text-align: left;
  }
  .p-download__description {
    font-size: 1rem;
  }
  .p-download__body {
    max-width: 470px;
    gap: 25px;
  }
  .p-download__logo {
    width: 100px;
    height: 100px;
  }
  .p-download__content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .p-download__text-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 18px;
    width: auto;
  }
  .p-download__text-main {
    font-size: 1.25rem;
  }
  .p-download__text-sub {
    font-size: 1rem;
  }
  .p-download__badges {
    gap: 18px;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .p-download__badge-link {
    width: 153.75px;
    height: 50px;
  }
}

.p-image-with-link {
  border: 3px solid var(--color-white);
  border-radius: 20px;
  overflow: hidden;
}
.p-image-with-link__link {
  display: block;
  position: relative;
  padding: 48px 25px;
  color: var(--color-white);
}
@media (any-hover: hover) {
  .p-image-with-link__link:hover .p-image-with-link__image img {
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}
.p-image-with-link__text-group {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-image-with-link__text-main {
  font-size: 3.125rem;
  line-height: var(--lh-xs);
}
.p-image-with-link__text-sub {
  font-size: 1.125rem;
  font-weight: var(--font-weight-bold);
}
.p-image-with-link__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-image-with-link__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
@media screen and (min-width: 768px) {
  .p-image-with-link__link {
    padding: 72px 60px;
  }
  .p-image-with-link__text-main {
    font-size: 3.375rem;
  }
  .p-image-with-link__text-sub {
    font-size: 1.3125rem;
  }
}

/* 幅
----------------------------------------------- */
.u-width-full {
  width: 100% !important;
}

.u-width-half {
  width: 50% !important;
}

.u-width-270 {
  width: 69.2307692308vw !important;
}

@media screen and (min-width: 768px) {
  .u-width-270 {
    width: 270px !important;
  }
  .u-width-pc-360 {
    width: 360px !important;
  }
  .u-width-pc-370 {
    width: 370px !important;
  }
}
/* マージン
----------------------------------------------- */
.u-mt-auto {
  margin-top: auto !important;
}

.u-mt-0 {
  margin-top: calc(0 / 390 * 100vw) !important;
}

.u-ml-0 {
  margin-left: calc(0 / 390 * 100vw) !important;
}

.u-mt-4 {
  margin-top: calc(4 / 390 * 100vw) !important;
}

.u-ml-4 {
  margin-left: calc(4 / 390 * 100vw) !important;
}

.u-mt-8 {
  margin-top: calc(8 / 390 * 100vw) !important;
}

.u-ml-8 {
  margin-left: calc(8 / 390 * 100vw) !important;
}

.u-mt-12 {
  margin-top: calc(12 / 390 * 100vw) !important;
}

.u-ml-12 {
  margin-left: calc(12 / 390 * 100vw) !important;
}

.u-mt-16 {
  margin-top: calc(16 / 390 * 100vw) !important;
}

.u-ml-16 {
  margin-left: calc(16 / 390 * 100vw) !important;
}

.u-mt-20 {
  margin-top: calc(20 / 390 * 100vw) !important;
}

.u-ml-20 {
  margin-left: calc(20 / 390 * 100vw) !important;
}

.u-mt-24 {
  margin-top: calc(24 / 390 * 100vw) !important;
}

.u-ml-24 {
  margin-left: calc(24 / 390 * 100vw) !important;
}

.u-mt-28 {
  margin-top: calc(28 / 390 * 100vw) !important;
}

.u-ml-28 {
  margin-left: calc(28 / 390 * 100vw) !important;
}

.u-mt-32 {
  margin-top: calc(32 / 390 * 100vw) !important;
}

.u-ml-32 {
  margin-left: calc(32 / 390 * 100vw) !important;
}

.u-mt-36 {
  margin-top: calc(36 / 390 * 100vw) !important;
}

.u-ml-36 {
  margin-left: calc(36 / 390 * 100vw) !important;
}

.u-mt-40 {
  margin-top: calc(40 / 390 * 100vw) !important;
}

.u-ml-40 {
  margin-left: calc(40 / 390 * 100vw) !important;
}

.u-mt-44 {
  margin-top: calc(44 / 390 * 100vw) !important;
}

.u-ml-44 {
  margin-left: calc(44 / 390 * 100vw) !important;
}

.u-mt-48 {
  margin-top: calc(48 / 390 * 100vw) !important;
}

.u-ml-48 {
  margin-left: calc(48 / 390 * 100vw) !important;
}

.u-mt-52 {
  margin-top: calc(52 / 390 * 100vw) !important;
}

.u-ml-52 {
  margin-left: calc(52 / 390 * 100vw) !important;
}

.u-mt-56 {
  margin-top: calc(56 / 390 * 100vw) !important;
}

.u-ml-56 {
  margin-left: calc(56 / 390 * 100vw) !important;
}

.u-mt-60 {
  margin-top: calc(60 / 390 * 100vw) !important;
}

.u-ml-60 {
  margin-left: calc(60 / 390 * 100vw) !important;
}

.u-mt-64 {
  margin-top: calc(64 / 390 * 100vw) !important;
}

.u-ml-64 {
  margin-left: calc(64 / 390 * 100vw) !important;
}

.u-mt-68 {
  margin-top: calc(68 / 390 * 100vw) !important;
}

.u-ml-68 {
  margin-left: calc(68 / 390 * 100vw) !important;
}

.u-mt-72 {
  margin-top: calc(72 / 390 * 100vw) !important;
}

.u-ml-72 {
  margin-left: calc(72 / 390 * 100vw) !important;
}

.u-mt-76 {
  margin-top: calc(76 / 390 * 100vw) !important;
}

.u-ml-76 {
  margin-left: calc(76 / 390 * 100vw) !important;
}

.u-mt-80 {
  margin-top: calc(80 / 390 * 100vw) !important;
}

.u-ml-80 {
  margin-left: calc(80 / 390 * 100vw) !important;
}

.u-mt-84 {
  margin-top: calc(84 / 390 * 100vw) !important;
}

.u-ml-84 {
  margin-left: calc(84 / 390 * 100vw) !important;
}

.u-mt-88 {
  margin-top: calc(88 / 390 * 100vw) !important;
}

.u-ml-88 {
  margin-left: calc(88 / 390 * 100vw) !important;
}

.u-mt-92 {
  margin-top: calc(92 / 390 * 100vw) !important;
}

.u-ml-92 {
  margin-left: calc(92 / 390 * 100vw) !important;
}

.u-mt-96 {
  margin-top: calc(96 / 390 * 100vw) !important;
}

.u-ml-96 {
  margin-left: calc(96 / 390 * 100vw) !important;
}

.u-mt-100 {
  margin-top: calc(100 / 390 * 100vw) !important;
}

.u-ml-100 {
  margin-left: calc(100 / 390 * 100vw) !important;
}

.u-mt-104 {
  margin-top: calc(104 / 390 * 100vw) !important;
}

.u-ml-104 {
  margin-left: calc(104 / 390 * 100vw) !important;
}

.u-mt-108 {
  margin-top: calc(108 / 390 * 100vw) !important;
}

.u-ml-108 {
  margin-left: calc(108 / 390 * 100vw) !important;
}

.u-mt-112 {
  margin-top: calc(112 / 390 * 100vw) !important;
}

.u-ml-112 {
  margin-left: calc(112 / 390 * 100vw) !important;
}

.u-mt-116 {
  margin-top: calc(116 / 390 * 100vw) !important;
}

.u-ml-116 {
  margin-left: calc(116 / 390 * 100vw) !important;
}

.u-mt-120 {
  margin-top: calc(120 / 390 * 100vw) !important;
}

.u-ml-120 {
  margin-left: calc(120 / 390 * 100vw) !important;
}

@media screen and (min-width: 768px) {
  .u-mt-0 {
    margin-top: 0px !important;
  }
  .u-ml-0 {
    margin-left: 0px !important;
  }
  .u-mt-4 {
    margin-top: 4px !important;
  }
  .u-ml-4 {
    margin-left: 4px !important;
  }
  .u-mt-8 {
    margin-top: 8px !important;
  }
  .u-ml-8 {
    margin-left: 8px !important;
  }
  .u-mt-12 {
    margin-top: 12px !important;
  }
  .u-ml-12 {
    margin-left: 12px !important;
  }
  .u-mt-16 {
    margin-top: 16px !important;
  }
  .u-ml-16 {
    margin-left: 16px !important;
  }
  .u-mt-20 {
    margin-top: 20px !important;
  }
  .u-ml-20 {
    margin-left: 20px !important;
  }
  .u-mt-24 {
    margin-top: 24px !important;
  }
  .u-ml-24 {
    margin-left: 24px !important;
  }
  .u-mt-28 {
    margin-top: 28px !important;
  }
  .u-ml-28 {
    margin-left: 28px !important;
  }
  .u-mt-32 {
    margin-top: 32px !important;
  }
  .u-ml-32 {
    margin-left: 32px !important;
  }
  .u-mt-36 {
    margin-top: 36px !important;
  }
  .u-ml-36 {
    margin-left: 36px !important;
  }
  .u-mt-40 {
    margin-top: 40px !important;
  }
  .u-ml-40 {
    margin-left: 40px !important;
  }
  .u-mt-44 {
    margin-top: 44px !important;
  }
  .u-ml-44 {
    margin-left: 44px !important;
  }
  .u-mt-48 {
    margin-top: 48px !important;
  }
  .u-ml-48 {
    margin-left: 48px !important;
  }
  .u-mt-52 {
    margin-top: 52px !important;
  }
  .u-ml-52 {
    margin-left: 52px !important;
  }
  .u-mt-56 {
    margin-top: 56px !important;
  }
  .u-ml-56 {
    margin-left: 56px !important;
  }
  .u-mt-60 {
    margin-top: 60px !important;
  }
  .u-ml-60 {
    margin-left: 60px !important;
  }
  .u-mt-64 {
    margin-top: 64px !important;
  }
  .u-ml-64 {
    margin-left: 64px !important;
  }
  .u-mt-68 {
    margin-top: 68px !important;
  }
  .u-ml-68 {
    margin-left: 68px !important;
  }
  .u-mt-72 {
    margin-top: 72px !important;
  }
  .u-ml-72 {
    margin-left: 72px !important;
  }
  .u-mt-76 {
    margin-top: 76px !important;
  }
  .u-ml-76 {
    margin-left: 76px !important;
  }
  .u-mt-80 {
    margin-top: 80px !important;
  }
  .u-ml-80 {
    margin-left: 80px !important;
  }
  .u-mt-84 {
    margin-top: 84px !important;
  }
  .u-ml-84 {
    margin-left: 84px !important;
  }
  .u-mt-88 {
    margin-top: 88px !important;
  }
  .u-ml-88 {
    margin-left: 88px !important;
  }
  .u-mt-92 {
    margin-top: 92px !important;
  }
  .u-ml-92 {
    margin-left: 92px !important;
  }
  .u-mt-96 {
    margin-top: 96px !important;
  }
  .u-ml-96 {
    margin-left: 96px !important;
  }
  .u-mt-100 {
    margin-top: 100px !important;
  }
  .u-ml-100 {
    margin-left: 100px !important;
  }
  .u-mt-104 {
    margin-top: 104px !important;
  }
  .u-ml-104 {
    margin-left: 104px !important;
  }
  .u-mt-108 {
    margin-top: 108px !important;
  }
  .u-ml-108 {
    margin-left: 108px !important;
  }
  .u-mt-112 {
    margin-top: 112px !important;
  }
  .u-ml-112 {
    margin-left: 112px !important;
  }
  .u-mt-116 {
    margin-top: 116px !important;
  }
  .u-ml-116 {
    margin-left: 116px !important;
  }
  .u-mt-120 {
    margin-top: 120px !important;
  }
  .u-ml-120 {
    margin-left: 120px !important;
  }
}
/* パディング
----------------------------------------------- */
.u-p-0 {
  padding: calc(0 / 390 * 100vw) !important;
}

.u-pt-0 {
  padding-top: calc(0 / 390 * 100vw) !important;
}

.u-pb-0 {
  padding-bottom: calc(0 / 390 * 100vw) !important;
}

.u-pl-0 {
  padding-left: calc(0 / 390 * 100vw) !important;
}

.u-pr-0 {
  padding-right: calc(0 / 390 * 100vw) !important;
}

.u-p-inline-0 {
  padding-inline: calc(0 / 390 * 100vw) !important;
}

.u-p-block-0 {
  padding-block: calc(0 / 390 * 100vw) !important;
}

.u-p-4 {
  padding: calc(4 / 390 * 100vw) !important;
}

.u-pt-4 {
  padding-top: calc(4 / 390 * 100vw) !important;
}

.u-pb-4 {
  padding-bottom: calc(4 / 390 * 100vw) !important;
}

.u-pl-4 {
  padding-left: calc(4 / 390 * 100vw) !important;
}

.u-pr-4 {
  padding-right: calc(4 / 390 * 100vw) !important;
}

.u-p-inline-4 {
  padding-inline: calc(4 / 390 * 100vw) !important;
}

.u-p-block-4 {
  padding-block: calc(4 / 390 * 100vw) !important;
}

.u-p-8 {
  padding: calc(8 / 390 * 100vw) !important;
}

.u-pt-8 {
  padding-top: calc(8 / 390 * 100vw) !important;
}

.u-pb-8 {
  padding-bottom: calc(8 / 390 * 100vw) !important;
}

.u-pl-8 {
  padding-left: calc(8 / 390 * 100vw) !important;
}

.u-pr-8 {
  padding-right: calc(8 / 390 * 100vw) !important;
}

.u-p-inline-8 {
  padding-inline: calc(8 / 390 * 100vw) !important;
}

.u-p-block-8 {
  padding-block: calc(8 / 390 * 100vw) !important;
}

.u-p-12 {
  padding: calc(12 / 390 * 100vw) !important;
}

.u-pt-12 {
  padding-top: calc(12 / 390 * 100vw) !important;
}

.u-pb-12 {
  padding-bottom: calc(12 / 390 * 100vw) !important;
}

.u-pl-12 {
  padding-left: calc(12 / 390 * 100vw) !important;
}

.u-pr-12 {
  padding-right: calc(12 / 390 * 100vw) !important;
}

.u-p-inline-12 {
  padding-inline: calc(12 / 390 * 100vw) !important;
}

.u-p-block-12 {
  padding-block: calc(12 / 390 * 100vw) !important;
}

.u-p-16 {
  padding: calc(16 / 390 * 100vw) !important;
}

.u-pt-16 {
  padding-top: calc(16 / 390 * 100vw) !important;
}

.u-pb-16 {
  padding-bottom: calc(16 / 390 * 100vw) !important;
}

.u-pl-16 {
  padding-left: calc(16 / 390 * 100vw) !important;
}

.u-pr-16 {
  padding-right: calc(16 / 390 * 100vw) !important;
}

.u-p-inline-16 {
  padding-inline: calc(16 / 390 * 100vw) !important;
}

.u-p-block-16 {
  padding-block: calc(16 / 390 * 100vw) !important;
}

.u-p-20 {
  padding: calc(20 / 390 * 100vw) !important;
}

.u-pt-20 {
  padding-top: calc(20 / 390 * 100vw) !important;
}

.u-pb-20 {
  padding-bottom: calc(20 / 390 * 100vw) !important;
}

.u-pl-20 {
  padding-left: calc(20 / 390 * 100vw) !important;
}

.u-pr-20 {
  padding-right: calc(20 / 390 * 100vw) !important;
}

.u-p-inline-20 {
  padding-inline: calc(20 / 390 * 100vw) !important;
}

.u-p-block-20 {
  padding-block: calc(20 / 390 * 100vw) !important;
}

.u-p-24 {
  padding: calc(24 / 390 * 100vw) !important;
}

.u-pt-24 {
  padding-top: calc(24 / 390 * 100vw) !important;
}

.u-pb-24 {
  padding-bottom: calc(24 / 390 * 100vw) !important;
}

.u-pl-24 {
  padding-left: calc(24 / 390 * 100vw) !important;
}

.u-pr-24 {
  padding-right: calc(24 / 390 * 100vw) !important;
}

.u-p-inline-24 {
  padding-inline: calc(24 / 390 * 100vw) !important;
}

.u-p-block-24 {
  padding-block: calc(24 / 390 * 100vw) !important;
}

.u-p-28 {
  padding: calc(28 / 390 * 100vw) !important;
}

.u-pt-28 {
  padding-top: calc(28 / 390 * 100vw) !important;
}

.u-pb-28 {
  padding-bottom: calc(28 / 390 * 100vw) !important;
}

.u-pl-28 {
  padding-left: calc(28 / 390 * 100vw) !important;
}

.u-pr-28 {
  padding-right: calc(28 / 390 * 100vw) !important;
}

.u-p-inline-28 {
  padding-inline: calc(28 / 390 * 100vw) !important;
}

.u-p-block-28 {
  padding-block: calc(28 / 390 * 100vw) !important;
}

.u-p-32 {
  padding: calc(32 / 390 * 100vw) !important;
}

.u-pt-32 {
  padding-top: calc(32 / 390 * 100vw) !important;
}

.u-pb-32 {
  padding-bottom: calc(32 / 390 * 100vw) !important;
}

.u-pl-32 {
  padding-left: calc(32 / 390 * 100vw) !important;
}

.u-pr-32 {
  padding-right: calc(32 / 390 * 100vw) !important;
}

.u-p-inline-32 {
  padding-inline: calc(32 / 390 * 100vw) !important;
}

.u-p-block-32 {
  padding-block: calc(32 / 390 * 100vw) !important;
}

.u-p-36 {
  padding: calc(36 / 390 * 100vw) !important;
}

.u-pt-36 {
  padding-top: calc(36 / 390 * 100vw) !important;
}

.u-pb-36 {
  padding-bottom: calc(36 / 390 * 100vw) !important;
}

.u-pl-36 {
  padding-left: calc(36 / 390 * 100vw) !important;
}

.u-pr-36 {
  padding-right: calc(36 / 390 * 100vw) !important;
}

.u-p-inline-36 {
  padding-inline: calc(36 / 390 * 100vw) !important;
}

.u-p-block-36 {
  padding-block: calc(36 / 390 * 100vw) !important;
}

.u-p-40 {
  padding: calc(40 / 390 * 100vw) !important;
}

.u-pt-40 {
  padding-top: calc(40 / 390 * 100vw) !important;
}

.u-pb-40 {
  padding-bottom: calc(40 / 390 * 100vw) !important;
}

.u-pl-40 {
  padding-left: calc(40 / 390 * 100vw) !important;
}

.u-pr-40 {
  padding-right: calc(40 / 390 * 100vw) !important;
}

.u-p-inline-40 {
  padding-inline: calc(40 / 390 * 100vw) !important;
}

.u-p-block-40 {
  padding-block: calc(40 / 390 * 100vw) !important;
}

.u-p-44 {
  padding: calc(44 / 390 * 100vw) !important;
}

.u-pt-44 {
  padding-top: calc(44 / 390 * 100vw) !important;
}

.u-pb-44 {
  padding-bottom: calc(44 / 390 * 100vw) !important;
}

.u-pl-44 {
  padding-left: calc(44 / 390 * 100vw) !important;
}

.u-pr-44 {
  padding-right: calc(44 / 390 * 100vw) !important;
}

.u-p-inline-44 {
  padding-inline: calc(44 / 390 * 100vw) !important;
}

.u-p-block-44 {
  padding-block: calc(44 / 390 * 100vw) !important;
}

.u-p-48 {
  padding: calc(48 / 390 * 100vw) !important;
}

.u-pt-48 {
  padding-top: calc(48 / 390 * 100vw) !important;
}

.u-pb-48 {
  padding-bottom: calc(48 / 390 * 100vw) !important;
}

.u-pl-48 {
  padding-left: calc(48 / 390 * 100vw) !important;
}

.u-pr-48 {
  padding-right: calc(48 / 390 * 100vw) !important;
}

.u-p-inline-48 {
  padding-inline: calc(48 / 390 * 100vw) !important;
}

.u-p-block-48 {
  padding-block: calc(48 / 390 * 100vw) !important;
}

.u-p-52 {
  padding: calc(52 / 390 * 100vw) !important;
}

.u-pt-52 {
  padding-top: calc(52 / 390 * 100vw) !important;
}

.u-pb-52 {
  padding-bottom: calc(52 / 390 * 100vw) !important;
}

.u-pl-52 {
  padding-left: calc(52 / 390 * 100vw) !important;
}

.u-pr-52 {
  padding-right: calc(52 / 390 * 100vw) !important;
}

.u-p-inline-52 {
  padding-inline: calc(52 / 390 * 100vw) !important;
}

.u-p-block-52 {
  padding-block: calc(52 / 390 * 100vw) !important;
}

.u-p-56 {
  padding: calc(56 / 390 * 100vw) !important;
}

.u-pt-56 {
  padding-top: calc(56 / 390 * 100vw) !important;
}

.u-pb-56 {
  padding-bottom: calc(56 / 390 * 100vw) !important;
}

.u-pl-56 {
  padding-left: calc(56 / 390 * 100vw) !important;
}

.u-pr-56 {
  padding-right: calc(56 / 390 * 100vw) !important;
}

.u-p-inline-56 {
  padding-inline: calc(56 / 390 * 100vw) !important;
}

.u-p-block-56 {
  padding-block: calc(56 / 390 * 100vw) !important;
}

.u-p-60 {
  padding: calc(60 / 390 * 100vw) !important;
}

.u-pt-60 {
  padding-top: calc(60 / 390 * 100vw) !important;
}

.u-pb-60 {
  padding-bottom: calc(60 / 390 * 100vw) !important;
}

.u-pl-60 {
  padding-left: calc(60 / 390 * 100vw) !important;
}

.u-pr-60 {
  padding-right: calc(60 / 390 * 100vw) !important;
}

.u-p-inline-60 {
  padding-inline: calc(60 / 390 * 100vw) !important;
}

.u-p-block-60 {
  padding-block: calc(60 / 390 * 100vw) !important;
}

.u-p-64 {
  padding: calc(64 / 390 * 100vw) !important;
}

.u-pt-64 {
  padding-top: calc(64 / 390 * 100vw) !important;
}

.u-pb-64 {
  padding-bottom: calc(64 / 390 * 100vw) !important;
}

.u-pl-64 {
  padding-left: calc(64 / 390 * 100vw) !important;
}

.u-pr-64 {
  padding-right: calc(64 / 390 * 100vw) !important;
}

.u-p-inline-64 {
  padding-inline: calc(64 / 390 * 100vw) !important;
}

.u-p-block-64 {
  padding-block: calc(64 / 390 * 100vw) !important;
}

.u-p-68 {
  padding: calc(68 / 390 * 100vw) !important;
}

.u-pt-68 {
  padding-top: calc(68 / 390 * 100vw) !important;
}

.u-pb-68 {
  padding-bottom: calc(68 / 390 * 100vw) !important;
}

.u-pl-68 {
  padding-left: calc(68 / 390 * 100vw) !important;
}

.u-pr-68 {
  padding-right: calc(68 / 390 * 100vw) !important;
}

.u-p-inline-68 {
  padding-inline: calc(68 / 390 * 100vw) !important;
}

.u-p-block-68 {
  padding-block: calc(68 / 390 * 100vw) !important;
}

.u-p-72 {
  padding: calc(72 / 390 * 100vw) !important;
}

.u-pt-72 {
  padding-top: calc(72 / 390 * 100vw) !important;
}

.u-pb-72 {
  padding-bottom: calc(72 / 390 * 100vw) !important;
}

.u-pl-72 {
  padding-left: calc(72 / 390 * 100vw) !important;
}

.u-pr-72 {
  padding-right: calc(72 / 390 * 100vw) !important;
}

.u-p-inline-72 {
  padding-inline: calc(72 / 390 * 100vw) !important;
}

.u-p-block-72 {
  padding-block: calc(72 / 390 * 100vw) !important;
}

.u-p-76 {
  padding: calc(76 / 390 * 100vw) !important;
}

.u-pt-76 {
  padding-top: calc(76 / 390 * 100vw) !important;
}

.u-pb-76 {
  padding-bottom: calc(76 / 390 * 100vw) !important;
}

.u-pl-76 {
  padding-left: calc(76 / 390 * 100vw) !important;
}

.u-pr-76 {
  padding-right: calc(76 / 390 * 100vw) !important;
}

.u-p-inline-76 {
  padding-inline: calc(76 / 390 * 100vw) !important;
}

.u-p-block-76 {
  padding-block: calc(76 / 390 * 100vw) !important;
}

.u-p-80 {
  padding: calc(80 / 390 * 100vw) !important;
}

.u-pt-80 {
  padding-top: calc(80 / 390 * 100vw) !important;
}

.u-pb-80 {
  padding-bottom: calc(80 / 390 * 100vw) !important;
}

.u-pl-80 {
  padding-left: calc(80 / 390 * 100vw) !important;
}

.u-pr-80 {
  padding-right: calc(80 / 390 * 100vw) !important;
}

.u-p-inline-80 {
  padding-inline: calc(80 / 390 * 100vw) !important;
}

.u-p-block-80 {
  padding-block: calc(80 / 390 * 100vw) !important;
}

.u-p-84 {
  padding: calc(84 / 390 * 100vw) !important;
}

.u-pt-84 {
  padding-top: calc(84 / 390 * 100vw) !important;
}

.u-pb-84 {
  padding-bottom: calc(84 / 390 * 100vw) !important;
}

.u-pl-84 {
  padding-left: calc(84 / 390 * 100vw) !important;
}

.u-pr-84 {
  padding-right: calc(84 / 390 * 100vw) !important;
}

.u-p-inline-84 {
  padding-inline: calc(84 / 390 * 100vw) !important;
}

.u-p-block-84 {
  padding-block: calc(84 / 390 * 100vw) !important;
}

.u-p-88 {
  padding: calc(88 / 390 * 100vw) !important;
}

.u-pt-88 {
  padding-top: calc(88 / 390 * 100vw) !important;
}

.u-pb-88 {
  padding-bottom: calc(88 / 390 * 100vw) !important;
}

.u-pl-88 {
  padding-left: calc(88 / 390 * 100vw) !important;
}

.u-pr-88 {
  padding-right: calc(88 / 390 * 100vw) !important;
}

.u-p-inline-88 {
  padding-inline: calc(88 / 390 * 100vw) !important;
}

.u-p-block-88 {
  padding-block: calc(88 / 390 * 100vw) !important;
}

.u-p-92 {
  padding: calc(92 / 390 * 100vw) !important;
}

.u-pt-92 {
  padding-top: calc(92 / 390 * 100vw) !important;
}

.u-pb-92 {
  padding-bottom: calc(92 / 390 * 100vw) !important;
}

.u-pl-92 {
  padding-left: calc(92 / 390 * 100vw) !important;
}

.u-pr-92 {
  padding-right: calc(92 / 390 * 100vw) !important;
}

.u-p-inline-92 {
  padding-inline: calc(92 / 390 * 100vw) !important;
}

.u-p-block-92 {
  padding-block: calc(92 / 390 * 100vw) !important;
}

.u-p-96 {
  padding: calc(96 / 390 * 100vw) !important;
}

.u-pt-96 {
  padding-top: calc(96 / 390 * 100vw) !important;
}

.u-pb-96 {
  padding-bottom: calc(96 / 390 * 100vw) !important;
}

.u-pl-96 {
  padding-left: calc(96 / 390 * 100vw) !important;
}

.u-pr-96 {
  padding-right: calc(96 / 390 * 100vw) !important;
}

.u-p-inline-96 {
  padding-inline: calc(96 / 390 * 100vw) !important;
}

.u-p-block-96 {
  padding-block: calc(96 / 390 * 100vw) !important;
}

.u-p-100 {
  padding: calc(100 / 390 * 100vw) !important;
}

.u-pt-100 {
  padding-top: calc(100 / 390 * 100vw) !important;
}

.u-pb-100 {
  padding-bottom: calc(100 / 390 * 100vw) !important;
}

.u-pl-100 {
  padding-left: calc(100 / 390 * 100vw) !important;
}

.u-pr-100 {
  padding-right: calc(100 / 390 * 100vw) !important;
}

.u-p-inline-100 {
  padding-inline: calc(100 / 390 * 100vw) !important;
}

.u-p-block-100 {
  padding-block: calc(100 / 390 * 100vw) !important;
}

.u-p-104 {
  padding: calc(104 / 390 * 100vw) !important;
}

.u-pt-104 {
  padding-top: calc(104 / 390 * 100vw) !important;
}

.u-pb-104 {
  padding-bottom: calc(104 / 390 * 100vw) !important;
}

.u-pl-104 {
  padding-left: calc(104 / 390 * 100vw) !important;
}

.u-pr-104 {
  padding-right: calc(104 / 390 * 100vw) !important;
}

.u-p-inline-104 {
  padding-inline: calc(104 / 390 * 100vw) !important;
}

.u-p-block-104 {
  padding-block: calc(104 / 390 * 100vw) !important;
}

.u-p-108 {
  padding: calc(108 / 390 * 100vw) !important;
}

.u-pt-108 {
  padding-top: calc(108 / 390 * 100vw) !important;
}

.u-pb-108 {
  padding-bottom: calc(108 / 390 * 100vw) !important;
}

.u-pl-108 {
  padding-left: calc(108 / 390 * 100vw) !important;
}

.u-pr-108 {
  padding-right: calc(108 / 390 * 100vw) !important;
}

.u-p-inline-108 {
  padding-inline: calc(108 / 390 * 100vw) !important;
}

.u-p-block-108 {
  padding-block: calc(108 / 390 * 100vw) !important;
}

.u-p-112 {
  padding: calc(112 / 390 * 100vw) !important;
}

.u-pt-112 {
  padding-top: calc(112 / 390 * 100vw) !important;
}

.u-pb-112 {
  padding-bottom: calc(112 / 390 * 100vw) !important;
}

.u-pl-112 {
  padding-left: calc(112 / 390 * 100vw) !important;
}

.u-pr-112 {
  padding-right: calc(112 / 390 * 100vw) !important;
}

.u-p-inline-112 {
  padding-inline: calc(112 / 390 * 100vw) !important;
}

.u-p-block-112 {
  padding-block: calc(112 / 390 * 100vw) !important;
}

.u-p-116 {
  padding: calc(116 / 390 * 100vw) !important;
}

.u-pt-116 {
  padding-top: calc(116 / 390 * 100vw) !important;
}

.u-pb-116 {
  padding-bottom: calc(116 / 390 * 100vw) !important;
}

.u-pl-116 {
  padding-left: calc(116 / 390 * 100vw) !important;
}

.u-pr-116 {
  padding-right: calc(116 / 390 * 100vw) !important;
}

.u-p-inline-116 {
  padding-inline: calc(116 / 390 * 100vw) !important;
}

.u-p-block-116 {
  padding-block: calc(116 / 390 * 100vw) !important;
}

.u-p-120 {
  padding: calc(120 / 390 * 100vw) !important;
}

.u-pt-120 {
  padding-top: calc(120 / 390 * 100vw) !important;
}

.u-pb-120 {
  padding-bottom: calc(120 / 390 * 100vw) !important;
}

.u-pl-120 {
  padding-left: calc(120 / 390 * 100vw) !important;
}

.u-pr-120 {
  padding-right: calc(120 / 390 * 100vw) !important;
}

.u-p-inline-120 {
  padding-inline: calc(120 / 390 * 100vw) !important;
}

.u-p-block-120 {
  padding-block: calc(120 / 390 * 100vw) !important;
}

@media screen and (min-width: 768px) {
  .u-p-0 {
    padding: 0px !important;
  }
  .u-pt-0 {
    padding-top: 0px !important;
  }
  .u-pb-0 {
    padding-bottom: 0px !important;
  }
  .u-pl-0 {
    padding-left: 0px !important;
  }
  .u-pr-0 {
    padding-right: 0px !important;
  }
  .u-p-inline-0 {
    padding-inline: 0px !important;
  }
  .u-p-block-0 {
    padding-block: 0px !important;
  }
  .u-p-4 {
    padding: 4px !important;
  }
  .u-pt-4 {
    padding-top: 4px !important;
  }
  .u-pb-4 {
    padding-bottom: 4px !important;
  }
  .u-pl-4 {
    padding-left: 4px !important;
  }
  .u-pr-4 {
    padding-right: 4px !important;
  }
  .u-p-inline-4 {
    padding-inline: 4px !important;
  }
  .u-p-block-4 {
    padding-block: 4px !important;
  }
  .u-p-8 {
    padding: 8px !important;
  }
  .u-pt-8 {
    padding-top: 8px !important;
  }
  .u-pb-8 {
    padding-bottom: 8px !important;
  }
  .u-pl-8 {
    padding-left: 8px !important;
  }
  .u-pr-8 {
    padding-right: 8px !important;
  }
  .u-p-inline-8 {
    padding-inline: 8px !important;
  }
  .u-p-block-8 {
    padding-block: 8px !important;
  }
  .u-p-12 {
    padding: 12px !important;
  }
  .u-pt-12 {
    padding-top: 12px !important;
  }
  .u-pb-12 {
    padding-bottom: 12px !important;
  }
  .u-pl-12 {
    padding-left: 12px !important;
  }
  .u-pr-12 {
    padding-right: 12px !important;
  }
  .u-p-inline-12 {
    padding-inline: 12px !important;
  }
  .u-p-block-12 {
    padding-block: 12px !important;
  }
  .u-p-16 {
    padding: 16px !important;
  }
  .u-pt-16 {
    padding-top: 16px !important;
  }
  .u-pb-16 {
    padding-bottom: 16px !important;
  }
  .u-pl-16 {
    padding-left: 16px !important;
  }
  .u-pr-16 {
    padding-right: 16px !important;
  }
  .u-p-inline-16 {
    padding-inline: 16px !important;
  }
  .u-p-block-16 {
    padding-block: 16px !important;
  }
  .u-p-20 {
    padding: 20px !important;
  }
  .u-pt-20 {
    padding-top: 20px !important;
  }
  .u-pb-20 {
    padding-bottom: 20px !important;
  }
  .u-pl-20 {
    padding-left: 20px !important;
  }
  .u-pr-20 {
    padding-right: 20px !important;
  }
  .u-p-inline-20 {
    padding-inline: 20px !important;
  }
  .u-p-block-20 {
    padding-block: 20px !important;
  }
  .u-p-24 {
    padding: 24px !important;
  }
  .u-pt-24 {
    padding-top: 24px !important;
  }
  .u-pb-24 {
    padding-bottom: 24px !important;
  }
  .u-pl-24 {
    padding-left: 24px !important;
  }
  .u-pr-24 {
    padding-right: 24px !important;
  }
  .u-p-inline-24 {
    padding-inline: 24px !important;
  }
  .u-p-block-24 {
    padding-block: 24px !important;
  }
  .u-p-28 {
    padding: 28px !important;
  }
  .u-pt-28 {
    padding-top: 28px !important;
  }
  .u-pb-28 {
    padding-bottom: 28px !important;
  }
  .u-pl-28 {
    padding-left: 28px !important;
  }
  .u-pr-28 {
    padding-right: 28px !important;
  }
  .u-p-inline-28 {
    padding-inline: 28px !important;
  }
  .u-p-block-28 {
    padding-block: 28px !important;
  }
  .u-p-32 {
    padding: 32px !important;
  }
  .u-pt-32 {
    padding-top: 32px !important;
  }
  .u-pb-32 {
    padding-bottom: 32px !important;
  }
  .u-pl-32 {
    padding-left: 32px !important;
  }
  .u-pr-32 {
    padding-right: 32px !important;
  }
  .u-p-inline-32 {
    padding-inline: 32px !important;
  }
  .u-p-block-32 {
    padding-block: 32px !important;
  }
  .u-p-36 {
    padding: 36px !important;
  }
  .u-pt-36 {
    padding-top: 36px !important;
  }
  .u-pb-36 {
    padding-bottom: 36px !important;
  }
  .u-pl-36 {
    padding-left: 36px !important;
  }
  .u-pr-36 {
    padding-right: 36px !important;
  }
  .u-p-inline-36 {
    padding-inline: 36px !important;
  }
  .u-p-block-36 {
    padding-block: 36px !important;
  }
  .u-p-40 {
    padding: 40px !important;
  }
  .u-pt-40 {
    padding-top: 40px !important;
  }
  .u-pb-40 {
    padding-bottom: 40px !important;
  }
  .u-pl-40 {
    padding-left: 40px !important;
  }
  .u-pr-40 {
    padding-right: 40px !important;
  }
  .u-p-inline-40 {
    padding-inline: 40px !important;
  }
  .u-p-block-40 {
    padding-block: 40px !important;
  }
  .u-p-44 {
    padding: 44px !important;
  }
  .u-pt-44 {
    padding-top: 44px !important;
  }
  .u-pb-44 {
    padding-bottom: 44px !important;
  }
  .u-pl-44 {
    padding-left: 44px !important;
  }
  .u-pr-44 {
    padding-right: 44px !important;
  }
  .u-p-inline-44 {
    padding-inline: 44px !important;
  }
  .u-p-block-44 {
    padding-block: 44px !important;
  }
  .u-p-48 {
    padding: 48px !important;
  }
  .u-pt-48 {
    padding-top: 48px !important;
  }
  .u-pb-48 {
    padding-bottom: 48px !important;
  }
  .u-pl-48 {
    padding-left: 48px !important;
  }
  .u-pr-48 {
    padding-right: 48px !important;
  }
  .u-p-inline-48 {
    padding-inline: 48px !important;
  }
  .u-p-block-48 {
    padding-block: 48px !important;
  }
  .u-p-52 {
    padding: 52px !important;
  }
  .u-pt-52 {
    padding-top: 52px !important;
  }
  .u-pb-52 {
    padding-bottom: 52px !important;
  }
  .u-pl-52 {
    padding-left: 52px !important;
  }
  .u-pr-52 {
    padding-right: 52px !important;
  }
  .u-p-inline-52 {
    padding-inline: 52px !important;
  }
  .u-p-block-52 {
    padding-block: 52px !important;
  }
  .u-p-56 {
    padding: 56px !important;
  }
  .u-pt-56 {
    padding-top: 56px !important;
  }
  .u-pb-56 {
    padding-bottom: 56px !important;
  }
  .u-pl-56 {
    padding-left: 56px !important;
  }
  .u-pr-56 {
    padding-right: 56px !important;
  }
  .u-p-inline-56 {
    padding-inline: 56px !important;
  }
  .u-p-block-56 {
    padding-block: 56px !important;
  }
  .u-p-60 {
    padding: 60px !important;
  }
  .u-pt-60 {
    padding-top: 60px !important;
  }
  .u-pb-60 {
    padding-bottom: 60px !important;
  }
  .u-pl-60 {
    padding-left: 60px !important;
  }
  .u-pr-60 {
    padding-right: 60px !important;
  }
  .u-p-inline-60 {
    padding-inline: 60px !important;
  }
  .u-p-block-60 {
    padding-block: 60px !important;
  }
  .u-p-64 {
    padding: 64px !important;
  }
  .u-pt-64 {
    padding-top: 64px !important;
  }
  .u-pb-64 {
    padding-bottom: 64px !important;
  }
  .u-pl-64 {
    padding-left: 64px !important;
  }
  .u-pr-64 {
    padding-right: 64px !important;
  }
  .u-p-inline-64 {
    padding-inline: 64px !important;
  }
  .u-p-block-64 {
    padding-block: 64px !important;
  }
  .u-p-68 {
    padding: 68px !important;
  }
  .u-pt-68 {
    padding-top: 68px !important;
  }
  .u-pb-68 {
    padding-bottom: 68px !important;
  }
  .u-pl-68 {
    padding-left: 68px !important;
  }
  .u-pr-68 {
    padding-right: 68px !important;
  }
  .u-p-inline-68 {
    padding-inline: 68px !important;
  }
  .u-p-block-68 {
    padding-block: 68px !important;
  }
  .u-p-72 {
    padding: 72px !important;
  }
  .u-pt-72 {
    padding-top: 72px !important;
  }
  .u-pb-72 {
    padding-bottom: 72px !important;
  }
  .u-pl-72 {
    padding-left: 72px !important;
  }
  .u-pr-72 {
    padding-right: 72px !important;
  }
  .u-p-inline-72 {
    padding-inline: 72px !important;
  }
  .u-p-block-72 {
    padding-block: 72px !important;
  }
  .u-p-76 {
    padding: 76px !important;
  }
  .u-pt-76 {
    padding-top: 76px !important;
  }
  .u-pb-76 {
    padding-bottom: 76px !important;
  }
  .u-pl-76 {
    padding-left: 76px !important;
  }
  .u-pr-76 {
    padding-right: 76px !important;
  }
  .u-p-inline-76 {
    padding-inline: 76px !important;
  }
  .u-p-block-76 {
    padding-block: 76px !important;
  }
  .u-p-80 {
    padding: 80px !important;
  }
  .u-pt-80 {
    padding-top: 80px !important;
  }
  .u-pb-80 {
    padding-bottom: 80px !important;
  }
  .u-pl-80 {
    padding-left: 80px !important;
  }
  .u-pr-80 {
    padding-right: 80px !important;
  }
  .u-p-inline-80 {
    padding-inline: 80px !important;
  }
  .u-p-block-80 {
    padding-block: 80px !important;
  }
  .u-p-84 {
    padding: 84px !important;
  }
  .u-pt-84 {
    padding-top: 84px !important;
  }
  .u-pb-84 {
    padding-bottom: 84px !important;
  }
  .u-pl-84 {
    padding-left: 84px !important;
  }
  .u-pr-84 {
    padding-right: 84px !important;
  }
  .u-p-inline-84 {
    padding-inline: 84px !important;
  }
  .u-p-block-84 {
    padding-block: 84px !important;
  }
  .u-p-88 {
    padding: 88px !important;
  }
  .u-pt-88 {
    padding-top: 88px !important;
  }
  .u-pb-88 {
    padding-bottom: 88px !important;
  }
  .u-pl-88 {
    padding-left: 88px !important;
  }
  .u-pr-88 {
    padding-right: 88px !important;
  }
  .u-p-inline-88 {
    padding-inline: 88px !important;
  }
  .u-p-block-88 {
    padding-block: 88px !important;
  }
  .u-p-92 {
    padding: 92px !important;
  }
  .u-pt-92 {
    padding-top: 92px !important;
  }
  .u-pb-92 {
    padding-bottom: 92px !important;
  }
  .u-pl-92 {
    padding-left: 92px !important;
  }
  .u-pr-92 {
    padding-right: 92px !important;
  }
  .u-p-inline-92 {
    padding-inline: 92px !important;
  }
  .u-p-block-92 {
    padding-block: 92px !important;
  }
  .u-p-96 {
    padding: 96px !important;
  }
  .u-pt-96 {
    padding-top: 96px !important;
  }
  .u-pb-96 {
    padding-bottom: 96px !important;
  }
  .u-pl-96 {
    padding-left: 96px !important;
  }
  .u-pr-96 {
    padding-right: 96px !important;
  }
  .u-p-inline-96 {
    padding-inline: 96px !important;
  }
  .u-p-block-96 {
    padding-block: 96px !important;
  }
  .u-p-100 {
    padding: 100px !important;
  }
  .u-pt-100 {
    padding-top: 100px !important;
  }
  .u-pb-100 {
    padding-bottom: 100px !important;
  }
  .u-pl-100 {
    padding-left: 100px !important;
  }
  .u-pr-100 {
    padding-right: 100px !important;
  }
  .u-p-inline-100 {
    padding-inline: 100px !important;
  }
  .u-p-block-100 {
    padding-block: 100px !important;
  }
  .u-p-104 {
    padding: 104px !important;
  }
  .u-pt-104 {
    padding-top: 104px !important;
  }
  .u-pb-104 {
    padding-bottom: 104px !important;
  }
  .u-pl-104 {
    padding-left: 104px !important;
  }
  .u-pr-104 {
    padding-right: 104px !important;
  }
  .u-p-inline-104 {
    padding-inline: 104px !important;
  }
  .u-p-block-104 {
    padding-block: 104px !important;
  }
  .u-p-108 {
    padding: 108px !important;
  }
  .u-pt-108 {
    padding-top: 108px !important;
  }
  .u-pb-108 {
    padding-bottom: 108px !important;
  }
  .u-pl-108 {
    padding-left: 108px !important;
  }
  .u-pr-108 {
    padding-right: 108px !important;
  }
  .u-p-inline-108 {
    padding-inline: 108px !important;
  }
  .u-p-block-108 {
    padding-block: 108px !important;
  }
  .u-p-112 {
    padding: 112px !important;
  }
  .u-pt-112 {
    padding-top: 112px !important;
  }
  .u-pb-112 {
    padding-bottom: 112px !important;
  }
  .u-pl-112 {
    padding-left: 112px !important;
  }
  .u-pr-112 {
    padding-right: 112px !important;
  }
  .u-p-inline-112 {
    padding-inline: 112px !important;
  }
  .u-p-block-112 {
    padding-block: 112px !important;
  }
  .u-p-116 {
    padding: 116px !important;
  }
  .u-pt-116 {
    padding-top: 116px !important;
  }
  .u-pb-116 {
    padding-bottom: 116px !important;
  }
  .u-pl-116 {
    padding-left: 116px !important;
  }
  .u-pr-116 {
    padding-right: 116px !important;
  }
  .u-p-inline-116 {
    padding-inline: 116px !important;
  }
  .u-p-block-116 {
    padding-block: 116px !important;
  }
  .u-p-120 {
    padding: 120px !important;
  }
  .u-pt-120 {
    padding-top: 120px !important;
  }
  .u-pb-120 {
    padding-bottom: 120px !important;
  }
  .u-pl-120 {
    padding-left: 120px !important;
  }
  .u-pr-120 {
    padding-right: 120px !important;
  }
  .u-p-inline-120 {
    padding-inline: 120px !important;
  }
  .u-p-block-120 {
    padding-block: 120px !important;
  }
}
/* フォントファミリー
----------------------------------------------- */
.u-font-bebas {
  font-family: var(--font-bebas) !important;
}

/* テキストサイズ
----------------------------------------------- */
.u-fs-10 {
  font-size: calc(10 / 390 * 100vw) !important;
}

.u-fs-12 {
  font-size: calc(12 / 390 * 100vw) !important;
}

.u-fs-14 {
  font-size: calc(14 / 390 * 100vw) !important;
}

.u-fs-16 {
  font-size: calc(16 / 390 * 100vw) !important;
}

.u-fs-18 {
  font-size: calc(18 / 390 * 100vw) !important;
}

.u-fs-20 {
  font-size: calc(20 / 390 * 100vw) !important;
}

.u-fs-22 {
  font-size: calc(22 / 390 * 100vw) !important;
}

.u-fs-24 {
  font-size: calc(24 / 390 * 100vw) !important;
}

.u-fs-26 {
  font-size: calc(26 / 390 * 100vw) !important;
}

.u-fs-28 {
  font-size: calc(28 / 390 * 100vw) !important;
}

.u-fs-30 {
  font-size: calc(30 / 390 * 100vw) !important;
}

.u-fs-32 {
  font-size: calc(32 / 390 * 100vw) !important;
}

.u-fs-34 {
  font-size: calc(34 / 390 * 100vw) !important;
}

.u-fs-36 {
  font-size: calc(36 / 390 * 100vw) !important;
}

.u-fs-38 {
  font-size: calc(38 / 390 * 100vw) !important;
}

.u-fs-40 {
  font-size: calc(40 / 390 * 100vw) !important;
}

.u-fs-42 {
  font-size: calc(42 / 390 * 100vw) !important;
}

.u-fs-44 {
  font-size: calc(44 / 390 * 100vw) !important;
}

.u-fs-46 {
  font-size: calc(46 / 390 * 100vw) !important;
}

.u-fs-48 {
  font-size: calc(48 / 390 * 100vw) !important;
}

.u-fs-50 {
  font-size: calc(50 / 390 * 100vw) !important;
}

@media screen and (min-width: 768px) {
  .u-fs-10 {
    font-size: 0.625rem !important;
  }
  .u-fs-12 {
    font-size: 0.75rem !important;
  }
  .u-fs-14 {
    font-size: 0.875rem !important;
  }
  .u-fs-16 {
    font-size: 1rem !important;
  }
  .u-fs-18 {
    font-size: 1.125rem !important;
  }
  .u-fs-20 {
    font-size: 1.25rem !important;
  }
  .u-fs-22 {
    font-size: 1.375rem !important;
  }
  .u-fs-24 {
    font-size: 1.5rem !important;
  }
  .u-fs-26 {
    font-size: 1.625rem !important;
  }
  .u-fs-28 {
    font-size: 1.75rem !important;
  }
  .u-fs-30 {
    font-size: 1.875rem !important;
  }
  .u-fs-32 {
    font-size: 2rem !important;
  }
  .u-fs-34 {
    font-size: 2.125rem !important;
  }
  .u-fs-36 {
    font-size: 2.25rem !important;
  }
  .u-fs-38 {
    font-size: 2.375rem !important;
  }
  .u-fs-40 {
    font-size: 2.5rem !important;
  }
  .u-fs-42 {
    font-size: 2.625rem !important;
  }
  .u-fs-44 {
    font-size: 2.75rem !important;
  }
  .u-fs-46 {
    font-size: 2.875rem !important;
  }
  .u-fs-48 {
    font-size: 3rem !important;
  }
  .u-fs-50 {
    font-size: 3.125rem !important;
  }
}
/* 行の高さ
----------------------------------------------- */
.u-lh-xlarge {
  line-height: var(--lh-xl) !important;
}

.u-lh-large {
  line-height: var(--lh-lg) !important;
}

.u-lh-medium {
  line-height: var(--lh-md) !important;
}

.u-lh-small {
  line-height: var(--lh-sm) !important;
}

.u-lh-xsmall {
  line-height: var(--lh-xs) !important;
}

/* テキストカラー
----------------------------------------------- */
.u-fc-white {
  color: var(--color-white) !important;
}

.u-fc-black {
  color: var(--color-black) !important;
}

/* フォントの太さ
----------------------------------------------- */
.u-fw-regular {
  font-weight: var(--fw-regular) !important;
}
.u-fw-medium {
  font-weight: var(--fw-medium) !important;
}
.u-fw-semibold {
  font-weight: var(--fw-semibold) !important;
}
.u-fw-bold {
  font-weight: var(--fw-bold) !important;
}
.u-fw-extrabold {
  font-weight: var(--fw-extrabold) !important;
}

/* 水平方向配置
----------------------------------------------- */
.u-align-left {
  text-align: left !important;
}
.u-align-center {
  text-align: center !important;
}
.u-align-right {
  text-align: right !important;
}

/* 背景カラー
----------------------------------------------- */
.u-bg-white {
  background-color: var(--color-white) !important;
}

.u-bg-blue-primary {
  background-color: var(--color-blue-primary) !important;
}

.u-bg-blue-secondary {
  background-color: var(--color-blue-secondary) !important;
}

.u-bg-blue-tertiary {
  background-color: var(--color-blue-tertiary) !important;
}

.u-bg-blue-quaternary {
  background-color: var(--color-blue-quaternary) !important;
}

.u-bg-red-primary {
  background-color: var(--color-red-primary) !important;
}

.u-bg-red-secondary {
  background-color: var(--color-red-secondary) !important;
}

.u-bg-red-tertiary {
  background-color: var(--color-red-tertiary) !important;
}

.u-bg-red-quaternary {
  background-color: var(--color-red-quaternary) !important;
}

/* ディスプレイ表示
----------------------------------------------- */
.u-inline {
  display: inline !important;
}

.u-block {
  display: block !important;
}

/* 非表示コンテンツ
----------------------------------------------- */
.u-visually-hidden {
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .u-sp-hide {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pc-hide {
    display: none !important;
  }
}
/* border-radius 打ち消し
----------------------------------------------- */
.u-radius-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.u-radius-b-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}