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

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

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

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

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

@media (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
html {
  font-size: 62.5%;
}

body {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  line-height: 1.6em;
  font-family: "Noto Sans JP", sans-serif;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
a:hover {
  text-decoration: none;
}

.txtlink01 {
  text-decoration: underline;
}
.txtlink01:hover {
  text-decoration: none;
}

.txtlink02 {
  color: #085DCC;
  text-decoration: underline;
  white-space: nowrap;
}
.txtlink02:hover {
  text-decoration: none;
}

.btn01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 0.5rem 2rem;
}
.btn01 img {
  margin: 0 1rem 0 0;
}
.btn01:hover {
  background: #003E8F;
}

.btn02 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 0.5rem 5.5rem;
}
.btn02:hover {
  background: #003E8F;
}

.btn03 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.75rem 6.5rem;
}
.btn03 img {
  margin: 0 1rem 0 0;
}
.btn03:hover {
  background: #003E8F;
}

.btn04 {
  background: #FF3053;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  display: block;
  padding: 0.5rem 0;
}
.btn04:hover {
  background: #E10026;
}

.btn05 {
  background: #085DCC;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0;
}
.btn05 img {
  margin: 0 1rem 0 0;
}
.btn05:hover {
  background: #003E8F;
}

.btn06 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 7rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn06:hover {
  background: #003E8F;
}

.btn07 {
  display: inline-block;
  position: relative;
}
.btn07::before {
  content: url(assets/images/icon_login01.png);
  display: block;
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
}
.btn07 input[type=submit] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.75rem 6.5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn07 input[type=submit]:hover {
  background: #003E8F;
}

.btn08 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 700;
  width: 130px;
  height: 38px;
}
.btn08:hover {
  background: #003E8F;
}
@media (max-width: 576px) {
  .btn08 {
    width: 100px;
    height: 28px;
  }
}

.btn09 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  padding: 0 0.5rem;
}
.btn09:hover {
  background: #003E8F;
}

.btn10 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 7rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn10:hover {
  background: #003E8F;
}
@media (max-width: 576px) {
  .btn10 {
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
  }
}

.btn11 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 4rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn11:hover {
  background: #003E8F;
}
@media (max-width: 576px) {
  .btn11 {
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
  }
}

.btn12 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 0.5rem 4rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn12:hover {
  background: #003E8F;
}
@media (max-width: 576px) {
  .btn12 {
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
  }
}

.btn13 {
  background: #085DCC;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0 1rem;
  height: 24px;
  display: inline-block;
}
.btn13:hover {
  background: #003E8F;
}

.btn14 {
  background: #6D6D6D;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0 1rem;
  height: 24px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn14:hover {
  background: #444;
}

.btn15 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  border: #AFAFAF solid 1px;
}
.btn15:hover {
  background: #ddd;
}

.btn16 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #085DCC;
  color: #fff;
  border: #085DCC solid 1px;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}
.btn16:hover {
  background: #003E8F;
}

.btn17 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding: 1.25rem 7rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: #AFAFAF solid 1px;
}
.btn17:hover {
  background: #ddd;
}

.is__d_xl {
  display: block !important;
}
@media (max-width: 1024px) {
  .is__d_xl {
    display: none !important;
  }
}

.is__d_lg {
  display: none !important;
}
@media (max-width: 1024px) {
  .is__d_lg {
    display: block !important;
  }
}

.is__d_md {
  display: none !important;
}
@media (max-width: 768px) {
  .is__d_md {
    display: block !important;
  }
}

.is__d_sm {
  display: none !important;
}
@media (max-width: 576px) {
  .is__d_sm {
    display: block !important;
  }
}

.is__d_xs {
  display: none !important;
}
@media (max-width: 375px) {
  .is__d_xs {
    display: block !important;
  }
}

.clear {
  clear: both !important;
}

.txt_C {
  text-align: center !important;
}

.d_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d_flex_C {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.d_flex_C_wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.d_flex_B {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.w100 {
  width: 100% !important;
}

.img.mw100 img {
  max-width: 100% !important;
  height: auto !important;
}

.align_top {
  vertical-align: top !important;
}

.align_middle {
  vertical-align: middle !important;
}

.is__only_xl {
  display: block;
}
@media (max-width: 1024px) {
  .is__only_xl {
    display: none;
  }
}

.is__only_lg {
  display: block;
}
@media (max-width: 768px) {
  .is__only_lg {
    display: none;
  }
}

.txt01 {
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
}

.txt02 {
  font-size: clamp(1rem, 1.3vw, 1.1rem);
}

.txt03 {
  font-size: clamp(1.9rem, 2.14vw, 2.4rem);
  font-weight: 700;
  line-height: 1.6em;
}

.txt04 {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  line-height: 2em;
}

.txt05 {
  font-size: clamp(1.7rem, 2.14vw, 2.4rem);
  font-weight: 700;
  line-height: 1.6em;
}

body.is__client {
  background: #E1EBF8;
}
body.is__management {
  background: #E8E8E8;
}

.drawer_nav {
  background: #003E8F;
  padding: 1.5rem 0;
}
.drawer_nav .logo {
  display: none;
}
.drawer_nav.is__managemant {
  background: none;
}
@media (max-width: 768px) {
  .drawer_nav {
    background: white;
    position: fixed;
    top: -300%;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    padding: 0;
    z-index: 2;
  }
  .drawer_nav.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
  }
  .drawer_nav .logo {
    display: block;
    margin: 0 0 0 2rem;
  }
  .drawer_nav .container-1200 {
    padding: 0;
  }
  .drawer_nav.is__managemant {
    background: #4E4E4E;
  }
}
@media (max-width: 576px) {
  .drawer_nav .logo {
    margin: 0 0 0 1rem;
  }
}

.drawer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer_menu li {
  margin: 0 0 0 0;
  color: #fff;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  margin: 0 2.5rem 0 0;
}
.drawer_menu li.is__username {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.75vw, 2rem);
  margin: 0 4rem 0 0;
}
.drawer_menu li.is__logout {
  display: none;
}
.drawer_menu li a {
  display: block;
  color: #fff;
}
.drawer_menu li a:hover {
  color: #ccc;
}
.drawer_menu.is__managemant {
  display: block;
}
@media (max-width: 768px) {
  .drawer_menu {
    display: block;
  }
  .drawer_menu li {
    color: #000;
    margin: 0;
  }
  .drawer_menu li.is__username {
    margin: 0 0 1rem 0;
    padding: 0.5rem 1.5rem;
  }
  .drawer_menu li.is__logout {
    display: block;
  }
  .drawer_menu li.is__logout a {
    background: #085DCC;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .drawer_menu li.is__logout img {
    margin: 0 1rem 0 0;
  }
  .drawer_menu li a {
    color: #000;
    padding: 1rem 1.5rem;
    border-bottom: #ccc solid 1px;
  }
  .drawer_menu li:nth-child(2) a {
    border-top: #ccc solid 1px;
  }
  .drawer_menu.is__managemant li {
    padding: 0 1rem;
  }
  .drawer_menu.is__managemant li a {
    border-bottom: 0;
    padding: 0;
  }
  .drawer_menu.is__managemant li:nth-child(2) a {
    border-top: none;
  }
}

.openbtn {
  display: none;
}
@media (max-width: 768px) {
  .openbtn {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    z-index: 5;
  }
  .openbtn span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 2px;
    background: #000;
    width: 50%;
  }
  .openbtn span:nth-child(1) {
    top: 23px;
  }
  .openbtn span:nth-child(2) {
    top: 31px;
  }
  .openbtn span:nth-child(3) {
    top: 39px;
  }
  .openbtn.active span:nth-child(1) {
    top: 26px;
    left: 16px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 50%;
  }
  .openbtn.active span:nth-child(2) {
    opacity: 0;
  }
  .openbtn.active span:nth-child(3) {
    top: 38px;
    left: 16px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 50%;
  }
}

body.fixed {
  height: 100%;
  overflow: hidden;
}

#header .logo_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
  background: #fff;
}
#header .logo img {
  max-width: 100%;
  height: auto;
}
#header .user_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .user_block .username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  font-weight: 300;
  margin: 0 3rem 0 0;
}
#header .user_block .username img {
  margin: 0 1rem 0 0;
}
@media (max-width: 1024px) {
  #header .logo {
    width: 280px;
  }
}
@media (max-width: 768px) {
  #header .user_block {
    display: none;
  }
  #header .btn_block {
    display: none;
  }
}
@media (max-width: 576px) {
  #header .logo_area {
    padding: 0 1rem;
  }
  #header .logo {
    width: 250px;
  }
}

#main.is__client {
  width: 75%;
  max-width: 900px;
}
@media (max-width: 768px) {
  #main {
    margin: 0 0 5rem 0;
  }
  #main.is__client {
    width: 100%;
    max-width: none;
  }
}

#aside.is__client {
  width: 25%;
  max-width: 250px;
}
@media (max-width: 1024px) {
  #aside.is__client {
    width: 23%;
    max-width: 250px;
  }
}
@media (max-width: 768px) {
  #aside.is__client {
    width: 100%;
    max-width: none;
  }
}

#footer {
  background: #fff;
  padding: 1rem 0;
}
#footer .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .logo {
  margin: 0 3rem 0 0;
}
#footer .logo img {
  max-width: 100%;
  height: auto;
}
#footer .f_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .f_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .f_nav ul li {
  margin: 0 1rem;
  font-size: clamp(1.1rem, 1.4vw, 1.3rem);
}
#footer .f_nav ul li a:hover {
  color: #999;
}
#footer .btn_block {
  margin-left: auto;
}
@media (max-width: 1024px) {
  #footer .logo {
    width: 200px;
  }
}
@media (max-width: 768px) {
  #footer {
    padding: 2rem 0 0 0;
  }
  #footer .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #footer .logo {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #footer .logo img {
    width: 200px;
    height: auto;
  }
  #footer .f_nav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #footer .btn_block {
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 1.5rem;
  }
}
@media (max-width: 576px) {
  #footer .f_nav {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 1rem 0;
  }
  #footer .btn_block {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 0 1.5rem 0;
  }
}

p.error {
  color: #FF2D2D;
}

.cnt01 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.cnt01 .inner {
  background: #fff;
  padding: 5rem 15rem;
}
@media (max-width: 1024px) {
  .cnt01 .inner {
    padding: 3rem 10rem;
  }
}
@media (max-width: 768px) {
  .cnt01 .inner {
    padding: 3rem 5rem;
  }
}
@media (max-width: 576px) {
  .cnt01 {
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    margin: 5rem 0 5rem 0;
  }
  .cnt01 .inner {
    padding: 3rem 3rem;
  }
}

