@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb>.splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

:root {
  --key-color-black: #101A34;
  --key-color-white: #FFFFFF;
  --sub-color: #3965E1;
  --text-color: #5D5D5D;
  --text-color-strong: #ED0000;
  --background-color: #F2F4F9;
  --box-background: #E4E7F6;
  --other-color: #CCCCCC;
  --border-color: #CFD1D8;
  --border-table: #5d5d55;
  --icon-color: #5D6780;
  --sony-header: #000000;
  --gradient: linear-gradient(90deg, #D7E0F9, #FFE4D8);
  --gradient-underline: linear-gradient(90deg, var(--sub-color), #FEEAE0);
  --font-family: "Roboto", "BIZ UDGothic", sans-serif;
  --font-regular: 400;
  --font-bold: 700;
  --shadow-light: 0px 2px 20px rgba(0, 0, 0, .10);
  --radius: 10px;
  --line-height: 1.5;
  --margin-min: 8px;
  --margin-16: 16px;
  --margin-24: 24px;
  --margin-32: 32px;
  --margin-40: 40px;
  --margin-48: 48px;
  --margin-56: 56px;
  --margin-64: 64px;
  --margin-72: 72px;
  --margin-80: 80px;
  --margin-104: 104px;
  --margin-max: 120px;
}

* {
  scroll-margin-top: 120px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  * {
    scroll-margin-top: 150px;
  }
}

html {
  height: 100svh;
  line-height: var(--line-height);
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family);
  font-size: 0.875rem;
  color: var(--key-color-black);
}

body.is-scrollLock {
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  body {
    font-size: 1rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
dt,
dd,
button,
figure {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1 {
  font-size: 1.625rem;
}

h2 {
  font-size: 1.375rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.375rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

ul,
ol li {
  list-style: none;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
}

img,
button {
  border: 0;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--key-color-black);
  text-decoration: none;
}

input,
button,
select,
textarea,
[role=button] {
  max-width: 100%;
  line-height: inherit;
  color: inherit;
  border-radius: 0;
}

input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
[role=button][disabled] {
  cursor: not-allowed;
}

button {
  cursor: pointer;
}

em {
  font-style: normal;
  color: var(--sub-color);
}

strong {
  color: var(--text-color-strong);
}

summary {
  display: block;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

dialog {
  padding: 0;
  border: none;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
}

.m-heading-level1Icon,
.m-heading-level1FAQ,
.m-heading-level1,
.l-content__outer,
.l-footer__inner>*,
.l-footer__copyright,
.l-breadcrumb,
.l-header__navigationInner,
.l-header__navigationButtonContent {
  display: grid;
  grid-template-columns: 1fr minmax(270px, 960px) 1fr;
  column-gap: 16px;
}

.m-heading-level1Icon>*,
.m-heading-level1FAQ>*,
.m-heading-level1>*,
.l-content__outer>*,
.l-footer__inner>*>*,
.l-footer__copyright>*,
.l-breadcrumb>*,
.l-header__navigationInner>*,
.l-header__navigationButtonContent>* {
  grid-column: 2/3;
}

.l-header {
  z-index: 2000;
  position: sticky;
  top: 0;
  width: 100%;
}

.l-header__outer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 16px;
  background-color: var(--key-color-white);
  box-shadow: var(--shadow-light);
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
}

.l-header__loginButton {
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
  padding: 8px 16px 8px 8px;
  font-size: 0.75rem;
  font-weight: var(--font-bold);
  color: var(--key-color-white);
  background-color: var(--key-color-black);
  border: 1px solid var(--key-color-black);
  border-radius: var(--radius);
}

@media (any-hover: hover) {
  .l-header__loginButton {
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__loginButton:hover,
  .l-header__loginButton:focus-visible {
    color: var(--key-color-black);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__loginButton:hover .m-icon,
  .l-header__loginButton:focus-visible .m-icon {
    fill: var(--key-color-black);
  }

  .l-header__loginButton:hover::before,
  .l-header__loginButton:hover::after,
  .l-header__loginButton:focus-visible::before,
  .l-header__loginButton:focus-visible::after {
    background-color: var(--key-color-black);
  }
}

.l-header__loginButton::before {
  display: block;
  width: 23px;
  height: 23px;
  content: "";
  background-color: var(--key-color-white);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><path d="m14.416,12.125c1.718-1.007,2.878-2.868,2.878-4.999,0-3.195-2.6-5.794-5.795-5.794s-5.794,2.6-5.794,5.794c0,2.131,1.16,3.992,2.878,4.999-4.084,1.251-7.063,5.055-7.063,9.543h2c0-4.4,3.579-7.98,7.979-7.98s7.98,3.58,7.98,7.98h2c0-4.489-2.98-8.292-7.064-9.543Zm-2.917-8.794c2.093,0,3.795,1.702,3.795,3.794s-1.702,3.795-3.795,3.795-3.794-1.703-3.794-3.795,1.702-3.794,3.794-3.794Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><path d="m14.416,12.125c1.718-1.007,2.878-2.868,2.878-4.999,0-3.195-2.6-5.794-5.795-5.794s-5.794,2.6-5.794,5.794c0,2.131,1.16,3.992,2.878,4.999-4.084,1.251-7.063,5.055-7.063,9.543h2c0-4.4,3.579-7.98,7.979-7.98s7.98,3.58,7.98,7.98h2c0-4.489-2.98-8.292-7.064-9.543Zm-2.917-8.794c2.093,0,3.795,1.702,3.795,3.794s-1.702,3.795-3.795,3.795-3.794-1.703-3.794-3.795,1.702-3.794,3.794-3.794Z"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.l-header__hamburgerMenuButton {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 10px 0;
  font-size: 0.625rem;
  font-weight: var(--font-bold);
  background-color: var(--key-color-white);
}

.l-header__hamburgerMenuButton::before,
.l-header__hamburgerMenuButton::after {
  position: absolute;
  display: block;
  width: 21px;
  height: 2px;
  content: "";
  background-color: var(--key-color-black);
  transition: 0.2s ease-out;
}

.l-header__hamburgerMenuButton::before {
  top: 16px;
}

.l-header__hamburgerMenuButton::after {
  top: 30px;
}

.l-header__hamburgerMenuButton[aria-expanded=true]::before,
.l-header__hamburgerMenuButton[aria-expanded=true]::after {
  top: 23px;
}

.l-header__hamburgerMenuButton[aria-expanded=true]::before {
  rotate: 45deg;
}

.l-header__hamburgerMenuButton[aria-expanded=true]::after {
  rotate: -45deg;
}

.l-header__hamburgerMenuButton[aria-expanded=true] .l-header__hamburgerMenuButtonText::before {
  content: none;
}

.l-header__hamburgerMenuButtonText::before {
  position: absolute;
  top: 23px;
  left: 50%;
  display: block;
  width: 21px;
  height: 2px;
  content: "";
  background-color: var(--key-color-black);
  translate: -50% 0;
}

.l-header__hamburgerMenuContent {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100svh;
  padding-bottom: 150px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  background-color: var(--key-color-white);
  translate: 0 -100%;
}

.l-header__navigationInner {
  padding: var(--margin-40) 0;
  background-color: var(--background-color);
}

.l-header__navigationTitle {
  font-size: 1.375rem;
}

.l-header__navigationList {
  margin-top: var(--margin-24);
  font-size: 1rem;
  font-weight: var(--font-bold);
}

.l-header__navigationItem {
  border-top: 1px solid var(--border-color);
}

.l-header__navigationItem:last-child {
  border-bottom: 1px solid var(--border-color);
}

.l-header__navigationLink {
  position: relative;
  display: block;
  padding: 16px 40px 16px 16px;
}

@media (any-hover: hover) {
  .l-header__navigationLink {
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__navigationLink:hover,
  .l-header__navigationLink:focus-visible {
    color: var(--sub-color);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__navigationLink:hover .m-icon,
  .l-header__navigationLink:focus-visible .m-icon {
    fill: var(--sub-color);
  }

  .l-header__navigationLink:hover::before,
  .l-header__navigationLink:hover::after,
  .l-header__navigationLink:focus-visible::before,
  .l-header__navigationLink:focus-visible::after {
    background-color: var(--sub-color);
  }
}

.l-header__navigationLink::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--icon-color);
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.l-header__navigationButton {
  position: relative;
  display: inline-block;
  padding: var(--margin-16) var(--margin-40);
  margin-top: var(--margin-40);
  text-align: center;
  border: 1px solid var(--key-color-black);
  border-radius: var(--radius);
}

@media (any-hover: hover) {
  .l-header__navigationButton {
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__navigationButton:hover,
  .l-header__navigationButton:focus-visible {
    color: var(--key-color-white);
    background-color: var(--key-color-black);
    transition: color 0.3s, background-color 0.3s;
  }

  .l-header__navigationButton:hover .m-icon,
  .l-header__navigationButton:focus-visible .m-icon {
    fill: var(--key-color-white);
  }

  .l-header__navigationButton:hover::before,
  .l-header__navigationButton:hover::after,
  .l-header__navigationButton:focus-visible::before,
  .l-header__navigationButton:focus-visible::after {
    background-color: var(--key-color-white);
  }
}

.l-header__navigationButton .m-icon {
  position: absolute;
  top: 50%;
  right: 18px;
  translate: 0 -50%;
}

.l-header__navigationContent {
  text-align: center;
}

.l-header__navigationCloseButton {
  position: relative;
  width: fit-content;
  padding-left: var(--margin-24);
  margin: auto;
  margin-top: var(--margin-40);
  background-color: var(--key-color-white);
}

@media (any-hover: hover) {
  .l-header__navigationCloseButton {
    transition: text-decoration 0.3s;
  }

  .l-header__navigationCloseButton:hover,
  .l-header__navigationCloseButton:focus-visible {
    text-decoration: underline;
    transition: text-decoration 0.3s;
  }
}

.l-header__navigationCloseButton::before,
.l-header__navigationCloseButton::after {
  position: absolute;
  top: 40%;
  left: 0px;
  display: block;
  width: 18px;
  height: 2px;
  content: "";
  background-color: var(--key-color-black);
}

.l-header__navigationCloseButton::before {
  rotate: 45deg;
}

.l-header__navigationCloseButton::after {
  rotate: -45deg;
}

@media (min-width: 768px) {
  .l-header__outer {
    max-height: 75px;
    padding-left: var(--margin-32);
  }

  .l-header__loginButton {
    padding: 16px 24px 16px 16px;
  }

  .l-header__hamburgerMenuButton {
    width: 75px;
    height: 75px;
    padding: var(--margin-24) 0 var(--margin-16);
    font-size: 0.75rem;
  }

  .l-header__hamburgerMenuButton::before,
  .l-header__hamburgerMenuButton::after {
    width: 26px;
  }

  .l-header__hamburgerMenuButton::before {
    top: 21px;
  }

  .l-header__hamburgerMenuButton::after {
    top: 35px;
  }

  .l-header__hamburgerMenuButton[aria-expanded=true]::before,
  .l-header__hamburgerMenuButton[aria-expanded=true]::after {
    top: 25px;
  }

  .l-header__hamburgerMenuButtonText::before {
    top: 28px;
    width: 26px;
  }
}

.l-sonyHeader {
  position: relative;
  z-index: 2001;
  max-height: 68px;
  padding: 16px;
  font-size: x-small;
  line-height: normal;
  background-color: var(--sony-header);
}

@media (min-width: 768px) {
  .l-sonyHeader {
    padding: 25px 26px;
  }
}

.l-breadcrumb {
  padding: var(--margin-16) 0;
}

.l-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--margin-min);
}

.l-breadcrumb__item:not(:last-child) {
  position: relative;
  padding-right: var(--margin-16);
}

.l-breadcrumb__item:not(:last-child)::after {
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 8px;
  height: 10px;
  content: "";
  background-color: var(--icon-color);
  translate: 0 -50%;
}

.l-breadcrumb__link {
  text-decoration: underline;
}

@media (any-hover: hover) {

  .l-breadcrumb__link:hover,
  .l-breadcrumb__link:focus-visible {
    text-decoration: none;
  }
}

.l-footer__inner {
  position: relative;
}

.l-footer__topButton {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  font-size: 0.625rem;
  font-weight: var(--font-bold);
  background-color: var(--background-color);
  border-radius: var(--radius) 0 0 0;
}

.l-footer__topButton::before {
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points="14.87 7.495 7.5 .124 .13 7.495 .997 8.362 6.887 2.473 6.887 14.876 8.114 14.876 8.114 2.473 14.003 8.362 14.87 7.495"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points="14.87 7.495 7.5 .124 .13 7.495 .997 8.362 6.887 2.473 6.887 14.876 8.114 14.876 8.114 2.473 14.003 8.362 14.87 7.495"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.l-footer__navigation {
  padding: var(--margin-40) 0;
  font-weight: var(--font-bold);
  background-color: var(--background-color);
}

.l-footer__navigationList {
  margin-top: var(--margin-24);
}

.l-footer__navigationItem {
  border-top: 1px solid var(--border-color);
}

.l-footer__navigationItem:last-child {
  border-bottom: 1px solid var(--border-color);
}

.l-footer__navigationLink {
  display: block;
  padding: 16px;
}

@media (any-hover: hover) {
  .l-footer__navigationLink {
    transition: text-decoration 0.3s;
  }

  .l-footer__navigationLink:hover,
  .l-footer__navigationLink:focus-visible {
    text-decoration: underline;
    transition: text-decoration 0.3s;
  }
}

.l-footer__information {
  padding: var(--margin-32) 0 var(--margin-80);
}

.l-footer__informationList {
  display: flex;
  flex-direction: column;
  row-gap: var(--margin-24);
  column-gap: var(--margin-40);
  font-size: 0.875rem;
}

@media (any-hover: hover) {
  .l-footer__informationLink {
    transition: text-decoration 0.3s;
  }

  .l-footer__informationLink:hover,
  .l-footer__informationLink:focus-visible {
    text-decoration: underline;
    transition: text-decoration 0.3s;
  }
}

.l-footer__copyright {
  padding: var(--margin-32) 0 var(--margin-24);
  padding-bottom: 120px;
  color: var(--key-color-white);
  background-color: var(--key-color-black);
}

.l-footer__copyrightLink {
  display: inline-block;
  width: fit-content;
}

.l-footer__copyrightText {
  margin-top: var(--margin-24);
}

@media (min-width: 768px) {
  .l-footer__navigation {
    padding: var(--margin-64) 0;
  }

  .l-footer__navigationList {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--margin-16);
    column-gap: var(--margin-40);
  }

  .l-footer__navigationItem {
    border-top: unset;
  }

  .l-footer__navigationItem:last-child {
    border-bottom: unset;
  }

  .l-footer__navigationLink {
    padding: 0;
  }

  .l-footer__information {
    padding: var(--margin-64) 0 var(--margin-56);
  }

  .l-footer__topButton {
    row-gap: 6px;
    width: 100px;
    height: 100px;
    font-size: 0.9375rem;
  }

  .l-footer__topButton::before {
    width: 18px;
    height: 18px;
  }

  .l-footer__informationList {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .l-footer__copyright {
    padding-bottom: var(--margin-32);
  }
}

@media (min-width: 786px) and (max-width: 896px) {
  .l-footer__copyright {
    padding-bottom: 110px;
  }
}

.l-content__outer:is(:is(.m-heading-level1, .m-heading-level1FAQ) + *) .l-content__inner {
  padding: var(--margin-40) 0 var(--margin-48);
}

.l-content__outer[class*="--gray"] {
  background-color: var(--background-color);
}

.l-content__outer[class*="--gradient"] {
  background: var(--gradient);
}

.l-content__outer[class*="--border"] .l-content__inner {
  border-top: 1px solid var(--border-color);
}

.l-content__inner {
  padding: var(--margin-40) 0;
}

.l-content__inner> :first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .l-content__outer:is(:is(.m-heading-level1, .m-heading-level1FAQ) + *) .l-content__inner {
    padding: var(--margin-48) 0 var(--margin-64);
  }

  .l-content__inner {
    padding: var(--margin-64) 0;
  }
}

.l-svg {
  display: none;
}

.l-separator {
  display: grid;
  grid-template-columns: 1fr minmax(320px, 960px) 1fr;
  column-gap: 16px;
}

.l-separator__border {
  position: relative;
  grid-column: 2/3;
  width: 100%;
  height: 15px;
  margin: 0;
  border: none;
  border-top: 1px solid var(--border-color);
}

.l-separator__border::before {
  position: absolute;
  inset: 0;
  width: 45px;
  height: 15px;
  margin: 0 auto;
  clip-path: polygon(50% 100%, 100% 0%, 0 0);
  content: "";
  background-color: var(--border-color);
}

.l-separator+.l-content__outer .l-content__inner {
  padding-top: var(--margin-32);
}

@media (min-width: 768px) {
  .l-separator+.l-content__outer .l-content__inner {
    padding-top: var(--margin-40);
  }
}

.m-heading-level1 {
  padding: var(--margin-32) 0;
  background-color: var(--background-color);
}

@media (min-width: 768px) {
  .m-heading-level1 {
    padding: var(--margin-64) 0;
  }
}

.m-heading-level1FAQ {
  row-gap: var(--margin-min);
  padding: var(--margin-32) 0;
  background-color: var(--background-color);
}

.m-heading-level1FAQ__inner {
  display: flex;
  flex-direction: row-reverse;
  column-gap: var(--margin-min);
  align-items: flex-start;
  justify-content: center;
  order: 2;
}

.m-heading-level1FAQ__icon {
  width: 100%;
  max-width: 38px;
}

.m-heading-level1FAQ__text {
  display: grid;
  place-content: center;
  height: 100%;
  font-size: 1.375rem;
}

.m-heading-level1FAQ__subText {
  order: 1;
  font-size: 0.875rem;
  color: var(--icon-color);
  text-align: center;
}

@media (min-width: 768px) {
  .m-heading-level1FAQ__icon {
    max-width: 70px;
  }

  .m-heading-level1FAQ__text {
    font-size: 2.125rem;
  }

  .m-heading-level1FAQ__subText {
    font-size: 1rem;
  }
}

.m-heading-level1Icon {
  padding: var(--margin-24) 0;
  background-color: var(--background-color);
}

.m-heading-level1Icon__inner {
  display: flex;
  flex-direction: row-reverse;
  column-gap: var(--margin-16);
  align-items: flex-start;
  justify-content: flex-end;
}

.m-heading-level1Icon__icon {
  width: 100%;
  max-width: 38px;
}

.m-heading-level1Icon__text {
  display: grid;
  place-content: center;
  height: 100%;
  font-size: 1.375rem;
}

@media (min-width: 768px) {
  .m-heading-level1Icon {
    padding: var(--margin-48) 0;
  }

  .m-heading-level1Icon__icon {
    max-width: 70px;
  }

  .m-heading-level1Icon__text {
    font-size: 2.125rem;
  }
}

.m-heading-level2 {
  margin-top: var(--margin-40);
}

.m-heading-level2+* {
  margin-top: var(--margin-24) !important;
}

.m-heading-level2__text {
  position: relative;
  padding-bottom: var(--margin-16);
  text-align: center;
}

.m-heading-level2__text::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 48px;
  height: 3px;
  content: "";
  background: var(--gradient-underline);
  border-radius: var(--radius);
  translate: -50% 0;
}

.m-heading-level2[class*="--black-border"] .m-heading-level2__text::after {
  background: var(--key-color-black);
}

.m-heading-level2[class*="--none-border"] .m-heading-level2__text {
  padding-bottom: 0;
}

.m-heading-level2[class*="--none-border"] .m-heading-level2__text::after {
  content: none;
}

@media (min-width: 768px) {
  .m-heading-level2 {
    margin-top: var(--margin-64);
  }

  .m-heading-level2+* {
    margin-top: var(--margin-32) !important;
  }
}

.m-heading-level2Answer {
  text-align: center;
}

.m-heading-level2Answer+* {
  margin-top: var(--margin-32) !important;
}

@media (min-width: 768px) {
  .m-heading-level2Answer__img {
    width: 100%;
    max-width: 70px;
  }
}

.m-heading-level3 {
  margin-top: var(--margin-40);
}

.m-heading-level3+* {
  margin-top: var(--margin-24) !important;
}

.m-heading-level3__text {
  text-align: center;
}

@media (min-width: 768px) {
  .m-heading-level3 {
    margin-top: var(--margin-56);
  }
}

.m-heading-level3Icon {
  margin-top: var(--margin-40);
}

.m-heading-level3Icon+* {
  margin-top: var(--margin-24) !important;
}

.m-heading-level3Icon__inner {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.m-heading-level3Icon__icon {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 31px;
}

.m-heading-level3Icon__text {
  padding-top: 2px;
  padding-left: var(--margin-40);
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  .m-heading-level3Icon {
    margin-top: var(--margin-56);
  }

  .m-heading-level3Icon__icon {
    max-width: 38px;
  }

  .m-heading-level3Icon__text {
    padding-left: var(--margin-48);
    font-size: 1.375rem;
  }
}

.m-heading-level4 {
  position: relative;
  column-gap: var(--margin-min);
  align-items: center;
  padding-bottom: var(--margin-16);
  margin-top: var(--margin-40);
}

.m-heading-level4+* {
  margin-top: var(--margin-24) !important;
}

.m-heading-level4::after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background: var(--gradient-underline);
}

.m-heading-level4__text {
  padding-left: var(--margin-min);
}

@media (min-width: 768px) {
  .m-heading-level4 {
    margin-top: var(--margin-48);
  }
}

.m-heading-level5 {
  position: relative;
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
  margin-top: var(--margin-40);
}

.m-heading-level5+* {
  margin-top: var(--margin-24) !important;
}

.m-heading-level5::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 3px;
  height: 100%;
  content: "";
  background-color: var(--sub-color);
  translate: 0 -50%;
}

.m-heading-level5__text {
  padding-left: 11px;
}

.m-text {
  margin-top: var(--margin-24);
  line-height: 21px;
}

.m-text[class*="--m-large"] {
  margin-top: var(--margin-40);
}

.m-text .m-icon {
  margin-right: var(--margin-min);
}

@media (min-width: 768px) {
  .m-text {
    margin-top: var(--margin-32);
    line-height: 24px;
  }

  .m-text[class*="--m-large"] {
    margin-top: var(--margin-56);
  }
}

.m-text-large {
  margin-top: var(--margin-32);
  font-size: 1rem;
  line-height: 24px;
}

@media (min-width: 768px) {
  .m-text-large {
    margin-top: var(--margin-40);
    font-size: 1.125rem;
    line-height: 27px;
  }
}

.m-text-lead {
  margin-top: var(--margin-40);
  font-size: 1.125rem;
  line-height: 27px;
}

@media (min-width: 768px) {
  .m-text-lead {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.m-text-warning {
  margin-top: var(--margin-32);
}

.m-text-warning+* {
  margin-top: var(--margin-24);
}

.m-text-warning__text {
  position: relative;
  display: block;
  padding-left: var(--margin-32);
  font-size: 1rem;
}

.m-text-warning__text::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  content: "";
  background-color: var(--text-color-strong);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><g><path d="m13.21 20.46c0-.24.05-.46.14-.67.1-.21.23-.39.39-.55.17-.16.36-.28.58-.37s.46-.14.7-.14.47.05.68.14.4.22.56.37.29.34.38.55.14.43.14.67-.05.47-.14.68-.22.4-.38.56-.35.28-.56.37-.44.14-.68.14-.48-.05-.7-.14-.41-.21-.58-.37-.3-.34-.39-.56c-.1-.21-.14-.44-.14-.68zm.31-3.03v-9.32c0-.17.14-.31.31-.31h2.35c.17 0 .31.14.31.31v9.32c0 .17-.14.31-.31.31h-2.35c-.17 0-.31-.14-.31-.31z"/><path d="m15 0c-8.28 0-15 6.72-15 15s6.72 15 15 15 15-6.72 15-15-6.72-15-15-15zm0 28c-7.17 0-13-5.83-13-13s5.83-13 13-13 13 5.83 13 13-5.83 13-13 13z"/></g></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><g><path d="m13.21 20.46c0-.24.05-.46.14-.67.1-.21.23-.39.39-.55.17-.16.36-.28.58-.37s.46-.14.7-.14.47.05.68.14.4.22.56.37.29.34.38.55.14.43.14.67-.05.47-.14.68-.22.4-.38.56-.35.28-.56.37-.44.14-.68.14-.48-.05-.7-.14-.41-.21-.58-.37-.3-.34-.39-.56c-.1-.21-.14-.44-.14-.68zm.31-3.03v-9.32c0-.17.14-.31.31-.31h2.35c.17 0 .31.14.31.31v9.32c0 .17-.14.31-.31.31h-2.35c-.17 0-.31-.14-.31-.31z"/><path d="m15 0c-8.28 0-15 6.72-15 15s6.72 15 15 15 15-6.72 15-15-6.72-15-15-15zm0 28c-7.17 0-13-5.83-13-13s5.83-13 13-13 13 5.83 13 13-5.83 13-13 13z"/></g></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width: 768px) {
  .m-text-warning {
    margin-top: var(--margin-40);
  }

  .m-text-warning__text {
    padding-left: var(--margin-40);
    font-size: 1.125rem;
  }

  .m-text-warning__text::before {
    width: 30px;
    height: 30px;
  }
}

.m-notes {
  margin-top: var(--margin-16);
}

.m-notes__item {
  display: flex;
  column-gap: var(--margin-min);
  font-size: 0.875rem;
  line-height: 21px;
}

.m-notes__asterisk,
.m-notes__text {
  display: block;
}

.m-notes-list {
  display: grid;
  row-gap: var(--margin-16);
  margin-top: var(--margin-16);
}

.m-notes-list__item {
  display: flex;
  column-gap: var(--margin-min);
  font-size: 0.875rem;
  line-height: 21px;
}

.m-notes-list__asterisk,
.m-notes-list__text {
  display: block;
}

.m-notes-list__asterisk[class*="--number"] {
  min-width: 30px;
}

.m-list {
  display: grid;
  row-gap: var(--margin-24);
  margin-top: var(--margin-32);
}

.m-list__list {
  position: relative;
  padding-left: var(--margin-16);
}

.m-list__list::before {
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  min-width: 6px;
  min-height: 6px;
  content: "";
  background-color: var(--key-color-black);
  border-radius: 50%;
}

.m-list__list .m-list {
  row-gap: var(--margin-16);
  margin-top: var(--margin-16);
}

.m-list__list .m-list .m-list__list::before {
  background-color: var(--key-color-white);
  border: 1px solid var(--key-color-black);
}

@media (min-width: 768px) {
  .m-list {
    margin-top: var(--margin-48);
  }
}

.m-list-number {
  display: grid;
  row-gap: var(--margin-24);
}

.m-list-number__list {
  position: relative;
  padding-left: var(--margin-24);
}

.m-list-number__list .m-list-number {
  row-gap: var(--margin-16);
  margin-top: var(--margin-16);
}

.m-list-number__order {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: var(--font-bold);
}

.m-list-description {
  display: grid;
  row-gap: var(--margin-32);
  margin-top: var(--margin-32);
}

.m-list-description__dt {
  font-weight: var(--font-bold);
}

.m-list-description__dd {
  margin-top: var(--margin-16);
}

@media (min-width: 768px) {
  .m-list-description {
    margin-top: var(--margin-48);
  }

  .m-list-description[class*="--side"] .m-list-description__item {
    display: grid;
    grid-template-columns: 200px 1fr;
  }

  .m-list-description[class*="--side"] .m-list-description__dt {
    display: flex;
  }

  .m-list-description[class*="--side"] .m-list-description__dt::after {
    display: block;
    margin: 0 var(--margin-min);
    content: ":";
  }

  .m-list-description[class*="--side"] .m-list-description__dd {
    margin-top: 0;
  }
}

.m-list-step {
  display: flex;
  flex-direction: column;
  row-gap: var(--margin-40);
  margin-top: var(--margin-40);
}

.m-list-step__inner {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: baseline;
}

.m-list-step__step {
  display: block;
  font-size: 0.75rem;
  font-weight: var(--font-bold);
  color: var(--sub-color);
}

.m-list-step__step::after {
  display: inline-block;
  width: 2px;
  height: 15px;
  margin: 0 var(--margin-16);
  content: "";
  background-color: var(--border-color);
}

.m-list-step__number {
  margin-left: 4px;
  font-size: 1.5rem;
}

.m-list-step__title {
  font-size: 1rem;
}

.m-list-step__content {
  margin-top: var(--margin-24);
}

.m-list-step__content> :first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .m-list-step__step {
    font-size: 1rem;
  }

  .m-list-step__number {
    font-size: 1.75rem;
  }

  .m-list-step__title {
    font-size: 1.125rem;
  }
}

.m-list-check {
  display: grid;
  row-gap: var(--margin-16);
  margin-top: var(--margin-32);
}

.m-list-check__list {
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
  width: fit-content;
  padding-bottom: 5px;
  font-weight: var(--font-bold);
}

.m-list-check__list::before {
  display: block;
  width: 15px;
  height: 15px;
  content: url("../img/icon/icon-knowledge-06.svg");
}

.m-list-check__text {
  border-bottom: 2px solid var(--sub-color);
}

@media (min-width: 768px) {
  .m-list-check {
    margin-top: var(--margin-48);
  }
}

.m-list-news {
  margin-top: var(--margin-40);
}

.m-list-news__list:last-child .m-list-news__link {
  border-bottom: 1px solid var(--border-color);
}

.m-list-news__link {
  position: relative;
  display: grid;
  row-gap: var(--margin-min);
  padding: var(--margin-16) var(--margin-32) var(--margin-16) var(--margin-min);
  border-top: 1px solid var(--border-color);
}

@media (any-hover: hover) {
  .m-list-news__link {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-list-news__link:hover,
  .m-list-news__link:focus-visible {
    color: var(--sub-color);
    background-color: var(--background-color);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-list-news__link:hover .m-icon,
  .m-list-news__link:focus-visible .m-icon {
    fill: var(--sub-color);
  }

  .m-list-news__link:hover::before,
  .m-list-news__link:hover::after,
  .m-list-news__link:focus-visible::before,
  .m-list-news__link:focus-visible::after {
    background-color: var(--sub-color);
  }
}

.m-list-news__link::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 12px;
  height: 14px;
  content: "";
  background-color: var(--icon-color);
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-list-news__inner {
  display: flex;
  gap: var(--margin-16);
  align-items: center;
}

.m-list-news__time {
  font-size: 0.75rem;
  color: var(--icon-color);
}

@media (min-width: 768px) {
  .m-list-news__link {
    padding: var(--margin-16) var(--margin-40) var(--margin-16) var(--margin-16);
  }
}

.m-link {
  text-decoration: underline;
}

@media (any-hover: hover) {

  .m-link:hover,
  .m-link:focus-visible {
    text-decoration: none;
    color: var(--sub-color);
  }
}

.m-link-burette {
  display: inline-block;
  margin-top: var(--margin-32);
  text-decoration: underline;
}

@media (any-hover: hover) {

  .m-link-burette:hover,
  .m-link-burette:focus-visible {
    text-decoration: none;
    color: var(--sub-color);
  }
}

.m-link-burette::after {
  display: inline-block;
  width: 12px;
  height: 14px;
  content: "";
  background-color: var(--sub-color);
  translate: 0 10%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-burette[target=_blank]::after {
  content: none;
}

.m-link-burette[href^="#"]::after {
  width: 14px;
  margin-left: var(--margin-min);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-burette[href^="#"][class*="--up"]::after {
  margin-right: unset;
  margin-left: var(--margin-min);
  rotate: 180deg;
}

@media (min-width: 768px) {
  .m-link-burette {
    margin-top: var(--margin-40);
  }
}

.m-link-list {
  display: flex;
  flex-direction: column;
  gap: var(--margin-24);
  margin-top: var(--margin-32);
}

.m-link-list__item> :first-child {
  margin-top: 0;
}

.m-link-list[class*="--auto"] {
  flex-direction: initial;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .m-link-list {
    margin-top: var(--margin-40);
  }
}

.m-link-question {
  display: grid;
  row-gap: var(--margin-16);
  margin-top: var(--margin-40);
}

.m-link-question__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--margin-16);
  padding-right: var(--margin-48);
  font-size: 1rem;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

@media (any-hover: hover) {
  .m-link-question__link {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-link-question__link:hover,
  .m-link-question__link:focus-visible {
    color: var(--sub-color);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-link-question__link:hover .m-icon,
  .m-link-question__link:focus-visible .m-icon {
    fill: var(--sub-color);
  }

  .m-link-question__link:hover::before,
  .m-link-question__link:hover::after,
  .m-link-question__link:focus-visible::before,
  .m-link-question__link:focus-visible::after {
    background-color: var(--sub-color);
  }
}

.m-link-question__link::after {
  position: absolute;
  right: 18px;
  display: inline-block;
  width: 12px;
  height: 14px;
  content: "";
  background-color: var(--icon-color);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-question__link[target=_blank]::after {
  content: none;
}

.m-link-question__link[target=_blank] .m-icon {
  position: absolute;
  right: 18px;
}

.m-link-question__text {
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
}

.m-link-question__abbr {
  margin-right: var(--margin-min);
  font-size: 1.25rem;
  font-weight: var(--font-bold);
  color: var(--sub-color);
}

@media (min-width: 768px) {
  .m-link-question {
    row-gap: var(--margin-24);
    margin-top: var(--margin-48);
  }

  .m-link-question__link {
    padding: var(--margin-24);
    padding-right: var(--margin-72);
    font-size: 1.125rem;
  }

  .m-link-question__link::after {
    right: 27px;
  }

  .m-link-question__link[target=_blank] .m-icon {
    right: 27px;
  }
}

.m-link-icon {
  position: relative;
  display: flex;
  column-gap: var(--margin-16);
  align-items: center;
  padding: var(--margin-16);
  padding-right: var(--margin-24);
  margin-top: var(--margin-24);
  font-weight: var(--font-bold);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

@media (any-hover: hover) {
  .m-link-icon {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-link-icon:hover,
  .m-link-icon:focus-visible {
    color: var(--sub-color);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-link-icon:hover .m-icon,
  .m-link-icon:focus-visible .m-icon {
    fill: var(--sub-color);
  }

  .m-link-icon:hover::before,
  .m-link-icon:hover::after,
  .m-link-icon:focus-visible::before,
  .m-link-icon:focus-visible::after {
    background-color: var(--sub-color);
  }
}

.m-link-icon::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 12px;
  height: 14px;
  content: "";
  background-color: var(--key-color-black);
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-icon[class*="--dark"] {
  border-top: 1px solid var(--key-color-black);
  border-bottom: 1px solid var(--key-color-black);
}

.m-link-icon__text {
  display: inline-block;
  margin-right: var(--margin-24);
}

@media (min-width: 768px) {
  .m-link-icon {
    margin-top: var(--margin-32);
  }
}

.m-link-tel {
  margin-top: var(--margin-16);
  text-align: center;
}

.m-link-tel__subText {
  display: block;
  font-size: 0.75rem;
}

.m-link-tel__num {
  position: relative;
  display: block;
  width: fit-content;
  padding-left: var(--margin-24);
  margin-inline: auto;
  margin-top: var(--margin-min);
  font-size: 1.375rem;
  font-weight: var(--font-bold);
  color: var(--sub-color);
}

.m-link-tel__num::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg"><g><path d="m2.3 2.4c-2.11 2.11-2.11 5.53 0 7.63l9.67 9.67c2.11 2.11 5.53 2.11 7.64 0l.61-.61c.37-.37.37-.96 0-1.33l-3.76-3.76c-.37-.37-.96-.37-1.33 0l-1.95 1.95-7.13-7.12 1.95-1.95c.37-.37.37-.96 0-1.33s-3.76-3.76-3.76-3.76c-.37-.37-.96-.37-1.33 0l-.61.61z"/><path d="m20.33 10.23h.95c0-5.25-4.26-9.51-9.51-9.51v.95c4.73 0 8.56 3.84 8.56 8.56"/><path d="m17.95 10.23h.95c0-3.94-3.2-7.14-7.14-7.14v.95c3.41 0 6.18 2.77 6.19 6.19"/><path d="m15.57 10.23h.95c0-2.63-2.13-4.76-4.76-4.76v.95c2.1 0 3.81 1.71 3.81 3.81"/></g></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg"><g><path d="m2.3 2.4c-2.11 2.11-2.11 5.53 0 7.63l9.67 9.67c2.11 2.11 5.53 2.11 7.64 0l.61-.61c.37-.37.37-.96 0-1.33l-3.76-3.76c-.37-.37-.96-.37-1.33 0l-1.95 1.95-7.13-7.12 1.95-1.95c.37-.37.37-.96 0-1.33s-3.76-3.76-3.76-3.76c-.37-.37-.96-.37-1.33 0l-.61.61z"/><path d="m20.33 10.23h.95c0-5.25-4.26-9.51-9.51-9.51v.95c4.73 0 8.56 3.84 8.56 8.56"/><path d="m17.95 10.23h.95c0-3.94-3.2-7.14-7.14-7.14v.95c3.41 0 6.18 2.77 6.19 6.19"/><path d="m15.57 10.23h.95c0-2.63-2.13-4.76-4.76-4.76v.95c2.1 0 3.81 1.71 3.81 3.81"/></g></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-tel__num+.m-link-tel__num {
  margin-top: var(--margin-16);
}

@media (min-width: 768px) {
  .m-link-tel__subText {
    font-size: 0.875rem;
  }

  .m-link-tel__num {
    font-size: 1.625rem;
  }
}

.m-link-anchor {
  margin-top: var(--margin-40);
}

.m-link-anchor__link {
  position: relative;
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
  justify-content: space-between;
  padding: var(--margin-16);
  text-decoration: underline;
  border-bottom: 1px solid var(--border-color);
}

@media (any-hover: hover) {

  .m-link-anchor__link:hover,
  .m-link-anchor__link:focus-visible {
    text-decoration: none;
    color: var(--sub-color);
  }
}

.m-link-anchor__link::after {
  display: inline-block;
  width: 12px;
  height: 14px;
  content: "";
  background-color: var(--sub-color);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-anchor__link[href^="#"]::after {
  min-width: 14px;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-link-anchor__list> :first-child {
  margin-top: 0;
}

.m-link-anchor[class*="--up-arrow"] .m-link-anchor__link::after {
  rotate: 180deg;
}

.m-link-anchor[class*="--no-underline"] .m-link-anchor__link {
  text-decoration: none;
}

@media (any-hover: hover) {
  .m-link-anchor[class*="--no-underline"] .m-link-anchor__link {
    transition: text-decoration 0.3s;
  }

  .m-link-anchor[class*="--no-underline"] .m-link-anchor__link:hover,
  .m-link-anchor[class*="--no-underline"] .m-link-anchor__link:focus-visible {
    text-decoration: underline;
    transition: text-decoration 0.3s;
    color: var(--sub-color);
  }
}

@media (min-width: 768px) {
  .m-link-anchor {
    display: flex;
    flex-wrap: wrap;
    gap: var(--margin-24);
    margin-top: var(--margin-56);
  }

  .m-link-anchor__link {
    padding: 0;
    border-bottom: none;
  }

  .m-link-anchor[class*="--border"] {
    padding: var(--margin-32) 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
  }
}

.m-pagination {
  display: grid;
  place-content: center;
  margin-top: var(--margin-32);
}

.m-pagination__list {
  display: grid;
  grid-template-columns: 60px 60px 1fr 60px 60px;
  column-gap: var(--margin-16);
  align-items: center;
}

.m-pagination__item:first-child .m-pagination__link,
.m-pagination__item:last-child .m-pagination__link {
  color: transparent;
}

@media (any-hover: hover) {

  .m-pagination__item:first-child .m-pagination__link:hover,
  .m-pagination__item:first-child .m-pagination__link:focus-visible,
  .m-pagination__item:last-child .m-pagination__link:hover,
  .m-pagination__item:last-child .m-pagination__link:focus-visible {
    background-color: var(--key-color-black);
  }

  .m-pagination__item:first-child .m-pagination__link:hover::before,
  .m-pagination__item:first-child .m-pagination__link:hover::after,
  .m-pagination__item:first-child .m-pagination__link:focus-visible::before,
  .m-pagination__item:first-child .m-pagination__link:focus-visible::after,
  .m-pagination__item:last-child .m-pagination__link:hover::before,
  .m-pagination__item:last-child .m-pagination__link:hover::after,
  .m-pagination__item:last-child .m-pagination__link:focus-visible::before,
  .m-pagination__item:last-child .m-pagination__link:focus-visible::after {
    background-color: var(--key-color-white);
  }
}

.m-pagination__item:first-child .m-pagination__link::before,
.m-pagination__item:first-child .m-pagination__link::after,
.m-pagination__item:last-child .m-pagination__link::before,
.m-pagination__item:last-child .m-pagination__link::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  translate: -50% -50%;
}

.m-pagination__item:first-child .m-pagination__link::before,
.m-pagination__item:last-child .m-pagination__link::before {
  left: 45%;
}

.m-pagination__item:first-child .m-pagination__link::after,
.m-pagination__item:last-child .m-pagination__link::after {
  left: 55%;
}

.m-pagination__item:first-child .m-pagination__link::before,
.m-pagination__item:first-child .m-pagination__link::after {
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-pagination__item:last-child .m-pagination__link::before,
.m-pagination__item:last-child .m-pagination__link::after {
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-pagination__link {
  position: relative;
  display: block;
  padding: var(--margin-16) 0;
  text-align: center;
  background-color: var(--key-color-white);
  border: 1px solid var(--key-color-black);
  border-radius: 5px;
}

@media (any-hover: hover) {
  .m-pagination__link {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-pagination__link:hover,
  .m-pagination__link:focus-visible {
    color: var(--key-color-white);
    background-color: var(--key-color-black);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-pagination__link:hover .m-icon,
  .m-pagination__link:focus-visible .m-icon {
    fill: var(--key-color-white);
  }

  .m-pagination__link:hover::before,
  .m-pagination__link:hover::after,
  .m-pagination__link:focus-visible::before,
  .m-pagination__link:focus-visible::after {
    background-color: var(--key-color-white);
  }
}

.m-pagination__text {
  opacity: 0;
}

.m-pagination__current {
  grid-column: 3/4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-pagination {
    margin-top: var(--margin-48);
  }

  .m-pagination__list {
    grid-template-columns: 64px 64px 1fr 64px 64px;
  }
}

.m-media {
  margin-top: var(--margin-48);
}

.m-media__lead {
  position: relative;
  display: block;
  column-gap: var(--margin-min);
  align-items: center;
  padding-left: var(--margin-32);
  margin-bottom: var(--margin-16);
  font-size: 1rem;
}

.m-media__lead::before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  min-width: 15px;
  height: 15px;
  content: "";
  background-color: var(--sub-color);
  border-radius: 2px;
  rotate: 45deg;
}

.m-media__inner,
.m-media__link {
  display: grid;
  place-content: center;
  width: fit-content;
  margin-inline: auto;
  overflow: hidden;
}

@media (any-hover: hover) {
  .m-media__link .m-media__img {
    transition: scale 0.3s;
  }

  .m-media__link .m-media__img:hover,
  .m-media__link .m-media__img:focus-visible {
    transition: scale 0.3s;
    scale: 1.07;
  }
}

.m-media__caption {
  margin-top: var(--margin-16);
  font-size: 0.875rem;
}

@media (any-hover: hover) {
  .m-media[class*="--fade"] .m-media__link .m-media__img {
    transition: opacity 0.3s;
  }

  .m-media[class*="--fade"] .m-media__link .m-media__img:hover,
  .m-media[class*="--fade"] .m-media__link .m-media__img:focus-visible {
    transition: opacity 0.3s;
    opacity: 0.8;
    scale: inherit;
  }
}

@media (min-width: 768px) {
  .m-media__lead {
    font-size: 1.125rem;
  }

  .m-media__caption {
    font-size: 1rem;
  }

  .m-media[class*="--side"] .m-media__figure {
    display: flex;
    column-gap: var(--margin-24);
    padding: 12px;
  }

  .m-media[class*="--side"] .m-media__caption {
    margin-top: 0;
  }

  .m-media[class*="--side-reverse"] .m-media__figure {
    display: flex;
    flex-direction: row-reverse;
    column-gap: var(--margin-24);
    padding: 12px;
  }

  .m-media[class*="--side-reverse"] .m-media__caption {
    margin-top: 0;
  }
}

.m-layout {
  display: grid;
  margin-top: var(--margin-32);
}

.m-layout[class~="--gap-8"] {
  gap: 8px;
}

.m-layout[class~="--gap-row-8"] {
  row-gap: 8px;
}

.m-layout[class~="--gap-column-8"] {
  column-gap: 8px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-8"] {
    gap: 8px;
  }

  .m-layout[class~="--gap-row-wide-8"] {
    row-gap: 8px;
  }

  .m-layout[class~="--gap-column-wide-8"] {
    column-gap: 8px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-8"] {
    gap: 8px;
  }

  .m-layout[class~="--gap-row-narrow-8"] {
    row-gap: 8px;
  }

  .m-layout[class~="--gap-column-narrow-8"] {
    column-gap: 8px;
  }
}

.m-layout[class~="--gap-16"] {
  gap: 16px;
}

.m-layout[class~="--gap-row-16"] {
  row-gap: 16px;
}

.m-layout[class~="--gap-column-16"] {
  column-gap: 16px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-16"] {
    gap: 16px;
  }

  .m-layout[class~="--gap-row-wide-16"] {
    row-gap: 16px;
  }

  .m-layout[class~="--gap-column-wide-16"] {
    column-gap: 16px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-16"] {
    gap: 16px;
  }

  .m-layout[class~="--gap-row-narrow-16"] {
    row-gap: 16px;
  }

  .m-layout[class~="--gap-column-narrow-16"] {
    column-gap: 16px;
  }
}

.m-layout[class~="--gap-24"] {
  gap: 24px;
}

.m-layout[class~="--gap-row-24"] {
  row-gap: 24px;
}

.m-layout[class~="--gap-column-24"] {
  column-gap: 24px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-24"] {
    gap: 24px;
  }

  .m-layout[class~="--gap-row-wide-24"] {
    row-gap: 24px;
  }

  .m-layout[class~="--gap-column-wide-24"] {
    column-gap: 24px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-24"] {
    gap: 24px;
  }

  .m-layout[class~="--gap-row-narrow-24"] {
    row-gap: 24px;
  }

  .m-layout[class~="--gap-column-narrow-24"] {
    column-gap: 24px;
  }
}

.m-layout[class~="--gap-32"] {
  gap: 32px;
}

.m-layout[class~="--gap-row-32"] {
  row-gap: 32px;
}

.m-layout[class~="--gap-column-32"] {
  column-gap: 32px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-32"] {
    gap: 32px;
  }

  .m-layout[class~="--gap-row-wide-32"] {
    row-gap: 32px;
  }

  .m-layout[class~="--gap-column-wide-32"] {
    column-gap: 32px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-32"] {
    gap: 32px;
  }

  .m-layout[class~="--gap-row-narrow-32"] {
    row-gap: 32px;
  }

  .m-layout[class~="--gap-column-narrow-32"] {
    column-gap: 32px;
  }
}

.m-layout[class~="--gap-40"] {
  gap: 40px;
}

.m-layout[class~="--gap-row-40"] {
  row-gap: 40px;
}

.m-layout[class~="--gap-column-40"] {
  column-gap: 40px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-40"] {
    gap: 40px;
  }

  .m-layout[class~="--gap-row-wide-40"] {
    row-gap: 40px;
  }

  .m-layout[class~="--gap-column-wide-40"] {
    column-gap: 40px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-40"] {
    gap: 40px;
  }

  .m-layout[class~="--gap-row-narrow-40"] {
    row-gap: 40px;
  }

  .m-layout[class~="--gap-column-narrow-40"] {
    column-gap: 40px;
  }
}

.m-layout[class~="--gap-48"] {
  gap: 48px;
}

.m-layout[class~="--gap-row-48"] {
  row-gap: 48px;
}

.m-layout[class~="--gap-column-48"] {
  column-gap: 48px;
}

@media (min-width: 768px) {
  .m-layout[class~="--gap-wide-48"] {
    gap: 48px;
  }

  .m-layout[class~="--gap-row-wide-48"] {
    row-gap: 48px;
  }

  .m-layout[class~="--gap-column-wide-48"] {
    column-gap: 48px;
  }
}

@media (max-width: 767px) {
  .m-layout[class~="--gap-narrow-48"] {
    gap: 48px;
  }

  .m-layout[class~="--gap-row-narrow-48"] {
    row-gap: 48px;
  }

  .m-layout[class~="--gap-column-narrow-48"] {
    column-gap: 48px;
  }
}

.m-layout[data-narrow-col="1"] {
  grid-template-columns: repeat(1, 1fr);
}

.m-layout[data-narrow-col="2"] {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .m-layout[data-wide-col="1"] {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 768px) {
  .m-layout[data-wide-col="2"] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .m-layout[data-wide-col="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .m-layout[data-wide-col="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.m-layout[class~="--auto-height"] .m-layout__item> :first-child {
  height: 100%;
}

.m-layout__item> :first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .m-layout {
    margin-top: var(--margin-48);
  }
}

.m-panel-text {
  position: relative;
  display: grid;
  align-items: center;
  padding: var(--margin-24) var(--margin-40) var(--margin-24) var(--margin-16);
  margin-top: var(--margin-32);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  transition: color 0.3s, background-color 0.3s;
}

@media (any-hover: hover) {

  .m-panel-text:hover,
  .m-panel-text:focus-visible {
    color: var(--sub-color);
    background-color: var(--key-color-white);
  }

  .m-panel-text:hover .m-panel-text__subText,
  .m-panel-text:focus-visible .m-panel-text__subText {
    color: var(--sub-color);
  }
}

.m-panel-text> :first-child {
  margin-top: 0;
}

.m-panel-text__title {
  display: block;
  margin-top: var(--margin-16);
  font-size: 0.875rem;
}

.m-panel-text__text {
  display: block;
  margin-top: var(--margin-16);
}

.m-panel-text__subText {
  font-size: 0.75rem;
  color: var(--icon-color);
}

.m-panel-text::after {
  position: absolute;
  top: 50%;
  right: 18px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--icon-color);
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-panel-text[target=_blank]::after {
  content: none;
}

.m-panel-text .m-icon {
  position: absolute;
  top: 50%;
  right: 18px;
  translate: 0 -50%;
}

.m-panel-text[class*="--white"] {
  background-color: var(--key-color-white);
}

@media (any-hover: hover) {

  .m-panel-text[class*="--white"]:hover,
  .m-panel-text[class*="--white"]:focus-visible {
    color: var(--key-color-white);
    background-color: var(--key-color-black);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-panel-text[class*="--white"]:hover .m-panel-text__subText,
  .m-panel-text[class*="--white"]:focus-visible .m-panel-text__subText {
    color: var(--key-color-white);
  }
}

.m-panel-text[class*="--black"] {
  color: var(--key-color-white);
  background-color: var(--key-color-black);
}

@media (any-hover: hover) {

  .m-panel-text[class*="--black"]:hover,
  .m-panel-text[class*="--black"]:focus-visible {
    color: var(--key-color-black);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-panel-text[class*="--black"]:hover .m-panel-text__subText,
  .m-panel-text[class*="--black"]:focus-visible .m-panel-text__subText {
    color: var(--key-color-black);
  }
}

.m-panel-text[class*="--black"] .m-panel-text__subText {
  color: var(--key-color-white);
}

.m-panel-text[class*="--large"] .m-panel-text__title {
  font-size: 1rem;
}

.m-panel-text[class*="--shadow"] {
  border: unset;
  box-shadow: var(--shadow-light);
}

@media (min-width: 768px) {
  .m-panel-text {
    padding-right: var(--margin-72);
    margin-top: var(--margin-48);
  }

  .m-panel-text::after {
    right: 28px;
  }

  .m-panel-text__title {
    font-size: 1rem;
  }

  .m-panel-text__subText {
    font-size: 0.875rem;
  }

  .m-panel-text[class*="--large"] .m-panel-text__title {
    font-size: 1.125rem;
  }
}

.m-panel-category {
  display: grid;
  height: 100%;
  font-weight: var(--font-bold);
  background-color: var(--key-color-white);
  border-radius: var(--radius);
  container-name: category-panel;
  container-type: inline-size;
}

.m-panel-category__inner {
  display: flex;
  flex-direction: column-reverse;
  row-gap: var(--margin-min);
  align-items: center;
  justify-content: center;
  padding: var(--margin-16);
}

.m-panel-category__text {
  width: 100%;
  text-align: center;
}

.m-panel-category__imgBox {
  position: relative;
  display: inherit;
  min-width: fit-content;
}

.m-panel-category__imgBox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--background-color);
  border-radius: 50%;
  scale: 0;
  animation: circle-close 0.2s ease-out forwards;
  z-index: -1;
}

.m-panel-category[class*="--shadow"] {
  box-shadow: var(--shadow-light);
}

.m-panel-category[class*="--border"] {
  border: 1px solid var(--border-color);
}

.m-panel-category[class*="--side"] .m-panel-category__inner {
  position: relative;
  flex-direction: row-reverse;
  column-gap: var(--margin-16);
  justify-content: flex-end;
}

.m-panel-category[class*="--side"] .m-panel-category__inner::after {
  position: absolute;
  right: 24px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-panel-category[class*="--side"] .m-panel-category__text {
  margin-right: var(--margin-16);
  text-align: left;
}

@media (min-width: 768px) {
  .m-panel-category[class*="--wide"] .m-panel-category__inner {
    padding: var(--margin-24);
  }
}

.m-panel-category[class*="--large"] .m-panel-category__text {
  display: flex;
  column-gap: var(--margin-min);
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.m-panel-category[class*="--large"] .m-panel-category__text::after {
  display: block;
  min-width: 10px;
  height: 10px;
  content: "";
  background-color: var(--key-color-black);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-panel-category[class*="--large"][href^="#"] .m-panel-category__text::after {
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width: 768px) {
  .m-panel-category[class*="--large"] .m-panel-category__text::after {
    content: none;
  }

  .m-panel-category[class*="--large"] .m-panel-category__img {
    width: 100%;
  }
}

@media (any-hover: hover) {
  .m-panel-category:hover .m-panel-category__inner::after {
    background-color: var(--sub-color);
  }

  .m-panel-category:hover .m-panel-category__text {
    color: var(--sub-color);
  }

  .m-panel-category:hover .m-panel-category__imgBox::before {
    scale: 1;
    animation: circle-open 0.2s ease-out forwards;
  }
}

@keyframes circle-open {
  0% {
    scale: 0;
  }

  100% {
    scale: 1;
  }
}

@keyframes circle-close {
  0% {
    scale: 1;
  }

  100% {
    scale: 0;
  }
}

@container category-panel (min-width: 400px) {
  .m-panel-category__inner {
    position: relative;
    flex-direction: row-reverse;
    column-gap: var(--margin-16);
    justify-content: flex-end;
  }

  .m-panel-category__inner::after {
    position: absolute;
    right: 24px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background-color: var(--key-color-black);
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .m-panel-category[href^="#"] .m-panel-category__inner::after {
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><polygon points=".13 7.51 7.5 14.88 14.87 7.51 14 6.64 8.11 12.53 8.11 .12 6.89 .12 6.89 12.53 1 6.64 .13 7.51" stroke-width="0"/></svg>');
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .m-panel-category__text {
    margin-right: var(--margin-24);
    text-align: center;
  }

  @media (min-width: 768px) {
    .m-panel-category__text {
      font-size: 1.125rem;
    }
  }
}

.m-box {
  padding: var(--margin-24) var(--margin-16);
  margin-top: var(--margin-40);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.m-box> :first-child {
  margin-top: 0 !important;
}

.m-box__item {
  padding: var(--margin-24) 0;
  border-bottom: 1px solid var(--border-color);
}

.m-box__item> :first-child {
  margin-top: 0 !important;
}

.m-box__item:first-child {
  padding-top: 0;
}

.m-box__item:last-child {
  padding-bottom: 0;
  border-bottom: unset;
}

.m-box[class*="--white"] {
  background-color: var(--key-color-white);
}

.m-box[class*="--red"] {
  background-color: var(--key-color-white);
  border: 1px solid var(--text-color-strong);
}

.m-box[class*="--blue"] {
  background-color: var(--box-background);
  border: 1px solid var(--sub-color);
}

.m-box[class*="--m-small"] {
  margin-top: var(--margin-24);
}

@media (min-width: 768px) {
  .m-box {
    padding: var(--margin-32) var(--margin-24);
    margin-top: var(--margin-56);
  }
}

.m-button {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 290px;
  padding: var(--margin-16);
  padding-right: var(--margin-40);
  text-align: center;
  border: 1px solid var(--key-color-black);
  border-radius: var(--radius);
}

.m-button::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--key-color-white);
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954" /></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-button[target=_blank]::after,
.m-button[target=_blank]::before {
  content: none;
}

.m-button[target=_blank] .m-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  translate: 0 -50%;
}

.m-button[class*="--black"] {
  color: var(--key-color-white);
  background-color: var(--key-color-black);
}

@media (any-hover: hover) {
  .m-button[class*="--black"] {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button[class*="--black"]:hover,
  .m-button[class*="--black"]:focus-visible {
    color: var(--key-color-black);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button[class*="--black"]:hover .m-icon,
  .m-button[class*="--black"]:focus-visible .m-icon {
    fill: var(--key-color-black);
  }

  .m-button[class*="--black"]:hover::before,
  .m-button[class*="--black"]:hover::after,
  .m-button[class*="--black"]:focus-visible::before,
  .m-button[class*="--black"]:focus-visible::after {
    background-color: var(--key-color-black);
  }
}

.m-button[class*="--white"] {
  color: var(--key-color-black);
  background-color: var(--key-color-white);
}

@media (any-hover: hover) {
  .m-button[class*="--white"] {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button[class*="--white"]:hover,
  .m-button[class*="--white"]:focus-visible {
    color: var(--key-color-white);
    background-color: var(--key-color-black);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button[class*="--white"]:hover .m-icon,
  .m-button[class*="--white"]:focus-visible .m-icon {
    fill: var(--key-color-white);
  }

  .m-button[class*="--white"]:hover::before,
  .m-button[class*="--white"]:hover::after,
  .m-button[class*="--white"]:focus-visible::before,
  .m-button[class*="--white"]:focus-visible::after {
    background-color: var(--key-color-white);
  }
}

.m-button[class*="--white"]::after {
  background-color: var(--key-color-black);
}

.m-button[class*="--wide"] {
  max-width: unset;
}

.m-button[class*="--prev"] {
  padding-right: var(--margin-16);
  padding-left: var(--margin-40);
}

.m-button[class*="--prev"]::after {
  content: none;
}

.m-button[class*="--prev"]::before {
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-color: currentColor;
  translate: 0 -50%;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-button:disabled {
  cursor: not-allowed;
  background-color: var(--border-color);
  border-color: var(--border-color);
}

.m-button:disabled::after {
  background-color: var(--key-color-black);
}

a.m-button:not([href]) {
  cursor: not-allowed;
  background-color: var(--border-color);
  border-color: var(--border-color);
}

a.m-button:not([href])::after {
  background-color: var(--key-color-black);
}

.m-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--margin-32);
  justify-content: center;
  margin-top: var(--margin-32);
  margin-right: auto;
  margin-left: auto;
}

.m-button-wrapper[class*="--left"] {
  justify-content: flex-start;
}

.m-button-wrapper[class*="--right"] {
  justify-content: flex-end;
}

.m-button-wrapper[class*="--fit-wide"] {
  max-width: fit-content;
}

@media (min-width: 768px) {
  .m-button-wrapper {
    margin-top: var(--margin-40);
  }
}

.m-button-solution {
  display: flex;
  justify-content: center;
  padding: var(--margin-24) var(--margin-16);
  color: var(--key-color-white);
  text-align: center;
  background-color: var(--sub-color);
  border: 1px solid var(--sub-color);
  border-radius: 5px;
}

@media (any-hover: hover) {
  .m-button-solution {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button-solution:hover,
  .m-button-solution:focus-visible {
    color: var(--sub-color);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button-solution:hover .m-icon,
  .m-button-solution:focus-visible .m-icon {
    fill: var(--sub-color);
  }

  .m-button-solution:hover::before,
  .m-button-solution:hover::after,
  .m-button-solution:focus-visible::before,
  .m-button-solution:focus-visible::after {
    background-color: var(--sub-color);
  }
}

.m-button-solution__text {
  display: inline-flex;
  column-gap: var(--margin-min);
  align-items: center;
}

.m-button-solution__text::before {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6" fill="none" stroke-width="0"/><path d="m8,0C3.582,0,0,3.582,0,8s3.582,8,8,8,8-3.582,8-8S12.418,0,8,0Zm0,14c-3.308,0-6-2.692-6-6S4.692,2,8,2s6,2.692,6,6-2.692,6-6,6Z" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6" fill="none" stroke-width="0"/><path d="m8,0C3.582,0,0,3.582,0,8s3.582,8,8,8,8-3.582,8-8S12.418,0,8,0Zm0,14c-3.308,0-6-2.692-6-6S4.692,2,8,2s6,2.692,6,6-2.692,6-6,6Z" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-button-solution[class*="--not"] {
  color: var(--key-color-black);
  background-color: var(--border-color);
  border: 1px solid var(--border-color);
}

@media (any-hover: hover) {
  .m-button-solution[class*="--not"] {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button-solution[class*="--not"]:hover,
  .m-button-solution[class*="--not"]:focus-visible {
    color: var(--key-color-black);
    border-color: var(--key-color-black);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-button-solution[class*="--not"]:hover .m-icon,
  .m-button-solution[class*="--not"]:focus-visible .m-icon {
    fill: var(--key-color-black);
  }

  .m-button-solution[class*="--not"]:hover::before,
  .m-button-solution[class*="--not"]:hover::after,
  .m-button-solution[class*="--not"]:focus-visible::before,
  .m-button-solution[class*="--not"]:focus-visible::after {
    background-color: var(--key-color-black);
  }
}

.m-button-solution[class*="--not"] .m-button-solution__text::before {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><polygon points="14.364 3.05 12.95 1.636 8 6.586 3.05 1.636 1.636 3.05 6.586 8 1.636 12.95 3.05 14.364 8 9.414 12.95 14.364 14.364 12.95 9.414 8 14.364 3.05" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><polygon points="14.364 3.05 12.95 1.636 8 6.586 3.05 1.636 1.636 3.05 6.586 8 1.636 12.95 3.05 14.364 8 9.414 12.95 14.364 14.364 12.95 9.414 8 14.364 3.05" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width: 768px) {
  .m-button-solution {
    padding: var(--margin-24);
  }
}

.m-table {
  margin-top: var(--margin-24);
}

.m-table__inner {
  width: 100%;
}

.m-table__th,
.m-table__td {
  text-align: left;
  border: 1px solid var(--icon-color);
}

.m-table__th> :first-child,
.m-table__td> :first-child {
  margin-top: 0;
}

.m-table__th {
  padding: var(--margin-16);
  color: var(--key-color-white);
  text-align: center;
  background-color: var(--key-color-black);
}

.m-table__td {
  padding: var(--margin-16);
  background-color: var(--key-color-white);
}

.m-table__thead+.m-table__tbody .m-table__th {
  color: var(--key-color-black);
  text-align: center;
  background-color: var(--background-color);
}

.m-table[class*="--scroll"] {
  position: relative;
  overflow-x: auto;
}

.m-table[class*="--scroll"]:hover .m-table__icon,
.m-table[class*="--scroll"]:focus .m-table__icon,
.m-table[class*="--scroll"]:focus-within .m-table__icon {
  opacity: 0;
}

.m-table[class*="--scroll"] .m-table__icon {
  position: absolute;
  inset: 0;
  display: grid;
  row-gap: var(--margin-min);
  width: 90px;
  height: 110px;
  padding: var(--margin-min);
  margin: auto;
  color: var(--key-color-white);
  background: rgba(16, 26, 52, 0.7);
  border-radius: 5px;
  transition: opacity 0.3s ease-in;
}

.m-table[class*="--scroll"] .m-table__icon::before {
  display: block;
  width: 57px;
  height: 50px;
  margin: auto;
  content: "";
  background-color: var(--key-color-white);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="45.506" height="39.888" viewBox="0 0 45.506 39.888"><path id="_パス_156" d="m37.909,21.901c-.657.004-1.298.203-1.843.571-.563-1.238-1.785-2.044-3.144-2.074-.846.004-1.659.329-2.276.908-.632-.97-1.702-1.566-2.859-1.592-.488,0-.97.111-1.41.321v-7.087c.099-2.078-1.498-3.847-3.575-3.961-2.077.114-3.674,1.883-3.575,3.961v17.5l-3.519-3.961c-.655-.731-1.59-1.148-2.571-1.146h0c-.965-.004-1.887.403-2.533,1.12-1.452,1.493-1.521,3.847-.16,5.423l7.048,7.935.06.068h3.03l-8.225-9.26c-.583-.626-.709-1.551-.316-2.31.201-.434.623-.723,1.1-.752.339.008.658.164.873.427l5.513,6.206c.412.463,1.122.505,1.585.093.24-.213.377-.519.377-.84V12.948c-.093-.828.488-1.58,1.312-1.7.824.12,1.404.873,1.311,1.7v17.933h2.266v-7.031c0-.536.198-1.053.557-1.452.21-.256.52-.409.851-.42.578.052,1.059.464,1.2,1.026l.034.107c.147.428.221.877.22,1.329v6.442h2.267v-6.238c.004-.469.137-.927.386-1.324.205-.384.595-.633,1.029-.658.669.072,1.197.601,1.267,1.27l.1.49c.056.267.085.539.085.812v5.646h2.263v-5.309c0-.31.105-.61.3-.851l.073-.086c.211-.283.539-.454.892-.467.824.12,1.404.873,1.311,1.7v8.715c.007,1.754-.45,3.479-1.324,5l-.177.306h2.575l.054-.117c.757-1.627,1.147-3.4,1.141-5.194v-8.715c.1-2.078-1.496-3.847-3.574-3.961" stroke-width="0"/><polygon points="15.506 8.148 4.402 8.148 10.925 1.626 9.298 0 0 9.298 9.298 18.597 10.925 16.971 4.402 10.448 15.506 10.448 15.506 8.148" stroke-width="0"/><polygon points="30 10.448 41.104 10.448 34.581 16.971 36.208 18.597 45.506 9.298 36.208 0 34.581 1.626 41.104 8.148 30 8.148 30 10.448" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="45.506" height="39.888" viewBox="0 0 45.506 39.888"><path id="_パス_156" d="m37.909,21.901c-.657.004-1.298.203-1.843.571-.563-1.238-1.785-2.044-3.144-2.074-.846.004-1.659.329-2.276.908-.632-.97-1.702-1.566-2.859-1.592-.488,0-.97.111-1.41.321v-7.087c.099-2.078-1.498-3.847-3.575-3.961-2.077.114-3.674,1.883-3.575,3.961v17.5l-3.519-3.961c-.655-.731-1.59-1.148-2.571-1.146h0c-.965-.004-1.887.403-2.533,1.12-1.452,1.493-1.521,3.847-.16,5.423l7.048,7.935.06.068h3.03l-8.225-9.26c-.583-.626-.709-1.551-.316-2.31.201-.434.623-.723,1.1-.752.339.008.658.164.873.427l5.513,6.206c.412.463,1.122.505,1.585.093.24-.213.377-.519.377-.84V12.948c-.093-.828.488-1.58,1.312-1.7.824.12,1.404.873,1.311,1.7v17.933h2.266v-7.031c0-.536.198-1.053.557-1.452.21-.256.52-.409.851-.42.578.052,1.059.464,1.2,1.026l.034.107c.147.428.221.877.22,1.329v6.442h2.267v-6.238c.004-.469.137-.927.386-1.324.205-.384.595-.633,1.029-.658.669.072,1.197.601,1.267,1.27l.1.49c.056.267.085.539.085.812v5.646h2.263v-5.309c0-.31.105-.61.3-.851l.073-.086c.211-.283.539-.454.892-.467.824.12,1.404.873,1.311,1.7v8.715c.007,1.754-.45,3.479-1.324,5l-.177.306h2.575l.054-.117c.757-1.627,1.147-3.4,1.141-5.194v-8.715c.1-2.078-1.496-3.847-3.574-3.961" stroke-width="0"/><polygon points="15.506 8.148 4.402 8.148 10.925 1.626 9.298 0 0 9.298 9.298 18.597 10.925 16.971 4.402 10.448 15.506 10.448 15.506 8.148" stroke-width="0"/><polygon points="30 10.448 41.104 10.448 34.581 16.971 36.208 18.597 45.506 9.298 36.208 0 34.581 1.626 41.104 8.148 30 8.148 30 10.448" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-table[class*="--scroll"] .m-table__iconText {
  display: block;
  font-size: 0.75rem;
  text-align: center;
}

.m-table[class*="--scroll"] .m-table__inner {
  width: 768px;
}

@media (min-width: 768px) {
  .m-table {
    margin-top: var(--margin-32);
  }

  .m-table[class*="--scroll"] .m-table__icon {
    display: none;
  }

  .m-table[class*="--scroll"] .m-table__inner {
    width: 100%;
  }
}

.m-icon {
  min-width: 13px;
  height: 13px;
  margin-left: var(--margin-min);
  fill: var(--icon-color);
}

.m-icon[class*="--white"] {
  fill: var(--key-color-white);
}

.m-tags {
  display: inline-block;
  min-width: 100px;
  padding: 4px;
  font-size: 0.75rem;
  color: var(--key-color-white);
  text-align: center;
  background-color: var(--key-color-black);
  border-radius: 5px;
}

.m-select {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.m-select::after {
  position: absolute;
  right: 20px;
  display: inline-block;
  min-width: 10px;
  height: 10px;
  content: "";
  background-color: var(--key-color-black);
  rotate: 90deg;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-select__label {
  margin-right: var(--margin-min);
  font-size: 0.875rem;
  font-weight: var(--font-bold);
  white-space: nowrap;
}

.m-select__input {
  width: 100%;
  padding: var(--margin-16);
  padding-right: var(--margin-40);
  appearance: none;
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.m-widget-toggle {
  margin-top: var(--margin-40);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.m-widget-toggle+.m-widget-toggle {
  margin-top: var(--margin-min);
}

.m-widget-toggle__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-widget-toggle__summary[aria-expanded=true] .m-widget-toggle__button::after {
  rotate: 0deg;
}

.m-widget-toggle__wrap {
  display: flex;
  flex-direction: row-reverse;
  column-gap: var(--margin-16);
  align-items: center;
  padding: var(--margin-16);
  padding-right: var(--margin-24);
  font-size: 1rem;
}

.m-widget-toggle__title {
  display: block;
  font-weight: var(--font-bold);
}

.m-widget-toggle__button {
  position: relative;
  right: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 30px;
  height: 60px;
  padding: var(--margin-min) 0;
  font-size: 0.625rem;
  color: var(--key-color-black);
  background-color: var(--background-color);
}

.m-widget-toggle__button::before,
.m-widget-toggle__button::after {
  position: absolute;
  top: 20px;
  display: block;
  width: 15px;
  height: 1px;
  content: "";
  background-color: var(--key-color-black);
  transition: rotate 0.3s;
}

.m-widget-toggle__button::after {
  rotate: 90deg;
}

.m-widget-toggle__content {
  overflow: hidden;
}

.m-widget-toggle__outer {
  padding: 0 var(--margin-16) var(--margin-32);
}

.m-widget-toggle__inner {
  padding-top: var(--margin-24);
  border-top: 1px solid var(--border-color);
}

.m-widget-toggle__inner> :first-child {
  margin-top: 0;
}

.m-widget-toggle .m-widget-toggle {
  background-color: var(--key-color-white);
}

.m-widget-toggle .m-widget-toggle+.m-widget-toggle {
  margin-top: var(--margin-min);
}

.m-widget-toggle .m-widget-toggle .m-widget-toggle__summary[aria-expanded=true] .m-widget-toggle__title {
  color: var(--sub-color);
}

.m-widget-toggle .m-widget-toggle .m-widget-toggle__wrap {
  font-size: 0.875rem;
}

.m-widget-toggle .m-widget-toggle .m-widget-toggle__button {
  color: var(--sub-color);
  background-color: var(--key-color-white);
}

.m-widget-toggle .m-widget-toggle .m-widget-toggle__button::before,
.m-widget-toggle .m-widget-toggle .m-widget-toggle__button::after {
  background-color: var(--sub-color);
}

@media (min-width: 768px) {
  .m-widget-toggle {
    margin-top: var(--margin-56);
  }

  .m-widget-toggle+.m-widget-toggle {
    margin-top: var(--margin-16);
  }
}

.m-widget-tab {
  margin-top: var(--margin-32);
}

.m-widget-tab__content {
  margin-top: var(--margin-32);
}

.m-widget-tab__list {
  display: flex;
  column-gap: var(--margin-min);
  border-bottom: 3px solid var(--key-color-black);
}

.m-widget-tab__button {
  display: block;
  width: 100%;
  padding: var(--margin-16) var(--margin-min);
  font-size: 1rem;
  font-weight: var(--font-bold);
  background-color: var(--key-color-white);
  border: 1px solid var(--key-color-black);
  border-bottom: unset;
  border-radius: var(--radius) var(--radius) 0 0;
}

@media (any-hover: hover) {
  .m-widget-tab__button {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-widget-tab__button:hover,
  .m-widget-tab__button:focus-visible {
    color: var(--key-color-white);
    background-color: var(--key-color-black);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-widget-tab__button:hover .m-icon,
  .m-widget-tab__button:focus-visible .m-icon {
    fill: var(--key-color-white);
  }

  .m-widget-tab__button:hover::before,
  .m-widget-tab__button:hover::after,
  .m-widget-tab__button:focus-visible::before,
  .m-widget-tab__button:focus-visible::after {
    background-color: var(--key-color-white);
  }
}

.m-widget-tab__button:focus-visible {
  outline: 2px solid var(--sub-color);
}

.m-widget-tab__button[aria-selected=true] {
  color: var(--key-color-white);
  background-color: var(--key-color-black);
}

.m-widget-tab__panel> :first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .m-widget-tab {
    margin-top: var(--margin-48);
  }

  .m-widget-tab__content {
    margin-top: var(--margin-40);
  }

  .m-widget-tab__list {
    column-gap: var(--margin-16);
  }

  .m-widget-tab__button {
    padding: var(--margin-16);
  }
}

.js-branch__first> :first-child,
.js-branch__content> :first-child {
  margin-top: 0;
}

.js-branch__first {
  display: block;
}

.m-widget-carousel {
  padding: var(--margin-24) var(--margin-16);
  margin-top: var(--margin-40);
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}

.m-widget-carousel__list {
  transition: height 0.3s;
}

.m-widget-carousel__arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 488px;
  margin-inline: auto;
}

.m-widget-carousel__prev,
.m-widget-carousel__next {
  position: relative;
  width: 40px;
  height: 40px;
  color: var(--key-color-white);
  background-color: var(--key-color-black);
  border: 1px solid var(--key-color-black);
  border-radius: 5px;
}

@media (any-hover: hover) {

  .m-widget-carousel__prev,
  .m-widget-carousel__next {
    transition: color 0.3s, background-color 0.3s;
  }

  .m-widget-carousel__prev:hover,
  .m-widget-carousel__prev:focus-visible,
  .m-widget-carousel__next:hover,
  .m-widget-carousel__next:focus-visible {
    color: var(--key-color-black);
    background-color: var(--key-color-white);
    transition: color 0.3s, background-color 0.3s;
  }

  .m-widget-carousel__prev:hover .m-icon,
  .m-widget-carousel__prev:focus-visible .m-icon,
  .m-widget-carousel__next:hover .m-icon,
  .m-widget-carousel__next:focus-visible .m-icon {
    fill: var(--key-color-black);
  }

  .m-widget-carousel__prev:hover::before,
  .m-widget-carousel__prev:hover::after,
  .m-widget-carousel__prev:focus-visible::before,
  .m-widget-carousel__prev:focus-visible::after,
  .m-widget-carousel__next:hover::before,
  .m-widget-carousel__next:hover::after,
  .m-widget-carousel__next:focus-visible::before,
  .m-widget-carousel__next:focus-visible::after {
    background-color: var(--key-color-black);
  }
}

.m-widget-carousel__prev::before,
.m-widget-carousel__next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 15px;
  height: 15px;
  content: "";
  background-color: var(--key-color-white);
  translate: -50% -50%;
}

.m-widget-carousel__prev::before {
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.06" height="13.06" viewBox="0 0 13.06 13.06"><polygon points="9.32 12.95 10.16 12.11 4.59 6.53 10.16 .95 9.32 .11 2.89 6.53 9.32 12.95" stroke-width="0"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-widget-carousel__next::before {
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13.055" height="13.059" viewBox="0 0 13.055 13.059"><polygon points="4.24 12.954 3.391 12.105 8.967 6.53 3.391 .954 4.24 .105 10.664 6.53 4.24 12.954"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-widget-carousel__buttonText {
  opacity: 0;
}

.m-widget-carousel__pagination {
  display: flex;
  font-size: 1rem;
}

.m-widget-carousel__track {
  margin-top: var(--margin-16);
}

.m-widget-carousel__content {
  width: fit-content;
  margin-inline: auto;
}

.m-widget-carousel__content> :first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .m-widget-carousel {
    margin-top: var(--margin-56);
  }

  .m-widget-carousel__prev,
  .m-widget-carousel__next {
    width: 50px;
    height: 50px;
  }

  .m-widget-carousel__prev::before,
  .m-widget-carousel__next::before {
    width: 20px;
    height: 20px;
  }
}

.m-media.js-modal-img .m-media__link {
  position: relative;
}

.m-media.js-modal-img .m-media__link::before {
  position: absolute;
  right: 9px;
  bottom: 10px;
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  background-color: var(--key-color-white);
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><g><path d="m21.18 12.92h-5.83v-5.82h-2v5.82h-5.82v2h5.82v5.83h2v-5.83h5.83z"/><path d="m29.26 28.33-4.98-4.98c2.34-2.45 3.79-5.77 3.79-9.43.01-7.55-6.11-13.67-13.66-13.67s-13.67 6.12-13.67 13.67 6.12 13.67 13.67 13.67c3.17 0 6.08-1.09 8.4-2.9l5.05 5.05 1.41-1.41zm-26.52-14.41c0-6.43 5.23-11.67 11.67-11.67s11.67 5.24 11.67 11.67-5.24 11.67-11.67 11.67-11.67-5.23-11.67-11.67z"/></g></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><g><path d="m21.18 12.92h-5.83v-5.82h-2v5.82h-5.82v2h5.82v5.83h2v-5.83h5.83z"/><path d="m29.26 28.33-4.98-4.98c2.34-2.45 3.79-5.77 3.79-9.43.01-7.55-6.11-13.67-13.66-13.67s-13.67 6.12-13.67 13.67 6.12 13.67 13.67 13.67c3.17 0 6.08-1.09 8.4-2.9l5.05 5.05 1.41-1.41zm-26.52-14.41c0-6.43 5.23-11.67 11.67-11.67s11.67 5.24 11.67 11.67-5.24 11.67-11.67 11.67-11.67-5.23-11.67-11.67z"/></g></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}

.m-media.js-modal-img .m-media__link::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 50px;
  height: 50px;
  content: "";
  background: var(--key-color-black);
  border-radius: var(--radius) 0 0 0;
}

.m-media.js-modal-img .m-media__img {
  cursor: pointer;
}

@media (any-hover: hover) {
  .m-media.js-modal-img .m-media__img {
    transition: scale 0.3s;
  }

  .m-media.js-modal-img .m-media__img:hover,
  .m-media.js-modal-img .m-media__img:focus-visible {
    transition: scale 0.3s;
    scale: 1.07;
  }
}

.m-widget-modal {
  padding-top: var(--margin-56);
  line-height: 0;
  background: transparent;
}

.m-widget-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: transparent;
}

.m-widget-modal__close::before,
.m-widget-modal__close::after {
  display: block;
  width: 50px;
  height: 2px;
  content: "";
  background: var(--key-color-white);
}

.m-widget-modal__close::before {
  rotate: 45deg;
}

.m-widget-modal__close::after {
  rotate: -45deg;
}

.m-widget-modal__text {
  opacity: 0;
}

.adj-text-center {
  text-align: center !important;
}

.adj-text-left {
  text-align: left !important;
}

.adj-text-right {
  text-align: right !important;
}

.adj-width-5 {
  width: 5% !important;
}

.adj-width-10 {
  width: 10% !important;
}

.adj-width-15 {
  width: 15% !important;
}

.adj-width-20 {
  width: 20% !important;
}

.adj-width-25 {
  width: 25% !important;
}

.adj-width-30 {
  width: 30% !important;
}

.adj-width-35 {
  width: 35% !important;
}

.adj-width-40 {
  width: 40% !important;
}

.adj-width-45 {
  width: 45% !important;
}

.adj-width-50 {
  width: 50% !important;
}

.adj-width-55 {
  width: 55% !important;
}

.adj-width-60 {
  width: 60% !important;
}

.adj-width-65 {
  width: 65% !important;
}

.adj-width-70 {
  width: 70% !important;
}

.adj-width-75 {
  width: 75% !important;
}

.adj-width-80 {
  width: 80% !important;
}

.adj-width-85 {
  width: 85% !important;
}

.adj-width-90 {
  width: 90% !important;
}

.adj-width-95 {
  width: 95% !important;
}

.adj-width-100 {
  width: 100% !important;
}

/*# sourceMappingURL=style.css.map */

/* ai chat banner */
.aic-bnr>.m-media__inner>.m-media__link>img {
  scale: 1;
  transition: .3s;
}

.aic-bnr>.m-media__inner>.m-media__link>img:hover {
  scale: 1;
  transition: .3s;
  opacity: .8;
}

@media screen and (max-width: 786px) {
  .aic-bnr>.m-media__inner>.m-media__link>img:hover {
    opacity: unset;
  }
}

/* questionnaire flex */
@media screen and (max-width: 786px) {
  .list-questionnaire {
    display: flex;
    flex-direction: column;
  }
}

/* movie box */
.m-box[class*="--bgcwhite"] {
  background-color: var(--bgcwhite);
}

.m-media__inner[class*="--marginit"] {
  margin-inline: var(--marginit);
}

.m-media__inner>a[class*="--fw600"] {
  font-weight: var(--fw600);
}

.m-media__inner>a[class*="--txtdul"] {
  text-decoration: var(--txtdul)
}

:root {
  --bgcwhite: #FFFFFF;
  --marginit: initial;
  --fw600: 600;
  --txtdul: underline;
}

/*ScaleSentry.js*/
.zoom-400 #inoutbox,
.zoom-400 .fastchat-frame {
  display: none;
}

/* image map resize*/
.appbanner img {
  width: 100%;
}

/* notice style */
.s-notice__title,
.s-notice-inline__title {
  color: #FF0000 !important;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {

  .s-notice__title,
  .s-notice-inline__title {
    font-size: 0.875rem;
  }
}

.s-notice-inline__title {
  margin: 29px 0 0 0;
}

.m-setting {
  margin: 20px 0 0 0
}

.m-widget-toggle__inner {
  padding-top: initial;
  border-top: none;
}

.m-list-news__link {
  border-top: 1px solid #CFD1D8;
  border-bottom: none
    /*1px solid #CFD1D8*/
  ;
  row-gap: initial;
}

/*.m-list-news__list:last-child .m-list-news__link {
		border-bottom: none;
	}*/
/* nuro mobile 用に追加*/
.m-link-burette {
  margin-top: 0;
}

.m-link,
.m-link-burette,
.m-list-news__link,
.m-box,
.m-widget-toggle__title {
  color: #101A34 !important;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}

.s-notice__title,
.s-notice-inline__title {
  color: #FF0000 !important;
  font-size: 1rem;
}