/* ==========================================================================
   function
   ========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover,
input[type=text],
input[type=password],
textarea,
select,
button {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
  background: none;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  appearance: button;
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  appearance: textfield;
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ==========================================================================
   breakpoints
   ========================================================================== */
/* ==========================================================================
   font
   ========================================================================== */
/* ==========================================================================
   layout
   ========================================================================== */
/* ==========================================================================
   column
   ========================================================================== */
.l-cols {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.l-cols.-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* ==========================================================================
   container
   ========================================================================== */
/* ==========================================================================
   overflow
   ========================================================================== */
* {
  box-sizing: border-box;
  word-wrap: break-word;
  line-height: 1.6em;
}
@media screen and (min-width: 769px) {
  * {
    transition: 0.2s ease;
  }
}
@media screen and (min-width: 769px) {
  *:before, *:after {
    transition: 0.2s ease;
  }
}

html {
  background-color: #F5F5F5;
}

html,
body {
  height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
p,
blockquote {
  margin: 0;
}

body {
  position: relative;
  overflow-x: hidden;
}
body.is-not-scrolling {
  overflow-y: hidden;
}
body.is-not-scrolling:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(38, 50, 56, 0.6);
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border-radius: 0;
}

input,
label,
select,
button,
textarea {
  padding: 0;
  border: 0;
}

input:focus-visible {
  outline: none;
}

a {
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  a {
    transition: 0.2s ease;
  }
}
a:hover {
  opacity: 0.5;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}

img,
svg {
  display: block;
  width: 100%;
  height: auto;
}

svg {
  fill: #182A50;
}

iframe {
  border: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
li a,
th a,
td a {
  color: #5A8DF9;
  font-weight: 700;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
p small,
li small,
th small,
td small {
  display: inline-block;
}

p,
li {
  text-align: justify;
}

ul,
ol {
  margin: 0;
  padding-left: 2rem;
}

hr {
  border: none;
}

input,
button,
textarea,
select {
  display: block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  resize: none;
}

#error_explanation {
  max-width: 48rem;
  margin: 2.4rem auto;
  padding: 2.4rem 3.2rem;
  background-color: #FFF3F3;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  #error_explanation {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  #error_explanation {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  #error_explanation {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  #error_explanation {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  #error_explanation {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  #error_explanation {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  #error_explanation {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  #error_explanation {
    border-radius: 0.4rem;
  }
}
#error_explanation h2 {
  color: #D32F2F;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #error_explanation h2 {
    font-size: 1.6rem;
  }
}
#error_explanation h2 + * {
  margin-top: 0.8rem;
}
#error_explanation ul > li {
  color: #D32F2F;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  #error_explanation ul > li {
    font-size: 1.2rem;
  }
}
#error_explanation ul > li + li {
  margin-top: 0.4rem;
}

html {
  font-size: 62.5%;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
body {
  color: #182A50;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 400;
}
@media screen and (max-width: 520px) {
  body {
    letter-spacing: 0;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #182A50;
}

h1 {
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 400;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 400;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.8rem;
  }
}
h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.6rem;
  }
}
h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  h5 {
    font-size: 1.3rem;
  }
}
h6 {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  h6 {
    font-size: 1.2rem;
  }
}
p,
li,
input,
textarea,
th,
td {
  font-size: 1.6rem;
  text-align: justify;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  p,
  li,
  input,
  textarea,
  th,
  td {
    font-size: 1.5rem;
  }
}
th,
td {
  line-height: 1.6em;
}