.cnt02 {
  padding: 7rem 0;
}
@media (max-width: 576px) {
  .cnt02 {
    padding: 5rem 0;
  }
}

.cnt03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cnt04 {
  background: #fff;
  padding: 2.5rem;
  border: #E8E8E8 solid 1px;
  border-radius: 5px;
}
.cnt04 .headline02 {
  margin: 0 0 0.5rem 0;
}
@media (max-width: 576px) {
  .cnt04 {
    padding: 2rem;
  }
}

.cnt05 {
  margin: 0 0 3rem 0;
}

.cnt06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cnt06 .block_L {
  width: 10%;
}
.cnt06 .block_R {
  width: 85%;
}
@media (max-width: 1024px) {
  .cnt06 .block_L {
    width: 100%;
    margin: 0 0 2rem 0;
  }
  .cnt06 .block_R {
    width: 100%;
  }
}

.cnt07 {
  background: #fff;
  padding: 2rem 1.5rem;
  border: #E8E8E8 solid 1px;
  border-radius: 5px;
}
.cnt07 .headline02 {
  margin: 0 0 0.5rem 0;
}
@media (max-width: 576px) {
  .cnt07 {
    padding: 1.5rem;
  }
}

.cnt08 {
  border-bottom: #707070 solid 1px;
  padding: 0 0 2rem 0;
}
.cnt08 p {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  line-height: 1.8em;
  margin: 0 0 2rem 0;
}
.cnt08 img {
  max-width: 100%;
  height: auto;
}

