@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: "Montserrat", sans-serif;
  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;
}

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

.tlink02 {
  color: #1C1C1C;
  font-weight: 700;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.8em;
}
.tlink02 img {
  max-width: 100%;
  height: auto;
  margin: 0 0 0 1rem;
}
.tlink02:hover {
  color: #999;
}

.blink01 {
  color: #fff;
  background: #0ABCAA;
  border-radius: 5px;
  padding: 1rem 0;
  width: 100%;
  max-width: 100px;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.blink01:hover {
  background: #666;
}

.blink02 {
  background: #F97D29;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 2rem 0;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.blink02:hover {
  background: #FF4D0A;
}

.blink03 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  padding: 0.75rem 0;
  background: #0ABCAA;
  border-radius: 5px;
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
  width: 100%;
}

.blink04 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  padding: 0.75rem 0;
  background: #F33030;
  border-radius: 5px;
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
  width: 100%;
}

.blink05 {
  background: #0ABCAA;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 2rem 0;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.blink05:hover {
  background: #666;
}

.blink06 {
  background: #0ABCAA;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0.25rem 2rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.blink06:hover {
  background: #666;
}

.blink07 {
  border: #707070 solid 1px;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  font-weight: 500;
  padding: 0.25rem 1.5rem;
}
.blink07 img {
  margin: 0 0.5rem 0 0;
}
.blink07:hover {
  background: #ddd;
}
@media (max-width: 576px) {
  .blink07 {
    width: 100%;
  }
}

.blink08 {
  display: inline-block;
  margin: 3rem 0;
  border: #BEBEBE solid 2px;
  border-radius: 10px;
  color: #21AA38;
  font-size: clamp(1.4rem, 1.75vw, 2rem);
  text-decoration: underline;
  padding: 2.5rem 0 2.5rem 3rem;
  width: 100%;
  max-width: 540px;
}
.blink08 img {
  margin: 0 2rem 0 0;
}
.blink08:hover {
  text-decoration: none;
}
@media (max-width: 576px) {
  .blink08 {
    padding: 2rem 0 2rem 2rem;
    margin: 2rem 0;
  }
  .blink08 img {
    margin: 0 1rem 0 0;
  }
}

.blink09 {
  background: #0ABCAA;
  color: #fff;
  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;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 1.75rem 0;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: clamp(1.5rem, 1.75vw, 2rem);
}
.blink09 i {
  margin: 0 1.5rem 0 0;
  font-size: 1.4rem;
}
.blink09:hover {
  background: #666;
}

.blink10 {
  color: #fff;
  background: #0ABCAA;
  border-radius: 5px;
  padding: 0.25rem 0;
  width: 70px;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
  font-weight: 700;
}
.blink10:hover {
  background: #666;
}

.blink11 {
  color: #fff;
  background: #25534E;
  border-radius: 5px;
  padding: 0.25rem 1rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
  font-weight: 700;
}
.blink11 img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 1rem 0 0;
}
.blink11:hover {
  background: #111;
}

.blink12 {
  display: inline-block;
  border: #1D1E1E solid 1px;
  color: #1D1E1E;
  padding: 0.5rem 0;
  text-align: center;
  width: 100%;
  max-width: 180px;
  border-radius: 5px;
  margin: 3rem 0 0 0;
}
.blink12:hover {
  background: #1D1E1E;
  color: #fff;
}

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

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

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

.txt_L {
  text-align: left !important;
}

.txt_R {
  text-align: right !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_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;
}

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

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

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

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

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

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

@media (max-width: 375px) {
  .d_none_xs {
    display: none;
  }
}

@media (max-width: 576px) {
  .d_none_sm {
    display: none;
  }
}

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

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

@media (max-width: 1280px) {
  .d_none_xl {
    display: none;
  }
}

.fw_500 {
  font-weight: 500 !important;
}

.fw_700 {
  font-weight: 700 !important;
}

.txt01 {
  color: #000;
  font-weight: 700;
  font-size: clamp(2.8rem, 2.73vw, 3.8rem);
  line-height: 1.6em;
}

.txt02 {
  color: #000;
  font-weight: 500;
  line-height: 1.7em;
}

.txt03 {
  color: #21AA38;
  font-weight: 700;
  font-size: clamp(1.8rem, 1.75vw, 2rem);
}

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

.txt05 {
  color: #21AA38;
  font-size: clamp(1.8rem, 2.53vw, 2.8rem);
  font-weight: 700;
  line-height: 1.8em;
}

.txt06 {
  color: #000;
  font-weight: 500;
}

.txt07 {
  color: #FF1111;
  font-weight: 700;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}

.txt08 {
  text-align: right;
  color: #3B4043;
}
@media (max-width: 576px) {
  .txt08 {
    text-align: left;
  }
}

.txt09 {
  color: #21AA38;
  font-weight: 500;
  text-align: center;
  width: 100%;
  background: #F8FEF4;
  max-width: 700px;
  margin: 0 auto;
  padding: 1.5rem 0;
}

.txt10 {
  font-weight: 500;
}

.txt11 {
  font-size: clamp(1.8rem, 2.14vw, 2.4rem);
  color: #21AA38;
  font-weight: 700;
  text-align: center;
  width: 100%;
  background: #F8FEF4;
  max-width: 700px;
  margin: 0 auto;
  padding: 2.5rem 0;
}

.txt12 {
  font-size: clamp(1.8rem, 2.14vw, 2.4rem);
  color: #FF0000;
  font-weight: 700;
  text-align: center;
  width: 100%;
  background: #FEF4F4;
  max-width: 700px;
  margin: 0 auto;
  padding: 2.5rem 0;
}

.txt13 {
  font-size: clamp(2rem, 2.53vw, 2.8rem);
  font-weight: 700;
}

.txt14 {
  color: #1D1E1E;
  font-weight: 700;
  font-size: clamp(1.8rem, 1.75vw, 2rem);
}

.txt15 {
  color: #3B4043;
  font-size: clamp(1.8rem, 2.53vw, 2.8rem);
  font-weight: 700;
  line-height: 1.8em;
}

.txt16 {
  font-size: clamp(1.6rem, 1.56vw, 1.8rem);
  color: #3B4043;
  font-weight: 700;
}

.txt17 {
  font-size: 1.2rem;
}

body.is__popup {
  overflow: hidden !important;
}

body.is__admin {
  background: #DDE2E2;
}

.drawer_nav {
  background: #F8FEF4;
  border-bottom: #DEDEDE solid 1px;
}
@media (max-width: 768px) {
  .drawer_nav {
    background: #f8fef4;
    position: fixed;
    top: -300%;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .drawer_nav.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
  }
  .drawer_nav .container-1130 {
    padding: 0;
  }
}