.l-breadcrumbs {
  padding: 2.4rem;
  background-color: #182A50;
  border-radius: 2.4rem 2.4rem 0 0;
}
@media screen and (max-width: 1920px) {
  .l-breadcrumbs {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1440px) {
  .l-breadcrumbs {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .l-breadcrumbs {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1152px) {
  .l-breadcrumbs {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-breadcrumbs {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 520px) {
  .l-breadcrumbs {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 320px) {
  .l-breadcrumbs {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs {
    padding: 1.6rem;
  }
}
.l-breadcrumbs ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.l-breadcrumbs ul > li {
  position: relative;
  margin-left: 1.6rem;
  font-size: 1.3rem;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs ul > li {
    font-size: 1.2rem;
  }
}
.l-breadcrumbs ul > li + li {
  margin-left: 0.8rem;
  padding-left: 2.4rem;
}
.l-breadcrumbs ul > li + li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.8rem;
  width: 0.1rem;
  height: 1.3rem;
  margin: auto;
  background-color: #8691A8;
  transform: rotate(-45deg);
}
.l-breadcrumbs ul > li.is-current {
  min-width: 0;
  color: #FFFFFF;
  max-width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-breadcrumbs ul > li.is-current > a {
  color: #9E9E9E;
  cursor: auto;
  pointer-events: none;
}
.l-breadcrumbs ul > li a {
  display: block;
  border: none;
  color: #FFFFFF;
  max-width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.l-contents {
  max-width: 144rem;
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "head" "content" "bottom";
}
.l-contents > .g-head {
  grid-area: head;
}
.l-contents > .g-content {
  grid-area: content;
}
.l-contents > .g-bottom {
  grid-area: bottom;
}
.l-contents > .g-head {
  box-shadow: 0 0.8rem 0.8rem -0.8rem rgba(158, 158, 158, 0.3);
}
.l-contents > .g-bottom, .l-contents > .g-content {
  background-color: #FFFFFF;
}
.l-contents > .g-content {
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 768px) {
  .l-contents > .g-content {
    padding-bottom: 3.2rem;
  }
}
.l-contents > .g-bottom {
  padding: 6.4rem 0;
  text-align: center;
  border-top: solid 0.1rem #F5F5F5;
  border-radius: 0 0 2.4rem 2.4rem;
}
@media screen and (max-width: 1920px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 2.4rem 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 320px) {
  .l-contents > .g-bottom {
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .l-contents > .g-bottom {
    padding: 3.2rem 0;
  }
}
.l-contents__buttons > * + * {
  margin-top: 0.8rem;
}

.l-documents-head {
  padding-block: 6.4rem 3.2rem;
}
@media screen and (max-width: 768px) {
  .l-documents-head {
    padding-block: 3.2rem 1.6rem;
  }
}
.l-documents-head > h1, .l-documents-head > p {
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
}
.l-documents-head > h1 > span, .l-documents-head > p > span {
  color: #D32F2F;
}
.l-documents-head > p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .l-documents-head > p {
    font-size: 1.3rem;
  }
}
.l-documents-head > p.-gray {
  color: #9E9E9E;
}
.l-documents-content > section {
  padding-block: 3.2rem;
  border-top: solid 0.1rem #F5F5F5;
}
.l-documents-content > section h2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .l-documents-content > section h2 {
    font-size: 1.6rem;
  }
}
.l-documents-content > section h2 + * {
  margin-top: 0.4rem;
}
.l-documents-content > section ul > li + li,
.l-documents-content > section ol > li + li {
  margin-top: 0.4rem;
}
.l-documents-bottom p {
  text-align: right;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .l-documents-bottom p {
    font-size: 1.2rem;
  }
}
.l-footer {
  padding: 3.2rem;
  background-color: #272d38;
}
.l-footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.l-footer-content + * {
  margin-top: 2.4rem;
}
.l-footer-content > img {
  width: 12rem;
}
.l-footer-content ul {
  padding: 0;
  list-style-type: none;
  gap: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.l-footer-content ul > li {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .l-footer-content ul > li {
    font-size: 1.1rem;
  }
}
.l-footer-content ul > li > a {
  color: #F5F5F5;
}
.l-footer-bottom {
  text-align: right;
  color: #F5F5F5;
}

.l-header {
  padding: 3.2rem 3.2rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .l-header {
    padding: 2.4rem 2.4rem 0.8rem;
  }
}
.l-header > a {
  display: block;
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .l-header > a {
    width: 16rem;
  }
}

.l-main {
  height: 100%;
  row-gap: 1.6rem;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "contents" "footer";
}
.l-main > .g-header {
  grid-area: header;
}
.l-main > .g-contents {
  grid-area: contents;
}
.l-main > .g-footer {
  grid-area: footer;
}

.l-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
}
.l-modal.is-active {
  display: block;
}
.l-modal-inner {
  display: grid;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8rem;
}
@media screen and (max-width: 768px) {
  .l-modal-inner {
    padding: 2rem;
  }
}
.l-modal__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.l-modal__overlay > svg {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  fill: #FFFFFF;
}
.l-modal__contents {
  position: relative;
  align-self: center;
  width: 100%;
  max-width: 44rem;
  margin: 0 auto;
  padding: 3.2rem 4.8rem;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  .l-modal__contents {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-modal__contents {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .l-modal__contents {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .l-modal__contents {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-modal__contents {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .l-modal__contents {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .l-modal__contents {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .l-modal__contents {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .l-modal__contents {
    padding: 2.4rem 3.2rem;
  }
}
.l-modal__contents > h3, .l-modal__contents > p {
  color: #9E9E9E;
}
.l-modal__contents > h3 + * {
  margin-top: 0.8rem;
}
.l-modal__contents > p {
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .l-modal__contents > p {
    font-size: 1.2rem;
  }
}
.l-bottomNav {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 100vh;
  background-color: #FFFFFF;
  transform: translateY(100%);
  border-radius: 2.4rem 2.4rem 0 0;
  z-index: 100000;
}
@media screen and (max-width: 1920px) {
  .l-bottomNav {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1440px) {
  .l-bottomNav {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .l-bottomNav {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1152px) {
  .l-bottomNav {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .l-bottomNav {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .l-bottomNav {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 520px) {
  .l-bottomNav {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 320px) {
  .l-bottomNav {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
.l-bottomNav.is-active {
  transform: translateY(0);
}
.l-bottomNav-inner {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr auto;
  grid-template-areas: "content" "bottom";
}
.l-bottomNav-inner > .g-content {
  grid-area: content;
}
.l-bottomNav-inner > .g-bottom {
  grid-area: bottom;
}
.l-bottomNav-inner > .g-content {
  max-height: 60vh;
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  .l-bottomNav-inner > .g-content {
    max-height: 70vh;
  }
}
.l-bottomNav-inner > .g-bottom {
  padding: 3.2rem 0;
  text-align: center;
  border-top: solid 0.1rem #F5F5F5;
}
@media screen and (max-width: 768px) {
  .l-bottomNav-inner > .g-bottom {
    padding: 1.6rem 0;
  }
}
.l-bottomNav-content {
  padding: 3.2rem;
  gap: 3.2rem;
}
@media screen and (min-width: 1025px) {
  .l-bottomNav-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.l-bottomNav__col {
  row-gap: 0.8rem;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 1fr auto;
  grid-template-areas: "content" "bottom";
}
.l-bottomNav__col.-mw48 {
  min-width: 48rem;
}
.l-bottomNav__col > .g-content {
  grid-area: content;
}
.l-bottomNav__col > .g-bottom {
  grid-area: bottom;
}
@media screen and (max-width: 1024px) {
  .l-bottomNav__col + .l-bottomNav__col {
    margin-top: 3.2rem;
  }
}
.l-bottomNav__col > .g-bottom {
  padding-top: 0.8rem;
  border-top: solid 0.2rem #182A50;
}
.l-bottomNav__col > .g-bottom > span {
  display: block;
}
.l-bottomNav__col > .g-bottom > span:first-of-type {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .l-bottomNav__col > .g-bottom > span:first-of-type {
    font-size: 1.1rem;
  }
}
.l-bottomNav__col > .g-bottom > span:last-of-type {
  text-align: right;
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .l-bottomNav__col > .g-bottom > span:last-of-type {
    font-size: 1.8rem;
  }
}
.l-bottomNav__col > .g-bottom > span:last-of-type:after {
  content: "千円";
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .l-bottomNav__col > .g-bottom > span:last-of-type:after {
    font-size: 1.2rem;
  }
}
.l-sections {
  padding-right: 8rem;
  padding-left: 8rem;
}
@media screen and (max-width: 768px) {
  .l-sections {
    padding-right: 3.2rem;
    padding-left: 3.2rem;
  }
}
@media screen and (max-width: 520px) {
  .l-sections {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
.l-sections.-nopdRight {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .l-sections.-nopdRight {
    padding-right: 3.2rem;
  }
}
@media screen and (max-width: 520px) {
  .l-sections.-nopdRight {
    padding-right: 1.6rem;
  }
}

.l-toggle-head {
  overflow: hidden;
}
.l-toggle-content {
  border-top: solid 0.1rem #F5F5F5;
}
.l-toggle__tabs {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.l-toggle.-tab-sm .l-toggle__tabs {
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
}
.l-toggle.-tab-no-border-top .l-toggle__tabs > li {
  border-top: none;
}
.l-toggle__tabs > li {
  width: 50%;
  font-size: 1.4rem;
  border-top: solid 0.1rem #F5F5F5;
  border-left: solid 0.1rem #F5F5F5;
}
@media screen and (max-width: 768px) {
  .l-toggle__tabs > li {
    font-size: 1.3rem;
  }
}
.l-toggle__tabs > li.is-active, .l-toggle__tabs > li:hover {
  background-color: #5A8DF9;
  border-top: solid 0.1rem #5A8DF9;
  border-left: solid 0.1rem #5A8DF9;
}
.l-toggle__tabs > li.is-active > a, .l-toggle__tabs > li:hover > a {
  color: #FFFFFF;
}
.l-toggle__tabs > li.is-active > a .g-head > span:after, .l-toggle__tabs > li:hover > a .g-head > span:after {
  width: 1.2rem;
  height: 1.2rem;
}
.l-toggle__tabs > li:hover > a {
  opacity: 1;
}
.l-toggle__tabs > li.is-active > a {
  pointer-events: none;
}
.l-toggle__tabs > li > a {
  padding: 3.2rem;
  column-gap: 1.6rem;
  color: #9E9E9E;
  display: grid;
  grid-template-columns: 2rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head content";
}
@media screen and (max-width: 768px) {
  .l-toggle__tabs > li > a {
    padding: 1.6rem;
  }
}
.l-toggle__tabs > li > a > .g-head {
  grid-area: head;
}
.l-toggle__tabs > li > a > .g-content {
  grid-area: content;
}
.l-toggle__tabs > li > a > .g-head {
  display: grid;
}
.l-toggle__tabs > li > a > .g-head > span {
  display: block;
  align-self: center;
  position: relative;
  height: 2rem;
  border-radius: 100%;
  background-color: #D9D9D9;
}
.l-toggle__tabs > li > a > .g-head > span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-radius: 100%;
  background-color: #00AA7A;
}
.l-toggle.-no-radio .l-toggle__tabs > li > a {
  display: flex;
  align-items: center;
  height: 100%;
}
.l-toggle__contents {
  display: none;
}
.l-toggle__contents.is-display {
  display: block;
}

.l-container {
  max-width: 83rem;
  margin-inline: auto;
  padding-right: 4.8rem;
  padding-left: 4.8rem;
}
@media screen and (max-width: 768px) {
  .l-container {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-container {
    max-width: 40rem;
  }
}

.l-col-xxxl-12, .l-col-xxxl-11, .l-col-xxxl-10, .l-col-xxxl-9, .l-col-xxxl-8, .l-col-xxxl-7, .l-col-xxxl-6, .l-col-xxxl-5, .l-col-xxxl-4, .l-col-xxxl-3, .l-col-xxxl-2, .l-col-xxxl-1, .l-col-xxl-12, .l-col-xxl-11, .l-col-xxl-10, .l-col-xxl-9, .l-col-xxl-8, .l-col-xxl-7, .l-col-xxl-6, .l-col-xxl-5, .l-col-xxl-4, .l-col-xxl-3, .l-col-xxl-2, .l-col-xxl-1, .l-col-xl-12, .l-col-xl-11, .l-col-xl-10, .l-col-xl-9, .l-col-xl-8, .l-col-xl-7, .l-col-xl-6, .l-col-xl-5, .l-col-xl-4, .l-col-xl-3, .l-col-xl-2, .l-col-xl-1, .l-col-lg-12, .l-col-lg-11, .l-col-lg-10, .l-col-lg-9, .l-col-lg-8, .l-col-lg-7, .l-col-lg-6, .l-col-lg-5, .l-col-lg-4, .l-col-lg-3, .l-col-lg-2, .l-col-lg-1, .l-col-md-12, .l-col-md-11, .l-col-md-10, .l-col-md-9, .l-col-md-8, .l-col-md-7, .l-col-md-6, .l-col-md-5, .l-col-md-4, .l-col-md-3, .l-col-md-2, .l-col-md-1, .l-col-sm-12, .l-col-sm-11, .l-col-sm-10, .l-col-sm-9, .l-col-sm-8, .l-col-sm-7, .l-col-sm-6, .l-col-sm-5, .l-col-sm-4, .l-col-sm-3, .l-col-sm-2, .l-col-sm-1, .l-col-xs-12, .l-col-xs-11, .l-col-xs-10, .l-col-xs-9, .l-col-xs-8, .l-col-xs-7, .l-col-xs-6, .l-col-xs-5, .l-col-xs-4, .l-col-xs-3, .l-col-xs-2, .l-col-xs-1, .l-col-xxs-12, .l-col-xxs-11, .l-col-xxs-10, .l-col-xxs-9, .l-col-xxs-8, .l-col-xxs-7, .l-col-xxs-6, .l-col-xxs-5, .l-col-xxs-4, .l-col-xxs-3, .l-col-xxs-2, .l-col-xxs-1, .l-col-12, .l-col-11, .l-col-10, .l-col-9, .l-col-8, .l-col-7, .l-col-6, .l-col-5, .l-col-4, .l-col-3, .l-col-2, .l-col-1 {
  position: relative;
  width: 100%;
}

.l-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.l-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.l-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.l-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.l-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.l-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.l-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.l-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.l-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.l-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.l-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.l-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 321px) {
  .l-col-xxs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xxs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xxs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xxs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xxs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xxs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xxs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xxs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xxs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 521px) {
  .l-col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .l-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .l-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1153px) {
  .l-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1281px) {
  .l-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .l-col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1921px) {
  .l-col-xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* ==========================================================================
   btn

   button-variant(color, background)
   button-outline-variant(color)
   button-size(padding-x, font-size, line-height, border-width, border-radius)
   ========================================================================== */
.c-btn {
  display: inline-block;
  position: relative;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  color: #FFFFFF;
  border-color: #5A8DF9;
  background-color: #5A8DF9;
  border-width: 0.2rem;
  font-size: 1.4rem;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
  border-radius: 0.4rem;
  padding: 0 2rem;
  line-height: 4.4rem;
}
@media screen and (min-width: 769px) {
  .c-btn {
    transition: 0.2s ease;
  }
}
.c-btn:hover {
  opacity: 1;
}
.c-btn.is-disable {
  cursor: not-allowed;
  opacity: 0.65;
}
.c-btn svg {
  fill: #FFFFFF;
}
.c-btn:hover {
  color: #FFFFFF;
  border-color: #3372f8;
  background-color: #3372f8;
}
.c-btn:hover svg {
  fill: #ebebeb;
}
@media screen and (max-width: 768px) {
  .c-btn {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btn {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn {
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn {
    line-height: 3.6rem;
  }
}
.c-btn.-rounded {
  border-radius: 2.4rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-rounded {
    border-radius: 2rem;
  }
}
.c-btn.-angular {
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .c-btn.-angular {
    border-radius: 0;
  }
}
.c-btn.-iconPrev svg, .c-btn.-iconNext svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.68rem;
  height: 1.68rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-iconPrev svg, .c-btn.-iconNext svg {
    width: 1.56rem;
    height: 1.56rem;
  }
}
@media screen and (min-width: 769px) {
  .c-btn.-iconPrev svg, .c-btn.-iconNext svg {
    transition: 0.2s ease;
  }
}
.c-btn.-iconPrev {
  padding-left: 3.68rem;
}
.c-btn.-iconPrev svg:first-of-type {
  left: 1rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-iconPrev {
    padding-left: 3.16rem;
  }
  .c-btn.-iconPrev svg:first-of-type {
    left: 0.8rem;
  }
}
.c-btn.-iconNext {
  padding-right: 3.68rem;
}
.c-btn.-iconNext svg:last-of-type {
  right: 1rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-iconNext {
    padding-right: 3.16rem;
  }
  .c-btn.-iconNext svg:last-of-type {
    right: 0.8rem;
  }
}
.c-btn.-signin {
  padding-left: 6.4rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-signin {
    padding-left: 5.2rem;
  }
}
.c-btn.-signin span {
  position: absolute;
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  width: 4rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
}
@media screen and (max-width: 1920px) {
  .c-btn.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-signin span {
    width: 3.2rem;
  }
}
.c-btn.-block {
  display: block;
  width: 100%;
}
.c-btn.-small {
  border-width: 0.1rem;
  font-size: 1.1rem;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
  border-radius: 0.2rem;
  padding: 0 1.2rem;
  line-height: 3rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-small {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-small {
    line-height: 2.6rem;
  }
}
.c-btn.-small.-rounded {
  border-radius: 1.6rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-rounded {
    border-radius: 1.4rem;
  }
}
.c-btn.-small.-angular {
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-angular {
    border-radius: 0;
  }
}
.c-btn.-small.-iconPrev svg, .c-btn.-small.-iconNext svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.32rem;
  height: 1.32rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-iconPrev svg, .c-btn.-small.-iconNext svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-btn.-small.-iconPrev svg, .c-btn.-small.-iconNext svg {
    transition: 0.2s ease;
  }
}
.c-btn.-small.-iconPrev {
  padding-left: 2.52rem;
}
.c-btn.-small.-iconPrev svg:first-of-type {
  left: 0.6rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-iconPrev {
    padding-left: 2.2rem;
  }
  .c-btn.-small.-iconPrev svg:first-of-type {
    left: 0.5rem;
  }
}
.c-btn.-small.-iconNext {
  padding-right: 2.52rem;
}
.c-btn.-small.-iconNext svg:last-of-type {
  right: 0.6rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-iconNext {
    padding-right: 2.2rem;
  }
  .c-btn.-small.-iconNext svg:last-of-type {
    right: 0.5rem;
  }
}
.c-btn.-small.-signin {
  padding-left: 4.2rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-signin {
    padding-left: 3.6rem;
  }
}
.c-btn.-small.-signin span {
  position: absolute;
  top: 0.1rem;
  bottom: 0.1rem;
  left: 0.1rem;
  width: 2.8rem;
  background-color: #FFFFFF;
  border-radius: 0.1rem;
}
@media screen and (max-width: 1920px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn.-small.-signin span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-small.-signin span {
    width: 2.4rem;
  }
}
.c-btn.-large {
  border-width: 0.3rem;
  font-size: 1.6rem;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
  border-radius: 0.8rem;
  padding: 0 2.8rem;
  line-height: 5.8rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btn.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-large {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn.-large {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn.-large {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-large {
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-large {
    line-height: 5rem;
  }
}
.c-btn.-large.-rounded {
  border-radius: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-rounded {
    border-radius: 2.8rem;
  }
}
.c-btn.-large.-angular {
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-angular {
    border-radius: 0;
  }
}
.c-btn.-large.-iconPrev svg, .c-btn.-large.-iconNext svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.92rem;
  height: 1.92rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-iconPrev svg, .c-btn.-large.-iconNext svg {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .c-btn.-large.-iconPrev svg, .c-btn.-large.-iconNext svg {
    transition: 0.2s ease;
  }
}
.c-btn.-large.-iconPrev {
  padding-left: 4.72rem;
}
.c-btn.-large.-iconPrev svg:first-of-type {
  left: 1.4rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-iconPrev {
    padding-left: 4.2rem;
  }
  .c-btn.-large.-iconPrev svg:first-of-type {
    left: 1.2rem;
  }
}
.c-btn.-large.-iconNext {
  padding-right: 4.72rem;
}
.c-btn.-large.-iconNext svg:last-of-type {
  right: 1.4rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-iconNext {
    padding-right: 4.2rem;
  }
  .c-btn.-large.-iconNext svg:last-of-type {
    right: 1.2rem;
  }
}
.c-btn.-large.-signin {
  padding-left: 8.6rem;
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-signin {
    padding-left: 7.4rem;
  }
}
.c-btn.-large.-signin span {
  position: absolute;
  top: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  width: 5.2rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1920px) {
  .c-btn.-large.-signin span {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btn.-large.-signin span {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btn.-large.-signin span {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btn.-large.-signin span {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btn.-large.-signin span {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btn.-large.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btn.-large.-signin span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btn.-large.-signin span {
    width: 4.4rem;
  }
}
.c-btn.-white {
  color: #577381;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btn.-white svg {
  fill: #577381;
}
.c-btn.-white:hover {
  color: #475d69;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.c-btn.-white:hover svg {
  fill: #475d69;
}
.c-btn.-secondary {
  color: #577381;
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.c-btn.-secondary svg {
  fill: #577381;
}
.c-btn.-secondary:hover {
  color: #475d69;
  border-color: #c5c5c5;
  background-color: #c5c5c5;
}
.c-btn.-secondary:hover svg {
  fill: #475d69;
}
.c-btn.-transparent {
  color: #99afba;
  border-color: transparent;
  background-color: transparent;
}
.c-btn.-transparent svg {
  fill: #99afba;
}
.c-btn.-transparent:hover {
  color: #819ca9;
  border-color: none;
  background-color: none;
}
.c-btn.-transparent:hover svg {
  fill: #819ca9;
}
.c-btn.-outline {
  color: #99afba;
  border-color: #99afba;
  background-color: transparent;
}
.c-btn.-outline svg {
  fill: #99afba;
}
.c-btn.-outline:hover {
  border-color: #99afba;
  background-color: #99afba;
}
.c-btn.-outline:hover:hover {
  color: #FFFFFF;
}
.c-btn.-outline:hover:hover svg {
  fill: #FFFFFF;
}
.c-btn.-whiteline {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: transparent;
}
.c-btn.-whiteline svg {
  fill: #FFFFFF;
}
.c-btn.-whiteline:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btn.-whiteline:hover:hover {
  color: #182A50;
}
.c-btn.-whiteline:hover:hover svg {
  fill: #182A50;
}
.c-btn.-success {
  color: #FFFFFF;
  border-color: #00AA7A;
  background-color: #00AA7A;
}
.c-btn.-success svg {
  fill: #FFFFFF;
}
.c-btn.-success:hover {
  color: #FFFFFF;
  border-color: #00815d;
  background-color: #00815d;
}
.c-btn.-success:hover svg {
  fill: #ebebeb;
}
.c-btn.-disabled {
  cursor: not-allowed;
  color: #FFFFFF;
  border-color: #e2e8eb;
  background-color: #e2e8eb;
}
.c-btn.-disabled svg {
  fill: #FFFFFF;
}
.c-btn.-disabled:hover {
  color: #FFFFFF;
  border-color: #cad5db;
  background-color: #cad5db;
}
.c-btn.-disabled:hover svg {
  fill: #ebebeb;
}
.c-btn.-malead {
  color: #FFFFFF;
  border-color: #182A50;
  background-color: #182A50;
}
.c-btn.-malead svg {
  fill: #FFFFFF;
}
.c-btn.-malead:hover {
  color: #FFFFFF;
  border-color: #0f1a31;
  background-color: #0f1a31;
}
.c-btn.-malead:hover svg {
  fill: #ebebeb;
}

.c-btnCircle {
  display: inline-block;
  position: relative;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  color: #FFFFFF;
  border-color: #577381;
  background-color: #577381;
  border-width: 0.2rem;
  border-radius: 100%;
  line-height: 4.4rem;
  width: 4.8rem;
  height: 4.8rem;
}
@media screen and (min-width: 769px) {
  .c-btnCircle {
    transition: 0.2s ease;
  }
}
.c-btnCircle:hover {
  opacity: 1;
}
.c-btnCircle.is-disable {
  cursor: not-allowed;
  opacity: 0.65;
}
.c-btnCircle button {
  display: block;
  width: 100%;
  height: 100%;
}
.c-btnCircle svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.c-btnCircle svg {
  fill: #FFFFFF;
}
.c-btnCircle:hover {
  color: #FFFFFF;
  border-color: #475d69;
  background-color: #475d69;
}
.c-btnCircle:hover svg {
  fill: #ebebeb;
}
@media screen and (max-width: 768px) {
  .c-btnCircle {
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnCircle {
    width: 4rem;
    height: 4rem;
  }
}
.c-btnCircle svg {
  width: 2.6rem;
  height: 2.6rem;
}
@media screen and (max-width: 768px) {
  .c-btnCircle svg {
    width: 2.1666666667rem;
    height: 2.1666666667rem;
  }
}
.c-btnCircle.-small {
  border-width: 0.1rem;
  border-radius: 100%;
  line-height: 3rem;
  width: 3.2rem;
  height: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-small {
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-small {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.c-btnCircle.-small svg {
  width: 1.7333333333rem;
  height: 1.7333333333rem;
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-small svg {
    width: 1.5166666667rem;
    height: 1.5166666667rem;
  }
}
.c-btnCircle.-large {
  border-width: 0.3rem;
  border-radius: 100%;
  line-height: 5.8rem;
  width: 6.4rem;
  height: 6.4rem;
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-large {
    line-height: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-large {
    width: 5.6rem;
    height: 5.6rem;
  }
}
.c-btnCircle.-large svg {
  width: 3.4666666667rem;
  height: 3.4666666667rem;
}
@media screen and (max-width: 768px) {
  .c-btnCircle.-large svg {
    width: 3.0333333333rem;
    height: 3.0333333333rem;
  }
}
.c-btnCircle.-white {
  color: #577381;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btnCircle.-white svg {
  fill: #577381;
}
.c-btnCircle.-white:hover {
  color: #475d69;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.c-btnCircle.-white:hover svg {
  fill: #475d69;
}
.c-btnCircle.-secondary {
  color: #577381;
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.c-btnCircle.-secondary svg {
  fill: #577381;
}
.c-btnCircle.-secondary:hover {
  color: #475d69;
  border-color: #c5c5c5;
  background-color: #c5c5c5;
}
.c-btnCircle.-secondary:hover svg {
  fill: #475d69;
}
.c-btnCircle.-transparent {
  color: #99afba;
  border-color: transparent;
  background-color: transparent;
}
.c-btnCircle.-transparent svg {
  fill: #99afba;
}
.c-btnCircle.-transparent:hover {
  color: #819ca9;
  border-color: none;
  background-color: none;
}
.c-btnCircle.-transparent:hover svg {
  fill: #819ca9;
}
.c-btnCircle.-outline {
  color: #577381;
  border-color: #577381;
  background-color: transparent;
}
.c-btnCircle.-outline svg {
  fill: #577381;
}
.c-btnCircle.-outline:hover {
  border-color: #577381;
  background-color: #577381;
}
.c-btnCircle.-outline:hover:hover {
  color: #FFFFFF;
}
.c-btnCircle.-outline:hover:hover svg {
  fill: #FFFFFF;
}
.c-btnCircle.-whiteline {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: transparent;
}
.c-btnCircle.-whiteline svg {
  fill: #FFFFFF;
}
.c-btnCircle.-whiteline:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btnCircle.-whiteline:hover:hover {
  color: #182A50;
}
.c-btnCircle.-whiteline:hover:hover svg {
  fill: #182A50;
}
.c-btnCircle.-facebook {
  color: #4267B2;
  border-color: none;
}
.c-btnCircle.-facebook svg {
  fill: #4267B2;
}
.c-btnCircle.-facebook:hover {
  color: #4267B2;
}
.c-btnCircle.-facebook:hover svg {
  fill: #4267B2;
}
.c-btnCircle.-twitter {
  color: #1DA1F2;
  border-color: none;
}
.c-btnCircle.-twitter svg {
  fill: #1DA1F2;
}
.c-btnCircle.-twitter:hover {
  color: #1DA1F2;
}
.c-btnCircle.-twitter:hover svg {
  fill: #1DA1F2;
}
.c-btnCircle.-note {
  color: #41C9B4;
  border-color: none;
}
.c-btnCircle.-note svg {
  fill: #41C9B4;
}
.c-btnCircle.-note:hover {
  color: #41C9B4;
}
.c-btnCircle.-note:hover svg {
  fill: #41C9B4;
}
.c-btnCircle.-hatena {
  color: #008FED;
  border-color: none;
}
.c-btnCircle.-hatena svg {
  fill: #008FED;
}
.c-btnCircle.-hatena:hover {
  color: #008FED;
}
.c-btnCircle.-hatena:hover svg {
  fill: #008FED;
}
.c-btnCircle.-feedly {
  color: #2BB24C;
  border-color: none;
}
.c-btnCircle.-feedly svg {
  fill: #2BB24C;
}
.c-btnCircle.-feedly:hover {
  color: #2BB24C;
}
.c-btnCircle.-feedly:hover svg {
  fill: #2BB24C;
}
.c-btnCircle.-line {
  color: #00B900;
  border-color: none;
}
.c-btnCircle.-line svg {
  fill: #00B900;
}
.c-btnCircle.-line:hover {
  color: #00B900;
}
.c-btnCircle.-line:hover svg {
  fill: #00B900;
}
.c-btnCircle.-pocket {
  color: #EF4056;
  border-color: none;
}
.c-btnCircle.-pocket svg {
  fill: #EF4056;
}
.c-btnCircle.-pocket:hover {
  color: #EF4056;
}
.c-btnCircle.-pocket:hover svg {
  fill: #EF4056;
}
.c-btnCircle.is-active {
  color: #E91E63;
  border-color: transparent;
  background-color: transparent;
}
.c-btnCircle.is-active svg {
  fill: #E91E63;
}
.c-btnCircle.is-active:hover {
  color: #ca1452;
  border-color: none;
  background-color: none;
}
.c-btnCircle.is-active:hover svg {
  fill: #ca1452;
}

.c-btnSquare {
  display: inline-block;
  position: relative;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  color: #FFFFFF;
  border-color: #577381;
  background-color: #577381;
  border-width: 0.2rem;
  line-height: 4.4rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 769px) {
  .c-btnSquare {
    transition: 0.2s ease;
  }
}
.c-btnSquare:hover {
  opacity: 1;
}
.c-btnSquare.is-disable {
  cursor: not-allowed;
  opacity: 0.65;
}
.c-btnSquare button {
  display: block;
  width: 100%;
  height: 100%;
}
.c-btnSquare svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.c-btnSquare svg {
  fill: #FFFFFF;
}
.c-btnSquare:hover {
  color: #FFFFFF;
  border-color: #475d69;
  background-color: #475d69;
}
.c-btnSquare:hover svg {
  fill: #ebebeb;
}
@media screen and (max-width: 768px) {
  .c-btnSquare {
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btnSquare {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btnSquare {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btnSquare {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btnSquare {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btnSquare {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btnSquare {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btnSquare {
    border-radius: 0.2rem;
  }
}
.c-btnSquare svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .c-btnSquare svg {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }
}
.c-btnSquare.-small {
  border-width: 0.1rem;
  line-height: 3rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-small {
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-small {
    width: 2.8rem;
    height: 2.8rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btnSquare.-small {
    border-radius: 0.2rem;
  }
}
.c-btnSquare.-small svg {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-small svg {
    width: 1.1666666667rem;
    height: 1.1666666667rem;
  }
}
.c-btnSquare.-large {
  border-width: 0.3rem;
  line-height: 5.8rem;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 0.8rem;
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-large {
    line-height: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-large {
    width: 5.6rem;
    height: 5.6rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-btnSquare.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-btnSquare.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-btnSquare.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-btnSquare.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-btnSquare.-large {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-large {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-btnSquare.-large {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-btnSquare.-large {
    border-radius: 0.4rem;
  }
}
.c-btnSquare.-large svg {
  width: 2.6666666667rem;
  height: 2.6666666667rem;
}
@media screen and (max-width: 768px) {
  .c-btnSquare.-large svg {
    width: 2.3333333333rem;
    height: 2.3333333333rem;
  }
}
.c-btnSquare.-white {
  color: #577381;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btnSquare.-white svg {
  fill: #577381;
}
.c-btnSquare.-white:hover {
  color: #475d69;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.c-btnSquare.-white:hover svg {
  fill: #475d69;
}
.c-btnSquare.-secondary {
  color: #577381;
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.c-btnSquare.-secondary svg {
  fill: #577381;
}
.c-btnSquare.-secondary:hover {
  color: #475d69;
  border-color: #c5c5c5;
  background-color: #c5c5c5;
}
.c-btnSquare.-secondary:hover svg {
  fill: #475d69;
}
.c-btnSquare.-transparent {
  color: #99afba;
  border-color: transparent;
  background-color: transparent;
}
.c-btnSquare.-transparent svg {
  fill: #99afba;
}
.c-btnSquare.-transparent:hover {
  color: #819ca9;
  border-color: none;
  background-color: none;
}
.c-btnSquare.-transparent:hover svg {
  fill: #819ca9;
}
.c-btnSquare.-outline {
  color: #577381;
  border-color: #577381;
  background-color: transparent;
}
.c-btnSquare.-outline svg {
  fill: #577381;
}
.c-btnSquare.-outline:hover {
  border-color: #577381;
  background-color: #577381;
}
.c-btnSquare.-outline:hover:hover {
  color: #FFFFFF;
}
.c-btnSquare.-outline:hover:hover svg {
  fill: #FFFFFF;
}
.c-btnSquare.-whiteline {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: transparent;
}
.c-btnSquare.-whiteline svg {
  fill: #FFFFFF;
}
.c-btnSquare.-whiteline:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.c-btnSquare.-whiteline:hover:hover {
  color: #182A50;
}
.c-btnSquare.-whiteline:hover:hover svg {
  fill: #182A50;
}

.c-checkbox.-outline {
  border: solid 0.3rem #182A50;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  .c-checkbox.-outline {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-checkbox.-outline {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-checkbox.-outline {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-checkbox.-outline {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-checkbox.-outline {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-checkbox.-outline {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-checkbox.-outline {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-checkbox.-outline {
    border-radius: 0.4rem;
  }
}
.c-checkbox.-outline > label {
  padding: 1.6rem;
  color: #182A50;
}
.c-checkbox.-outline > input:checked + label {
  color: #FFFFFF;
  background-color: #182A50;
}
.c-checkbox.-outline:hover > label {
  color: #FFFFFF;
  background-color: #182A50;
}
.c-checkbox > input {
  visibility: hidden;
  width: 0;
  height: 0;
}
.c-checkbox > input:checked + label {
  color: #182A50;
}
.c-checkbox > input:checked + label > span:first-of-type {
  background-color: #00AA7A;
}
.c-checkbox > input:checked + label > span:first-of-type:after {
  opacity: 1;
}
.c-checkbox > label {
  align-items: center;
  cursor: pointer;
  color: #9E9E9E;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-checkbox > label:hover {
  color: #182A50;
}
.c-checkbox > label > span {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-checkbox > label > span {
    font-size: 1.2rem;
  }
}
.c-checkbox > label > span + span {
  margin-left: 0.8rem;
}
.c-checkbox > label > span:first-of-type {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #D9D9D9;
  overflow: hidden;
  border-radius: 0.2rem;
}
@media screen and (max-width: 1920px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-checkbox > label > span:first-of-type {
    border-radius: 0.2rem;
  }
}
.c-checkbox > label > span:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0.8rem;
  height: 0.4rem;
  margin: auto;
  border-left: 0.2rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  transform: rotate(-45deg);
  opacity: 0;
}
.c-checkbox.-pd-4 > label {
  padding: 1.6rem;
}

.c-checkCompany {
  cursor: pointer;
}
.c-checkCompany > input:checked + article {
  background-color: #EBF1FF;
}
.c-checkCompany > input:checked + article > .g-check > span {
  background-color: #00AA7A;
}
.c-checkCompany > input:checked + article > .g-check > span:after {
  opacity: 1;
}
.c-checkCompany > article {
  padding: 1.6rem 0;
  display: grid;
  grid-template-columns: 9.6rem 32rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "check name desc";
}
.c-checkCompany > article > .g-check {
  grid-area: check;
}
.c-checkCompany > article > .g-name {
  grid-area: name;
}
.c-checkCompany > article > .g-desc {
  grid-area: desc;
}
@media screen and (max-width: 1024px) {
  .c-checkCompany > article {
    row-gap: 0.8rem;
    display: grid;
    grid-template-columns: 9.6rem 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "check name" "check desc";
  }
  .c-checkCompany > article > .g-check {
    grid-area: check;
  }
  .c-checkCompany > article > .g-name {
    grid-area: name;
  }
  .c-checkCompany > article > .g-desc {
    grid-area: desc;
  }
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article {
    display: grid;
    grid-template-columns: 4.8rem 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "check name" "check desc";
  }
  .c-checkCompany > article > .g-check {
    grid-area: check;
  }
  .c-checkCompany > article > .g-name {
    grid-area: name;
  }
  .c-checkCompany > article > .g-desc {
    grid-area: desc;
  }
}
.c-checkCompany > article > .g-check {
  display: grid;
}
.c-checkCompany > article > .g-check > span {
  display: block;
  position: relative;
  align-self: center;
  width: 2.4rem;
  height: 2.4rem;
  margin: auto;
  background-color: #D9D9D9;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1920px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-checkCompany > article > .g-check > span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-check > span {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.c-checkCompany > article > .g-check > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.2rem;
  left: 0;
  width: 0.8rem;
  height: 0.4rem;
  margin: auto;
  border-left: 0.2rem solid #FFFFFF;
  border-bottom: 0.2rem solid #FFFFFF;
  transform: rotate(-45deg);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-check > span:after {
    width: 0.6rem;
    height: 0.3rem;
  }
}
.c-checkCompany > article > .g-name {
  padding-right: 2.4rem;
}
.c-checkCompany > article > .g-name > h3 {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-name > h3 {
    font-size: 1.3rem;
  }
}
.c-checkCompany > article > .g-name > h3 ~ * {
  line-height: 1em;
}
.c-checkCompany > article > .g-name a,
.c-checkCompany > article > .g-name span {
  display: inline-block;
}
.c-checkCompany > article > .g-name a {
  color: #5A8DF9;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-name a {
    font-size: 1.1rem;
  }
}
.c-checkCompany > article > .g-name span {
  padding: 0.4rem 0.8rem;
  background-color: #F5F5F5;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
  border-radius: 0.4rem;
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-name span {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1920px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-checkCompany > article > .g-name span {
    border-radius: 0.2rem;
  }
}
.c-checkCompany > article > .g-desc {
  display: grid;
  padding-right: 2.4rem;
}
.c-checkCompany > article > .g-desc p {
  align-self: center;
  font-size: 1.4rem;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-checkCompany > article > .g-desc p {
    font-size: 1.3rem;
  }
}
.c-form + .c-form {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: solid 0.1rem #F5F5F5;
}
.c-form-wrapper {
  margin-top: 2.4rem;
  padding: 2rem 2.4rem 2rem 0.8rem;
  gap: 0.8rem;
  border-radius: 0.8rem;
  display: grid;
  grid-template-columns: 6.4rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head content";
}
@media screen and (max-width: 1920px) {
  .c-form-wrapper {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-form-wrapper {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-form-wrapper {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-form-wrapper {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-form-wrapper {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-form-wrapper {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-form-wrapper {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-form-wrapper {
    border-radius: 0.4rem;
  }
}
.c-form-wrapper > .g-head {
  grid-area: head;
}
.c-form-wrapper > .g-content {
  grid-area: content;
}
@media screen and (max-width: 768px) {
  .c-form-wrapper {
    padding: 2rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: "head" "content";
  }
  .c-form-wrapper > .g-head {
    grid-area: head;
  }
  .c-form-wrapper > .g-content {
    grid-area: content;
  }
}
.c-form-wrapper > .g-head {
  text-align: center;
  color: #9E9E9E;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form-wrapper > .g-head {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .c-form-wrapper > .g-head {
    text-align: left;
  }
}
.c-form-wrapper.-optional {
  background-color: #F5F5F5;
}
.c-form-wrapper .c-form + .c-form {
  border-color: #FFFFFF;
}
.c-form-wrapper .c-form-head > h3:before, .c-form-wrapper .c-form-head > h3:after {
  display: none;
}
.c-form-wrapper .c-form-head > h3 ~ * {
  margin-left: 0;
}
.c-form-wrapper .c-form-head > span {
  color: #9E9E9E;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form-wrapper .c-form-head > span {
    font-size: 1.1rem;
  }
}
.c-form-wrapper .c-form-content {
  margin-left: 0;
}
.c-form-wrapper .c-form__content-inner {
  background-color: #FFFFFF;
}
.c-form-wrapper .c-form__content-inner > input, .c-form-wrapper .c-form__content-inner > textarea {
  background-color: #FFFFFF;
}
.c-form-wrapper .c-form__content-inner > span {
  border-bottom: solid 0.1rem #F5F5F5;
}
.c-form-head > h3 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form-head > h3 {
    font-size: 1.3rem;
  }
}
.c-form-head > h3:before {
  content: "Q.";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 100%;
  margin-right: 0.8rem;
  text-align: center;
  line-height: 2.4rem;
  color: #FFFFFF;
  background-color: #182A50;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
.c-form-head > h3:after {
  content: "（任意）";
  margin-left: 0.4rem;
  vertical-align: top;
  color: #9E9E9E;
  font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
  .c-form-head > h3:after {
    font-size: 1rem;
  }
}
.c-form.-required .c-form-head > h3:after {
  content: "*必須";
  color: #D32F2F;
}
.c-form-head > h3 ~ * {
  margin-left: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-form-head > h3 ~ * {
    margin-left: 0;
  }
}
.c-form-head > h3 + p {
  margin-top: 0.4rem;
  color: #9E9E9E;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form-head > h3 + p {
    font-size: 1.1rem;
  }
}
.c-form-head + * {
  margin-top: 1.2rem;
}
.c-form-content {
  margin-left: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-form-content {
    margin-left: 0;
  }
}
.c-form.-radioInput .c-form-content {
  display: grid;
  grid-template-columns: 24rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "radio input";
}
.c-form.-radioInput .c-form-content > .g-radio {
  grid-area: radio;
}
.c-form.-radioInput .c-form-content > .g-input {
  grid-area: input;
}
@media screen and (max-width: 768px) {
  .c-form.-radioInput .c-form-content {
    gap: 0.8rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: "radio" "input";
  }
  .c-form.-radioInput .c-form-content > .g-radio {
    grid-area: radio;
  }
  .c-form.-radioInput .c-form-content > .g-input {
    grid-area: input;
  }
}
.c-form.-radioInput .c-form-content > * {
  display: grid;
}
.c-form.-radioInput .c-form-content > * > * {
  align-self: center;
}
.c-form.-devide .c-form-content {
  gap: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-form-content + .c-form-content {
  margin-top: 0.8rem;
}
.c-form-bottom {
  display: none;
}
@media screen and (max-width: 1024px) {
  .c-form-bottom {
    display: block;
  }
}
.c-form-bottom > img {
  max-width: 36rem;
}
.c-form__content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: nowrap;
}
.c-form__content:after {
  margin-left: 0.4rem;
  vertical-align: super;
  white-space: nowrap;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form__content:after {
    font-size: 1rem;
  }
}
.c-form__content.-money:after {
  content: "千円";
}
.c-form__content.-years:after {
  content: "年";
}
.c-form__content.-people:after {
  content: "名";
}
.c-form__content.-mw12 {
  max-width: 12rem;
}
.c-form__content.-mw24 {
  max-width: 24rem;
}
.c-form__content.-mw32 {
  max-width: 32rem;
}
.c-form__content.-mw48 {
  max-width: 48rem;
}
.c-form__content + .c-form__content {
  margin-top: 0.8rem;
}
.c-form.-devide .c-form__content + .c-form__content {
  margin: 0;
}
.c-form__content-inner {
  position: relative;
  width: 100%;
  background-color: #F5F5F5;
  overflow: hidden;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1920px) {
  .c-form__content-inner {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-form__content-inner {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-form__content-inner {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-form__content-inner {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-form__content-inner {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-form__content-inner {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-form__content-inner {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-form__content-inner {
    border-radius: 0.2rem;
  }
}
.c-form.-minus .c-form__content-inner {
  padding-left: 3.2rem;
}
.c-form.-minus .c-form__content-inner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.2rem;
  width: 1.2rem;
  height: 1.0392304845rem;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  margin: auto;
  background-color: #182A50;
}
.c-form.-minus.-devide .c-form__content-inner {
  padding-left: 0;
}
.c-form.-minus.-devide .c-form__content-inner:before {
  top: auto;
  bottom: 1.5rem;
}
.c-form__content-inner > * {
  width: 100%;
}
.c-form__content-inner > span {
  display: block;
  padding: 0.4rem 0.8rem;
  color: #9E9E9E;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6em;
  border-bottom: solid 0.1rem #FFFFFF;
}
@media screen and (max-width: 768px) {
  .c-form__content-inner > span {
    font-size: 1rem;
  }
}
.c-form__content-inner > span > span {
  margin-left: 0.4rem;
  color: #D32F2F;
}
.c-form__content-inner > input, .c-form__content-inner > textarea {
  padding: 0.8rem 1.2rem;
  background-color: #F5F5F5;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form__content-inner > input, .c-form__content-inner > textarea {
    font-size: 1.3rem;
  }
}
.c-form__content-inner > textarea::placeholder {
  color: #D9D9D9;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 400;
}
.c-form__content-inner > select {
  padding: 1.2rem 1.6rem;
  color: #182A50;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-form__content-inner > select {
    font-size: 1.2rem;
  }
}
.c-form__content-inner > select:has(option:checked[value=""]) {
  color: #D9D9D9;
}
.c-form__content.-money .c-form__content-inner > input {
  text-align: right;
}
.c-form__content.-years .c-form__content-inner > input {
  text-align: right;
}
.c-form__content.-people .c-form__content-inner > input {
  text-align: right;
}
.c-form__checkboxes {
  padding: 1.6rem;
  background-color: #F5F5F5;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1920px) {
  .c-form__checkboxes {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-form__checkboxes {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-form__checkboxes {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-form__checkboxes {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-form__checkboxes {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-form__checkboxes {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-form__checkboxes {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-form__checkboxes {
    border-radius: 0.2rem;
  }
}

.c-formCheckboxList {
  list-style-type: none;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
@media screen and (max-width: 1920px) {
  .c-formCheckboxList {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-formCheckboxList {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-formCheckboxList {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-formCheckboxList {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-formCheckboxList {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-formCheckboxList {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-formCheckboxList {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .c-formCheckboxList {
    border-radius: 0.2rem;
  }
}
.c-formCheckboxList > li {
  display: grid;
  grid-template-columns: 5.2rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head content";
}
.c-formCheckboxList > li > .g-head {
  grid-area: head;
}
.c-formCheckboxList > li > .g-content {
  grid-area: content;
}
.c-formCheckboxList > li > .g-head {
  padding: 1.2rem;
}
.c-formCheckboxList > li > .g-head svg {
  width: 2.8rem;
  cursor: pointer;
}
.c-formCheckboxList > li > .g-content {
  border-left: solid 0.1rem #F5F5F5;
}
.c-formCheckboxList > li + li {
  border-top: solid 0.1rem #F5F5F5;
}
.c-formCheckboxList > li.is-open > .g-head svg {
  transform: rotate(90deg);
}
.c-formCheckboxList__children {
  height: 0;
  overflow: hidden;
}
.c-formCheckboxList > li.is-open .c-formCheckboxList__children {
  height: auto;
}
.c-formCheckboxList__children > ul {
  padding: 1.6rem;
  list-style-type: none;
  border-top: solid 0.1rem #F5F5F5;
}
.c-formCheckboxList__children > ul > li + li {
  margin-top: 0.8rem;
}

.c-link {
  display: inline-block;
  cursor: pointer;
}
.c-link-inner {
  gap: 0.4rem;
  color: #9E9E9E;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-link-inner {
    font-size: 1.1rem;
  }
}
.c-link-inner > svg {
  width: 1.6rem;
  fill: #9E9E9E;
}

.c-pdf {
  padding: 0 2.4rem;
  background-color: #F5F5F5;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1920px) {
  .c-pdf {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-pdf {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-pdf {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-pdf {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-pdf {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-pdf {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 520px) {
  .c-pdf {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .c-pdf {
    border-radius: 0.8rem;
  }
}
.c-pdf-head {
  padding: 2.4rem 0;
}
.c-pdf-head > p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-pdf-head > p {
    font-size: 1.3rem;
  }
}
.c-pdf-content {
  width: 100%;
}
.c-pdf-content > iframe {
  width: 100%;
  aspect-ratio: 1/1.414; /* A4のアスペクト比 */
  border: none;
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-pdf-content > iframe {
    max-width: 100%;
  }
}
.c-pdf-content > a {
  display: block;
  max-width: 48rem;
  margin: 0 auto;
}
.c-pdf-bottom {
  padding: 2.4rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-pdf-bottom-inner {
  text-align: center;
}
.c-pdf-bottom-inner > * + * {
  margin-top: 0.8rem;
}
.c-pdf-bottom-inner > p {
  text-align: center;
  color: #9E9E9E;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-pdf-bottom-inner > p {
    font-size: 1.2rem;
  }
}
.c-radio > input:checked + label > span:first-of-type:after {
  width: 1rem;
  height: 1rem;
  background-color: #00AA7A;
}
.c-radio > label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-radio > label > span {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-radio > label > span {
    font-size: 1.2rem;
  }
}
.c-radio > label > span + span {
  margin-left: 0.8rem;
}
.c-radio > label > span:first-of-type {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
  background-color: #D9D9D9;
}
.c-radio > label > span:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-radius: 100%;
}

.c-section {
  padding-top: 4.4rem;
}
.c-section.-nocontents > p {
  margin-bottom: 4.8rem;
  padding: 8rem 2.4rem;
  text-align: center;
  background-color: #F5F5F5;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-section.-nocontents > p {
    font-size: 1.3rem;
  }
}
.c-section-head {
  padding-bottom: 1.6rem;
}
.c-section-head > p {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-section-head > p {
    font-size: 1.1rem;
  }
}
.c-section-content.-devide {
  padding-bottom: 0;
  column-gap: 1.6rem;
  display: grid;
  grid-template-columns: 1fr 40%;
  grid-template-rows: auto;
  grid-template-areas: "main side";
}
@media screen and (max-width: 1024px) {
  .c-section-content.-devide {
    display: block;
  }
}
.c-section-content.-devide > .g-main {
  grid-area: main;
}
.c-section-content.-devide > .g-side {
  grid-area: side;
}
.c-section-content.-devide > .g-side {
  background-color: #8691A8;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "head" "content";
}
@media screen and (max-width: 1024px) {
  .c-section-content.-devide > .g-side.-hidden-md {
    display: none;
  }
}
.c-section-content.-devide > .g-side > .g-head {
  grid-area: head;
}
.c-section-content.-devide > .g-side > .g-content {
  grid-area: content;
}
.c-section-content.-devide > .g-side > .g-head {
  display: block;
  padding: 0.8rem 1.6rem;
  color: #FFFFFF;
  background-color: #182A50;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-section-content.-devide > .g-side > .g-head {
    font-size: 1.1rem;
  }
}
.c-section-content.-devide > .g-side > .g-head > span {
  margin-right: 0.8rem;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
}
.c-section-content.-devide > .g-side > .g-content {
  display: grid;
  width: 100%;
  max-width: 32rem;
  margin: 1.6rem;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-section-content.-devide > .g-side > .g-content {
    border-radius: 0.4rem;
  }
}
.c-section-content.-devide > .g-side > .g-content > img {
  align-self: center;
}
.c-section-content + * {
  margin-top: 0.8rem;
}
.c-section-bottom {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-section-bottom {
    font-size: 1.1rem;
  }
}
.c-section + .c-section {
  margin-top: 6.4rem;
  border-top: solid 0.1rem #F5F5F5;
}

.c-send-head {
  padding-top: 6.4rem;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .c-send-head {
    padding-top: 3.2rem;
  }
}
.c-send-head.-pt-2 {
  padding-top: 0.8rem;
}
.c-send-head > h1, .c-send-head > p {
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
}
.c-send-head > h1 > span, .c-send-head > p > span {
  color: #D32F2F;
}
.c-send-head > p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-send-head > p {
    font-size: 1.3rem;
  }
}
.c-send-head > p.-gray {
  color: #9E9E9E;
}
.c-send.-danger .c-send-content {
  padding: 2.4rem 3.2rem;
  background-color: #FFF3F3;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .c-send.-danger .c-send-content {
    border-radius: 0.4rem;
  }
}
.c-send-bottom {
  margin-top: 3.2rem;
}
.c-send-bottom > * + * {
  margin-top: 0.8rem;
}
.c-send__contents + .c-send__contents {
  margin-top: 1.6rem;
}
.c-send__contents-head > h3 {
  color: #5A8DF9;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-send__contents-head > h3 {
    font-size: 1.1rem;
  }
}
.c-send__contents-head + * {
  margin-top: 0.4rem;
}
.c-send__contents-content > * + * {
  margin-top: 0.8rem;
}
.c-send__contents-content > ul {
  list-style-type: none;
  padding: 0;
}
.c-send__contents-content > ul > li {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-send__contents-content > ul > li {
    font-size: 1.3rem;
  }
}
.c-send.-danger .c-send__contents-content > p {
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
}
.c-send.-danger .c-send__contents-content > p span {
  color: #D32F2F;
}

.c-step {
  column-gap: 2rem;
  padding: 2.4rem 3.2rem;
  background-color: #182A50;
  border-radius: 2.4rem 2.4rem 0 0;
  display: grid;
  grid-template-columns: 6.4rem 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head content";
}
@media screen and (max-width: 1920px) {
  .c-step {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1440px) {
  .c-step {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .c-step {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1152px) {
  .c-step {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .c-step {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .c-step {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 520px) {
  .c-step {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
@media screen and (max-width: 320px) {
  .c-step {
    border-radius: 1.6rem 1.6rem 0 0;
  }
}
.c-step > .g-head {
  grid-area: head;
}
.c-step > .g-content {
  grid-area: content;
}
@media screen and (max-width: 768px) {
  .c-step {
    padding: 1.6rem 2.4rem;
    display: grid;
    grid-template-columns: 4.8rem 1fr;
    grid-template-rows: auto;
    grid-template-areas: "head content";
  }
  .c-step > .g-head {
    grid-area: head;
  }
  .c-step > .g-content {
    grid-area: content;
  }
}
.c-step > .g-head > span {
  display: block;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-step > .g-head > span {
    font-size: 1.3rem;
  }
}
.c-step > .g-content {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.c-step > .g-content > * {
  width: 100%;
  color: #FFFFFF;
}
.c-step > .g-content > h1 + p {
  color: #D9D9D9;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .c-step > .g-content > h1 + p {
    font-size: 1.2rem;
  }
}
.c-step__catch {
  width: 100%;
  height: 6.4rem;
  border-radius: 100%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .c-step__catch {
    height: 4.8rem;
  }
}

.c-stepTabs {
  padding: 0 3.2rem;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .c-stepTabs {
    padding: 0 1.2rem;
  }
}
.c-stepTabs__link {
  position: relative;
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-stepTabs__link > svg {
  display: none;
  width: 1.6rem;
}
.c-stepTabs__link > a {
  position: relative;
  padding: 0.8rem 0 0.8rem 0.8rem;
  column-gap: 0.8rem;
  color: #182A50;
  border-radius: 1.2rem 0 0 0;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "head content";
}
@media screen and (max-width: 1920px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 1.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 1.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 0.8rem;
  }
}
@media screen and (max-width: 520px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .c-stepTabs__link > a {
    border-top-left-radius: 0.8rem;
  }
}
.c-stepTabs__link > a > .g-head {
  grid-area: head;
}
.c-stepTabs__link > a > .g-content {
  grid-area: content;
}
.c-stepTabs__link > a > .g-head {
  position: relative;
  font-size: 1rem;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
.c-stepTabs__link > a > .g-content {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .c-stepTabs__link > a > .g-content {
    font-size: 1.1rem;
  }
}
.c-stepTabs__link > a > * {
  align-self: center;
}
.c-stepTabs__link > a + svg {
  width: 3.52rem;
}
@media screen and (max-width: 768px) {
  .c-stepTabs__link > a + svg {
    width: 3.33rem;
  }
}
.c-stepTabs__link + .c-stepTabs__link {
  margin-left: 1.6rem;
  padding-left: 0.8rem;
}
.c-stepTabs__link + .c-stepTabs__link:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.1rem;
  height: 1.1rem;
  margin: auto;
  background-color: #182A50;
}
.c-stepTabs__link.is-active {
  margin-left: 0;
  padding-left: 0;
}
.c-stepTabs__link.is-active:before {
  display: none;
}
.c-stepTabs__link.is-active:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.52rem;
  height: 0.1rem;
  background-color: #182A50;
}
.c-stepTabs__link.is-active > svg {
  display: block;
  fill: #182A50;
}
.c-stepTabs__link.is-active > a {
  padding: 0.8rem 0 0.8rem 1.6rem;
  color: #FFFFFF;
  background-color: #182A50;
  cursor: auto;
  pointer-events: none;
}
.c-stepTabs__link.is-active > a > .g-head {
  padding-left: 1.6rem;
}
.c-stepTabs__link.is-active > a > .g-head:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin: auto;
  border-radius: 100%;
  background-color: #00AA7A;
}
.c-stepTabs__link.is-active + .c-stepTabs__link {
  margin-left: 0;
  padding-left: 0;
}
.c-stepTabs__link.is-active + .c-stepTabs__link:before {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-stepTabs__link.is-disabled {
    display: none;
  }
}
.c-stepTabs__link.is-disabled > a {
  color: #9E9E9E;
  cursor: auto;
  pointer-events: none;
}
.c-stepTabs__link.is-disabled:before {
  background-color: #9E9E9E;
}

.c-toggleLabel {
  display: inline-block;
  position: relative;
  height: 2.8rem;
  cursor: pointer;
}
.c-toggleLabel:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4.8rem;
  border-radius: 1.4rem;
  background-color: #D9D9D9;
}
.c-toggleLabel > input:checked + span:after {
  left: 1.6rem;
}
.c-toggleLabel > span {
  display: block;
  position: relative;
  height: 100%;
  padding-left: 5.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.8rem;
}
@media screen and (max-width: 768px) {
  .c-toggleLabel > span {
    font-size: 1.1rem;
  }
}
.c-toggleLabel > span:before, .c-toggleLabel > span:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.4rem;
  height: 2rem;
  margin: auto;
}
.c-toggleLabel > span:before {
  width: 1.8rem;
  border-radius: 1.4rem 0 0 1.4rem;
  background-color: #00AA7A;
}
.c-toggleLabel > span:after {
  width: 2.8rem;
  border-radius: 1.4rem;
  background-color: #FFFFFF;
}

/* ローディングインジケータ */
.loading-indicator {
  display: flex;
  justify-content: center; /* 横方向の中央寄せ */
  align-items: center; /* 縦方向の中央寄せ */
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); /* 背景を薄く覆う */
  z-index: 10;
}

/* 内部要素のコンテナ */
.loading-indicator-inner {
  display: flex;
  flex-direction: column; /* スピナーとテキストを縦並びに */
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 90px;
}

/* スピナー */
.spinner {
  width: 30px;
  height: 30px;
  border: 3px solid #ccc; /* 外側の薄い円 */
  border-top: 3px solid #3498db; /* アニメーションする部分 */
  border-radius: 50%; /* 丸い形状 */
  animation: spin 0.8s linear infinite; /* 回転アニメーション */
}

/* アニメーション */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.p-choiceList-head {
  padding: 1.6rem 0;
}
.p-choiceList-head > span {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-choiceList-head > span {
    font-size: 1.3rem;
  }
}
.p-choiceList-head > span > span {
  margin-left: 1.2rem;
}
.p-choiceList-head > span + * {
  margin-top: 0.8rem;
}
.p-choiceList-content {
  list-style-type: none;
  padding: 0;
}
.p-choiceList-content > li {
  border-top: solid 0.1rem #D9D9D9;
}
.p-choiceList-content > li.-noborder {
  border: none;
  margin-top: 1.6rem;
}

.p-resultHero {
  position: relative;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  background-color: #182A50;
  border-top: solid 0.1rem #8691A8;
}
@media screen and (max-width: 1024px) {
  .p-resultHero-content, .p-resultHero-bottom {
    max-width: 48rem;
    margin-inline: auto;
  }
}
.p-resultHero-content {
  display: grid;
  grid-template-columns: 3fr 6.4rem 3fr 6.4rem 2fr;
  grid-template-rows: auto auto;
  grid-template-areas: "step01 add step02 multiple form" "equal equal result result result";
}
.p-resultHero-content > .g-step01 {
  grid-area: step01;
}
.p-resultHero-content > .g-add {
  grid-area: add;
}
.p-resultHero-content > .g-step02 {
  grid-area: step02;
}
.p-resultHero-content > .g-multiple {
  grid-area: multiple;
}
.p-resultHero-content > .g-form {
  grid-area: form;
}
.p-resultHero-content > .g-equal {
  grid-area: equal;
}
.p-resultHero-content > .g-result {
  grid-area: result;
}
@media screen and (max-width: 1024px) {
  .p-resultHero-content {
    row-gap: 1.2rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "step01 step01 add" "step02 step02 multiple" "form form ." "equal result result";
  }
  .p-resultHero-content > .g-step01 {
    grid-area: step01;
  }
  .p-resultHero-content > .g-add {
    grid-area: add;
  }
  .p-resultHero-content > .g-step02 {
    grid-area: step02;
  }
  .p-resultHero-content > .g-multiple {
    grid-area: multiple;
  }
  .p-resultHero-content > .g-form {
    grid-area: form;
  }
  .p-resultHero-content > .g-equal {
    grid-area: equal;
  }
  .p-resultHero-content > .g-result {
    grid-area: result;
  }
}
.p-resultHero-content > .g-result, .p-resultHero-content > .g-equal {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: solid 0.1rem #F5F5F5;
}
.p-resultHero-content > .g-add {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .p-resultHero-content > .g-add {
    padding-left: 1.2rem;
  }
}
.p-resultHero-content > .g-add svg {
  align-self: center;
  width: 1.6rem;
  margin-top: 1.6rem;
}
.p-resultHero-content > .g-multiple {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .p-resultHero-content > .g-multiple {
    padding-left: 1.2rem;
  }
}
.p-resultHero-content > .g-multiple svg {
  align-self: center;
  width: 1.6rem;
  margin-top: 1.6rem;
}
.p-resultHero-content > .g-form {
  display: grid;
}
.p-resultHero-content > .g-equal {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .p-resultHero-content > .g-equal {
    padding-right: 2.4rem;
  }
}
.p-resultHero-content > .g-equal svg {
  align-self: center;
  width: 3.2rem;
  margin-left: 0;
}
.p-resultHero-content svg {
  margin: 0 auto;
  fill: #F5F5F5;
}
.p-resultHero-content + * {
  margin-top: 0.8rem;
}
.p-resultHero-bottom > p {
  color: #FFFFFF;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .p-resultHero-bottom > p {
    font-size: 1.2rem;
  }
}
.p-resultHero__result-head {
  color: #FFFFFF;
  font-size: 1.3rem;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result-head {
    font-size: 1.2rem;
  }
}
.p-resultHero__result-content {
  padding: 0.8rem 1.2rem 0.4rem;
  background-color: #F5F5F5;
  border-radius: 0.8rem;
}
@media screen and (max-width: 1920px) {
  .p-resultHero__result-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-resultHero__result-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1280px) {
  .p-resultHero__result-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1152px) {
  .p-resultHero__result-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultHero__result-content {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultHero__result-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 520px) {
  .p-resultHero__result-content {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .p-resultHero__result-content {
    border-radius: 0.4rem;
  }
}
.p-resultHero__result.-money .p-resultHero__result-content > span:last-of-type:after {
  content: "千円";
}
.p-resultHero__result.-large .p-resultHero__result-content {
  padding: 1.2rem 1.6rem 0;
}
.p-resultHero__result.-large .p-resultHero__result-content > span:first-of-type {
  text-align: right;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result.-large .p-resultHero__result-content > span:first-of-type {
    font-size: 1.2rem;
  }
}
.p-resultHero__result.-large .p-resultHero__result-content > span:last-of-type {
  margin-top: 1.2rem;
  font-size: 6.4rem;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result.-large .p-resultHero__result-content > span:last-of-type {
    font-size: 4.8rem;
  }
}
.p-resultHero__result-content > span {
  display: block;
}
.p-resultHero__result-content > span:first-of-type {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result-content > span:first-of-type {
    font-size: 1.1rem;
  }
}
.p-resultHero__result-content > span:last-of-type {
  text-align: right;
  font-size: 3.2rem;
  line-height: 1em;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result-content > span:last-of-type {
    font-size: 2.4rem;
  }
}
.p-resultHero__result-content > span:last-of-type:after {
  margin-left: 0.4rem;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .p-resultHero__result-content > span:last-of-type:after {
    font-size: 1.2rem;
  }
}
.p-resultHero__form {
  align-self: flex-end;
}
.p-resultHero__form-content {
  border-bottom: solid 0.1rem #FFFFFF;
  column-gap: 0.4rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: "head content bottom";
}
.p-resultHero__form-content > .g-head {
  grid-area: head;
}
.p-resultHero__form-content > .g-content {
  grid-area: content;
}
.p-resultHero__form-content > .g-bottom {
  grid-area: bottom;
}
.p-resultHero__form-content > .g-head {
  display: grid;
}
.p-resultHero__form-content > .g-head > span {
  display: block;
  color: #FFFFFF;
  align-self: center;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__form-content > .g-head > span {
    font-size: 1rem;
  }
}
.p-resultHero__form-content > .g-content > input {
  display: block;
  width: 100%;
  font-size: 3.2rem;
  line-height: 1em;
  text-align: right;
  color: #FFFFFF;
  background-color: transparent;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__form-content > .g-content > input {
    font-size: 2.4rem;
  }
}
.p-resultHero__form-content > .g-bottom {
  display: grid;
}
.p-resultHero__form-content > .g-bottom > span {
  display: block;
  color: #FFFFFF;
  align-self: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultHero__form-content > .g-bottom > span {
    font-size: 1.1rem;
  }
}
.p-resultHero__form-bottom {
  padding-top: 0.8rem;
  text-align: right;
  color: #FFFFFF;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
}

.p-resultNext {
  padding: 6.4rem 0;
}
.p-resultNext-content {
  gap: 4.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.p-resultNext-content > span {
  display: block;
  position: relative;
  width: 18rem;
}
.p-resultNext-content > span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24rem;
  height: 24rem;
  border-radius: 100%;
  background-color: #9E9E9E;
  transform: translate(0.8rem, 2.4rem);
}
@media screen and (max-width: 768px) {
  .p-resultNext-content > span:before {
    width: 16rem;
    height: 16rem;
    transform: translate(-4.8rem, 4.8rem);
  }
}
.p-resultNext-content > span > img {
  position: relative;
}
.p-resultNext-content > h2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultNext-content > h2 {
    font-size: 2rem;
  }
}
.p-resultNext-content > h2 span.-color {
  color: #C8156C;
}
.p-resultNext-content > h2 span.-xsmall {
  display: block;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .p-resultNext-content > h2 span.-xsmall {
    font-size: 1.6rem;
  }
}
.p-resultNext-content > h2 span.-small {
  display: block;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .p-resultNext-content > h2 span.-small {
    font-size: 1.8rem;
  }
}
.p-resultNext-content + * {
  margin-top: 1.6rem;
}
.p-resultNext-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-resultNext__bubble {
  position: relative;
  padding: 3.2rem 4.4rem;
  border-radius: 9.6rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 0.8rem rgba(158, 158, 158, 0.3);
}
.p-resultNext__bubble > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.6rem;
}
@media screen and (max-width: 768px) {
  .p-resultNext__bubble > span {
    display: none;
  }
}
.p-resultNext__bubble > p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultNext__bubble > p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultNext__bubble > p br {
    display: none;
  }
}

.p-resultFlow + * {
  margin-top: 6.4rem;
}
.p-resultFlow-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-resultFlow-head:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 0.2rem;
  background-color: #182A50;
}
.p-resultFlow-head > h2 {
  position: relative;
  width: 100%;
  max-width: 34rem;
  padding: 1.6rem;
  border-radius: 3.6rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #182A50;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultFlow-head > h2 {
    font-size: 1.6rem;
  }
}
.p-resultFlow-head + * {
  margin-top: 3.2rem;
}
.p-resultFlow-content > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.6rem;
  padding: 0;
  list-style-type: none;
}
@media screen and (max-width: 1280px) {
  .p-resultFlow-content > ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .p-resultFlow-content > ul {
    grid-template-columns: 1fr;
  }
}
.p-resultFlow-content > ul > li {
  position: relative;
  max-width: 48rem;
  padding: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-resultFlow-content > ul > li {
    width: 75%;
    justify-self: center;
  }
}
.p-resultFlow-content > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(20deg);
  border: solid 0.4rem #F5F5F5;
  border-radius: 2.4rem;
}
@media screen and (max-width: 1920px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1152px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 320px) {
  .p-resultFlow-content > ul > li:before {
    border-radius: 1.6rem;
  }
}
.p-resultFlow-content > ul > li > span:first-of-type {
  display: block;
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3rem;
  text-align: center;
  color: #182A50;
  border: solid 0.2rem #182A50;
  border-radius: 100%;
  font-family: YakuHanJPs, "Rajdhani", "Arial", "sans-serif";
  font-weight: 700;
  letter-spacing: 0.05em;
}
.p-resultFlow-content > ul > li > img {
  width: 16rem;
  margin: 0 auto;
}
.p-resultFlow-content > ul > li > img + span {
  display: block;
  padding: 0 2.4rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultFlow-content > ul > li > img + span {
    font-size: 1.5rem;
  }
}
.p-resultMerit + * {
  margin-top: 6.4rem;
}
.p-resultMerit-inner {
  padding: 0 1.6rem 2.4rem;
  background-color: #F5F5F5;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1920px) {
  .p-resultMerit-inner {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-resultMerit-inner {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .p-resultMerit-inner {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .p-resultMerit-inner {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultMerit-inner {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultMerit-inner {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 520px) {
  .p-resultMerit-inner {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .p-resultMerit-inner {
    border-radius: 0.8rem;
  }
}
.p-resultMerit-inner > h2 {
  text-align: center;
  transform: translateY(-1.44rem);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultMerit-inner > h2 {
    font-size: 1.6rem;
  }
}
.p-resultMerit-inner > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.6rem;
  padding: 0;
  list-style-type: none;
}
@media screen and (max-width: 1024px) {
  .p-resultMerit-inner > ul {
    display: block;
  }
}
.p-resultMerit-inner--tmp {
  padding: 0 1.6rem 2.4rem;
  background-color: #F5F5F5;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1920px) {
  .p-resultMerit-inner--tmp {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-resultMerit-inner--tmp {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .p-resultMerit-inner--tmp {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .p-resultMerit-inner--tmp {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultMerit-inner--tmp {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultMerit-inner--tmp {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 520px) {
  .p-resultMerit-inner--tmp {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .p-resultMerit-inner--tmp {
    border-radius: 0.8rem;
  }
}
.p-resultMerit-inner--tmp > h2 {
  text-align: center;
  transform: translateY(-1.44rem);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultMerit-inner--tmp > h2 {
    font-size: 1.6rem;
  }
}
.p-resultMerit-inner--tmp > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 2rem;
  padding: 0;
  list-style-type: none;
}
@media screen and (max-width: 1024px) {
  .p-resultMerit-inner--tmp > ul {
    display: block;
  }
}
.p-resultMerit__tmpTitle {
  padding: 2.4rem;
  text-align: center;
  border: solid 0.2rem #5A8DF9;
  color: #5A8DF9;
  font-family: YakuHanJPs, "Roboto", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "sans-serif";
  font-weight: 700;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1920px) {
  .p-resultMerit__tmpTitle {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1440px) {
  .p-resultMerit__tmpTitle {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1280px) {
  .p-resultMerit__tmpTitle {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1152px) {
  .p-resultMerit__tmpTitle {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultMerit__tmpTitle {
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-resultMerit__tmpTitle {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 520px) {
  .p-resultMerit__tmpTitle {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .p-resultMerit__tmpTitle {
    border-radius: 0.8rem;
  }
}
.p-resultMerit__tmpTitle + * {
  margin-top: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .p-resultMerit__item {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.2rem;
  }
  .p-resultMerit__item + .p-resultMerit__item {
    margin-top: 0.8rem;
  }
}
.p-resultMerit__item > img {
  width: 16rem;
  margin-inline: auto;
}
@media screen and (max-width: 1024px) {
  .p-resultMerit__item > img {
    width: 12rem;
    margin-inline: 0;
  }
}
.p-resultMerit__item > img + * {
  margin-top: 0.8rem;
}
.p-resultMerit__item-content {
  flex-wrap: nowrap;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.p-resultMerit__item-content > h3, .p-resultMerit__item-content > p {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-resultMerit__item-content > h3, .p-resultMerit__item-content > p {
    width: 100%;
    text-align: left;
  }
}
.p-resultMerit__item-content > h3 {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-resultMerit__item-content > h3 {
    font-size: 1.5rem;
  }
}
.p-resultMerit__item-content > p {
  font-size: 1.4rem;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultMerit__item-content > p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-resultMerit__tmpItem + .p-resultMerit__tmpItem {
    margin-top: 0.8rem;
  }
}
.p-resultMerit__tmpItem > img + * {
  margin-top: 0.8rem;
}
.p-resultMerit__tmpItem-content > span {
  display: block;
  color: #5A8DF9;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultMerit__tmpItem-content > span {
    font-size: 1.3rem;
  }
}
.p-resultMerit__tmpItem-content > span + * {
  margin-top: 0.4rem;
}
.p-resultMerit__tmpItem-content > p {
  font-size: 1.3rem;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultMerit__tmpItem-content > p {
    font-size: 1.2rem;
  }
}
.p-resultSend-head {
  position: relative;
}
.p-resultSend-head:before, .p-resultSend-head:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 0.2rem;
  margin: auto;
  background-color: #F5F5F5;
}
.p-resultSend-head:before {
  left: 0;
  right: calc(50% + 9.6rem);
}
.p-resultSend-head:after {
  left: calc(50% + 9.6rem);
  right: 0;
}
.p-resultSend-head > h2 {
  text-align: center;
  color: #D9D9D9;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .p-resultSend-head > h2 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 520px) {
  .u-hidden-xs {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .u-hidden-sm {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-hidden-md {
    display: none !important;
  }
}
@media screen and (max-width: 1152px) {
  .u-hidden-lg {
    display: none !important;
  }
}
@media screen and (max-width: 1280px) {
  .u-hidden-xl {
    display: none !important;
  }
}

/* ==========================================================================
   spacing
   ========================================================================== */
.u-m-0 {
  margin: 0 !important;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-m-5 {
  margin: 0.5rem !important;
}

.u-mt-5 {
  margin-top: 0.5rem !important;
}

.u-mr-5 {
  margin-right: 0.5rem !important;
}

.u-mb-5 {
  margin-bottom: 0.5rem !important;
}

.u-ml-5 {
  margin-left: 0.5rem !important;
}

.u-m-10 {
  margin: 1rem !important;
}

.u-mt-10 {
  margin-top: 1rem !important;
}

.u-mr-10 {
  margin-right: 1rem !important;
}

.u-mb-10 {
  margin-bottom: 1rem !important;
}

.u-ml-10 {
  margin-left: 1rem !important;
}

.u-m-15 {
  margin: 1.5rem !important;
}

.u-mt-15 {
  margin-top: 1.5rem !important;
}

.u-mr-15 {
  margin-right: 1.5rem !important;
}

.u-mb-15 {
  margin-bottom: 1.5rem !important;
}

.u-ml-15 {
  margin-left: 1.5rem !important;
}

.u-m-30 {
  margin: 3rem !important;
}

.u-mt-30 {
  margin-top: 3rem !important;
}

.u-mr-30 {
  margin-right: 3rem !important;
}

.u-mb-30 {
  margin-bottom: 3rem !important;
}

.u-ml-30 {
  margin-left: 3rem !important;
}

.u-m-40 {
  margin: 4rem !important;
}

.u-mt-40 {
  margin-top: 4rem !important;
}

.u-mr-40 {
  margin-right: 4rem !important;
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

.u-ml-40 {
  margin-left: 4rem !important;
}

.u-m-60 {
  margin: 6rem !important;
}

.u-mt-60 {
  margin-top: 6rem !important;
}

.u-mr-60 {
  margin-right: 6rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-ml-60 {
  margin-left: 6rem !important;
}

.u-m-100 {
  margin: 10rem !important;
}

.u-mt-100 {
  margin-top: 10rem !important;
}

.u-mr-100 {
  margin-right: 10rem !important;
}

.u-mb-100 {
  margin-bottom: 10rem !important;
}

.u-ml-100 {
  margin-left: 10rem !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pr-0 {
  padding-right: 0 !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pl-0 {
  padding-left: 0 !important;
}

.u-p-5 {
  padding: 0.5rem !important;
}

.u-pt-5 {
  padding-top: 0.5rem !important;
}

.u-pr-5 {
  padding-right: 0.5rem !important;
}

.u-pb-5 {
  padding-bottom: 0.5rem !important;
}

.u-pl-5 {
  padding-left: 0.5rem !important;
}

.u-p-10 {
  padding: 1rem !important;
}

.u-pt-10 {
  padding-top: 1rem !important;
}

.u-pr-10 {
  padding-right: 1rem !important;
}

.u-pb-10 {
  padding-bottom: 1rem !important;
}

.u-pl-10 {
  padding-left: 1rem !important;
}

.u-p-15 {
  padding: 1.5rem !important;
}

.u-pt-15 {
  padding-top: 1.5rem !important;
}

.u-pr-15 {
  padding-right: 1.5rem !important;
}

.u-pb-15 {
  padding-bottom: 1.5rem !important;
}

.u-pl-15 {
  padding-left: 1.5rem !important;
}

.u-p-30 {
  padding: 3rem !important;
}

.u-pt-30 {
  padding-top: 3rem !important;
}

.u-pr-30 {
  padding-right: 3rem !important;
}

.u-pb-30 {
  padding-bottom: 3rem !important;
}

.u-pl-30 {
  padding-left: 3rem !important;
}

.u-p-40 {
  padding: 4rem !important;
}

.u-pt-40 {
  padding-top: 4rem !important;
}

.u-pr-40 {
  padding-right: 4rem !important;
}

.u-pb-40 {
  padding-bottom: 4rem !important;
}

.u-pl-40 {
  padding-left: 4rem !important;
}

.u-p-60 {
  padding: 6rem !important;
}

.u-pt-60 {
  padding-top: 6rem !important;
}

.u-pr-60 {
  padding-right: 6rem !important;
}

.u-pb-60 {
  padding-bottom: 6rem !important;
}

.u-pl-60 {
  padding-left: 6rem !important;
}

.u-p-100 {
  padding: 10rem !important;
}

.u-pt-100 {
  padding-top: 10rem !important;
}

.u-pr-100 {
  padding-right: 10rem !important;
}

.u-pb-100 {
  padding-bottom: 10rem !important;
}

.u-pl-100 {
  padding-left: 10rem !important;
}

@media screen and (max-width: 1920px) {
  .u-m-xxxl-0 {
    margin: 0 !important;
  }
  .u-mt-xxxl-0 {
    margin-top: 0 !important;
  }
  .u-mr-xxxl-0 {
    margin-right: 0 !important;
  }
  .u-mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xxxl-0 {
    margin-left: 0 !important;
  }
  .u-m-xxxl-5 {
    margin: 0.5rem !important;
  }
  .u-mt-xxxl-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xxxl-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xxxl-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xxxl-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-xxxl-10 {
    margin: 1rem !important;
  }
  .u-mt-xxxl-10 {
    margin-top: 1rem !important;
  }
  .u-mr-xxxl-10 {
    margin-right: 1rem !important;
  }
  .u-mb-xxxl-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xxxl-10 {
    margin-left: 1rem !important;
  }
  .u-m-xxxl-15 {
    margin: 1.5rem !important;
  }
  .u-mt-xxxl-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xxxl-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xxxl-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xxxl-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-xxxl-30 {
    margin: 3rem !important;
  }
  .u-mt-xxxl-30 {
    margin-top: 3rem !important;
  }
  .u-mr-xxxl-30 {
    margin-right: 3rem !important;
  }
  .u-mb-xxxl-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xxxl-30 {
    margin-left: 3rem !important;
  }
  .u-m-xxxl-40 {
    margin: 4rem !important;
  }
  .u-mt-xxxl-40 {
    margin-top: 4rem !important;
  }
  .u-mr-xxxl-40 {
    margin-right: 4rem !important;
  }
  .u-mb-xxxl-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xxxl-40 {
    margin-left: 4rem !important;
  }
  .u-m-xxxl-60 {
    margin: 6rem !important;
  }
  .u-mt-xxxl-60 {
    margin-top: 6rem !important;
  }
  .u-mr-xxxl-60 {
    margin-right: 6rem !important;
  }
  .u-mb-xxxl-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xxxl-60 {
    margin-left: 6rem !important;
  }
  .u-m-xxxl-100 {
    margin: 10rem !important;
  }
  .u-mt-xxxl-100 {
    margin-top: 10rem !important;
  }
  .u-mr-xxxl-100 {
    margin-right: 10rem !important;
  }
  .u-mb-xxxl-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-xxxl-100 {
    margin-left: 10rem !important;
  }
  .u-p-xxxl-0 {
    padding: 0 !important;
  }
  .u-pt-xxxl-0 {
    padding-top: 0 !important;
  }
  .u-pr-xxxl-0 {
    padding-right: 0 !important;
  }
  .u-pb-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xxxl-0 {
    padding-left: 0 !important;
  }
  .u-p-xxxl-5 {
    padding: 0.5rem !important;
  }
  .u-pt-xxxl-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xxxl-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xxxl-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xxxl-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-xxxl-10 {
    padding: 1rem !important;
  }
  .u-pt-xxxl-10 {
    padding-top: 1rem !important;
  }
  .u-pr-xxxl-10 {
    padding-right: 1rem !important;
  }
  .u-pb-xxxl-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xxxl-10 {
    padding-left: 1rem !important;
  }
  .u-p-xxxl-15 {
    padding: 1.5rem !important;
  }
  .u-pt-xxxl-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xxxl-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xxxl-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xxxl-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-xxxl-30 {
    padding: 3rem !important;
  }
  .u-pt-xxxl-30 {
    padding-top: 3rem !important;
  }
  .u-pr-xxxl-30 {
    padding-right: 3rem !important;
  }
  .u-pb-xxxl-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xxxl-30 {
    padding-left: 3rem !important;
  }
  .u-p-xxxl-40 {
    padding: 4rem !important;
  }
  .u-pt-xxxl-40 {
    padding-top: 4rem !important;
  }
  .u-pr-xxxl-40 {
    padding-right: 4rem !important;
  }
  .u-pb-xxxl-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xxxl-40 {
    padding-left: 4rem !important;
  }
  .u-p-xxxl-60 {
    padding: 6rem !important;
  }
  .u-pt-xxxl-60 {
    padding-top: 6rem !important;
  }
  .u-pr-xxxl-60 {
    padding-right: 6rem !important;
  }
  .u-pb-xxxl-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xxxl-60 {
    padding-left: 6rem !important;
  }
  .u-p-xxxl-100 {
    padding: 10rem !important;
  }
  .u-pt-xxxl-100 {
    padding-top: 10rem !important;
  }
  .u-pr-xxxl-100 {
    padding-right: 10rem !important;
  }
  .u-pb-xxxl-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-xxxl-100 {
    padding-left: 10rem !important;
  }
  .u-m-xxxl-auto {
    margin: auto !important;
  }
  .u-mt-xxxl-auto {
    margin-top: auto !important;
  }
  .u-mr-xxxl-auto {
    margin-right: auto !important;
  }
  .u-mb-xxxl-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xxxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1440px) {
  .u-m-xxl-0 {
    margin: 0 !important;
  }
  .u-mt-xxl-0 {
    margin-top: 0 !important;
  }
  .u-mr-xxl-0 {
    margin-right: 0 !important;
  }
  .u-mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xxl-0 {
    margin-left: 0 !important;
  }
  .u-m-xxl-5 {
    margin: 0.5rem !important;
  }
  .u-mt-xxl-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xxl-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xxl-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xxl-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-xxl-10 {
    margin: 1rem !important;
  }
  .u-mt-xxl-10 {
    margin-top: 1rem !important;
  }
  .u-mr-xxl-10 {
    margin-right: 1rem !important;
  }
  .u-mb-xxl-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xxl-10 {
    margin-left: 1rem !important;
  }
  .u-m-xxl-15 {
    margin: 1.5rem !important;
  }
  .u-mt-xxl-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xxl-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xxl-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xxl-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-xxl-30 {
    margin: 3rem !important;
  }
  .u-mt-xxl-30 {
    margin-top: 3rem !important;
  }
  .u-mr-xxl-30 {
    margin-right: 3rem !important;
  }
  .u-mb-xxl-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xxl-30 {
    margin-left: 3rem !important;
  }
  .u-m-xxl-40 {
    margin: 4rem !important;
  }
  .u-mt-xxl-40 {
    margin-top: 4rem !important;
  }
  .u-mr-xxl-40 {
    margin-right: 4rem !important;
  }
  .u-mb-xxl-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xxl-40 {
    margin-left: 4rem !important;
  }
  .u-m-xxl-60 {
    margin: 6rem !important;
  }
  .u-mt-xxl-60 {
    margin-top: 6rem !important;
  }
  .u-mr-xxl-60 {
    margin-right: 6rem !important;
  }
  .u-mb-xxl-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xxl-60 {
    margin-left: 6rem !important;
  }
  .u-m-xxl-100 {
    margin: 10rem !important;
  }
  .u-mt-xxl-100 {
    margin-top: 10rem !important;
  }
  .u-mr-xxl-100 {
    margin-right: 10rem !important;
  }
  .u-mb-xxl-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-xxl-100 {
    margin-left: 10rem !important;
  }
  .u-p-xxl-0 {
    padding: 0 !important;
  }
  .u-pt-xxl-0 {
    padding-top: 0 !important;
  }
  .u-pr-xxl-0 {
    padding-right: 0 !important;
  }
  .u-pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xxl-0 {
    padding-left: 0 !important;
  }
  .u-p-xxl-5 {
    padding: 0.5rem !important;
  }
  .u-pt-xxl-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xxl-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xxl-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xxl-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-xxl-10 {
    padding: 1rem !important;
  }
  .u-pt-xxl-10 {
    padding-top: 1rem !important;
  }
  .u-pr-xxl-10 {
    padding-right: 1rem !important;
  }
  .u-pb-xxl-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xxl-10 {
    padding-left: 1rem !important;
  }
  .u-p-xxl-15 {
    padding: 1.5rem !important;
  }
  .u-pt-xxl-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xxl-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xxl-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xxl-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-xxl-30 {
    padding: 3rem !important;
  }
  .u-pt-xxl-30 {
    padding-top: 3rem !important;
  }
  .u-pr-xxl-30 {
    padding-right: 3rem !important;
  }
  .u-pb-xxl-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xxl-30 {
    padding-left: 3rem !important;
  }
  .u-p-xxl-40 {
    padding: 4rem !important;
  }
  .u-pt-xxl-40 {
    padding-top: 4rem !important;
  }
  .u-pr-xxl-40 {
    padding-right: 4rem !important;
  }
  .u-pb-xxl-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xxl-40 {
    padding-left: 4rem !important;
  }
  .u-p-xxl-60 {
    padding: 6rem !important;
  }
  .u-pt-xxl-60 {
    padding-top: 6rem !important;
  }
  .u-pr-xxl-60 {
    padding-right: 6rem !important;
  }
  .u-pb-xxl-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xxl-60 {
    padding-left: 6rem !important;
  }
  .u-p-xxl-100 {
    padding: 10rem !important;
  }
  .u-pt-xxl-100 {
    padding-top: 10rem !important;
  }
  .u-pr-xxl-100 {
    padding-right: 10rem !important;
  }
  .u-pb-xxl-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-xxl-100 {
    padding-left: 10rem !important;
  }
  .u-m-xxl-auto {
    margin: auto !important;
  }
  .u-mt-xxl-auto {
    margin-top: auto !important;
  }
  .u-mr-xxl-auto {
    margin-right: auto !important;
  }
  .u-mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1280px) {
  .u-m-xl-0 {
    margin: 0 !important;
  }
  .u-mt-xl-0 {
    margin-top: 0 !important;
  }
  .u-mr-xl-0 {
    margin-right: 0 !important;
  }
  .u-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xl-0 {
    margin-left: 0 !important;
  }
  .u-m-xl-5 {
    margin: 0.5rem !important;
  }
  .u-mt-xl-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xl-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xl-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xl-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-xl-10 {
    margin: 1rem !important;
  }
  .u-mt-xl-10 {
    margin-top: 1rem !important;
  }
  .u-mr-xl-10 {
    margin-right: 1rem !important;
  }
  .u-mb-xl-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xl-10 {
    margin-left: 1rem !important;
  }
  .u-m-xl-15 {
    margin: 1.5rem !important;
  }
  .u-mt-xl-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xl-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xl-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xl-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-xl-30 {
    margin: 3rem !important;
  }
  .u-mt-xl-30 {
    margin-top: 3rem !important;
  }
  .u-mr-xl-30 {
    margin-right: 3rem !important;
  }
  .u-mb-xl-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xl-30 {
    margin-left: 3rem !important;
  }
  .u-m-xl-40 {
    margin: 4rem !important;
  }
  .u-mt-xl-40 {
    margin-top: 4rem !important;
  }
  .u-mr-xl-40 {
    margin-right: 4rem !important;
  }
  .u-mb-xl-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xl-40 {
    margin-left: 4rem !important;
  }
  .u-m-xl-60 {
    margin: 6rem !important;
  }
  .u-mt-xl-60 {
    margin-top: 6rem !important;
  }
  .u-mr-xl-60 {
    margin-right: 6rem !important;
  }
  .u-mb-xl-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xl-60 {
    margin-left: 6rem !important;
  }
  .u-m-xl-100 {
    margin: 10rem !important;
  }
  .u-mt-xl-100 {
    margin-top: 10rem !important;
  }
  .u-mr-xl-100 {
    margin-right: 10rem !important;
  }
  .u-mb-xl-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-xl-100 {
    margin-left: 10rem !important;
  }
  .u-p-xl-0 {
    padding: 0 !important;
  }
  .u-pt-xl-0 {
    padding-top: 0 !important;
  }
  .u-pr-xl-0 {
    padding-right: 0 !important;
  }
  .u-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xl-0 {
    padding-left: 0 !important;
  }
  .u-p-xl-5 {
    padding: 0.5rem !important;
  }
  .u-pt-xl-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xl-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xl-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xl-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-xl-10 {
    padding: 1rem !important;
  }
  .u-pt-xl-10 {
    padding-top: 1rem !important;
  }
  .u-pr-xl-10 {
    padding-right: 1rem !important;
  }
  .u-pb-xl-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xl-10 {
    padding-left: 1rem !important;
  }
  .u-p-xl-15 {
    padding: 1.5rem !important;
  }
  .u-pt-xl-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xl-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xl-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xl-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-xl-30 {
    padding: 3rem !important;
  }
  .u-pt-xl-30 {
    padding-top: 3rem !important;
  }
  .u-pr-xl-30 {
    padding-right: 3rem !important;
  }
  .u-pb-xl-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xl-30 {
    padding-left: 3rem !important;
  }
  .u-p-xl-40 {
    padding: 4rem !important;
  }
  .u-pt-xl-40 {
    padding-top: 4rem !important;
  }
  .u-pr-xl-40 {
    padding-right: 4rem !important;
  }
  .u-pb-xl-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xl-40 {
    padding-left: 4rem !important;
  }
  .u-p-xl-60 {
    padding: 6rem !important;
  }
  .u-pt-xl-60 {
    padding-top: 6rem !important;
  }
  .u-pr-xl-60 {
    padding-right: 6rem !important;
  }
  .u-pb-xl-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xl-60 {
    padding-left: 6rem !important;
  }
  .u-p-xl-100 {
    padding: 10rem !important;
  }
  .u-pt-xl-100 {
    padding-top: 10rem !important;
  }
  .u-pr-xl-100 {
    padding-right: 10rem !important;
  }
  .u-pb-xl-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-xl-100 {
    padding-left: 10rem !important;
  }
  .u-m-xl-auto {
    margin: auto !important;
  }
  .u-mt-xl-auto {
    margin-top: auto !important;
  }
  .u-mr-xl-auto {
    margin-right: auto !important;
  }
  .u-mb-xl-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1152px) {
  .u-m-lg-0 {
    margin: 0 !important;
  }
  .u-mt-lg-0 {
    margin-top: 0 !important;
  }
  .u-mr-lg-0 {
    margin-right: 0 !important;
  }
  .u-mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-lg-0 {
    margin-left: 0 !important;
  }
  .u-m-lg-5 {
    margin: 0.5rem !important;
  }
  .u-mt-lg-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-lg-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-lg-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-lg-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-lg-10 {
    margin: 1rem !important;
  }
  .u-mt-lg-10 {
    margin-top: 1rem !important;
  }
  .u-mr-lg-10 {
    margin-right: 1rem !important;
  }
  .u-mb-lg-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-lg-10 {
    margin-left: 1rem !important;
  }
  .u-m-lg-15 {
    margin: 1.5rem !important;
  }
  .u-mt-lg-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-lg-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-lg-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-lg-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-lg-30 {
    margin: 3rem !important;
  }
  .u-mt-lg-30 {
    margin-top: 3rem !important;
  }
  .u-mr-lg-30 {
    margin-right: 3rem !important;
  }
  .u-mb-lg-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-lg-30 {
    margin-left: 3rem !important;
  }
  .u-m-lg-40 {
    margin: 4rem !important;
  }
  .u-mt-lg-40 {
    margin-top: 4rem !important;
  }
  .u-mr-lg-40 {
    margin-right: 4rem !important;
  }
  .u-mb-lg-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-lg-40 {
    margin-left: 4rem !important;
  }
  .u-m-lg-60 {
    margin: 6rem !important;
  }
  .u-mt-lg-60 {
    margin-top: 6rem !important;
  }
  .u-mr-lg-60 {
    margin-right: 6rem !important;
  }
  .u-mb-lg-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-lg-60 {
    margin-left: 6rem !important;
  }
  .u-m-lg-100 {
    margin: 10rem !important;
  }
  .u-mt-lg-100 {
    margin-top: 10rem !important;
  }
  .u-mr-lg-100 {
    margin-right: 10rem !important;
  }
  .u-mb-lg-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-lg-100 {
    margin-left: 10rem !important;
  }
  .u-p-lg-0 {
    padding: 0 !important;
  }
  .u-pt-lg-0 {
    padding-top: 0 !important;
  }
  .u-pr-lg-0 {
    padding-right: 0 !important;
  }
  .u-pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-lg-0 {
    padding-left: 0 !important;
  }
  .u-p-lg-5 {
    padding: 0.5rem !important;
  }
  .u-pt-lg-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-lg-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-lg-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-lg-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-lg-10 {
    padding: 1rem !important;
  }
  .u-pt-lg-10 {
    padding-top: 1rem !important;
  }
  .u-pr-lg-10 {
    padding-right: 1rem !important;
  }
  .u-pb-lg-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-lg-10 {
    padding-left: 1rem !important;
  }
  .u-p-lg-15 {
    padding: 1.5rem !important;
  }
  .u-pt-lg-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-lg-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-lg-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-lg-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-lg-30 {
    padding: 3rem !important;
  }
  .u-pt-lg-30 {
    padding-top: 3rem !important;
  }
  .u-pr-lg-30 {
    padding-right: 3rem !important;
  }
  .u-pb-lg-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-lg-30 {
    padding-left: 3rem !important;
  }
  .u-p-lg-40 {
    padding: 4rem !important;
  }
  .u-pt-lg-40 {
    padding-top: 4rem !important;
  }
  .u-pr-lg-40 {
    padding-right: 4rem !important;
  }
  .u-pb-lg-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-lg-40 {
    padding-left: 4rem !important;
  }
  .u-p-lg-60 {
    padding: 6rem !important;
  }
  .u-pt-lg-60 {
    padding-top: 6rem !important;
  }
  .u-pr-lg-60 {
    padding-right: 6rem !important;
  }
  .u-pb-lg-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-lg-60 {
    padding-left: 6rem !important;
  }
  .u-p-lg-100 {
    padding: 10rem !important;
  }
  .u-pt-lg-100 {
    padding-top: 10rem !important;
  }
  .u-pr-lg-100 {
    padding-right: 10rem !important;
  }
  .u-pb-lg-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-lg-100 {
    padding-left: 10rem !important;
  }
  .u-m-lg-auto {
    margin: auto !important;
  }
  .u-mt-lg-auto {
    margin-top: auto !important;
  }
  .u-mr-lg-auto {
    margin-right: auto !important;
  }
  .u-mb-lg-auto {
    margin-bottom: auto !important;
  }
  .u-ml-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-m-md-0 {
    margin: 0 !important;
  }
  .u-mt-md-0 {
    margin-top: 0 !important;
  }
  .u-mr-md-0 {
    margin-right: 0 !important;
  }
  .u-mb-md-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-md-0 {
    margin-left: 0 !important;
  }
  .u-m-md-5 {
    margin: 0.5rem !important;
  }
  .u-mt-md-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-md-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-md-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-md-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-md-10 {
    margin: 1rem !important;
  }
  .u-mt-md-10 {
    margin-top: 1rem !important;
  }
  .u-mr-md-10 {
    margin-right: 1rem !important;
  }
  .u-mb-md-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-md-10 {
    margin-left: 1rem !important;
  }
  .u-m-md-15 {
    margin: 1.5rem !important;
  }
  .u-mt-md-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-md-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-md-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-md-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-md-30 {
    margin: 3rem !important;
  }
  .u-mt-md-30 {
    margin-top: 3rem !important;
  }
  .u-mr-md-30 {
    margin-right: 3rem !important;
  }
  .u-mb-md-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-md-30 {
    margin-left: 3rem !important;
  }
  .u-m-md-40 {
    margin: 4rem !important;
  }
  .u-mt-md-40 {
    margin-top: 4rem !important;
  }
  .u-mr-md-40 {
    margin-right: 4rem !important;
  }
  .u-mb-md-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-md-40 {
    margin-left: 4rem !important;
  }
  .u-m-md-60 {
    margin: 6rem !important;
  }
  .u-mt-md-60 {
    margin-top: 6rem !important;
  }
  .u-mr-md-60 {
    margin-right: 6rem !important;
  }
  .u-mb-md-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-md-60 {
    margin-left: 6rem !important;
  }
  .u-m-md-100 {
    margin: 10rem !important;
  }
  .u-mt-md-100 {
    margin-top: 10rem !important;
  }
  .u-mr-md-100 {
    margin-right: 10rem !important;
  }
  .u-mb-md-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-md-100 {
    margin-left: 10rem !important;
  }
  .u-p-md-0 {
    padding: 0 !important;
  }
  .u-pt-md-0 {
    padding-top: 0 !important;
  }
  .u-pr-md-0 {
    padding-right: 0 !important;
  }
  .u-pb-md-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-md-0 {
    padding-left: 0 !important;
  }
  .u-p-md-5 {
    padding: 0.5rem !important;
  }
  .u-pt-md-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-md-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-md-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-md-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-md-10 {
    padding: 1rem !important;
  }
  .u-pt-md-10 {
    padding-top: 1rem !important;
  }
  .u-pr-md-10 {
    padding-right: 1rem !important;
  }
  .u-pb-md-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-md-10 {
    padding-left: 1rem !important;
  }
  .u-p-md-15 {
    padding: 1.5rem !important;
  }
  .u-pt-md-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-md-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-md-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-md-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-md-30 {
    padding: 3rem !important;
  }
  .u-pt-md-30 {
    padding-top: 3rem !important;
  }
  .u-pr-md-30 {
    padding-right: 3rem !important;
  }
  .u-pb-md-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-md-30 {
    padding-left: 3rem !important;
  }
  .u-p-md-40 {
    padding: 4rem !important;
  }
  .u-pt-md-40 {
    padding-top: 4rem !important;
  }
  .u-pr-md-40 {
    padding-right: 4rem !important;
  }
  .u-pb-md-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-md-40 {
    padding-left: 4rem !important;
  }
  .u-p-md-60 {
    padding: 6rem !important;
  }
  .u-pt-md-60 {
    padding-top: 6rem !important;
  }
  .u-pr-md-60 {
    padding-right: 6rem !important;
  }
  .u-pb-md-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-md-60 {
    padding-left: 6rem !important;
  }
  .u-p-md-100 {
    padding: 10rem !important;
  }
  .u-pt-md-100 {
    padding-top: 10rem !important;
  }
  .u-pr-md-100 {
    padding-right: 10rem !important;
  }
  .u-pb-md-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-md-100 {
    padding-left: 10rem !important;
  }
  .u-m-md-auto {
    margin: auto !important;
  }
  .u-mt-md-auto {
    margin-top: auto !important;
  }
  .u-mr-md-auto {
    margin-right: auto !important;
  }
  .u-mb-md-auto {
    margin-bottom: auto !important;
  }
  .u-ml-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m-sm-0 {
    margin: 0 !important;
  }
  .u-mt-sm-0 {
    margin-top: 0 !important;
  }
  .u-mr-sm-0 {
    margin-right: 0 !important;
  }
  .u-mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-sm-0 {
    margin-left: 0 !important;
  }
  .u-m-sm-5 {
    margin: 0.5rem !important;
  }
  .u-mt-sm-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-sm-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-sm-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-sm-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-sm-10 {
    margin: 1rem !important;
  }
  .u-mt-sm-10 {
    margin-top: 1rem !important;
  }
  .u-mr-sm-10 {
    margin-right: 1rem !important;
  }
  .u-mb-sm-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-sm-10 {
    margin-left: 1rem !important;
  }
  .u-m-sm-15 {
    margin: 1.5rem !important;
  }
  .u-mt-sm-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-sm-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-sm-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-sm-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-sm-30 {
    margin: 3rem !important;
  }
  .u-mt-sm-30 {
    margin-top: 3rem !important;
  }
  .u-mr-sm-30 {
    margin-right: 3rem !important;
  }
  .u-mb-sm-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-sm-30 {
    margin-left: 3rem !important;
  }
  .u-m-sm-40 {
    margin: 4rem !important;
  }
  .u-mt-sm-40 {
    margin-top: 4rem !important;
  }
  .u-mr-sm-40 {
    margin-right: 4rem !important;
  }
  .u-mb-sm-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-sm-40 {
    margin-left: 4rem !important;
  }
  .u-m-sm-60 {
    margin: 6rem !important;
  }
  .u-mt-sm-60 {
    margin-top: 6rem !important;
  }
  .u-mr-sm-60 {
    margin-right: 6rem !important;
  }
  .u-mb-sm-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-sm-60 {
    margin-left: 6rem !important;
  }
  .u-m-sm-100 {
    margin: 10rem !important;
  }
  .u-mt-sm-100 {
    margin-top: 10rem !important;
  }
  .u-mr-sm-100 {
    margin-right: 10rem !important;
  }
  .u-mb-sm-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-sm-100 {
    margin-left: 10rem !important;
  }
  .u-p-sm-0 {
    padding: 0 !important;
  }
  .u-pt-sm-0 {
    padding-top: 0 !important;
  }
  .u-pr-sm-0 {
    padding-right: 0 !important;
  }
  .u-pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-sm-0 {
    padding-left: 0 !important;
  }
  .u-p-sm-5 {
    padding: 0.5rem !important;
  }
  .u-pt-sm-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-sm-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-sm-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-sm-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-sm-10 {
    padding: 1rem !important;
  }
  .u-pt-sm-10 {
    padding-top: 1rem !important;
  }
  .u-pr-sm-10 {
    padding-right: 1rem !important;
  }
  .u-pb-sm-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-sm-10 {
    padding-left: 1rem !important;
  }
  .u-p-sm-15 {
    padding: 1.5rem !important;
  }
  .u-pt-sm-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-sm-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-sm-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-sm-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-sm-30 {
    padding: 3rem !important;
  }
  .u-pt-sm-30 {
    padding-top: 3rem !important;
  }
  .u-pr-sm-30 {
    padding-right: 3rem !important;
  }
  .u-pb-sm-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-sm-30 {
    padding-left: 3rem !important;
  }
  .u-p-sm-40 {
    padding: 4rem !important;
  }
  .u-pt-sm-40 {
    padding-top: 4rem !important;
  }
  .u-pr-sm-40 {
    padding-right: 4rem !important;
  }
  .u-pb-sm-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-sm-40 {
    padding-left: 4rem !important;
  }
  .u-p-sm-60 {
    padding: 6rem !important;
  }
  .u-pt-sm-60 {
    padding-top: 6rem !important;
  }
  .u-pr-sm-60 {
    padding-right: 6rem !important;
  }
  .u-pb-sm-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-sm-60 {
    padding-left: 6rem !important;
  }
  .u-p-sm-100 {
    padding: 10rem !important;
  }
  .u-pt-sm-100 {
    padding-top: 10rem !important;
  }
  .u-pr-sm-100 {
    padding-right: 10rem !important;
  }
  .u-pb-sm-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-sm-100 {
    padding-left: 10rem !important;
  }
  .u-m-sm-auto {
    margin: auto !important;
  }
  .u-mt-sm-auto {
    margin-top: auto !important;
  }
  .u-mr-sm-auto {
    margin-right: auto !important;
  }
  .u-mb-sm-auto {
    margin-bottom: auto !important;
  }
  .u-ml-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 520px) {
  .u-m-xs-0 {
    margin: 0 !important;
  }
  .u-mt-xs-0 {
    margin-top: 0 !important;
  }
  .u-mr-xs-0 {
    margin-right: 0 !important;
  }
  .u-mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xs-0 {
    margin-left: 0 !important;
  }
  .u-m-xs-5 {
    margin: 0.5rem !important;
  }
  .u-mt-xs-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xs-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xs-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xs-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-xs-10 {
    margin: 1rem !important;
  }
  .u-mt-xs-10 {
    margin-top: 1rem !important;
  }
  .u-mr-xs-10 {
    margin-right: 1rem !important;
  }
  .u-mb-xs-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xs-10 {
    margin-left: 1rem !important;
  }
  .u-m-xs-15 {
    margin: 1.5rem !important;
  }
  .u-mt-xs-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xs-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xs-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xs-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-xs-30 {
    margin: 3rem !important;
  }
  .u-mt-xs-30 {
    margin-top: 3rem !important;
  }
  .u-mr-xs-30 {
    margin-right: 3rem !important;
  }
  .u-mb-xs-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xs-30 {
    margin-left: 3rem !important;
  }
  .u-m-xs-40 {
    margin: 4rem !important;
  }
  .u-mt-xs-40 {
    margin-top: 4rem !important;
  }
  .u-mr-xs-40 {
    margin-right: 4rem !important;
  }
  .u-mb-xs-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xs-40 {
    margin-left: 4rem !important;
  }
  .u-m-xs-60 {
    margin: 6rem !important;
  }
  .u-mt-xs-60 {
    margin-top: 6rem !important;
  }
  .u-mr-xs-60 {
    margin-right: 6rem !important;
  }
  .u-mb-xs-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xs-60 {
    margin-left: 6rem !important;
  }
  .u-m-xs-100 {
    margin: 10rem !important;
  }
  .u-mt-xs-100 {
    margin-top: 10rem !important;
  }
  .u-mr-xs-100 {
    margin-right: 10rem !important;
  }
  .u-mb-xs-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-xs-100 {
    margin-left: 10rem !important;
  }
  .u-p-xs-0 {
    padding: 0 !important;
  }
  .u-pt-xs-0 {
    padding-top: 0 !important;
  }
  .u-pr-xs-0 {
    padding-right: 0 !important;
  }
  .u-pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xs-0 {
    padding-left: 0 !important;
  }
  .u-p-xs-5 {
    padding: 0.5rem !important;
  }
  .u-pt-xs-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xs-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xs-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xs-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-xs-10 {
    padding: 1rem !important;
  }
  .u-pt-xs-10 {
    padding-top: 1rem !important;
  }
  .u-pr-xs-10 {
    padding-right: 1rem !important;
  }
  .u-pb-xs-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xs-10 {
    padding-left: 1rem !important;
  }
  .u-p-xs-15 {
    padding: 1.5rem !important;
  }
  .u-pt-xs-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xs-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xs-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xs-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-xs-30 {
    padding: 3rem !important;
  }
  .u-pt-xs-30 {
    padding-top: 3rem !important;
  }
  .u-pr-xs-30 {
    padding-right: 3rem !important;
  }
  .u-pb-xs-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xs-30 {
    padding-left: 3rem !important;
  }
  .u-p-xs-40 {
    padding: 4rem !important;
  }
  .u-pt-xs-40 {
    padding-top: 4rem !important;
  }
  .u-pr-xs-40 {
    padding-right: 4rem !important;
  }
  .u-pb-xs-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xs-40 {
    padding-left: 4rem !important;
  }
  .u-p-xs-60 {
    padding: 6rem !important;
  }
  .u-pt-xs-60 {
    padding-top: 6rem !important;
  }
  .u-pr-xs-60 {
    padding-right: 6rem !important;
  }
  .u-pb-xs-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xs-60 {
    padding-left: 6rem !important;
  }
  .u-p-xs-100 {
    padding: 10rem !important;
  }
  .u-pt-xs-100 {
    padding-top: 10rem !important;
  }
  .u-pr-xs-100 {
    padding-right: 10rem !important;
  }
  .u-pb-xs-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-xs-100 {
    padding-left: 10rem !important;
  }
  .u-m-xs-auto {
    margin: auto !important;
  }
  .u-mt-xs-auto {
    margin-top: auto !important;
  }
  .u-mr-xs-auto {
    margin-right: auto !important;
  }
  .u-mb-xs-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xs-auto {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 320px) {
  .u-m-xxs-0 {
    margin: 0 !important;
  }
  .u-mt-xxs-0 {
    margin-top: 0 !important;
  }
  .u-mr-xxs-0 {
    margin-right: 0 !important;
  }
  .u-mb-xxs-0 {
    margin-bottom: 0 !important;
  }
  .u-ml-xxs-0 {
    margin-left: 0 !important;
  }
  .u-m-xxs-5 {
    margin: 0.5rem !important;
  }
  .u-mt-xxs-5 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xxs-5 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xxs-5 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xxs-5 {
    margin-left: 0.5rem !important;
  }
  .u-m-xxs-10 {
    margin: 1rem !important;
  }
  .u-mt-xxs-10 {
    margin-top: 1rem !important;
  }
  .u-mr-xxs-10 {
    margin-right: 1rem !important;
  }
  .u-mb-xxs-10 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xxs-10 {
    margin-left: 1rem !important;
  }
  .u-m-xxs-15 {
    margin: 1.5rem !important;
  }
  .u-mt-xxs-15 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xxs-15 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xxs-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xxs-15 {
    margin-left: 1.5rem !important;
  }
  .u-m-xxs-30 {
    margin: 3rem !important;
  }
  .u-mt-xxs-30 {
    margin-top: 3rem !important;
  }
  .u-mr-xxs-30 {
    margin-right: 3rem !important;
  }
  .u-mb-xxs-30 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xxs-30 {
    margin-left: 3rem !important;
  }
  .u-m-xxs-40 {
    margin: 4rem !important;
  }
  .u-mt-xxs-40 {
    margin-top: 4rem !important;
  }
  .u-mr-xxs-40 {
    margin-right: 4rem !important;
  }
  .u-mb-xxs-40 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xxs-40 {
    margin-left: 4rem !important;
  }
  .u-m-xxs-60 {
    margin: 6rem !important;
  }
  .u-mt-xxs-60 {
    margin-top: 6rem !important;
  }
  .u-mr-xxs-60 {
    margin-right: 6rem !important;
  }
  .u-mb-xxs-60 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xxs-60 {
    margin-left: 6rem !important;
  }
  .u-m-xxs-100 {
    margin: 10rem !important;
  }
  .u-mt-xxs-100 {
    margin-top: 10rem !important;
  }
  .u-mr-xxs-100 {
    margin-right: 10rem !important;
  }
  .u-mb-xxs-100 {
    margin-bottom: 10rem !important;
  }
  .u-ml-xxs-100 {
    margin-left: 10rem !important;
  }
  .u-p-xxs-0 {
    padding: 0 !important;
  }
  .u-pt-xxs-0 {
    padding-top: 0 !important;
  }
  .u-pr-xxs-0 {
    padding-right: 0 !important;
  }
  .u-pb-xxs-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-xxs-0 {
    padding-left: 0 !important;
  }
  .u-p-xxs-5 {
    padding: 0.5rem !important;
  }
  .u-pt-xxs-5 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xxs-5 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xxs-5 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xxs-5 {
    padding-left: 0.5rem !important;
  }
  .u-p-xxs-10 {
    padding: 1rem !important;
  }
  .u-pt-xxs-10 {
    padding-top: 1rem !important;
  }
  .u-pr-xxs-10 {
    padding-right: 1rem !important;
  }
  .u-pb-xxs-10 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xxs-10 {
    padding-left: 1rem !important;
  }
  .u-p-xxs-15 {
    padding: 1.5rem !important;
  }
  .u-pt-xxs-15 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xxs-15 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xxs-15 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xxs-15 {
    padding-left: 1.5rem !important;
  }
  .u-p-xxs-30 {
    padding: 3rem !important;
  }
  .u-pt-xxs-30 {
    padding-top: 3rem !important;
  }
  .u-pr-xxs-30 {
    padding-right: 3rem !important;
  }
  .u-pb-xxs-30 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xxs-30 {
    padding-left: 3rem !important;
  }
  .u-p-xxs-40 {
    padding: 4rem !important;
  }
  .u-pt-xxs-40 {
    padding-top: 4rem !important;
  }
  .u-pr-xxs-40 {
    padding-right: 4rem !important;
  }
  .u-pb-xxs-40 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xxs-40 {
    padding-left: 4rem !important;
  }
  .u-p-xxs-60 {
    padding: 6rem !important;
  }
  .u-pt-xxs-60 {
    padding-top: 6rem !important;
  }
  .u-pr-xxs-60 {
    padding-right: 6rem !important;
  }
  .u-pb-xxs-60 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xxs-60 {
    padding-left: 6rem !important;
  }
  .u-p-xxs-100 {
    padding: 10rem !important;
  }
  .u-pt-xxs-100 {
    padding-top: 10rem !important;
  }
  .u-pr-xxs-100 {
    padding-right: 10rem !important;
  }
  .u-pb-xxs-100 {
    padding-bottom: 10rem !important;
  }
  .u-pl-xxs-100 {
    padding-left: 10rem !important;
  }
  .u-m-xxs-auto {
    margin: auto !important;
  }
  .u-mt-xxs-auto {
    margin-top: auto !important;
  }
  .u-mr-xxs-auto {
    margin-right: auto !important;
  }
  .u-mb-xxs-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xxs-auto {
    margin-left: auto !important;
  }
}
.u-text-center {
  text-align: center !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}

.u-visible-xs {
  display: none !important;
}
@media screen and (max-width: 520px) {
  .u-visible-xs {
    display: block !important;
  }
}
.u-visible-sm {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .u-visible-sm {
    display: block !important;
  }
}
.u-visible-md {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .u-visible-md {
    display: block !important;
  }
}
.u-visible-lg {
  display: none !important;
}
@media screen and (max-width: 1152px) {
  .u-visible-lg {
    display: block !important;
  }
}
.u-visible-xl {
  display: none !important;
}
@media screen and (max-width: 1280px) {
  .u-visible-xl {
    display: block !important;
  }
}