.cnt09 {
  background: #FFEFEF;
  padding: 2rem 4rem;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.cnt09 p {
  color: #FF2D2D;
}
@media (max-width: 576px) {
  .cnt09 {
    padding: 1rem 2rem;
  }
}

.cnt10 {
  border: #707070 solid 1px;
  padding: 2rem;
  height: 30vw;
  max-height: 220px;
  overflow-y: scroll;
}
.cnt10 div {
  margin: 0 0 2rem 0;
}
.cnt10 div:last-child {
  margin: 0;
}
.cnt10 .headline04 {
  margin: 0 0 1rem 0;
}
@media (max-width: 576px) {
  .cnt10 {
    padding: 1.5rem;
  }
}

.cnt11 {
  border: #085DCC solid 1px;
  padding: 1.5rem;
  background: #F5F5F5;
}

.cnt12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cnt12 .block_L {
  width: 20%;
  max-width: 240px;
  background: #4E4E4E;
  padding: 1.5rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cnt12 .block_R {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 80%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cnt12 .block_R #main {
  padding: 5rem 0;
}
@media (max-width: 768px) {
  .cnt12 .block_L {
    width: 0%;
    padding: 0;
  }
  .cnt12 .block_R {
    width: 100%;
  }
}

.cnt13 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .cnt13 {
    display: block;
  }
  .cnt13 .headline02 {
    margin: 0 0 2rem 0;
  }
}

.cnt14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cnt14 .delete_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cnt14 input[type=button] {
  background: #C8C8C8;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  padding: 0 1rem;
  margin: 0 3rem 0 1.5rem;
}
.cnt14 .message {
  color: #FF2D2D;
}
@media (max-width: 768px) {
  .cnt14 .delete_block {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .cnt14 .delete_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cnt14 .message {
    width: 100%;
    margin: 1rem 0 0 0;
  }
}

.cnt15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cnt15 .headline02 {
  width: 25%;
}
.cnt15 input[type=date] {
  border: #707070 solid 1px;
  background: #F5F5F5;
  padding: 0.5rem;
}
.cnt15 select {
  border: #707070 solid 1px;
  background: #F5F5F5;
  padding: 0.5rem;
}
@media (max-width: 768px) {
  .cnt15 .headline02 {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .cnt15 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cnt15 .headline02 {
    width: 100%;
    margin: 0 0 2rem 0;
  }
  .cnt15 .block_Right {
    width: 100%;
  }
}

.cnt16 {
  margin: 4rem 0 0 0;
  padding: 4rem 0 0 0;
  border-top: #E5E5E5 solid 1px;
}

.cnt17 {
  border: #085DCC solid 1px;
  padding: 3rem;
  background: #F5F5F5;
}
@media (max-width: 576px) {
  .cnt17 {
    padding: 1.5rem;
  }
}

.cnt18 {
  border-bottom: #BBBBBB solid 1px;
  padding: 0 0 3rem 0;
  margin: 0 0 3rem 0;
}
.cnt18.is__noborder {
  border: none;
}
.cnt18 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cnt18 form input[type=radio] {
  margin-right: 5px;
}
.cnt18 .headline02 {
  width: 20%;
}
.cnt18 .block_Right {
  width: 80%;
}
@media (max-width: 576px) {
  .cnt18 {
    display: block;
  }
  .cnt18 form {
    display: block;
  }
  .cnt18 .headline02 {
    margin: 0 0 2rem 0;
    width: 100%;
  }
  .cnt18 .block_Right {
    width: 100%;
  }
}

.cnt19 form {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cnt20 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cnt20 select {
  border: #707070 solid 1px;
  padding: 0.5rem 2rem;
}

.cnt21 form {
  display: block;
}

.cnt22 {
  border: #707070 solid 1px;
  padding: 3rem;
}
.cnt22 .message {
  text-align: center;
  background: #F5F5F5;
  padding: 1.5rem;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .cnt22 {
    padding: 2rem;
  }
}

.cnt23 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 576px) {
  .cnt23 {
    display: block;
  }
  .cnt23 .headline05 {
    margin: 0 0 2rem 0;
  }
}

.cnt24 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cnt24 form .headline06 {
  width: 35%;
}

.cnt25 .d_flex_C_wrap input {
  margin: 0 1rem;
}
@media (max-width: 576px) {
  .cnt25 .d_flex_C_wrap input {
    margin: 0.75rem 0;
  }
}

.cnt26 .headline02 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cnt27 {
  background: #F6F6F6;
  border: #085DCC solid 1px;
  padding: 2rem;
}

.cnt28 {
  background: #F2F2F2;
  padding: 2rem;
}
@media (max-width: 576px) {
  .cnt28 {
    padding: 1rem;
  }
}

.cnt29 input[type=date] {
  border: #707070 solid 1px;
  background: #F5F5F5;
  padding: 0.5rem;
}
.cnt29 input[type=text] {
  background: #F5F5F5;
}

.headline01 {
  font-size: clamp(1.6rem, 1.56vw, 1.8rem);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.headline01 span {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  font-weight: 400;
  margin: 0 0 0 2rem;
}
@media (max-width: 576px) {
  .headline01 {
    display: block;
  }
  .headline01 span {
    display: block;
    margin: 0.5rem 0 0 0;
  }
}

.headline02 {
  font-size: clamp(1.6rem, 1.56vw, 1.8rem);
  font-weight: 700;
}
.headline02 span {
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 400;
  margin: 0 0 0 2rem;
}

.headline03 {
  font-size: clamp(2.2rem, 2.14vw, 2.4rem);
  font-weight: 700;
  line-height: 1.5em;
}

.headline04 {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  font-weight: 700;
  line-height: 1.6em;
}

.headline05 {
  font-size: clamp(2rem, 2.14vw, 2.4rem);
  font-weight: 700;
}

.list02 {
  -webkit-columns: #ABABAB;
     -moz-columns: #ABABAB;
          columns: #ABABAB;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list02 .date {
  margin: 0 2rem 0 0;
}

.list03 {
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  border-bottom: #fff solid 1px;
  padding: 2rem 0;
}
.list03 li {
  font-weight: 300;
  color: #fff;
  margin: 0 0 1.5rem 0;
}
.list03 li:first-child {
  font-weight: 700;
}
.list03 li:last-child {
  margin: 0;
}
.list03 li a {
  color: #fff;
}
.list03 li a:hover {
  color: #ccc;
}
.list03:nth-child(2) {
  padding-top: 0;
}
.list03.is__usermenu {
  display: none;
}
.list03.is__logoutmenu {
  display: none;
}
@media (max-width: 768px) {
  .list03 li {
    margin: 0 0 1rem 0;
  }
  .list03:nth-child(2) {
    padding-top: 2.5rem;
  }
  .list03.is__usermenu {
    display: block;
    padding-right: 1rem;
  }
  .list03.is__usermenu li {
    font-weight: 400 !important;
  }
  .list03.is__logoutmenu {
    display: block;
  }
}

.list04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list04 li:first-child {
  margin: 0 2rem 0 0;
}

.list05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list05::before {
  content: "";
  display: block;
  width: 25%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.list05::after {
  content: "";
  display: block;
  width: 25%;
}
.list05 li {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list05 li input[type=checkbox] {
  margin: 0 0.5rem 0 0;
}
@media (max-width: 768px) {
  .list05::after {
    content: "";
    display: block;
    width: 33%;
  }
  .list05 li {
    width: 33%;
  }
}
@media (max-width: 576px) {
  .list05 li {
    width: 100%;
  }
}

.list06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list06 li {
  margin: 0 1rem;
  width: 200px;
}
@media (max-width: 576px) {
  .list06 {
    display: block;
  }
  .list06 li {
    width: 100%;
    margin: 0;
  }
  .list06 li:first-child {
    margin: 0 0 1.5rem 0;
  }
}

.scroll {
  overflow: auto;
}
@media (max-width: 1024px) {
  .scroll {
    white-space: nowrap;
  }
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}

.tbl01 {
  width: 100%;
}
.tbl01 tr th {
  font-size: clamp(1.6rem, 1.75vw, 2rem);
  font-weight: 700;
  vertical-align: middle;
  width: 25%;
  padding: 2rem 0;
}
.tbl01 tr td {
  padding: 2rem 0;
}
@media (max-width: 768px) {
  .tbl01 {
    display: block;
    width: 100%;
  }
  .tbl01 tbody {
    display: block;
    width: 100%;
  }
  .tbl01 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl01 tbody tr th {
    display: block;
    width: 100%;
    padding: 0;
  }
  .tbl01 tbody tr td {
    display: block;
    width: 100%;
  }
}

.tbl02 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl02 tr th {
  font-weight: 700;
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  border-top: #707070 solid 1px;
  padding: 1rem;
}
.tbl02 tr td {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  border-top: #707070 solid 1px;
  padding: 1rem;
}
.tbl02 tr td a {
  color: #085DCC;
  text-decoration: underline;
}
.tbl02 tr td:first-child {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  padding: 1rem;
}
.tbl02 tr:nth-child(even) {
  background: #F5F5F5;
}

.tbl03 {
  width: 100%;
  border-bottom: #E8E8E8 solid 1px;
}
.tbl03 tr th {
  border-top: #E8E8E8 solid 1px;
  color: #ABABAB;
  font-weight: 400;
  vertical-align: middle;
  padding: 2.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tbl03 tr th::after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #000;
  margin: 0 0 0 2rem;
}
.tbl03 tr td {
  border-top: #E8E8E8 solid 1px;
  font-weight: 700;
  padding: 2.5rem 0 2.5rem 0;
}
.tbl03 tr td a:hover {
  color: #999;
}
@media (max-width: 576px) {
  .tbl03 {
    display: block;
    width: 100%;
  }
  .tbl03 tr {
    display: block;
    width: 100%;
  }
  .tbl03 tr th {
    display: block;
    width: 100%;
    padding: 1.5rem 0 1rem;
  }
  .tbl03 tr th::after {
    content: none;
  }
  .tbl03 tr td {
    display: block;
    width: 100%;
    padding: 0 0 1.5rem 0;
    border-top: none;
  }
}

.tbl04 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl04 tr th {
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
  font-weight: 400;
}
.tbl04 tr td {
  border-top: #707070 solid 1px;
  padding: 1.5rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .tbl04 tr th {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .tbl04 tr th {
    width: 31%;
  }
}
@media (max-width: 576px) {
  .tbl04 {
    display: block;
    width: 100%;
  }
  .tbl04 tbody {
    display: block;
    width: 100%;
  }
  .tbl04 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl04 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem;
    border: none;
  }
  .tbl04 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
    border: none;
  }
}

.tbl05 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl05 tr th {
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
  vertical-align: middle;
}
.tbl05 tr th .req {
  display: block;
  position: relative;
}
.tbl05 tr th .req::after {
  content: "必須";
  color: #FF131B;
  font-size: clamp(1.1rem, 1.3vw, 1.2rem);
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tbl05 tr td {
  border-top: #707070 solid 1px;
  padding: 1.5rem;
}
@media (max-width: 1024px) {
  .tbl05 tr th {
    width: 35%;
  }
}
@media (max-width: 576px) {
  .tbl05 {
    display: block;
    width: 100%;
  }
  .tbl05 tbody {
    display: block;
    width: 100%;
  }
  .tbl05 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl05 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem;
    border-top: none;
  }
  .tbl05 tbody tr th .req {
    display: block;
    position: relative;
  }
  .tbl05 tbody tr th .req::after {
    content: "必須";
    color: #FF131B;
    font-size: clamp(1.1rem, 1.3vw, 1.2rem);
    font-weight: 400;
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    margin: 0 0 0 1rem;
  }
  .tbl05 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
    border-top: none;
  }
}

.tbl06 {
  width: 100%;
  border-top: #E5E5E5 solid 1px;
}
.tbl06 tr td {
  padding: 2rem 0;
  border-bottom: #E5E5E5 solid 1px;
}
.tbl06 tr td.date {
  color: #ABABAB;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 300;
  width: 13%;
  padding-left: 2rem;
}
.tbl06 tr td.title {
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  font-weight: 700;
  padding-right: 2rem;
}
.tbl06 tr td.title a {
  position: relative;
  display: block;
  padding-left: 2rem;
}
.tbl06 tr td.title a:hover {
  color: #999;
}
.tbl06 tr td.title a::before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #000;
  position: absolute;
  top: 4px;
  left: 0;
}
.tbl06 tr td.edit {
  width: 6%;
  padding-right: 2rem;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .tbl06 tr td.edit {
    width: 8%;
    padding-right: 1rem;
  }
}
@media (max-width: 1024px) {
  .tbl06 tr td.date {
    width: 13%;
  }
  .tbl06 tr td.title {
    padding-left: 1.5rem;
  }
  .tbl06 tr td.title a {
    padding-left: 1.5rem;
  }
}
@media (max-width: 576px) {
  .tbl06 {
    display: block;
    width: 100%;
  }
  .tbl06 tbody {
    display: block;
    width: 100%;
  }
  .tbl06 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl06 tbody tr td.date {
    display: block;
    width: 100%;
    border: none;
    padding: 1.5rem 0 0 0;
  }
  .tbl06 tbody tr td.title {
    display: block;
    width: 100%;
    border: none;
    padding: 1rem 0;
  }
  .tbl06 tbody tr td.title a {
    padding: 0 0 0 0;
  }
  .tbl06 tbody tr td.title a::before {
    content: none;
  }
  .tbl06 tbody tr td.edit {
    display: block;
    width: 100%;
    padding: 0 0 1.5rem 0;
  }
}

.tbl07 {
  width: 100%;
  border-top: #707070 solid 1px;
}
.tbl07 thead tr th {
  background: #D0E3FC;
  border-bottom: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
.tbl07 thead tr th:nth-child(4), .tbl07 thead tr th:nth-child(5), .tbl07 thead tr th:nth-child(6) {
  text-align: center;
}
.tbl07 tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.tbl07 tbody tr td {
  padding: 1.5rem 1rem;
  border-bottom: #707070 solid 1px;
}
.tbl07 tbody tr td:nth-child(4), .tbl07 tbody tr td:nth-child(5), .tbl07 tbody tr td:nth-child(6) {
  text-align: center;
}

.tbl08 {
  width: 100%;
  border-top: #707070 solid 1px;
}
.tbl08 thead tr th {
  background: #D0E3FC;
  border-bottom: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
.tbl08 thead tr th:nth-child(5) {
  text-align: center;
}
.tbl08 tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.tbl08 tbody tr td {
  padding: 1.5rem 1rem;
  border-bottom: #707070 solid 1px;
}
.tbl08 tbody tr td:nth-child(3), .tbl08 tbody tr td:nth-child(4) {
  font-weight: 700;
}
.tbl08 tbody tr td:nth-child(5) {
  text-align: center;
  font-weight: 700;
}

.tbl09 {
  width: 100%;
}
.tbl09 tr th {
  width: 15%;
  padding: 0 0 1.5rem 0;
  vertical-align: middle;
}
.tbl09 tr td {
  padding: 0 0 1.5rem 0;
}
@media (max-width: 576px) {
  .tbl09 {
    display: block;
    width: 100%;
  }
  .tbl09 tbody {
    display: block;
    width: 100%;
  }
  .tbl09 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl09 tbody tr th {
    display: block;
    width: 100%;
    padding-bottom: 0.5rem;
  }
  .tbl09 tbody tr td {
    display: block;
    width: 100%;
  }
}

.tbl10 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl10 tr th {
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
}
.tbl10 tr td {
  border-top: #707070 solid 1px;
  padding: 1.5rem;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
}
@media (max-width: 1024px) {
  .tbl10 tr th {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .tbl10 tr th {
    width: 31%;
  }
}
@media (max-width: 576px) {
  .tbl10 {
    display: block;
    width: 100%;
  }
  .tbl10 tbody {
    display: block;
    width: 100%;
  }
  .tbl10 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl10 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem;
  }
  .tbl10 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
}

.tbl11 {
  width: 100%;
}
.tbl11 tr th {
  width: 25%;
  padding: 0 0 1.5rem 0;
  vertical-align: middle;
}
.tbl11 tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .tbl11 tr th {
    width: 20%;
  }
}
@media (max-width: 576px) {
  .tbl11 {
    display: block;
    width: 100%;
  }
  .tbl11 tbody {
    display: block;
    width: 100%;
  }
  .tbl11 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl11 tbody tr th {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
  }
  .tbl11 tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.tbl12 {
  width: 100%;
  border-top: #707070 solid 1px;
}
.tbl12 thead tr th {
  background: #D0E3FC;
  border-bottom: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
.tbl12 thead tr th:nth-child(5), .tbl12 thead tr th:nth-child(6) {
  text-align: center;
}
.tbl12 tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.tbl12 tbody tr td {
  padding: 1.5rem 0.5rem;
  border-bottom: #707070 solid 1px;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
}

.tbl13 {
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
  border-top: #BBBBBB solid 1px;
  border-right: #BBBBBB solid 1px;
  width: 100%;
}
.tbl13 tr th {
  background: #E8E8E8;
  font-weight: 700;
  border-left: #BBBBBB solid 1px;
  border-bottom: #BBBBBB solid 1px;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.tbl13 tr td {
  border-left: #BBBBBB solid 1px;
  border-bottom: #BBBBBB solid 1px;
  padding: 0.5rem 1rem;
}
.tbl13 tr td .d-flex .postal {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 2rem 0 0;
}
@media (max-width: 768px) {
  .tbl13 {
    display: block;
    width: 100%;
  }
  .tbl13 tbody {
    display: block;
    width: 100%;
  }
  .tbl13 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl13 tbody tr th {
    display: block;
    width: 100%;
  }
  .tbl13 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl13 tbody tr td .d-flex {
    display: block !important;
  }
  .tbl13 tbody tr td .d-flex .postal {
    margin: 0 0 1rem 0;
  }
}

.tbl14 {
  width: 100%;
  border-top: #707070 solid 1px;
}
.tbl14 thead tr th {
  background: #D0E3FC;
  border-bottom: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
.tbl14 thead tr th:nth-child(5) {
  text-align: center;
}
.tbl14 tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.tbl14 tbody tr td {
  padding: 1.5rem 1rem;
  border-bottom: #707070 solid 1px;
}
.tbl14 tbody tr td:nth-child(5) {
  text-align: center;
}
.tbl14 tbody tr td.align_middle {
  width: 35%;
  text-align: right;
}

.tbl15 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl15 tr th {
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
  vertical-align: middle;
}
.tbl15 tr td {
  border-top: #707070 solid 1px;
  padding: 1.5rem;
}
@media (max-width: 1024px) {
  .tbl15 tr th {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .tbl15 tr th {
    width: 31%;
  }
}
@media (max-width: 576px) {
  .tbl15 {
    display: block;
    width: 100%;
  }
  .tbl15 tbody {
    display: block;
    width: 100%;
  }
  .tbl15 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl15 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem;
  }
  .tbl15 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
}

.tbl16 {
  width: 100%;
}
.tbl16 tr th {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  font-weight: 500;
  width: 30%;
}
@media (max-width: 576px) {
  .tbl16 {
    display: block;
    width: 100%;
  }
  .tbl16 tbody {
    display: block;
    width: 100%;
  }
  .tbl16 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl16 tbody tr th {
    display: block;
    width: 100%;
    padding: 0 0 1rem 0;
  }
  .tbl16 tbody tr td {
    display: block;
    width: 100%;
  }
}

.tbl17 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl17 tr th {
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
  vertical-align: middle;
}
.tbl17 tr th::after {
  content: "※";
  margin: 0 0 0 1rem;
}
.tbl17 tr td {
  border-top: #707070 solid 1px;
  padding: 1.5rem;
}
@media (max-width: 1024px) {
  .tbl17 tr th {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .tbl17 tr th {
    width: 31%;
  }
}
@media (max-width: 576px) {
  .tbl17 {
    display: block;
    width: 100%;
  }
  .tbl17 tbody {
    display: block;
    width: 100%;
  }
  .tbl17 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl17 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem;
  }
  .tbl17 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
}

.tbl18 {
  width: 100%;
  border-bottom: #707070 solid 1px;
}
.tbl18 tr th {
  width: 25%;
  padding: 0 0 1.5rem 0;
  vertical-align: middle;
  border-top: #707070 solid 1px;
  background: #E8E8E8;
  padding: 1.5rem;
  width: 25%;
}
.tbl18 tr th.is__noborder {
  border: none;
}
.tbl18 tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: #707070 solid 1px;
  padding: 1.5rem;
}
.tbl18 tr td.is__noborder {
  border: none;
}
.tbl18 tr td br {
  /*display: none;*/
}
@media (max-width: 768px) {
  .tbl18 tr th {
    width: 20%;
  }
}
@media (max-width: 576px) {
  .tbl18 {
    display: block;
    width: 100%;
  }
  .tbl18 tbody {
    display: block;
    width: 100%;
  }
  .tbl18 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl18 tbody tr th {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
  }
  .tbl18 tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.tbl19 {
  width: 100%;
  border-top: #707070 solid 1px;
}
.tbl19 thead tr th {
  background: #D0E3FC;
  border-bottom: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
.tbl19 thead tr th:nth-child(5) {
  text-align: center;
}
.tbl19 tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.tbl19 tbody tr td {
  padding: 1.5rem 1rem;
  border-bottom: #707070 solid 1px;
}
.tbl19 tbody tr td:last-child {
  text-align: right;
  white-space: nowrap;
}

.tbl20 {
  width: 100%;
}
.tbl20 tr th {
  padding: 1.5rem;
  width: 25%;
  vertical-align: middle;
}
.tbl20 tr th .req {
  display: block;
  position: relative;
}
.tbl20 tr th .req::after {
  content: "必須";
  color: #FF131B;
  font-size: clamp(1.1rem, 1.3vw, 1.2rem);
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tbl20 tr td {
  padding: 1.5rem;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
}
@media (max-width: 1024px) {
  .tbl20 tr th {
    width: 35%;
  }
}
@media (max-width: 576px) {
  .tbl20 {
    display: block;
    width: 100%;
  }
  .tbl20 tbody {
    display: block;
    width: 100%;
  }
  .tbl20 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl20 tbody tr th {
    display: block;
    width: 100%;
    padding: 1rem 1rem 0 1rem;
    border-top: none;
  }
  .tbl20 tbody tr th .req {
    display: block;
    position: relative;
  }
  .tbl20 tbody tr th .req::after {
    content: "必須";
    color: #FF131B;
    font-size: clamp(1.1rem, 1.3vw, 1.2rem);
    font-weight: 400;
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    margin: 0 0 0 1rem;
  }
  .tbl20 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
    border-top: none;
  }
}

.formtbl01 input[type=text],
.formtbl01 input[type=password] {
  width: 100%;
  border: #707070 solid 1px;
  padding: 1.5rem 1rem;
}
@media (max-width: 576px) {
  .formtbl01 input[type=text],
  .formtbl01 input[type=password] {
    padding: 1rem;
  }
}

.formtbl02 input[type=text],
.formtbl02 input[type=tel],
.formtbl02 input[type=email],
.formtbl02 input[type=password] {
  width: 100%;
  max-width: 385px;
  border: #707070 solid 1px;
  padding: 0.5rem 1rem;
}
.formtbl02 select {
  border: #707070 solid 1px;
  padding: 0.5rem 2rem;
}
.formtbl02 textarea {
  width: 100%;
  max-width: 385px;
  border: #707070 solid 1px;
  padding: 0.5rem 1rem;
  resize: vertical;
  height: 30vw;
  max-height: 150px;
}
.formtbl02 input[type=checkbox] {
  margin: 0 1rem 0 0;
}
@media (max-width: 768px) {
  .formtbl02 input[type=text],
  .formtbl02 input[type=tel],
  .formtbl02 input[type=email],
  .formtbl02 input[type=password] {
    max-width: none;
  }
  .formtbl02 textarea {
    max-width: none;
  }
}
@media (max-width: 576px) {
  .formtbl02 input[type=text],
  .formtbl02 input[type=tel],
  .formtbl02 input[type=email],
  .formtbl02 input[type=password] {
    padding: 0.5rem;
  }
}

.formstyle01 input[type=text],
.formstyle01 input[type=email],
.formstyle01 input[type=tel],
.formstyle01 input[type=password] {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
}
.formstyle01 select {
  border: #707070 solid 1px;
  padding: 0.5rem;
  background: #F5F5F5;
}
.formstyle01 textarea {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
  resize: vertical;
  height: 30vw;
  max-height: 340px;
}

.formstyle02 p {
  margin: 0 2rem 0 0;
}
.formstyle02 select {
  border: #707070 solid 1px;
  padding: 0.25rem 0.75rem;
  background: #F5F5F5;
  margin: 0 0.5rem 0 0;
}
.formstyle02 select:first-child {
  margin: 0 0.5rem 0 0;
}
@media (max-width: 768px) {
  .formstyle02 p {
    margin: 0 1rem 0 0;
  }
}
@media (max-width: 576px) {
  .formstyle02 p {
    margin: 0 1rem 1.5rem 0;
  }
}

.formstyle03 input[type=text],
.formstyle03 input[type=email],
.formstyle03 input[type=tel],
.formstyle03 input[type=password] {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
}
.formstyle03 select {
  border: #707070 solid 1px;
  padding: 0.5rem;
}
.formstyle03 textarea {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
  resize: vertical;
  height: 30vw;
  max-height: 340px;
}

.formstyle04 p {
  margin: 0 2rem 0 0;
}
.formstyle04 p.spacer {
  display: none;
}
.formstyle04 input[type=text],
.formstyle04 input[type=email],
.formstyle04 input[type=tel],
.formstyle04 input[type=password] {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
  background: #F5F5F5;
}
.formstyle04 select {
  border: #707070 solid 1px;
  padding: 0.5rem;
  background: #F5F5F5;
  margin: 0 0.5rem 0 0;
}
.formstyle04 textarea {
  width: 100%;
  border: #707070 solid 1px;
  padding: 0.5rem;
  resize: vertical;
  height: 30vw;
  max-height: 340px;
  background: #F5F5F5;
}
@media (max-width: 768px) {
  .formstyle04 p {
    margin: 0 1rem 0 0;
  }
}
@media (max-width: 576px) {
  .formstyle04 p {
    margin: 0 1rem 1.5rem 0;
  }
  .formstyle04 p.spacer {
    display: block;
    width: 100%;
    margin: 0;
  }
}

.pagination01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 0 2rem 0;
}
.pagination01 p {
  font-size: clamp(1.1rem, 1.4vw, 1.3rem);
  margin: 0 1rem 0 0;
}
.pagination01 p:last-child {
  margin: 0;
}
.pagination01 p a:hover {
  color: #999;
}

.pagination02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 0 2rem 0;
}
.pagination02 p {
  font-size: clamp(1.3rem, 1.26vw, 1.6rem);
  margin: 0 1.5rem 0 0;
}
.pagination02 p:last-child {
  margin: 0;
}
.pagination02 p a:hover {
  color: #999;
}

body .d-inline {
  display: inline !important;
}
body .d-inline-block {
  display: inline-block !important;
}
body .d-block {
  display: block !important;
}
body .d-grid {
  display: -ms-grid !important;
  display: grid !important;
}
body .d-table {
  display: table !important;
}
body .d-table-row {
  display: table-row !important;
}
body .d-table-cell {
  display: table-cell !important;
}
body .d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
body .d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
body .d-none {
  display: none !important;
}
body .m-0 {
  margin: 0 !important;
}
body .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
body .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body .mt-0 {
  margin-top: 0 !important;
}
body .me-0 {
  margin-right: 0 !important;
}
body .mb-0 {
  margin-bottom: 0 !important;
}
body .ms-0 {
  margin-left: 0 !important;
}
body .p-0 {
  padding: 0 !important;
}
body .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
body .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body .pt-0 {
  padding-top: 0 !important;
}
body .pe-0 {
  padding-right: 0 !important;
}
body .pb-0 {
  padding-bottom: 0 !important;
}
body .ps-0 {
  padding-left: 0 !important;
}
@media (max-width: 576px) {
  body .d-sm-inline {
    display: inline !important;
  }
  body .d-sm-inline-block {
    display: inline-block !important;
  }
  body .d-sm-block {
    display: block !important;
  }
  body .d-sm-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  body .d-sm-table {
    display: table !important;
  }
  body .d-sm-table-row {
    display: table-row !important;
  }
  body .d-sm-table-cell {
    display: table-cell !important;
  }
  body .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  body .d-sm-none {
    display: none !important;
  }
  body .m-sm-0 {
    margin: 0 !important;
  }
  body .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body .mt-sm-0 {
    margin-top: 0 !important;
  }
  body .me-sm-0 {
    margin-right: 0 !important;
  }
  body .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  body .ms-sm-0 {
    margin-left: 0 !important;
  }
  body .p-sm-0 {
    padding: 0 !important;
  }
  body .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .pt-sm-0 {
    padding-top: 0 !important;
  }
  body .pe-sm-0 {
    padding-right: 0 !important;
  }
  body .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  body .ps-sm-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 577px) {
  body .d-md-inline {
    display: inline !important;
  }
  body .d-md-inline-block {
    display: inline-block !important;
  }
  body .d-md-block {
    display: block !important;
  }
  body .d-md-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  body .d-md-table {
    display: table !important;
  }
  body .d-md-table-row {
    display: table-row !important;
  }
  body .d-md-table-cell {
    display: table-cell !important;
  }
  body .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  body .d-md-none {
    display: none !important;
  }
  body .m-md-0 {
    margin: 0 !important;
  }
  body .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body .mt-md-0 {
    margin-top: 0 !important;
  }
  body .me-md-0 {
    margin-right: 0 !important;
  }
  body .mb-md-0 {
    margin-bottom: 0 !important;
  }
  body .ms-md-0 {
    margin-left: 0 !important;
  }
  body .p-md-0 {
    padding: 0 !important;
  }
  body .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .pt-md-0 {
    padding-top: 0 !important;
  }
  body .pe-md-0 {
    padding-right: 0 !important;
  }
  body .pb-md-0 {
    padding-bottom: 0 !important;
  }
  body .ps-md-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 769px) {
  body .d-lg-inline {
    display: inline !important;
  }
  body .d-lg-inline-block {
    display: inline-block !important;
  }
  body .d-lg-block {
    display: block !important;
  }
  body .d-lg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  body .d-lg-table {
    display: table !important;
  }
  body .d-lg-table-row {
    display: table-row !important;
  }
  body .d-lg-table-cell {
    display: table-cell !important;
  }
  body .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  body .d-lg-none {
    display: none !important;
  }
  body .m-lg-0 {
    margin: 0 !important;
  }
  body .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body .mt-lg-0 {
    margin-top: 0 !important;
  }
  body .me-lg-0 {
    margin-right: 0 !important;
  }
  body .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  body .ms-lg-0 {
    margin-left: 0 !important;
  }
  body .p-lg-0 {
    padding: 0 !important;
  }
  body .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .pt-lg-0 {
    padding-top: 0 !important;
  }
  body .pe-lg-0 {
    padding-right: 0 !important;
  }
  body .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  body .ps-lg-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1025px) {
  body .d-xl-inline {
    display: inline !important;
  }
  body .d-xl-inline-block {
    display: inline-block !important;
  }
  body .d-xl-block {
    display: block !important;
  }
  body .d-xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  body .d-xl-table {
    display: table !important;
  }
  body .d-xl-table-row {
    display: table-row !important;
  }
  body .d-xl-table-cell {
    display: table-cell !important;
  }
  body .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  body .d-xl-none {
    display: none !important;
  }
  body .m-xl-0 {
    margin: 0 !important;
  }
  body .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body .mt-xl-0 {
    margin-top: 0 !important;
  }
  body .me-xl-0 {
    margin-right: 0 !important;
  }
  body .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  body .ms-xl-0 {
    margin-left: 0 !important;
  }
  body .p-xl-0 {
    padding: 0 !important;
  }
  body .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .pt-xl-0 {
    padding-top: 0 !important;
  }
  body .pe-xl-0 {
    padding-right: 0 !important;
  }
  body .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  body .ps-xl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1281px) {
  body .d-xxl-inline {
    display: inline !important;
  }
  body .d-xxl-inline-block {
    display: inline-block !important;
  }
  body .d-xxl-block {
    display: block !important;
  }
  body .d-xxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  body .d-xxl-table {
    display: table !important;
  }
  body .d-xxl-table-row {
    display: table-row !important;
  }
  body .d-xxl-table-cell {
    display: table-cell !important;
  }
  body .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  body .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  body .d-xxl-none {
    display: none !important;
  }
  body .m-xxl-0 {
    margin: 0 !important;
  }
  body .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body .mt-xxl-0 {
    margin-top: 0 !important;
  }
  body .me-xxl-0 {
    margin-right: 0 !important;
  }
  body .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  body .ms-xxl-0 {
    margin-left: 0 !important;
  }
  body .p-xxl-0 {
    padding: 0 !important;
  }
  body .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body .pt-xxl-0 {
    padding-top: 0 !important;
  }
  body .pe-xxl-0 {
    padding-right: 0 !important;
  }
  body .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  body .ps-xxl-0 {
    padding-left: 0 !important;
  }
}

body .mt-10 {
  margin-top: 1rem !important;
}
body .mt-20 {
  margin-top: 2rem !important;
}
body .mt-30 {
  margin-top: 3rem !important;
}
body .mt-40 {
  margin-top: 4rem !important;
}
body .mt-50 {
  margin-top: 5rem !important;
}
body .mt-60 {
  margin-top: 6rem !important;
}
body .mt-70 {
  margin-top: 7rem !important;
}
body .mt-80 {
  margin-top: 8rem !important;
}
body .mt-90 {
  margin-top: 9rem !important;
}
body .mt-100 {
  margin-top: 10rem !important;
}
body .mt-110 {
  margin-top: 11rem !important;
}
body .mt-120 {
  margin-top: 12rem !important;
}
body .mt-130 {
  margin-top: 13rem !important;
}
body .mt-140 {
  margin-top: 14rem !important;
}
body .mt-150 {
  margin-top: 15rem !important;
}
body .mt-160 {
  margin-top: 16rem !important;
}
body .mt-170 {
  margin-top: 17rem !important;
}
body .mt-180 {
  margin-top: 18rem !important;
}
body .mt-190 {
  margin-top: 19rem !important;
}
body .mt-200 {
  margin-top: 20rem !important;
}
body .mr-10 {
  margin-right: 1rem !important;
}
body .mr-20 {
  margin-right: 2rem !important;
}
body .mr-30 {
  margin-right: 3rem !important;
}
body .mr-40 {
  margin-right: 4rem !important;
}
body .mr-50 {
  margin-right: 5rem !important;
}
body .mr-60 {
  margin-right: 6rem !important;
}
body .mr-70 {
  margin-right: 7rem !important;
}
body .mr-80 {
  margin-right: 8rem !important;
}
body .mr-90 {
  margin-right: 9rem !important;
}
body .mr-100 {
  margin-right: 10rem !important;
}
body .mr-110 {
  margin-right: 11rem !important;
}
body .mr-120 {
  margin-right: 12rem !important;
}
body .mr-130 {
  margin-right: 13rem !important;
}
body .mr-140 {
  margin-right: 14rem !important;
}
body .mr-150 {
  margin-right: 15rem !important;
}
body .mr-160 {
  margin-right: 16rem !important;
}
body .mr-170 {
  margin-right: 17rem !important;
}
body .mr-180 {
  margin-right: 18rem !important;
}
body .mr-190 {
  margin-right: 19rem !important;
}
body .mr-200 {
  margin-right: 20rem !important;
}
body .mb-10 {
  margin-bottom: 1rem !important;
}
body .mb-20 {
  margin-bottom: 2rem !important;
}
body .mb-30 {
  margin-bottom: 3rem !important;
}
body .mb-40 {
  margin-bottom: 4rem !important;
}
body .mb-50 {
  margin-bottom: 5rem !important;
}
body .mb-60 {
  margin-bottom: 6rem !important;
}
body .mb-70 {
  margin-bottom: 7rem !important;
}
body .mb-80 {
  margin-bottom: 8rem !important;
}
body .mb-90 {
  margin-bottom: 9rem !important;
}
body .mb-100 {
  margin-bottom: 10rem !important;
}
body .mb-110 {
  margin-bottom: 11rem !important;
}
body .mb-120 {
  margin-bottom: 12rem !important;
}
body .mb-130 {
  margin-bottom: 13rem !important;
}
body .mb-140 {
  margin-bottom: 14rem !important;
}
body .mb-150 {
  margin-bottom: 15rem !important;
}
body .mb-160 {
  margin-bottom: 16rem !important;
}
body .mb-170 {
  margin-bottom: 17rem !important;
}
body .mb-180 {
  margin-bottom: 18rem !important;
}
body .mb-190 {
  margin-bottom: 19rem !important;
}
body .mb-200 {
  margin-bottom: 20rem !important;
}
body .ml-10 {
  margin-left: 1rem !important;
}
body .ml-20 {
  margin-left: 2rem !important;
}
body .ml-30 {
  margin-left: 3rem !important;
}
body .ml-40 {
  margin-left: 4rem !important;
}
body .ml-50 {
  margin-left: 5rem !important;
}
body .ml-60 {
  margin-left: 6rem !important;
}
body .ml-70 {
  margin-left: 7rem !important;
}
body .ml-80 {
  margin-left: 8rem !important;
}
body .ml-90 {
  margin-left: 9rem !important;
}
body .ml-100 {
  margin-left: 10rem !important;
}
body .ml-110 {
  margin-left: 11rem !important;
}
body .ml-120 {
  margin-left: 12rem !important;
}
body .ml-130 {
  margin-left: 13rem !important;
}
body .ml-140 {
  margin-left: 14rem !important;
}
body .ml-150 {
  margin-left: 15rem !important;
}
body .ml-160 {
  margin-left: 16rem !important;
}
body .ml-170 {
  margin-left: 17rem !important;
}
body .ml-180 {
  margin-left: 18rem !important;
}
body .ml-190 {
  margin-left: 19rem !important;
}
body .ml-200 {
  margin-left: 20rem !important;
}
body .pt-10 {
  padding-top: 1rem !important;
}
body .pt-20 {
  padding-top: 2rem !important;
}
body .pt-30 {
  padding-top: 3rem !important;
}
body .pt-40 {
  padding-top: 4rem !important;
}
body .pt-50 {
  padding-top: 5rem !important;
}
body .pt-60 {
  padding-top: 6rem !important;
}
body .pt-70 {
  padding-top: 7rem !important;
}
body .pt-80 {
  padding-top: 8rem !important;
}
body .pt-90 {
  padding-top: 9rem !important;
}
body .pt-100 {
  padding-top: 10rem !important;
}
body .pt-110 {
  padding-top: 11rem !important;
}
body .pt-120 {
  padding-top: 12rem !important;
}
body .pt-130 {
  padding-top: 13rem !important;
}
body .pt-140 {
  padding-top: 14rem !important;
}
body .pt-150 {
  padding-top: 15rem !important;
}
body .pt-160 {
  padding-top: 16rem !important;
}
body .pt-170 {
  padding-top: 17rem !important;
}
body .pt-180 {
  padding-top: 18rem !important;
}
body .pt-190 {
  padding-top: 19rem !important;
}
body .pt-200 {
  padding-top: 20rem !important;
}
body .pr-10 {
  padding-right: 1rem !important;
}
body .pr-20 {
  padding-right: 2rem !important;
}
body .pr-30 {
  padding-right: 3rem !important;
}
body .pr-40 {
  padding-right: 4rem !important;
}
body .pr-50 {
  padding-right: 5rem !important;
}
body .pr-60 {
  padding-right: 6rem !important;
}
body .pr-70 {
  padding-right: 7rem !important;
}
body .pr-80 {
  padding-right: 8rem !important;
}
body .pr-90 {
  padding-right: 9rem !important;
}
body .pr-100 {
  padding-right: 10rem !important;
}
body .pr-110 {
  padding-right: 11rem !important;
}
body .pr-120 {
  padding-right: 12rem !important;
}
body .pr-130 {
  padding-right: 13rem !important;
}
body .pr-140 {
  padding-right: 14rem !important;
}
body .pr-150 {
  padding-right: 15rem !important;
}
body .pr-160 {
  padding-right: 16rem !important;
}
body .pr-170 {
  padding-right: 17rem !important;
}
body .pr-180 {
  padding-right: 18rem !important;
}
body .pr-190 {
  padding-right: 19rem !important;
}
body .pr-200 {
  padding-right: 20rem !important;
}
body .pb-10 {
  padding-bottom: 1rem !important;
}
body .pb-20 {
  padding-bottom: 2rem !important;
}
body .pb-30 {
  padding-bottom: 3rem !important;
}
body .pb-40 {
  padding-bottom: 4rem !important;
}
body .pb-50 {
  padding-bottom: 5rem !important;
}
body .pb-60 {
  padding-bottom: 6rem !important;
}
body .pb-70 {
  padding-bottom: 7rem !important;
}
body .pb-80 {
  padding-bottom: 8rem !important;
}
body .pb-90 {
  padding-bottom: 9rem !important;
}
body .pb-100 {
  padding-bottom: 10rem !important;
}
body .pb-110 {
  padding-bottom: 11rem !important;
}
body .pb-120 {
  padding-bottom: 12rem !important;
}
body .pb-130 {
  padding-bottom: 13rem !important;
}
body .pb-140 {
  padding-bottom: 14rem !important;
}
body .pb-150 {
  padding-bottom: 15rem !important;
}
body .pb-160 {
  padding-bottom: 16rem !important;
}
body .pb-170 {
  padding-bottom: 17rem !important;
}
body .pb-180 {
  padding-bottom: 18rem !important;
}
body .pb-190 {
  padding-bottom: 19rem !important;
}
body .pb-200 {
  padding-bottom: 20rem !important;
}
body .pl-10 {
  padding-left: 1rem !important;
}
body .pl-20 {
  padding-left: 2rem !important;
}
body .pl-30 {
  padding-left: 3rem !important;
}
body .pl-40 {
  padding-left: 4rem !important;
}
body .pl-50 {
  padding-left: 5rem !important;
}
body .pl-60 {
  padding-left: 6rem !important;
}
body .pl-70 {
  padding-left: 7rem !important;
}
body .pl-80 {
  padding-left: 8rem !important;
}
body .pl-90 {
  padding-left: 9rem !important;
}
body .pl-100 {
  padding-left: 10rem !important;
}
body .pl-110 {
  padding-left: 11rem !important;
}
body .pl-120 {
  padding-left: 12rem !important;
}
body .pl-130 {
  padding-left: 13rem !important;
}
body .pl-140 {
  padding-left: 14rem !important;
}
body .pl-150 {
  padding-left: 15rem !important;
}
body .pl-160 {
  padding-left: 16rem !important;
}
body .pl-170 {
  padding-left: 17rem !important;
}
body .pl-180 {
  padding-left: 18rem !important;
}
body .pl-190 {
  padding-left: 19rem !important;
}
body .pl-200 {
  padding-left: 20rem !important;
}
@media (max-width: 768px) {
  body .mt-10 {
    margin-top: calc(1rem / 1.2) !important;
  }
  body .mt-20 {
    margin-top: calc(2rem / 1.2) !important;
  }
  body .mt-30 {
    margin-top: calc(3rem / 1.2) !important;
  }
  body .mt-40 {
    margin-top: calc(4rem / 1.2) !important;
  }
  body .mt-50 {
    margin-top: calc(5rem / 1.2) !important;
  }
  body .mt-60 {
    margin-top: calc(6rem / 1.2) !important;
  }
  body .mt-70 {
    margin-top: calc(7rem / 1.2) !important;
  }
  body .mt-80 {
    margin-top: calc(8rem / 1.2) !important;
  }
  body .mt-90 {
    margin-top: calc(9rem / 1.2) !important;
  }
  body .mt-100 {
    margin-top: calc(10rem / 1.2) !important;
  }
  body .mt-110 {
    margin-top: calc(11rem / 1.2) !important;
  }
  body .mt-120 {
    margin-top: calc(12rem / 1.2) !important;
  }
  body .mt-130 {
    margin-top: calc(13rem / 1.2) !important;
  }
  body .mt-140 {
    margin-top: calc(14rem / 1.2) !important;
  }
  body .mt-150 {
    margin-top: calc(15rem / 1.2) !important;
  }
  body .mt-160 {
    margin-top: calc(16rem / 1.2) !important;
  }
  body .mt-170 {
    margin-top: calc(17rem / 1.2) !important;
  }
  body .mt-180 {
    margin-top: calc(18rem / 1.2) !important;
  }
  body .mt-190 {
    margin-top: calc(19rem / 1.2) !important;
  }
  body .mt-200 {
    margin-top: calc(20rem / 1.2) !important;
  }
  body .mr-10 {
    margin-right: calc(1rem / 1.2) !important;
  }
  body .mr-20 {
    margin-right: calc(2rem / 1.2) !important;
  }
  body .mr-30 {
    margin-right: calc(3rem / 1.2) !important;
  }
  body .mr-40 {
    margin-right: calc(4rem / 1.2) !important;
  }
  body .mr-50 {
    margin-right: calc(5rem / 1.2) !important;
  }
  body .mr-60 {
    margin-right: calc(6rem / 1.2) !important;
  }
  body .mr-70 {
    margin-right: calc(7rem / 1.2) !important;
  }
  body .mr-80 {
    margin-right: calc(8rem / 1.2) !important;
  }
  body .mr-90 {
    margin-right: calc(9rem / 1.2) !important;
  }
  body .mr-100 {
    margin-right: calc(10rem / 1.2) !important;
  }
  body .mr-110 {
    margin-right: calc(11rem / 1.2) !important;
  }
  body .mr-120 {
    margin-right: calc(12rem / 1.2) !important;
  }
  body .mr-130 {
    margin-right: calc(13rem / 1.2) !important;
  }
  body .mr-140 {
    margin-right: calc(14rem / 1.2) !important;
  }
  body .mr-150 {
    margin-right: calc(15rem / 1.2) !important;
  }
  body .mr-160 {
    margin-right: calc(16rem / 1.2) !important;
  }
  body .mr-170 {
    margin-right: calc(17rem / 1.2) !important;
  }
  body .mr-180 {
    margin-right: calc(18rem / 1.2) !important;
  }
  body .mr-190 {
    margin-right: calc(19rem / 1.2) !important;
  }
  body .mr-200 {
    margin-right: calc(20rem / 1.2) !important;
  }
  body .mb-10 {
    margin-bottom: calc(1rem / 1.2) !important;
  }
  body .mb-20 {
    margin-bottom: calc(2rem / 1.2) !important;
  }
  body .mb-30 {
    margin-bottom: calc(3rem / 1.2) !important;
  }
  body .mb-40 {
    margin-bottom: calc(4rem / 1.2) !important;
  }
  body .mb-50 {
    margin-bottom: calc(5rem / 1.2) !important;
  }
  body .mb-60 {
    margin-bottom: calc(6rem / 1.2) !important;
  }
  body .mb-70 {
    margin-bottom: calc(7rem / 1.2) !important;
  }
  body .mb-80 {
    margin-bottom: calc(8rem / 1.2) !important;
  }
  body .mb-90 {
    margin-bottom: calc(9rem / 1.2) !important;
  }
  body .mb-100 {
    margin-bottom: calc(10rem / 1.2) !important;
  }
  body .mb-110 {
    margin-bottom: calc(11rem / 1.2) !important;
  }
  body .mb-120 {
    margin-bottom: calc(12rem / 1.2) !important;
  }
  body .mb-130 {
    margin-bottom: calc(13rem / 1.2) !important;
  }
  body .mb-140 {
    margin-bottom: calc(14rem / 1.2) !important;
  }
  body .mb-150 {
    margin-bottom: calc(15rem / 1.2) !important;
  }
  body .mb-160 {
    margin-bottom: calc(16rem / 1.2) !important;
  }
  body .mb-170 {
    margin-bottom: calc(17rem / 1.2) !important;
  }
  body .mb-180 {
    margin-bottom: calc(18rem / 1.2) !important;
  }
  body .mb-190 {
    margin-bottom: calc(19rem / 1.2) !important;
  }
  body .mb-200 {
    margin-bottom: calc(20rem / 1.2) !important;
  }
  body .ml-10 {
    margin-left: calc(1rem / 1.2) !important;
  }
  body .ml-20 {
    margin-left: calc(2rem / 1.2) !important;
  }
  body .ml-30 {
    margin-left: calc(3rem / 1.2) !important;
  }
  body .ml-40 {
    margin-left: calc(4rem / 1.2) !important;
  }
  body .ml-50 {
    margin-left: calc(5rem / 1.2) !important;
  }
  body .ml-60 {
    margin-left: calc(6rem / 1.2) !important;
  }
  body .ml-70 {
    margin-left: calc(7rem / 1.2) !important;
  }
  body .ml-80 {
    margin-left: calc(8rem / 1.2) !important;
  }
  body .ml-90 {
    margin-left: calc(9rem / 1.2) !important;
  }
  body .ml-100 {
    margin-left: calc(10rem / 1.2) !important;
  }
  body .ml-110 {
    margin-left: calc(11rem / 1.2) !important;
  }
  body .ml-120 {
    margin-left: calc(12rem / 1.2) !important;
  }
  body .ml-130 {
    margin-left: calc(13rem / 1.2) !important;
  }
  body .ml-140 {
    margin-left: calc(14rem / 1.2) !important;
  }
  body .ml-150 {
    margin-left: calc(15rem / 1.2) !important;
  }
  body .ml-160 {
    margin-left: calc(16rem / 1.2) !important;
  }
  body .ml-170 {
    margin-left: calc(17rem / 1.2) !important;
  }
  body .ml-180 {
    margin-left: calc(18rem / 1.2) !important;
  }
  body .ml-190 {
    margin-left: calc(19rem / 1.2) !important;
  }
  body .ml-200 {
    margin-left: calc(20rem / 1.2) !important;
  }
  body .pt-10 {
    padding-top: calc(1rem / 1.2) !important;
  }
  body .pt-20 {
    padding-top: calc(2rem / 1.2) !important;
  }
  body .pt-30 {
    padding-top: calc(3rem / 1.2) !important;
  }
  body .pt-40 {
    padding-top: calc(4rem / 1.2) !important;
  }
  body .pt-50 {
    padding-top: calc(5rem / 1.2) !important;
  }
  body .pt-60 {
    padding-top: calc(6rem / 1.2) !important;
  }
  body .pt-70 {
    padding-top: calc(7rem / 1.2) !important;
  }
  body .pt-80 {
    padding-top: calc(8rem / 1.2) !important;
  }
  body .pt-90 {
    padding-top: calc(9rem / 1.2) !important;
  }
  body .pt-100 {
    padding-top: calc(10rem / 1.2) !important;
  }
  body .pt-110 {
    padding-top: calc(11rem / 1.2) !important;
  }
  body .pt-120 {
    padding-top: calc(12rem / 1.2) !important;
  }
  body .pt-130 {
    padding-top: calc(13rem / 1.2) !important;
  }
  body .pt-140 {
    padding-top: calc(14rem / 1.2) !important;
  }
  body .pt-150 {
    padding-top: calc(15rem / 1.2) !important;
  }
  body .pt-160 {
    padding-top: calc(16rem / 1.2) !important;
  }
  body .pt-170 {
    padding-top: calc(17rem / 1.2) !important;
  }
  body .pt-180 {
    padding-top: calc(18rem / 1.2) !important;
  }
  body .pt-190 {
    padding-top: calc(19rem / 1.2) !important;
  }
  body .pt-200 {
    padding-top: calc(20rem / 1.2) !important;
  }
  body .pr-10 {
    padding-right: calc(1rem / 1.2) !important;
  }
  body .pr-20 {
    padding-right: calc(2rem / 1.2) !important;
  }
  body .pr-30 {
    padding-right: calc(3rem / 1.2) !important;
  }
  body .pr-40 {
    padding-right: calc(4rem / 1.2) !important;
  }
  body .pr-50 {
    padding-right: calc(5rem / 1.2) !important;
  }
  body .pr-60 {
    padding-right: calc(6rem / 1.2) !important;
  }
  body .pr-70 {
    padding-right: calc(7rem / 1.2) !important;
  }
  body .pr-80 {
    padding-right: calc(8rem / 1.2) !important;
  }
  body .pr-90 {
    padding-right: calc(9rem / 1.2) !important;
  }
  body .pr-100 {
    padding-right: calc(10rem / 1.2) !important;
  }
  body .pr-110 {
    padding-right: calc(11rem / 1.2) !important;
  }
  body .pr-120 {
    padding-right: calc(12rem / 1.2) !important;
  }
  body .pr-130 {
    padding-right: calc(13rem / 1.2) !important;
  }
  body .pr-140 {
    padding-right: calc(14rem / 1.2) !important;
  }
  body .pr-150 {
    padding-right: calc(15rem / 1.2) !important;
  }
  body .pr-160 {
    padding-right: calc(16rem / 1.2) !important;
  }
  body .pr-170 {
    padding-right: calc(17rem / 1.2) !important;
  }
  body .pr-180 {
    padding-right: calc(18rem / 1.2) !important;
  }
  body .pr-190 {
    padding-right: calc(19rem / 1.2) !important;
  }
  body .pr-200 {
    padding-right: calc(20rem / 1.2) !important;
  }
  body .pb-10 {
    padding-bottom: calc(1rem / 1.2) !important;
  }
  body .pb-20 {
    padding-bottom: calc(2rem / 1.2) !important;
  }
  body .pb-30 {
    padding-bottom: calc(3rem / 1.2) !important;
  }
  body .pb-40 {
    padding-bottom: calc(4rem / 1.2) !important;
  }
  body .pb-50 {
    padding-bottom: calc(5rem / 1.2) !important;
  }
  body .pb-60 {
    padding-bottom: calc(6rem / 1.2) !important;
  }
  body .pb-70 {
    padding-bottom: calc(7rem / 1.2) !important;
  }
  body .pb-80 {
    padding-bottom: calc(8rem / 1.2) !important;
  }
  body .pb-90 {
    padding-bottom: calc(9rem / 1.2) !important;
  }
  body .pb-100 {
    padding-bottom: calc(10rem / 1.2) !important;
  }
  body .pb-110 {
    padding-bottom: calc(11rem / 1.2) !important;
  }
  body .pb-120 {
    padding-bottom: calc(12rem / 1.2) !important;
  }
  body .pb-130 {
    padding-bottom: calc(13rem / 1.2) !important;
  }
  body .pb-140 {
    padding-bottom: calc(14rem / 1.2) !important;
  }
  body .pb-150 {
    padding-bottom: calc(15rem / 1.2) !important;
  }
  body .pb-160 {
    padding-bottom: calc(16rem / 1.2) !important;
  }
  body .pb-170 {
    padding-bottom: calc(17rem / 1.2) !important;
  }
  body .pb-180 {
    padding-bottom: calc(18rem / 1.2) !important;
  }
  body .pb-190 {
    padding-bottom: calc(19rem / 1.2) !important;
  }
  body .pb-200 {
    padding-bottom: calc(20rem / 1.2) !important;
  }
  body .pl-10 {
    padding-left: calc(1rem / 1.2) !important;
  }
  body .pl-20 {
    padding-left: calc(2rem / 1.2) !important;
  }
  body .pl-30 {
    padding-left: calc(3rem / 1.2) !important;
  }
  body .pl-40 {
    padding-left: calc(4rem / 1.2) !important;
  }
  body .pl-50 {
    padding-left: calc(5rem / 1.2) !important;
  }
  body .pl-60 {
    padding-left: calc(6rem / 1.2) !important;
  }
  body .pl-70 {
    padding-left: calc(7rem / 1.2) !important;
  }
  body .pl-80 {
    padding-left: calc(8rem / 1.2) !important;
  }
  body .pl-90 {
    padding-left: calc(9rem / 1.2) !important;
  }
  body .pl-100 {
    padding-left: calc(10rem / 1.2) !important;
  }
  body .pl-110 {
    padding-left: calc(11rem / 1.2) !important;
  }
  body .pl-120 {
    padding-left: calc(12rem / 1.2) !important;
  }
  body .pl-130 {
    padding-left: calc(13rem / 1.2) !important;
  }
  body .pl-140 {
    padding-left: calc(14rem / 1.2) !important;
  }
  body .pl-150 {
    padding-left: calc(15rem / 1.2) !important;
  }
  body .pl-160 {
    padding-left: calc(16rem / 1.2) !important;
  }
  body .pl-170 {
    padding-left: calc(17rem / 1.2) !important;
  }
  body .pl-180 {
    padding-left: calc(18rem / 1.2) !important;
  }
  body .pl-190 {
    padding-left: calc(19rem / 1.2) !important;
  }
  body .pl-200 {
    padding-left: calc(20rem / 1.2) !important;
  }
}
@media (max-width: 576px) {
  body .mt-10 {
    margin-top: calc(1rem / 1.5) !important;
  }
  body .mt-20 {
    margin-top: calc(2rem / 1.5) !important;
  }
  body .mt-30 {
    margin-top: calc(3rem / 1.5) !important;
  }
  body .mt-40 {
    margin-top: calc(4rem / 1.5) !important;
  }
  body .mt-50 {
    margin-top: calc(5rem / 1.5) !important;
  }
  body .mt-60 {
    margin-top: calc(6rem / 1.5) !important;
  }
  body .mt-70 {
    margin-top: calc(7rem / 1.5) !important;
  }
  body .mt-80 {
    margin-top: calc(8rem / 1.5) !important;
  }
  body .mt-90 {
    margin-top: calc(9rem / 1.5) !important;
  }
  body .mt-100 {
    margin-top: calc(10rem / 1.5) !important;
  }
  body .mt-110 {
    margin-top: calc(11rem / 1.5) !important;
  }
  body .mt-120 {
    margin-top: calc(12rem / 1.5) !important;
  }
  body .mt-130 {
    margin-top: calc(13rem / 1.5) !important;
  }
  body .mt-140 {
    margin-top: calc(14rem / 1.5) !important;
  }
  body .mt-150 {
    margin-top: calc(15rem / 1.5) !important;
  }
  body .mt-160 {
    margin-top: calc(16rem / 1.5) !important;
  }
  body .mt-170 {
    margin-top: calc(17rem / 1.5) !important;
  }
  body .mt-180 {
    margin-top: calc(18rem / 1.5) !important;
  }
  body .mt-190 {
    margin-top: calc(19rem / 1.5) !important;
  }
  body .mt-200 {
    margin-top: calc(20rem / 1.5) !important;
  }
  body .mr-10 {
    margin-right: calc(1rem / 1.5) !important;
  }
  body .mr-20 {
    margin-right: calc(2rem / 1.5) !important;
  }
  body .mr-30 {
    margin-right: calc(3rem / 1.5) !important;
  }
  body .mr-40 {
    margin-right: calc(4rem / 1.5) !important;
  }
  body .mr-50 {
    margin-right: calc(5rem / 1.5) !important;
  }
  body .mr-60 {
    margin-right: calc(6rem / 1.5) !important;
  }
  body .mr-70 {
    margin-right: calc(7rem / 1.5) !important;
  }
  body .mr-80 {
    margin-right: calc(8rem / 1.5) !important;
  }
  body .mr-90 {
    margin-right: calc(9rem / 1.5) !important;
  }
  body .mr-100 {
    margin-right: calc(10rem / 1.5) !important;
  }
  body .mr-110 {
    margin-right: calc(11rem / 1.5) !important;
  }
  body .mr-120 {
    margin-right: calc(12rem / 1.5) !important;
  }
  body .mr-130 {
    margin-right: calc(13rem / 1.5) !important;
  }
  body .mr-140 {
    margin-right: calc(14rem / 1.5) !important;
  }
  body .mr-150 {
    margin-right: calc(15rem / 1.5) !important;
  }
  body .mr-160 {
    margin-right: calc(16rem / 1.5) !important;
  }
  body .mr-170 {
    margin-right: calc(17rem / 1.5) !important;
  }
  body .mr-180 {
    margin-right: calc(18rem / 1.5) !important;
  }
  body .mr-190 {
    margin-right: calc(19rem / 1.5) !important;
  }
  body .mr-200 {
    margin-right: calc(20rem / 1.5) !important;
  }
  body .mb-10 {
    margin-bottom: calc(1rem / 1.5) !important;
  }
  body .mb-20 {
    margin-bottom: calc(2rem / 1.5) !important;
  }
  body .mb-30 {
    margin-bottom: calc(3rem / 1.5) !important;
  }
  body .mb-40 {
    margin-bottom: calc(4rem / 1.5) !important;
  }
  body .mb-50 {
    margin-bottom: calc(5rem / 1.5) !important;
  }
  body .mb-60 {
    margin-bottom: calc(6rem / 1.5) !important;
  }
  body .mb-70 {
    margin-bottom: calc(7rem / 1.5) !important;
  }
  body .mb-80 {
    margin-bottom: calc(8rem / 1.5) !important;
  }
  body .mb-90 {
    margin-bottom: calc(9rem / 1.5) !important;
  }
  body .mb-100 {
    margin-bottom: calc(10rem / 1.5) !important;
  }
  body .mb-110 {
    margin-bottom: calc(11rem / 1.5) !important;
  }
  body .mb-120 {
    margin-bottom: calc(12rem / 1.5) !important;
  }
  body .mb-130 {
    margin-bottom: calc(13rem / 1.5) !important;
  }
  body .mb-140 {
    margin-bottom: calc(14rem / 1.5) !important;
  }
  body .mb-150 {
    margin-bottom: calc(15rem / 1.5) !important;
  }
  body .mb-160 {
    margin-bottom: calc(16rem / 1.5) !important;
  }
  body .mb-170 {
    margin-bottom: calc(17rem / 1.5) !important;
  }
  body .mb-180 {
    margin-bottom: calc(18rem / 1.5) !important;
  }
  body .mb-190 {
    margin-bottom: calc(19rem / 1.5) !important;
  }
  body .mb-200 {
    margin-bottom: calc(20rem / 1.5) !important;
  }
  body .ml-10 {
    margin-left: calc(1rem / 1.5) !important;
  }
  body .ml-20 {
    margin-left: calc(2rem / 1.5) !important;
  }
  body .ml-30 {
    margin-left: calc(3rem / 1.5) !important;
  }
  body .ml-40 {
    margin-left: calc(4rem / 1.5) !important;
  }
  body .ml-50 {
    margin-left: calc(5rem / 1.5) !important;
  }
  body .ml-60 {
    margin-left: calc(6rem / 1.5) !important;
  }
  body .ml-70 {
    margin-left: calc(7rem / 1.5) !important;
  }
  body .ml-80 {
    margin-left: calc(8rem / 1.5) !important;
  }
  body .ml-90 {
    margin-left: calc(9rem / 1.5) !important;
  }
  body .ml-100 {
    margin-left: calc(10rem / 1.5) !important;
  }
  body .ml-110 {
    margin-left: calc(11rem / 1.5) !important;
  }
  body .ml-120 {
    margin-left: calc(12rem / 1.5) !important;
  }
  body .ml-130 {
    margin-left: calc(13rem / 1.5) !important;
  }
  body .ml-140 {
    margin-left: calc(14rem / 1.5) !important;
  }
  body .ml-150 {
    margin-left: calc(15rem / 1.5) !important;
  }
  body .ml-160 {
    margin-left: calc(16rem / 1.5) !important;
  }
  body .ml-170 {
    margin-left: calc(17rem / 1.5) !important;
  }
  body .ml-180 {
    margin-left: calc(18rem / 1.5) !important;
  }
  body .ml-190 {
    margin-left: calc(19rem / 1.5) !important;
  }
  body .ml-200 {
    margin-left: calc(20rem / 1.5) !important;
  }
  body .pt-10 {
    padding-top: calc(1rem / 1.5) !important;
  }
  body .pt-20 {
    padding-top: calc(2rem / 1.5) !important;
  }
  body .pt-30 {
    padding-top: calc(3rem / 1.5) !important;
  }
  body .pt-40 {
    padding-top: calc(4rem / 1.5) !important;
  }
  body .pt-50 {
    padding-top: calc(5rem / 1.5) !important;
  }
  body .pt-60 {
    padding-top: calc(6rem / 1.5) !important;
  }
  body .pt-70 {
    padding-top: calc(7rem / 1.5) !important;
  }
  body .pt-80 {
    padding-top: calc(8rem / 1.5) !important;
  }
  body .pt-90 {
    padding-top: calc(9rem / 1.5) !important;
  }
  body .pt-100 {
    padding-top: calc(10rem / 1.5) !important;
  }
  body .pt-110 {
    padding-top: calc(11rem / 1.5) !important;
  }
  body .pt-120 {
    padding-top: calc(12rem / 1.5) !important;
  }
  body .pt-130 {
    padding-top: calc(13rem / 1.5) !important;
  }
  body .pt-140 {
    padding-top: calc(14rem / 1.5) !important;
  }
  body .pt-150 {
    padding-top: calc(15rem / 1.5) !important;
  }
  body .pt-160 {
    padding-top: calc(16rem / 1.5) !important;
  }
  body .pt-170 {
    padding-top: calc(17rem / 1.5) !important;
  }
  body .pt-180 {
    padding-top: calc(18rem / 1.5) !important;
  }
  body .pt-190 {
    padding-top: calc(19rem / 1.5) !important;
  }
  body .pt-200 {
    padding-top: calc(20rem / 1.5) !important;
  }
  body .pr-10 {
    padding-right: calc(1rem / 1.5) !important;
  }
  body .pr-20 {
    padding-right: calc(2rem / 1.5) !important;
  }
  body .pr-30 {
    padding-right: calc(3rem / 1.5) !important;
  }
  body .pr-40 {
    padding-right: calc(4rem / 1.5) !important;
  }
  body .pr-50 {
    padding-right: calc(5rem / 1.5) !important;
  }
  body .pr-60 {
    padding-right: calc(6rem / 1.5) !important;
  }
  body .pr-70 {
    padding-right: calc(7rem / 1.5) !important;
  }
  body .pr-80 {
    padding-right: calc(8rem / 1.5) !important;
  }
  body .pr-90 {
    padding-right: calc(9rem / 1.5) !important;
  }
  body .pr-100 {
    padding-right: calc(10rem / 1.5) !important;
  }
  body .pr-110 {
    padding-right: calc(11rem / 1.5) !important;
  }
  body .pr-120 {
    padding-right: calc(12rem / 1.5) !important;
  }
  body .pr-130 {
    padding-right: calc(13rem / 1.5) !important;
  }
  body .pr-140 {
    padding-right: calc(14rem / 1.5) !important;
  }
  body .pr-150 {
    padding-right: calc(15rem / 1.5) !important;
  }
  body .pr-160 {
    padding-right: calc(16rem / 1.5) !important;
  }
  body .pr-170 {
    padding-right: calc(17rem / 1.5) !important;
  }
  body .pr-180 {
    padding-right: calc(18rem / 1.5) !important;
  }
  body .pr-190 {
    padding-right: calc(19rem / 1.5) !important;
  }
  body .pr-200 {
    padding-right: calc(20rem / 1.5) !important;
  }
  body .pb-10 {
    padding-bottom: calc(1rem / 1.5) !important;
  }
  body .pb-20 {
    padding-bottom: calc(2rem / 1.5) !important;
  }
  body .pb-30 {
    padding-bottom: calc(3rem / 1.5) !important;
  }
  body .pb-40 {
    padding-bottom: calc(4rem / 1.5) !important;
  }
  body .pb-50 {
    padding-bottom: calc(5rem / 1.5) !important;
  }
  body .pb-60 {
    padding-bottom: calc(6rem / 1.5) !important;
  }
  body .pb-70 {
    padding-bottom: calc(7rem / 1.5) !important;
  }
  body .pb-80 {
    padding-bottom: calc(8rem / 1.5) !important;
  }
  body .pb-90 {
    padding-bottom: calc(9rem / 1.5) !important;
  }
  body .pb-100 {
    padding-bottom: calc(10rem / 1.5) !important;
  }
  body .pb-110 {
    padding-bottom: calc(11rem / 1.5) !important;
  }
  body .pb-120 {
    padding-bottom: calc(12rem / 1.5) !important;
  }
  body .pb-130 {
    padding-bottom: calc(13rem / 1.5) !important;
  }
  body .pb-140 {
    padding-bottom: calc(14rem / 1.5) !important;
  }
  body .pb-150 {
    padding-bottom: calc(15rem / 1.5) !important;
  }
  body .pb-160 {
    padding-bottom: calc(16rem / 1.5) !important;
  }
  body .pb-170 {
    padding-bottom: calc(17rem / 1.5) !important;
  }
  body .pb-180 {
    padding-bottom: calc(18rem / 1.5) !important;
  }
  body .pb-190 {
    padding-bottom: calc(19rem / 1.5) !important;
  }
  body .pb-200 {
    padding-bottom: calc(20rem / 1.5) !important;
  }
  body .pl-10 {
    padding-left: calc(1rem / 1.5) !important;
  }
  body .pl-20 {
    padding-left: calc(2rem / 1.5) !important;
  }
  body .pl-30 {
    padding-left: calc(3rem / 1.5) !important;
  }
  body .pl-40 {
    padding-left: calc(4rem / 1.5) !important;
  }
  body .pl-50 {
    padding-left: calc(5rem / 1.5) !important;
  }
  body .pl-60 {
    padding-left: calc(6rem / 1.5) !important;
  }
  body .pl-70 {
    padding-left: calc(7rem / 1.5) !important;
  }
  body .pl-80 {
    padding-left: calc(8rem / 1.5) !important;
  }
  body .pl-90 {
    padding-left: calc(9rem / 1.5) !important;
  }
  body .pl-100 {
    padding-left: calc(10rem / 1.5) !important;
  }
  body .pl-110 {
    padding-left: calc(11rem / 1.5) !important;
  }
  body .pl-120 {
    padding-left: calc(12rem / 1.5) !important;
  }
  body .pl-130 {
    padding-left: calc(13rem / 1.5) !important;
  }
  body .pl-140 {
    padding-left: calc(14rem / 1.5) !important;
  }
  body .pl-150 {
    padding-left: calc(15rem / 1.5) !important;
  }
  body .pl-160 {
    padding-left: calc(16rem / 1.5) !important;
  }
  body .pl-170 {
    padding-left: calc(17rem / 1.5) !important;
  }
  body .pl-180 {
    padding-left: calc(18rem / 1.5) !important;
  }
  body .pl-190 {
    padding-left: calc(19rem / 1.5) !important;
  }
  body .pl-200 {
    padding-left: calc(20rem / 1.5) !important;
  }
}

.container-base, .container-1200, .container-1000 {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.container-1000 {
  max-width: 1040px;
}

.container-1200 {
  max-width: 1240px;
}