.drawer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.drawer_menu li {
  margin: 0 0 0 0;
  font-weight: 500;
}
.drawer_menu li a {
  display: block;
  color: #3B4043;
  padding: 1.5rem 1.5rem;
}
.drawer_menu li a:hover {
  color: #999;
}
@media (max-width: 768px) {
  .drawer_menu {
    display: block;
    padding: 66px 0 0 0;
  }
  .drawer_menu li a {
    padding: 2rem 1.5rem;
    display: block;
    border-bottom: #DEDEDE solid 1px;
  }
}
@media (max-width: 576px) {
  .drawer_menu {
    padding: 119px 0 0 0;
  }
}

.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: 9px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    width: 60%;
  }
  .openbtn span:nth-child(1) {
    top: 11px;
  }
  .openbtn span:nth-child(2) {
    top: 19px;
  }
  .openbtn span:nth-child(3) {
    top: 27px;
  }
  .openbtn.active span:nth-child(1) {
    top: 14px;
    left: 9px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 60%;
  }
  .openbtn.active span:nth-child(2) {
    opacity: 0;
  }
  .openbtn.active span:nth-child(3) {
    top: 26px;
    left: 9px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 60%;
  }
}

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

.openbtn {
  z-index: 5;
  background: #0ABCAA;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
}

#header {
  position: fixed;
  width: 100%;
  background: #fff;
}
#header .header_main {
  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;
  border-bottom: #DEDEDE solid 1px;
  padding: 2rem;
}
#header .header_main .logo {
  margin-right: auto;
}
#header .header_main .logo img {
  max-width: 100%;
  height: auto;
}
#header .header_main .user {
  background: #F5F5F5;
  border: #DEDEDE solid 1px;
  border-radius: 5px;
  color: #505050;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
}
#header .header_main .user span {
  margin: 0 0 0 0.5rem;
}
#header .header_main .user span img {
  max-width: 100%;
  height: auto;
}
#header .header_main .logout_btn {
  margin: 0 0 0 2rem;
}
#header .header_main .logout_btn input {
  background: #575757;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.5rem 1.5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#header .header_main .logout_btn input:hover {
  background: #999;
}
#header.is__admin {
  background: #1D1E1E;
}
#header.is__admin .header_main {
  border-bottom: none;
}
#header.is__admin .header_main .company {
  color: #fff;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  margin: 0 2rem 0 0;
}
#header.is__admin .header_main .user {
  background: #585858;
  border: #DEDEDE solid 1px;
  border-radius: 5px;
  color: #fff;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
}
#header.is__admin .header_main .user span {
  margin: 0 0 0 0.5rem;
}
#header.is__admin .header_main .user span img {
  max-width: 100%;
  height: auto;
}
#header.is__admin .header_main .logout_btn {
  margin: 0 0 0 2rem;
}
#header.is__admin .header_main .logout_btn input {
  background: #fff;
  color: #1D1E1E;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.5rem 1.5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#header.is__admin .header_main .logout_btn input:hover {
  background: #ccc;
}
@media (max-width: 1024px) {
  #header .header_main {
    background: #fff;
    position: relative;
    z-index: 4;
  }
  #header .header_main .logo {
    width: 200px;
  }
  #header.is__admin .header_main {
    background: #1D1E1E;
  }
}
@media (max-width: 768px) {
  #header .header_main {
    padding: 1.5rem 1rem;
  }
  #header .header_main .logo {
    width: 160px;
  }
  #header .header_main .logout_btn {
    margin: 0 5rem 0 1rem;
  }
  #header.is__admin .header_main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #header.is__admin .header_main .company {
    margin: 1rem 0 0 0;
    width: 100%;
  }
  #header.is__admin .header_main .user {
    width: calc(100% - 50px);
    margin: 1rem 0 0 0;
  }
  #header.is__admin .header_main .logout_btn {
    margin: 1rem 0 0 0;
  }
  #header.is__admin .header_main .logout_btn input {
    padding: 0;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  #header .header_main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #header .header_main .logo {
    width: 100%;
  }
  #header .header_main .logo img {
    width: 150px;
  }
  #header .header_main .user {
    width: calc(100% - 50px);
    margin: 2rem 0 0 0;
  }
  #header .header_main .logout_btn {
    margin: 2rem 0 0 0;
  }
  #header .header_main .logout_btn input {
    padding: 0;
    width: 40px;
    height: 40px;
  }
}

#main {
  padding: 24rem 0 10rem 0;
}
#main.is__login {
  padding: 15rem 0 5rem 0;
}
#main.is__admin {
  padding: 15rem 0 5rem 0;
}
@media (max-width: 1024px) {
  #main {
    padding: 18rem 0 10rem 0;
  }
  #main.is__admin {
    padding: 12rem 0 5rem 0;
  }
}
@media (max-width: 768px) {
  #main {
    padding: 12rem 0 10rem 0;
  }
  #main.is__login {
    padding: 10rem 0 5rem 0;
  }
  #main.is__admin {
    padding: 10rem 0 5rem 0;
  }
}
@media (max-width: 576px) {
  #main {
    padding: 17rem 0 8rem;
  }
  #main.is__login {
    padding: 10rem 0 5rem 0;
  }
  #main.is__admin {
    padding: 18rem 0 5rem 0;
  }
}

#footer {
  border-top: #DEDEDE solid 1px;
  padding: 1.5rem 0;
  position: relative;
  z-index: -1;
}
#footer .container-1130 {
  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;
}
#footer .logo_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .logo {
  width: 136px;
  margin: 0 4rem 0 0;
}
#footer .logo img {
  max-width: 100%;
  height: auto;
}
#footer .address {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
#footer .copy {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
#footer.is__admin {
  background: #1D1E1E;
}
#footer.is__admin .container-1130 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#footer.is__admin .copy {
  color: #fff;
}
@media (max-width: 768px) {
  #footer .logo_area {
    display: block;
  }
  #footer .logo {
    margin: 0 0 1.5rem 0;
  }
}
@media (max-width: 576px) {
  #footer .container-1130 {
    display: block;
    text-align: center;
  }
  #footer .logo {
    margin: 0 auto 2rem auto;
  }
  #footer .address {
    margin: 0 0 1rem 0;
  }
}

.layout02 {
  background: #F8FEF4;
  border: #c1efa3 solid 5px;
  padding: 5rem;
}
@media (max-width: 576px) {
  .layout02 {
    padding: 3rem 2rem;
  }
}

.layout03 {
  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: 768px) {
  .layout03 {
    display: block;
  }
  .layout03 .txt05 {
    margin: 0 0 1rem 0;
  }
}

.layout04 dl {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #DEDEDE solid 1px;
  padding: 2rem 0;
}
.layout04 dl dt {
  color: #242424;
  margin: 0 3rem 0 0;
}
.layout04 dl dd {
  line-height: 1.8em;
}
.layout04 dl dd a {
  color: #3B4043;
}
.layout04 dl:first-child {
  border-top: #DEDEDE solid 1px;
}
@media (max-width: 768px) {
  .layout04 dl {
    display: block;
  }
  .layout04 dl dt {
    margin: 0 0 1rem 0;
  }
}

.layout05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 576px) {
  .layout05 {
    display: block;
  }
}

.layout06 {
  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;
}
.layout06 .block {
  width: 49%;
  border: #DEDEDE solid 1px;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 2rem 0;
}
.layout06 .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 2rem 0 0;
}
.layout06 .img img {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  border: #DEDEDE solid 1px;
}
.layout06 .name {
  font-weight: 700;
  line-height: 1.8em;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
.layout06 .price {
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  text-align: right;
}
.layout06 .price span {
  font-size: clamp(1.8rem, 1.75vw, 2rem);
}
@media (max-width: 1024px) {
  .layout06 .block {
    display: block;
  }
  .layout06 .img {
    text-align: center;
    margin: 0 0 2rem 0;
  }
}
@media (max-width: 576px) {
  .layout06 .block {
    width: 100%;
  }
}

.layout08 {
  border: #DEDEDE solid 1px;
  border-radius: 5px;
  padding: 1.5rem 2.5rem;
  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;
}
.layout08 .date {
  margin: 0 4rem 0 0;
}
.layout08 .date .month {
  display: block;
  font-weight: 700;
}
.layout08 .date .period {
  display: block;
  font-size: clamp(1.1rem, 1.3vw, 1.1rem);
}
.layout08 .price {
  font-size: clamp(1.1rem, 1.3vw, 1.2rem);
}
.layout08 .price span {
  font-weight: 700;
  font-size: clamp(1.8rem, 1.75vw, 2rem);
}
@media (max-width: 576px) {
  .layout08 {
    display: block;
    padding: 1rem 2rem;
  }
  .layout08 .date {
    margin: 0 0 1rem 0;
  }
}

@media (max-width: 768px) {
  .layout09 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 576px) {
  .layout09 {
    display: block;
  }
}

.layout10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: #DEDEDE solid 1px;
  padding: 3rem 1rem;
}
.layout10:last-child {
  border-bottom: #DEDEDE solid 1px;
}
.layout10 .date {
  text-align: center;
}
.layout10 .date span {
  display: block;
}
.layout10 .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.layout10 .product {
  padding: 0 2rem;
  width: 180px;
}
.layout10 .product .img {
  width: 140px;
  margin: 0 0 1.5rem 0;
}
.layout10 .product .img img {
  max-width: 100%;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
}
.layout10 .product .date {
  text-align: left;
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
}
.layout10 .product .date span {
  display: block;
}
.layout10 .product .button {
  margin: 0 0 1rem 0;
}
.layout10 .product .status {
  text-align: center;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
.layout10 .product .message {
  display: none;
}
.layout10 .product .editdate {
  display: none;
}
.layout10 .order {
  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;
  width: 100%;
}
.layout10 .order::before {
  content: "";
  display: block;
  width: 32%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.layout10 .order::after {
  content: "";
  display: block;
  width: 32%;
}
.layout10 .order .block {
  width: 32%;
  padding: 1rem;
  margin: 0 0 1.5rem 0;
}
.layout10 .order .name {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
.layout10 .order ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.layout10 .order ul li {
  width: 100%;
}
.layout10 .order ul li::after {
  /*                    content: "｜";*/
  margin: 0 0 0 1.5rem;
}
.layout10 .order ul li:last-child::after {
  content: none;
}
.layout10 .order ul li span {
  margin: 0 0 0 2rem;
}
.layout10.is__past .order .block {
  background: #ebebeb;
}
.layout10.is__focus {
  background: #E9F6E0;
}
.layout10.is__focus .order .block {
  background: #fafdf9;
}
.layout10.is__edited .product .status {
  display: none;
}
.layout10.is__edited .product .message {
  display: block;
  color: #FF1111;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1rem 0;
}
.layout10.is__edited .product .editdate {
  display: block;
}
.layout10.is__holiday {
  background: #F9D0D0;
  border-top: #FF4444 solid 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout10.is__holiday .contents .schedule {
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.layout10.is__holiday .contents .product {
  display: none;
}
.layout10.is__holiday .contents .order {
  display: none;
}
.layout10.is__regularholiday {
  background: #CBCBCB;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout10.is__regularholiday .contents .schedule {
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.layout10.is__regularholiday .contents .product {
  display: none;
}
.layout10.is__regularholiday .contents .order {
  display: none;
}
@media (max-width: 1099px) {
  .layout10 .order {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .layout10 .order ul {
    display: block;
  }
  .layout10 .order ul li::after {
    content: none;
  }
}
@media (max-width: 768px) {
  .layout10 .order .block {
    width: 48%;
  }
}
@media (max-width: 576px) {
  .layout10 .date {
    padding: 0 2rem 0 0;
  }
  .layout10 .contents {
    display: block;
  }
  .layout10 .product {
    padding: 0;
    margin: 0 0 2rem 0;
    width: 100%;
  }
  .layout10 .product .img {
    margin-right: auto;
    margin-left: auto;
  }
  .layout10 .product .img img {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .layout10 .order .block {
    width: 100%;
  }
  .layout10 .order ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.1rem;
  }
  .layout10 .order ul li::after {
    content: "｜";
    margin: 0 0 0 0;
  }
  .layout10 .order ul li:last-child::after {
    content: none;
  }
  .layout10 .order ul li span {
    margin: 0 0 0 0.5rem;
  }
}

.layout11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3rem 2rem;
}
.layout11 .contents {
  padding: 0 0 0 0;
}
.layout11 .contents .img {
  margin: 0 0 1rem 0;
}
.layout11 .contents .img img {
  width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.layout11 .order .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 1.5rem 0;
}
.layout11 .order .info .product {
  font-weight: 700;
}
.layout11 .order .info .price {
  font-size: 1.2rem;
  padding: 0 3rem 0 0;
}
.layout11 .order .info .price span {
  font-size: clamp(1.8rem, 1.75vw, 2rem);
  font-weight: 700;
  margin: 0 0.5rem 0 0;
}
@media (max-width: 1280px) {
  .layout11 .contents {
    padding: 0 1vw 0 0;
  }
}
@media (max-width: 1024px) {
  .layout11 {
    padding: 2rem 0;
  }
}
@media (max-width: 954px) {
  .layout11 {
    display: block;
  }
  .layout11 .contents {
    padding: 0;
    margin: 0 0 2rem 0;
  }
  .layout11 .contents .img {
    text-align: center;
  }
  .layout11 .contents .img img {
    width: 100%;
    max-width: 300px;
  }
  .layout11 .order .info {
    display: block;
  }
  .layout11 .order .info .price {
    text-align: right;
    padding: 0;
    margin: 1rem 0 0 0;
  }
}

.layout12 {
  border-top: #DEDEDE solid 1px;
}

.layout13 {
  border: #DEDEDE solid 1px;
  border-radius: 5px;
  font-weight: 500;
  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;
  padding: 0.25rem 0;
}
.layout13 .btn-monthMove {
  cursor: pointer;
  font-size: 1.8rem;
}
.layout13 .btn-monthMove.prev {
  margin-right: 24px;
}
.layout13 .btn-monthMove.next {
  margin-left: 24px;
}
.layout13 #year,
.layout13 #month {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
@media (max-width: 768px) {
  .layout13 {
    padding: 0.25rem 1rem;
  }
}
@media (max-width: 576px) {
  .layout13 {
    display: inline-block;
    margin: 0 0 2rem 0;
  }
}

.layout14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout14 p {
  margin: 0 2rem 0 0;
}
.layout14 p:last-child {
  margin: 0;
}
@media (max-width: 768px) {
  .layout14 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .layout14 p {
    padding-top: 1rem;
  }
}
@media (max-width: 576px) {
  .layout14 p {
    margin: 0 0 0 0;
    width: 100%;
  }
}

.layout15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layout15 .txt05 {
  margin: 0 0 2rem 0;
}
@media (max-width: 1024px) {
  .layout15 {
    display: block;
  }
}

.layout16 {
  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;
  font-weight: 500;
  margin: 5rem 0 0 0;
}
.layout16 a {
  border: #DEDEDE solid 1px;
  width: 34px;
  height: 42px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout16 a:hover {
  color: #fff;
  background: #0ABCAA;
  border: #0ABCAA solid 1px;
}
.layout16 span {
  margin: 0 0.5rem;
}
.layout16 span.selected {
  color: #fff;
  background: #0ABCAA;
  border: #0ABCAA solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 42px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.5rem;
}
@media (max-width: 576px) {
  .layout16 a {
    width: 28px;
    height: 34px;
  }
  .layout16 span.selected {
    width: 28px;
    height: 34px;
  }
}

.layout17 {
  border-top: #DEDEDE solid 1px;
  border-bottom: #DEDEDE solid 1px;
  padding: 3rem 2rem 2.5rem 2rem;
  margin: 0 0 6rem 0;
}
.layout17 .title {
  font-size: clamp(1.8rem, 2.34vw, 2.6rem);
  font-weight: 500;
  line-height: 1.6em;
  margin: 0 0 1.5rem 0;
}
.layout17 .date {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  font-weight: 700;
}
.layout17 .post_block {
  margin: 3rem 0 0 0;
}
.layout17 .post_block p {
  margin: 0 0 3rem 0;
  line-height: 1.7em;
}
.layout17 img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 576px) {
  .layout17 {
    padding: 2rem 0;
    margin: 0 0 4rem 0;
  }
}

.layout18 {
  border: #DEDEDE solid 1px;
  border-radius: 5px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25rem 1rem;
}
.layout18 .btn-monthMove {
  cursor: pointer;
  font-size: 1.8rem;
}
.layout18 .btn-monthMove.prev {
  margin-right: 24px;
}
.layout18 .btn-monthMove.next {
  margin-left: 24px;
}
.layout18 #year,
.layout18 #month {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
@media (max-width: 768px) {
  .layout18 {
    padding: 0.25rem 1rem;
  }
}
@media (max-width: 576px) {
  .layout18 {
    display: inline-block;
    margin: 0 0 2rem 0;
  }
}

.layout19 {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  border: #DEDEDE solid 2px;
  padding: 5rem;
}
@media (max-width: 768px) {
  .layout19 {
    padding: 2rem 3rem;
  }
}
@media (max-width: 576px) {
  .layout19 {
    padding: 2rem 1.5rem;
  }
}

.layout20 {
  width: 100%;
  max-width: 990px;
  margin: 0 auto 3rem auto;
}

.layout21 {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  border: #DEDEDE solid 2px;
  padding: 5rem;
}
@media (max-width: 768px) {
  .layout21 {
    padding: 2rem 3rem;
  }
}

.layout22 {
  background: #F8FEF4;
  border: #67D41F solid 1px;
  padding: 3rem 4rem;
}
@media (max-width: 576px) {
  .layout22 {
    padding: 2rem;
  }
}

.layout23 {
  background: #fff;
  padding: 5rem;
}
@media (max-width: 576px) {
  .layout23 {
    padding: 3rem 2rem;
  }
}

.layout24 {
  background: #fff;
  padding: 5rem 7rem;
}
@media (max-width: 1024px) {
  .layout24 {
    padding: 4rem;
  }
}
@media (max-width: 576px) {
  .layout24 {
    padding: 1.5rem;
  }
}

.layout25 {
  padding: 0 3rem;
}
@media (max-width: 1024px) {
  .layout25 {
    padding: 0;
  }
}

.layout26 {
  border: #DEDEDE solid 1px;
  padding: 3rem;
}
@media (max-width: 576px) {
  .layout26 {
    padding: 3rem 1.5rem;
  }
}

.layout27 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout27 .txt16 {
  margin: 0 3rem 0 0;
}
@media (max-width: 576px) {
  .layout27 {
    display: block;
  }
  .layout27 .txt16 {
    margin: 0 0 1rem 0;
  }
}

.layout28 {
  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;
  padding: 0 3rem;
}
.layout28 .block {
  width: 48.5%;
  border: #DEDEDE solid 1px;
  padding: 3rem;
  margin: 0 0 3rem 0;
}
@media (max-width: 1024px) {
  .layout28 {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .layout28 {
    display: block;
  }
  .layout28 .block {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .layout28 .block {
    padding: 3rem 1.5rem;
  }
}

.layout29 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layout29 .date {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
@media (max-width: 1024px) {
  .layout29 {
    display: block;
  }
  .layout29 .date {
    margin: 0.5rem 0 0 0;
  }
}

@media (max-width: 576px) {
  .layout30 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .layout30 .txt16 {
    margin: 0 2rem 0 0;
  }
}

.layout31 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layout31 form {
  width: 50%;
}
.layout31 .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layout31 .block .upload_area {
  width: 60%;
}
.layout31 .block .img_area {
  width: 40%;
}
.layout31 .block .img_area .img img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .layout31 form {
    width: 49%;
  }
  .layout31 .block {
    display: block;
  }
  .layout31 .block .upload_area {
    width: 100%;
    margin: 0 0 2rem 0;
  }
  .layout31 .block .img_area {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .layout31 {
    display: block;
  }
  .layout31 form {
    width: 100%;
  }
  .layout31 form:first-child {
    margin: 0 0 4rem 0;
  }
  .layout31 .block .img_area .img {
    text-align: center;
  }
}

.layout32 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.layout33 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layout34 {
  background: #fff;
  padding: 8rem 7rem;
}
@media (max-width: 1024px) {
  .layout34 {
    padding: 6rem 0rem;
  }
}
@media (max-width: 576px) {
  .layout34 {
    padding: 3rem 0;
  }
}

.list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
}
.list01 li {
  margin: 0 1rem;
  font-weight: 500;
}
.list01 li a.whitebtn {
  border: #1D1E1E solid 1px;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  text-align: center;
  display: block;
}
.list01 li a.blackbtn {
  border: #1D1E1E solid 1px;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  text-align: center;
  background: #1D1E1E;
  color: #fff;
  display: block;
}
@media (max-width: 768px) {
  .list01 li a.whitebtn {
    padding: 0.75rem 1rem;
  }
  .list01 li a.blackbtn {
    padding: 0.75rem 1rem;
  }
}
@media (max-width: 576px) {
  .list01 {
    display: block;
  }
  .list01 li {
    width: 100%;
    margin: 1rem 0;
  }
  .list01 li a.whitebtn {
    padding: 0.75rem 0;
  }
  .list01 li a.blackbtn {
    padding: 0.75rem 0;
  }
}

.list02 {
  border-top: #BEBEBE solid 1px;
  border-right: #BEBEBE solid 1px;
  border-left: #BEBEBE solid 1px;
}
.list02 li a {
  text-decoration: underline;
  display: block;
  border-bottom: #BEBEBE solid 1px;
  padding: 2rem;
}
.list02 li a img {
  margin: 0 0 0 2rem;
}
.list02 li a:hover {
  color: #04B9A7;
}
.list02 li.downloaded a {
  background-color: #EEE;
  color: #AAA;
}
@media (max-width: 576px) {
  .list02 li a {
    padding: 1.5rem;
  }
  .list02 li a img {
    margin: 0 0 0 0.5rem;
  }
}

.list03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list03 li {
  margin: 0 1.5rem 0 0;
}
@media (max-width: 576px) {
  .list03 {
    display: block;
  }
  .list03 li {
    margin: 0 0 1rem 0;
  }
  .list03 li:last-child {
    margin: 0;
  }
}

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

.tbl01 {
  width: 100%;
}
.tbl01 tr th {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  font-weight: 500;
  vertical-align: middle;
  padding: 1rem 1rem;
}
.tbl01 tr td {
  padding: 1rem 0;
}
@media (max-width: 576px) {
  .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: 1rem 0 0 0;
  }
  .tbl01 tbody tr th .blink01 {
    margin: 0 auto;
    display: block;
  }
  .tbl01 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl01 tbody tr td.cell_sm_txt_C {
    text-align: center;
  }
}

.tbl02 {
  width: 100%;
}
.tbl02 tr th {
  background: #F3F3F3;
  text-align: center;
  width: 50%;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  font-weight: 400;
  border-top: #fff solid 5px;
  border-right: #fff solid 10px;
  border-bottom: #fff solid 5px;
}
.tbl02 tr td {
  width: 50%;
  white-space: nowrap;
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  border-top: #fff solid 5px;
  border-bottom: #fff solid 5px;
}
@media (max-width: 1024px) {
  .tbl02 tr th {
    width: 40%;
  }
}
@media (max-width: 576px) {
  .tbl02 tr th {
    width: 50%;
  }
}

.tbl03 {
  font-size: 1.2rem;
  width: 100%;
}
.tbl03 thead tr th {
  background: #F3F3F3;
  white-space: nowrap;
  padding: 0.5rem 1rem;
}
.tbl03 tbody tr th {
  display: none;
}
.tbl03 tbody tr td {
  background: #F3F3F3;
  border-top: #fff solid 5px;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.tbl03 tbody tr td br {
  display: none;
}
.tbl03 tbody tr:nth-of-type(2n) {
  display: none;
}
.tbl03 tbody tr.message-row th {
  background: #FFFFFF;
}
.tbl03 tbody tr.message-row td {
  background: #FFFFFF;
  white-space: normal;
  color: #F00;
}
@media (max-width: 1280px) {
  .tbl03 thead tr th {
    padding: 0.5rem;
  }
  .tbl03 thead tr td {
    padding: 0.5rem;
  }
  .tbl03 tbody tr th {
    padding: 0.5rem;
  }
  .tbl03 tbody tr td {
    padding: 0.5rem;
  }
}
@media (max-width: 954px) {
  .tbl03 {
    display: block;
    width: 100%;
  }
  .tbl03 thead {
    display: none;
  }
  .tbl03 tbody {
    display: block;
    width: 100%;
  }
  .tbl03 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl03 tbody tr th {
    display: block;
    width: 100%;
    background: #F3F3F3;
    border-top: #fff solid 5px;
    padding: 0.5rem 1rem;
  }
  .tbl03 tbody tr th.delte_cell {
    display: none;
  }
  .tbl03 tbody tr td {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
  }
  .tbl03 tbody tr td.delte_cell {
    display: none;
  }
  .tbl03 tbody tr:nth-of-type(2n) {
    display: block;
  }
  .tbl03 tbody tr:nth-of-type(2n) td {
    padding: 0 0 2rem 0;
    background: none;
  }
}
@media (max-width: 576px) {
  .tbl03 tbody tr td.dayofweek_cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbl03 tbody tr td.dayofweek_cell span {
    width: 50%;
  }
}

.tbl04 {
  width: 100%;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  border-top: #707070 solid 1px;
  border-right: #707070 solid 1px;
}
.tbl04 thead tr th {
  background: #63827D;
  color: #fff;
  padding: 0.5rem 1rem;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  white-space: nowrap;
}
.tbl04 thead tr th.product_cell {
  width: 350px;
}
.tbl04 tbody tr th {
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 0.5rem 1rem;
}
.tbl04 tbody tr td {
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.tbl04 tbody tr td.name_cell {
  white-space: nowrap;
}
.tbl04 tbody tr td.product_cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
}
.tbl04 tbody tr td.product_cell img {
  width: 30px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 1.5rem 0 0;
  line-height: 0;
}
@media (max-width: 576px) {
  .tbl04 tbody tr td.product_cell {
    width: auto;
  }
}

.tbl05 {
  width: 100%;
  border-top: #AA8E83 solid 1px;
  border-right: #AA8E83 solid 1px;
}
.tbl05 thead tr th {
  width: 14.2857142857%;
  text-align: center;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  font-weight: 500;
  border-bottom: #AA8E83 solid 1px;
  border-left: #AA8E83 solid 1px;
  background: #E3D3C3;
}
.tbl05 thead tr th:first-child {
  background: #FFA5A5;
}
.tbl05 thead tr th:last-child {
  background: #ABCFFF;
}
.tbl05 tbody tr td {
  width: 14.2857142857%;
  height: 140px;
  border-bottom: #AA8E83 solid 1px;
  border-left: #AA8E83 solid 1px;
  padding: 1rem 2rem;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
}
.tbl05 tbody tr td .day span {
  display: none;
}
.tbl05 tbody tr td .check,
.tbl05 tbody tr td .whatday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 0 0 0;
}
.tbl05 tbody tr td.prev_month, .tbl05 tbody tr td.next_month {
  background: #F2F2F2;
}
.tbl05 tbody tr td.selected {
  background: #E9F6E0;
}
.tbl05 tbody tr td.holiday {
  background: #CBCBCB;
}
@media (max-width: 1024px) {
  .tbl05 tbody tr td {
    height: 12vw;
  }
}
@media (max-width: 768px) {
  .tbl05 {
    display: block;
    width: 100%;
  }
  .tbl05 thead {
    display: none;
  }
  .tbl05 tbody {
    display: block;
    width: 100%;
  }
  .tbl05 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl05 tbody tr td {
    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;
    width: 100%;
    height: auto;
  }
  .tbl05 tbody tr td .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tbl05 tbody tr td .day span {
    display: block;
  }
  .tbl05 tbody tr td .check,
  .tbl05 tbody tr td .whatday {
    margin: 0;
  }
  .tbl05 tbody tr td.prev_month, .tbl05 tbody tr td.next_month {
    display: none;
  }
}

.tbl06 {
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  width: 100%;
  border-top: #707070 solid 1px;
  border-right: #707070 solid 1px;
  line-height: 1.6em;
}
.tbl06 tr th {
  background: #63827D;
  color: #fff;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 1rem;
}
.tbl06 tr td {
  background: #fff;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 1rem;
}
.tbl06 tr td.input_cell {
  background: #f6f6f6;
}
.tbl06 tr td:last-child {
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 768px) {
  .tbl06 tr th,
  .tbl06 tr td {
    white-space: nowrap;
  }
}

.tbl07 {
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  width: 100%;
}
.tbl07 tr th {
  font-weight: 500;
  padding: 1.25rem 0 0 0;
  width: 20%;
}
.tbl07 tr th span {
  color: #FF0000;
}
.tbl07 tr td {
  padding: 1rem 0;
}
.tbl07 tr td span {
  display: block;
}
@media (max-width: 1024px) {
  .tbl07 tr th {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .tbl07 {
    display: block;
    width: 100%;
  }
  .tbl07 tbody {
    display: block;
    width: 100%;
  }
  .tbl07 tr {
    display: block;
    width: 100%;
  }
  .tbl07 tr th {
    display: block;
    width: 100%;
  }
  .tbl07 tr td {
    display: block;
    width: 100%;
  }
}

.tbl08 {
  width: 100%;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-top: #2F4743 solid 1px;
  border-right: #2F4743 solid 1px;
}
.tbl08 tr th {
  background: #63827D;
  color: #fff;
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
  color: #fff;
}
.tbl08 tr th:first-child {
  width: 170px;
}
.tbl08 tr td {
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
@media (max-width: 1024px) {
  .tbl08 {
    display: block;
    width: 100%;
  }
  .tbl08 tbody {
    display: block;
    width: 100%;
  }
  .tbl08 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl08 tbody tr th {
    display: block;
    width: 100%;
  }
  .tbl08 tbody tr th:first-child {
    width: 100%;
  }
  .tbl08 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl08 tbody tr td span {
    display: block;
  }
}

.tbl09 {
  width: 100%;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-top: #2F4743 solid 1px;
  border-right: #2F4743 solid 1px;
}
.tbl09 tr th {
  background: #63827D;
  color: #fff;
  border-left: #2F4743 solid 1px;
  border-bottom: #2F4743 solid 1px;
  padding: 1rem 2rem;
  color: #fff;
}
.tbl09 tr th:first-child {
  width: 170px;
}
.tbl09 tr td {
  border-left: #2F4743 solid 1px;
  border-bottom: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
.tbl09 tr td span {
  margin: 0 2rem 0 0;
}
@media (max-width: 1024px) {
  .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%;
  }
  .tbl09 tbody tr th:first-child {
    width: 100%;
  }
  .tbl09 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl09 tbody tr td span {
    display: block;
  }
}

.tbl10 tr th {
  text-align: center;
  vertical-align: middle;
  line-height: 1.6em;
}
.tbl10 tr th:nth-child(3), .tbl10 tr th:nth-child(4) {
  text-align: left;
}
.tbl10 tr td {
  vertical-align: middle;
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
}
.tbl10 tr td img {
  width: 50px;
  height: auto;
}
.tbl10 tr td:first-child, .tbl10 tr td:nth-child(2), .tbl10 tr td:nth-child(5) {
  text-align: center;
}

.tbl11 tr th {
  white-space: nowrap;
  text-align: left;
}
.tbl11 tr td:first-child, .tbl11 tr td:nth-child(2), .tbl11 tr td:nth-child(5) {
  text-align: left;
}

.tbl12 {
  width: 100%;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-top: #2F4743 solid 1px;
  border-right: #2F4743 solid 1px;
}
.tbl12 tr th {
  background: #E8E8E8;
  color: #3B4043;
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
.tbl12 tr th:first-child {
  width: 170px;
}
.tbl12 tr td {
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
@media (max-width: 1024px) {
  .tbl12 {
    display: block;
    width: 100%;
  }
  .tbl12 tbody {
    display: block;
    width: 100%;
  }
  .tbl12 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl12 tbody tr th {
    display: block;
    width: 100%;
  }
  .tbl12 tbody tr th:first-child {
    width: 100%;
  }
  .tbl12 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl12 tbody tr td span {
    display: block;
  }
}

.tbl13 {
  width: 100%;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-top: #2F4743 solid 1px;
  border-right: #2F4743 solid 1px;
  border-bottom: #2F4743 solid 1px;
}
.tbl13 tr th {
  background: #E8E8E8;
  color: #3B4043;
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
.tbl13 tr th:first-child {
  width: 170px;
}
.tbl13 tr td {
  border-left: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
@media (max-width: 1024px) {
  .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 th:first-child {
    width: 100%;
  }
  .tbl13 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl13 tbody tr td span {
    display: block;
  }
}

.tbl14 {
  width: 50%;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-right: #2F4743 solid 1px;
}
.tbl14 tr th {
  background: #E8E8E8;
  color: #3B4043;
  border-left: #2F4743 solid 1px;
  border-bottom: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
.tbl14 tr th:first-child {
  width: 170px;
}
.tbl14 tr td {
  border-left: #2F4743 solid 1px;
  border-bottom: #2F4743 solid 1px;
  padding: 1rem 2rem;
}
@media (max-width: 1280px) {
  .tbl14 {
    width: 100%;
  }
  .tbl14 tr th {
    width: 15%;
    white-space: nowrap;
  }
}
@media (max-width: 1024px) {
  .tbl14 {
    display: block;
    width: 100%;
  }
  .tbl14 tbody {
    display: block;
    width: 100%;
  }
  .tbl14 tbody tr {
    display: block;
    width: 100%;
  }
  .tbl14 tbody tr th {
    display: block;
    width: 100%;
  }
  .tbl14 tbody tr th:first-child {
    width: 100%;
  }
  .tbl14 tbody tr td {
    display: block;
    width: 100%;
  }
  .tbl14 tbody tr td span {
    display: block;
  }
}

.tbl15 tr th {
  text-align: center;
  white-space: nowrap;
  padding: 1rem 0.5rem;
}
.tbl15 tr th:nth-child(4) {
  text-align: center;
}
.tbl15 tr td {
  text-align: center;
  padding: 1rem 0.5rem;
}
.tbl15 tr td:nth-child(3), .tbl15 tr td:nth-child(5), .tbl15 tr td:nth-child(7), .tbl15 tr td:nth-child(10), .tbl15 tr td:nth-child(11) {
  text-align: left;
}
.tbl15 tr td span {
  display: block;
}

.tbl16 tr th:first-child {
  text-align: left;
}
.tbl16 tr th:nth-child(3) {
  text-align: center;
}
.tbl16 tr td {
  text-align: center !important;
}
.tbl16 tr td:first-child, .tbl16 tr td:nth-child(4) {
  text-align: left !important;
}

.tbl17 {
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
  border-top: #707070 solid 1px;
  border-right: #707070 solid 1px;
  line-height: 1.6em;
}
.tbl17 tr th {
  background: #63827D;
  color: #fff;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 1rem 2rem;
  text-align: center;
  vertical-align: middle;
}
.tbl17 tr td {
  background: #fff;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 2rem;
  text-align: center;
}
@media (max-width: 576px) {
  .tbl17 {
    width: 100%;
  }
}

.tbl18 {
  width: 100%;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  border-top: #707070 solid 1px;
  border-right: #707070 solid 1px;
  line-height: 1.6em;
}
.tbl18 thead tr th {
  background: #63827D;
  color: #fff;
  padding: 0.5rem;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.tbl18 tbody tr th {
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 0.5rem;
}
.tbl18 tbody tr td {
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 0.5rem;
  vertical-align: middle;
  text-align: center;
}
.tbl18 tbody tr td.input_cell {
  background: #F6F6F6;
  text-align: center !important;
}
.tbl18 tbody tr td.name_cell {
  white-space: nowrap;
  text-align: left;
}
.tbl18 tbody tr td.product_cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.tbl18 tbody tr td.product_cell img {
  width: 30px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 1.5rem 0 0;
  line-height: 0;
}
@media (max-width: 576px) {
  .tbl18 tbody tr td.product_cell {
    width: auto;
  }
}

.tbl19 {
  width: 100%;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  border-top: #707070 solid 1px;
  border-right: #707070 solid 1px;
  line-height: 1.6em;
}
.tbl19 tr th {
  background: #63827D;
  color: #fff;
  padding: 0.5rem 1rem;
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}
.tbl19 tr th:first-child {
  text-align: left;
}
.tbl19 tr td {
  border-bottom: #707070 solid 1px;
  border-left: #707070 solid 1px;
  padding: 0.5rem 1rem;
  vertical-align: middle;
  text-align: center;
}
.tbl19 tr td:first-child {
  text-align: left;
  max-width: 500px;
}
.tbl19 tr td:nth-child(2), .tbl19 tr td:nth-child(3) {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .tbl19 tr td:first-child {
    max-width: none;
  }
}

.form01 input[type=text],
.form01 input[type=password] {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  width: 100%;
  max-width: 250px;
}
@media (max-width: 576px) {
  .form01 input[type=text],
  .form01 input[type=password] {
    max-width: none;
  }
}

.form02 input[type=text] {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  width: 100%;
  max-width: 100px;
  margin: 0 1rem 0 0;
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  padding: 0 1.5rem;
}
@media (max-width: 1024px) {
  .form02 input[type=text] {
    max-width: none;
    width: 90%;
  }
}

.form03 input[type=date] {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem 0.5rem;
}
.form03 select {
  border: #D9D9D9 solid 1px;
  background: #fff;
  width: 100%;
  padding: 0.25rem 0.5rem;
}
.form03 input[type=text] {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem 0.5rem;
  width: 40px;
  margin: 0 1rem 0 0.5rem;
}
.form03 input[type=button] {
  display: none;
}
@media (max-width: 1024px) {
  .form03 input[type=text] {
    width: 35px;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 954px) {
  .form03 input[type=button] {
    display: block;
    margin: 1rem 0 0 0;
  }
}
@media (max-width: 576px) {
  .form03 input[type=text] {
    width: 80%;
    margin-bottom: 0.5rem;
  }
}

.form04 {
  font-size: clamp(1.1rem, 1.1vw, 1.4rem);
}
.form04 input[type=date] {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem 0.5rem;
}
.form04 select {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem 3rem 0.25rem 0.5rem;
}
.form04 input[type=text] {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem 0.5rem;
  margin: 0 1rem 0 0.5rem;
}
@media (max-width: 576px) {
  .form04 select {
    width: 100%;
  }
}

.form05 input[type=checkbox] {
  margin: 0 1rem 0 0;
}

.form06 {
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
}
.form06 input,
.form06 select {
  border: #D9D9D9 solid 1px;
  background: #fff;
  padding: 0.25rem;
  border-radius: 5px;
}
.form06 input.userid, .form06 input.code {
  width: 100%;
}
.form06 input.username, .form06 input.usernamekana {
  width: 100%;
}
.form06 input.department {
  width: 100%;
}
.form06 input.searchbtn {
  border: #0ABCAA solid 1px;
  color: #0ABCAA;
  background: #fff;
  padding: 0 1rem;
}
.form06 input.changebtn {
  background: #0ABCAA;
  border: #0ABCAA solid 1px;
  color: #fff;
  padding: 0 1rem;
}
.form06 input.product_code {
  width: 70px;
}
.form06 input.product_img {
  width: 50px;
}
.form06 input.product_img:disabled {
  background: #E9E9E9;
}
.form06 input.product_name, .form06 input.product_namekana {
  width: 320px;
}
@media (max-width: 768px) {
  .form06 input.product_name, .form06 input.product_namekana {
    width: 100%;
  }
}
.form06 input.product_price {
  width: 70px;
}
.form06 input.uploadbtn {
  background: #0ABCAA;
  border: #0ABCAA solid 1px;
  color: #fff;
  padding: 0.5rem 1rem;
  line-height: 1.3em;
}
.form06 input.customer_code {
  width: 80px;
}
.form06 input.customer_name, .form06 input.customer_namekana {
  width: 150px;
}
.form06 input.customer_postal {
  width: 80px;
}
.form06 input.customer_address {
  width: 200px;
}
.form06 input.customer_tel {
  width: 100px;
}
.form06 input.customerproduct_customer_code, .form06 input.customerproduct_product_code, .form06 input.customerproduct_flag {
  width: 40px;
}
.form06 input.customerproduct_name {
  width: 150px;
}
.form06 input.customerproduct_price, .form06 input.customerproduct_revision01_price, .form06 input.customerproduct_revision02_price {
  width: 45px;
}
.form06 input.customerproduct_revision01_period, .form06 input.customerproduct_revision02_period, .form06 input.customerproduct_registdate, .form06 input.customerproduct_adddate {
  width: 100px;
}
.form06 input.reserve_customername {
  width: 120px;
}
.form06 input.reserve_class, .form06 input.reserve_code, .form06 input.reserve_unit, .form06 input.reserve_price, .form06 input.reserve_deliverlyorder {
  width: 50px;
}
.form06 input.reserve_productname {
  width: 180px;
}
.form06 input.reserve_deliverlyday {
  width: 80px;
}
.form06 input.reserve_deliverlycourse, .form06 input.reserve_periodstart, .form06 input.reserve_periodend {
  width: 80px;
}
.form06 input.orderhistory_date {
  width: 80px;
}
.form06 input.orderhistory_code {
  width: 60px;
}
.form06 input.orderhistory_name {
  width: 150px;
}
.form06 input.orderhistory_product {
  width: 100%;
}
.form06 input.orderhistory_class, .form06 input.orderhistory_unit {
  width: 40px;
}
.form06 input.orderhistory_price, .form06 input.orderhistory_totalprice {
  width: 60px;
}
.form06 input.blink06 {
  background: #0ABCAA;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0.25rem 1rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form06 input.blink06:hover {
  background: #666;
}

.form07 input[type=text],
.form07 input[type=email],
.form07 input[type=password] {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  width: 100%;
  max-width: 400px;
}
.form07 input[type=radio] {
  margin: -0.22rem 1rem 0 0;
}
.form07 input[type=radio].impossible {
  margin-left: 3rem;
}
.form07 input.backbtn {
  border: #1D1E1E solid 1px;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form07 input.backbtn:hover {
  background: #eee;
}
.form07 input.registbtn,
.form07 input.changebtn,
.form07 input.sendbtn {
  border: #0ABCAA solid 1px;
  background: #0ABCAA;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  color: #fff;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form07 input.registbtn:hover,
.form07 input.changebtn:hover,
.form07 input.sendbtn:hover {
  background: #999;
  border: #999 solid 1px;
}
.form07 input.deletebtn {
  border: #F33030 solid 1px;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #F33030;
  color: #fff;
}
.form07 input.deletebtn:hover {
  background: #999;
  border: #999 solid 1px;
}
.form07 .datelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(1.3rem, 1.1vw, 1.4rem);
}
.form07 .datelist li {
  margin: 0 1rem;
}
.form07 .btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form07 .btnlist li {
  margin: 0 1rem;
}
@media (max-width: 768px) {
  .form07 input[type=text],
  .form07 input[type=email],
  .form07 input[type=password] {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .form07 input.backbtn {
    width: 100%;
    text-align: center;
  }
  .form07 input.registbtn,
  .form07 input.changebtn,
  .form07 input.deletebtn,
  .form07 input.sendbtn {
    width: 100%;
    text-align: center;
  }
  .form07 .datelist {
    display: block;
  }
  .form07 .datelist li {
    text-align: center;
  }
  .form07 .btnlist {
    display: block;
  }
  .form07 .btnlist li {
    margin: 0 0 1rem 0;
  }
}

.form08 input[type=file] {
  font-size: clamp(1.2rem, 1.4vw, 1.3rem);
}

.form09 input[type=text] {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  width: 100%;
  max-width: 640px;
}
.form09 textarea {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  width: 100%;
  max-width: 640px;
  height: 30vw;
  max-height: 250px;
}
.form09 input[type=date] {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  margin: 0 1rem 0 0;
}
.form09 input[type=time] {
  border: #D9D9D9 solid 1px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
}
.form09 input[type=radio] {
  margin: -0.22rem 1rem 0 0;
}
.form09 input[type=radio].nonrelease {
  margin: 0 1rem 0 7rem;
}
.form09 input.backbtn {
  border: #1D1E1E solid 1px;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form09 input.backbtn:hover {
  background: #eee;
}
.form09 input.registbtn {
  border: #0ABCAA solid 1px;
  background: #0ABCAA;
  border-radius: 5px;
  padding: 0.75rem 4rem;
  color: #fff;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form09 input.registbtn:hover {
  background: #999;
  border: #999 solid 1px;
}
.form09 input.deletebtn {
  border: #F33030 solid 1px;
  border-radius: 5px;
  padding: 0.75rem 2rem;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #F33030;
  color: #fff;
}
.form09 input.deletebtn:hover {
  background: #999;
  border: #999 solid 1px;
}
.form09 .btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form09 .btnlist li {
  margin: 0 1rem;
}
@media (max-width: 768px) {
  .form09 input[type=text] {
    max-width: none;
  }
  .form09 input.backbtn {
    width: 100%;
    text-align: center;
  }
  .form09 input.registbtn,
  .form09 input.deletebtn {
    width: 100%;
    text-align: center;
  }
  .form09 input[type=radio].nonrelease {
    margin: 0 1rem 0 2rem;
  }
  .form09 .btnlist {
    display: block;
  }
  .form09 .btnlist li {
    margin: 0 0 1rem 0;
  }
}

.popup {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
}
.popup .inner {
  background: #fff;
  width: 100%;
  max-width: 1200px;
  height: 520px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 3rem;
  font-weight: 500;
}
.popup .txt {
  text-align: center;
  font-size: clamp(1.6rem, 2.14vw, 2.4rem);
  font-weight: 500;
  line-height: 1.8em;
  margin: 0 0 6rem 0;
}
.popup ul {
  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;
  width: 100%;
}
.popup ul li {
  width: 50%;
  max-width: 230px;
  margin: 0 1rem;
}
.popup ul li:first-child input {
  background: #0ABCAA;
  color: #fff;
  font-weight: 700;
  border: #0ABCAA solid 1px;
  border-radius: 5px;
  padding: 1rem 0;
  width: 100%;
  max-width: 230px;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.popup ul li:first-child input:hover {
  background: #999;
}
.popup ul li:last-child input {
  border: #1D1E1E solid 1px;
  color: #1D1E1E;
  font-weight: 700;
  border-radius: 5px;
  padding: 1rem 0;
  width: 100%;
  max-width: 230px;
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.popup ul li:last-child input:hover {
  background: #eee;
}
@media (max-width: 1280px) {
  .popup .inner {
    max-width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .popup .inner {
    height: auto;
    padding: 5rem 0;
  }
  .popup .txt {
    margin: 0 0 3rem 0;
  }
}
@media (max-width: 576px) {
  .popup .txt {
    padding: 0 1.5rem;
  }
  .popup ul {
    display: block;
  }
  .popup ul li {
    margin: 0 auto 1.5rem auto;
  }
}

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-1130, .container-1060, .container-1040, .container-1025, .container-1000, .container-700, .container-680 {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.container-680 {
  max-width: 720px;
}

.container-700 {
  max-width: 740px;
}

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

.container-1025 {
  max-width: 1065px;
}

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

.container-1060 {
  max-width: 1100px;
}

.container-1130 {
  max-width: 1170px;
}

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