@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
table,
section,
a,
span,
p {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

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

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

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

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

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

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  margin: 0;
  padding: 0;
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

figure {
  margin: 0;
  padding: 0;
}

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

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  line-height: 1.4;
  font-size: 1.4rem;
  color: #595757;
  background: #fff;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  body {
    line-height: 1.7;
    font-size: 1.5rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  line-height: 1.4;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 768px) {
  a {
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
  }
  a:hover {
    text-decoration: underline;
  }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  /*
     --bs-gutter-x: 3rem;
     --bs-gutter-y: 0;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x)* .5);
     padding-left: calc(var(--bs-gutter-x)* .5);
     margin-right: auto;
     margin-left: auto;
  @include mixins.mq(min-md) {
  	--bs-gutter-x: 6rem;
  }
  */
}

.inner {
  margin: 0 0 5rem;
}

.row {
  /*
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  @include mixins.mq(min-md) {
  	--bs-gutter-x: 6rem;
  }
  > * {
  	padding-right: calc(var(--bs-gutter-x) * 0.5);
  	padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  */
}

h2 {
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 2.4rem;
  }
}

h3 {
  font-size: 1.7rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  h3 {
    font-size: 2rem;
  }
}

/*本文*/
.text {
  background: none;
  width: 100%;
  padding: 0;
  margin: 0 0 3rem;
  border: none;
  line-height: 1.7;
  color: #595757;
}
@media screen and (min-width: 768px) {
  .text.--big {
    font-size: 2.4rem;
  }
}

.textLink {
  color: #595757;
  text-decoration: underline;
}
.textLink:hover {
  color: #004bb1;
}

.c_white,
.c-white {
  color: #fff;
}

.text-small {
  font-size: 80%;
}

/*====================================

  ■汎用リスト

=====================================*/
.list01 {
  padding: 0;
  margin: 0 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 2rem);
  margin: 0 0 0 -1rem;
}
@media screen and (min-width: 768px) {
  .list01 {
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.list01 li {
  list-style: none;
  width: 100%;
  max-width: calc(50% - 2rem);
  margin: 0 1rem;
  padding: 0;
  border-bottom: 1px solid #C2D1D6;
}
@media screen and (min-width: 768px) {
  .list01 li {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem;
  }
}
.list01 li a {
  padding: 2rem 2rem 2rem 0;
  display: block;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../img/icon_rightarrow02_blue.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (min-width: 768px) {
  .list01 li a {
    padding: 2rem 3rem 2rem 0;
    background-position: center right 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .list01 li a:hover {
    opacity: 0.7;
  }
}

.textlink {
  text-decoration: underline;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

.img {
  text-align: center;
  margin: 0 0 3rem;
  line-height: 1;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

button,
.button {
  cursor: pointer;
  display: inline-block;
  background-color: #EFEFEF;
  border: 1px solid #999999;
  padding: 0.7rem 1rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #595757;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}
button:hover,
.button:hover {
  background-color: #999999;
  color: #fff;
  text-decoration: none;
}

/*====================================

  ■汎用

=====================================*/
.btn-info,
.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info[disabled] {
  border-color: #004bb1;
  background-color: #004bb1;
}

.btn-info:focus,
.btn-info:hover,
.open,
.dropdown-toggle.btn-info {
  border-color: #0861dd;
  background-color: #0861dd;
}

.btn-decision {
  display: inline-block;
  background-color: #EFEFEF;
  border: 1px solid #999999;
  width: 100%;
  max-width: 30rem;
  padding: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-decision:hover {
  background-color: #999999;
  color: #fff;
}

.btn {
  font-size: 1.4rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.btn.btn-secondary {
  background-color: #0861dd;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}
.btn.btn-light {
  border-color: #E6E9ED;
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}

/*====================================

  ■パターン1

=====================================*/
.btn01 {
  display: inline-block;
  width: 100%;
  max-width: 27rem;
  margin: 0 0 3rem;
  background-color: var(--bs-teal);
  font-display: swap;
  color: var(--bs-white);
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 1.5rem 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
.btn01 > .el_text {
  display: block;
  position: relative;
  z-index: 1;
}
.btn01 i,
.btn01 img {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.btn01:hover {
  opacity: 0.7;
  text-decoration: none;
}

table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
  line-height: 1;
  margin: 0 auto 3rem;
  font-size: 1.3rem;
  border-top: 1px solid #E6E9ED;
  border-left: 1px solid #E6E9ED;
  max-width: 1040px;
}
table tr th {
  background-color: #E6E9ED;
  text-align: center;
  padding: 1.2rem;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  table tr th {
    padding: 1.2rem;
  }
}
table tr td {
  text-align: center;
  padding: 1.2rem;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  table tr td {
    padding: 1.2rem;
  }
}
table tr td .red {
  color: #E4002B;
}
@media screen and (min-width: 768px) {
  table tr td a:hover {
    opacity: 0.7;
  }
}

/*=====================
テーブル設定
=====================*/
.tableScroll {
  overflow: scroll;
  padding: 0 0 1rem;
  margin: 0 auto 3rem;
}
.tableScroll table {
  min-width: 70rem;
  margin: 0;
}

.com-t {
  margin: 0 auto 3rem;
}

/*=============================
標準的表組み
=============================*/
.table01 {
  width: 100%;
  max-width: 192rem;
  line-height: 1.4;
  margin: 0 auto;
}
.table01 thead {
  display: none;
}
.table01 thead tr th,
.table01 thead tr td {
  padding: 0;
  margin: 0;
}
.table01 tbody tr td {
  text-align: left;
}
.table01 tbody tr td.center {
  text-align: center;
}
.table01 tbody tr.first_title th {
  white-space: nowrap;
}
.table01 tbody tr.status_completion th,
.table01 tbody tr.status_completion td {
  background-color: #fff;
}
.table01 tbody tr.status_visit-after th,
.table01 tbody tr.status_visit-after td {
  background-color: #CBE0FF;
}
.table01 tbody tr.status_visit-before th,
.table01 tbody tr.status_visit-before td {
  background-color: #FFD4D4;
}
.table01 tbody tr.status_visit-before.admin_regist th,
.table01 tbody tr.status_visit-before.admin_regist td {
  background-color: #ECF6E5;
}
.table01 tbody tr.deleted th,
.table01 tbody tr.deleted td {
  background-color: #CCCCCC;
}

.status_completion span {
  font-weight: 500;
  display: inline-block;
  text-decoration: line-through;
}

.status_before span {
  font-weight: 500;
  display: inline-block;
  color: #C44343;
}

.status_after span {
  font-weight: 500;
  display: inline-block;
  color: #2C6ECF;
}

.btn_inactive {
  display: block;
  width: 100%;
  min-width: 5.7rem;
  max-width: 6.2rem;
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  color: #AAAAAA;
  background-color: #DEDEDE;
  border-radius: 0.3rem;
  border: 1px solid #AAAAAA;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  text-align: center;
  pointer-events: none;
}

.btn_active {
  display: block;
  width: 100%;
  max-width: 6.2rem;
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  background-color: #2C6ECF;
  border-radius: 0.3rem;
  border: none;
  border-bottom: 2px solid #143564;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  text-align: center;
}

.btn_active-before {
  display: block;
  width: 100%;
  min-width: 5.7rem;
  max-width: 6.2rem;
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  background-color: #C44343;
  border-radius: 0.3rem;
  border: none;
  border-bottom: 2px solid #923636;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  text-align: center;
}

.btn_trash {
  width: 3rem;
  height: 3rem;
  border: none;
  background: none;
  background-image: url(../img/icon_trash.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1rem auto;
}

.btn_return {
  width: 3rem;
  height: 3rem;
  border: none;
  background: none;
  background-image: url(../img/icon_return.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.3rem auto;
}

/*====================================

  ■部品

=====================================*/
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=date],
input[type=number],
input[type=datetime-local],
select,
textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.4;
  padding: 0.9rem 0.7rem;
  border-radius: 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 0.1rem solid #595757;
  margin: 0.5rem 0;
  color: #595757;
  font-size: 1.2rem;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999999;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #999999;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999999;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #999999;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=number]::placeholder,
input[type=datetime-local]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #999999;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=datetime-local]:focus,
select:focus,
textarea:focus {
  border: 0.1rem solid #595757;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
input[type=text].autofill,
input[type=email].autofill,
input[type=tel].autofill,
input[type=password].autofill,
input[type=date].autofill,
input[type=number].autofill,
input[type=datetime-local].autofill,
select.autofill,
textarea.autofill {
  border: none;
  border-radius: 0;
  background: none;
}
input[type=text]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=tel]:-webkit-autofill,
input[type=password]:-webkit-autofill,
input[type=date]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=datetime-local]:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
          box-shadow: 0 0 0 1000px #fff inset;
}

.text-bg-white {
  background-color: #fff;
}

/*=====================================

　■ヘッダー

=====================================*/
@media screen and (min-width: 768px) {
  .sidebar-offcanvas {
    border-right: 1px solid #E6E9ED;
    min-height: 100vh;
  }
}
.sidebar-offcanvas .list-group.panel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.sidebar-offcanvas .list-group.panel .list-group-item {
  padding: 0;
  border: none;
  border-bottom: 1px solid #E6E9ED;
  border-radius: 0;
}
.sidebar-offcanvas .list-group.panel .list-group-item a {
  display: block;
  padding: 1.3rem 1rem 1.3rem 3rem;
  border-radius: 0;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity, 1));
  background-position: center left 1rem;
  background-size: 1.5rem auto;
  background-repeat: no-repeat;
  line-height: 1.4;
  font-size: 1.4rem;
}
.sidebar-offcanvas .list-group.panel .list-group-item a:hover {
  background-color: #E6E9ED;
  text-decoration: none;
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_reservation-management {
  background-image: url(../img/icon_reservation-management.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_available-reservation {
  background-image: url(../img/icon_available-reservation.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_holiday {
  background-image: url(../img/icon_holiday.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_menu {
  background-image: url(../img/icon_menu.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_image {
  background-image: url(../img/icon_image.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_shop {
  background-image: url(../img/icon_shop.svg);
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_logout {
  background-color: #595757;
  color: #fff;
  border: none;
  padding: 1.3rem 1rem;
  text-align: left;
}
.sidebar-offcanvas .list-group.panel .list-group-item a.el_logout:hover {
  background-color: #666666;
}

/*=====================================

　■ネック

=====================================*/
.neck {
  background-color: #595757;
  color: #fff;
  font-size: 2.1rem;
  padding: 0.8rem 1rem 1rem 1.5rem;
  margin: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .neck {
    font-size: 2.4rem;
    margin: 0 0 4rem;
  }
}

/*=====================================

　■フッター

=====================================*/
.bottom-footer {
  background-color: #595757;
  padding: 1.5rem 0;
}
.bottom-footer .footer .footer-copyright {
  color: #fff;
  font-size: 1.4rem;
}

/*=============================
ログインフォーム
=============================*/
.loginSec {
  padding: 5rem 0 2rem;
}

.sitename {
  text-align: center;
  color: #E6E9ED;
  font-size: 3rem;
  line-height: 1.4;
  margin: 0 0 0.5rem;
}

.pagename {
  text-align: center;
  color: #E6E9ED;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 5rem;
}

/*=============================
予約管理
=============================*/
@media screen and (min-width: 1200px) {
  .reserveSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.reserveSelect .reserveSelectItem {
  width: auto;
}
.reserveSelect .reserveSelectItem h2 {
  font-size: 1.6rem;
}
.reserveSelect .reserveSelectItem01 {
  margin: 0 auto 1rem;
}
@media screen and (min-width: 992px) {
  .reserveSelect .reserveSelectItem01 {
    margin: 0 2rem 0 0;
  }
}
/*=============================
手動登録
=============================*/
.reserveRegistrationTable {
  width: 100%;
  max-width: 60rem;
  margin: 0 0 3rem;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.reserveRegistrationTable tbody tr th {
  width: 25%;
  padding: 1rem;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color: #E6E9ED;
  text-align: left;
  white-space: nowrap;
}
.reserveRegistrationTable tbody tr td {
  width: 75%;
  padding: 1rem;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
}

/*=============================
予約済みカレンダー
=============================*/
.reserveCalendar {
  overflow: hidden;
}
.reserveCalendar .tableOuter {
  width: 200.2rem;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.reserveCalendar .tableOuter .tableHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reserveCalendar .tableOuter .tableHead .tableHeadItem {
  background-color: #E6E9ED;
  text-align: center;
  padding: 12px 6px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  font-size: 1.4rem;
}
.reserveCalendar .tableOuter .tableWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
}
.reserveCalendar .tableOuter .tableWrap .tableSub {
  width: 25.1rem;
}
.reserveCalendar .tableOuter .tableWrap .tableSub .tableHead .tableHeadItem {
  width: 100%;
  border-right: 2px solid #B4BCC2;
}
.reserveCalendar .tableOuter .tableWrap .tableSub .tableSubItem {
  padding: 0.5rem;
  border-right: 2px solid #B4BCC2;
  border-bottom: 1px solid #eeeeee;
}
.reserveCalendar .tableOuter .tableWrap .tableMain {
  overflow: scroll;
  width: 60rem;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner {
  padding: 0;
  width: 192rem;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableHead .tableHeadItem {
  border-right: 1px solid #fff;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 192rem;
  overflow: hidden;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem .tableMainCell {
  border-right: 1px solid #eeeeee;
  width: 100%;
  padding: 0;
  position: relative;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem .tableMainCell::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + 1px);
  background-color: #B4BCC2;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem .name {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  background-color: #0047a8;
  padding: 0.2rem 0.7rem;
  margin: 0;
  height: 2.8rem;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem .name::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 100%;
  background-color: #0047a8;
}
.reserveCalendar .tableOuter .tableWrap .tableMain .tableMainInner .tableMainItem .name span {
  display: inline-block;
  color: #fff;
  white-space: nowrap; /* テキストを折り返さない */
  overflow: hidden; /* はみ出した部分を隠す */
  text-overflow: ellipsis; /* はみ出した部分を3点リーダーにする */
  max-width: 100%; /* 親要素の幅に収まるように */
}
.reserveCalendar .verticalCalendar {
  max-width: none;
  width: 100%;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub {
  border: 1px solid #B4BCC2;
  padding: 1.5rem 1rem;
  position: relative;
  border-top: 0;
  cursor: pointer;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub .verticalCalendarTitle {
  position: relative;
  max-width: calc(100% - 3rem);
  color: #595757;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub .verticalCalendarBtn {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  border-radius: 20px;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub .verticalCalendarBtn span {
  display: inline-block;
  width: 100%;
  height: 0.2rem;
  background: #B4BCC2;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub .verticalCalendarBtn span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.reserveCalendar .verticalCalendar .verticalCalendarSub .verticalCalendarBtn span:last-child {
  display: inline-block;
  width: 0.2rem;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.reserveCalendar .verticalCalendar .verticalCalendarSub.on .verticalCalendarBtn span:last-child {
  display: none;
}
.reserveCalendar .verticalCalendar .verticalCalendarSub:hover {
  opacity: 0.7;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain {
  display: none;
  border-bottom: 1px solid #B4BCC2;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarHead {
  width: 5rem;
  text-align: center;
  border-right: 1px solid #B4BCC2;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarHead .verticalCalendarHeadItem {
  background-color: #E6E9ED;
  text-align: center;
  padding: 1.6rem 1rem;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
  width: 100%;
  font-weight: bold;
  font-size: 1.2rem;
  min-height: 5rem;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody {
  width: 100%;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem {
  display: block;
  position: relative;
  min-height: 100%;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .verticalCalendarItemInner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: auto;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .verticalCalendarItemInner .verticalCalendarItemScroll {
  display: block;
  height: 100%;
  width: 100%;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .verticalCalendarCell {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  width: 100%;
  padding: 0;
  position: relative;
  min-height: 5rem;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .verticalCalendarCell::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #B4BCC2;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .name {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  background-color: #0047a8;
  padding: 0.2rem 0.7rem;
  margin: 0;
  min-height: 1rem;
  width: 7rem;
  font-size: 1.1rem;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .name::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 2px;
  background-color: #0047a8;
}
.reserveCalendar .verticalCalendar .verticalCalendarMain .verticalCalendarMainInner .verticalCalendarBody .verticalCalendarItem .name span {
  display: inline-block;
  color: #fff;
  white-space: nowrap; /* テキストを折り返さない */
  overflow: hidden; /* はみ出した部分を隠す */
  text-overflow: ellipsis; /* はみ出した部分を3点リーダーにする */
  width: 100%;
  max-width: 100%; /* 親要素の幅に収まるように */
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 0.7rem;
  text-align: center;
}
.reserveCalendar#calendar_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .reserveCalendar#calendar_pc {
    display: block;
  }
}
.reserveCalendar#calendar_sp {
  border-top: 1px solid #B4BCC2;
  display: block;
}
@media screen and (min-width: 768px) {
  .reserveCalendar#calendar_sp {
    display: none;
  }
}

/*=============================
営業時間
=============================*/
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
}
.xxxs_visible {
  display: block;
}
@media screen and (min-width: 421px) {
  .xxxs_visible {
    display: none;
  }
}

.xxxs_hidden {
  display: none;
}
@media screen and (min-width: 421px) {
  .xxxs_hidden {
    display: block;
  }
}

.xxs_visible {
  display: block;
}
@media screen and (min-width: 601px) {
  .xxs_visible {
    display: none;
  }
}

.xxs_hidden {
  display: none;
}
@media screen and (min-width: 601px) {
  .xxs_hidden {
    display: block;
  }
}

.xs_visible {
  display: block;
}
@media screen and (min-width: 768px) {
  .xs_visible {
    display: none;
  }
}

.xs_hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .xs_hidden {
    display: block;
  }
}

.sm_visible {
  display: block;
}
@media screen and (min-width: 992px) {
  .sm_visible {
    display: none;
  }
}

.sm_hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  .sm_hidden {
    display: block;
  }
}

.md_visible {
  display: block;
}
@media screen and (min-width: 1200px) {
  .md_visible {
    display: none;
  }
}

.md_hidden {
  display: none;
}
@media screen and (min-width: 1200px) {
  .md_hidden {
    display: block;
  }
}

.md2_visible {
  display: block;
}
@media screen and (min-width: 1400px) {
  .md2_visible {
    display: none;
  }
}

.md2_hidden {
  display: none;
}
@media screen and (min-width: 1400px) {
  .md2_hidden {
    display: block;
  }
}

.lg_visible {
  display: block;
}
@media screen and (min-width: 1921px) {
  .lg_visible {
    display: none;
  }
}

.lg_hidden {
  display: none;
}
@media screen and (min-width: 1921px) {
  .lg_hidden {
    display: block;
  }
}

/*=================================
margin-top
=================================*/
.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mt15 {
  margin-top: 1.5rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt25 {
  margin-top: 2.5rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mt70 {
  margin-top: 7rem !important;
}

.mt80 {
  margin-top: 8rem !important;
}

.mt90 {
  margin-top: 9rem !important;
}

.mt100 {
  margin-top: 10rem !important;
}

@media screen and (min-width: 768px) {
  .xs_mt0 {
    margin-top: 0 !important;
  }
  .xs_mt10 {
    margin-top: 1rem !important;
  }
  .xs_mt15 {
    margin-top: 1.5rem !important;
  }
  .xs_mt20 {
    margin-top: 2rem !important;
  }
  .xs_mt25 {
    margin-top: 2.5rem !important;
  }
  .xs_mt30 {
    margin-top: 3rem !important;
  }
  .xs_mt40 {
    margin-top: 4rem !important;
  }
  .xs_mt50 {
    margin-top: 5rem !important;
  }
  .xs_mt60 {
    margin-top: 6rem !important;
  }
  .xs_mt70 {
    margin-top: 7rem !important;
  }
  .xs_mt80 {
    margin-top: 8rem !important;
  }
  .xs_mt90 {
    margin-top: 98rem !important;
  }
  .xs_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_mt0 {
    margin-top: 0 !important;
  }
  .sm_mt10 {
    margin-top: 1rem !important;
  }
  .sm_mt15 {
    margin-top: 1.5rem !important;
  }
  .sm_mt20 {
    margin-top: 2rem !important;
  }
  .sm_mt25 {
    margin-top: 2.5rem !important;
  }
  .sm_mt30 {
    margin-top: 3rem !important;
  }
  .sm_mt40 {
    margin-top: 4rem !important;
  }
  .sm_mt50 {
    margin-top: 5rem !important;
  }
  .sm_mt60 {
    margin-top: 6rem !important;
  }
  .sm_mt70 {
    margin-top: 7rem !important;
  }
  .sm_mt80 {
    margin-top: 8rem !important;
  }
  .sm_mt90 {
    margin-top: 9rem !important;
  }
  .sm_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_mt0 {
    margin-top: 0 !important;
  }
  .md_mt10 {
    margin-top: 1rem !important;
  }
  .md_mt15 {
    margin-top: 1.5rem !important;
  }
  .md_mt20 {
    margin-top: 2rem !important;
  }
  .md_mt25 {
    margin-top: 2.5rem !important;
  }
  .md_mt30 {
    margin-top: 3rem !important;
  }
  .md_mt40 {
    margin-top: 4rem !important;
  }
  .md_mt50 {
    margin-top: 5rem !important;
  }
  .md_mt60 {
    margin-top: 6rem !important;
  }
  .md_mt70 {
    margin-top: 7rem !important;
  }
  .md_mt80 {
    margin-top: 8rem !important;
  }
  .md_mt80 {
    margin-top: 8rem !important;
  }
  .md_mt100 {
    margin-top: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_mt0 {
    margin-top: 0 !important;
  }
  .lg_mt10 {
    margin-top: 1rem !important;
  }
  .lg_mt15 {
    margin-top: 1.5rem !important;
  }
  .lg_mt20 {
    margin-top: 2rem !important;
  }
  .lg_mt25 {
    margin-top: 2.5rem !important;
  }
  .lg_mt30 {
    margin-top: 3rem !important;
  }
  .lg_mt40 {
    margin-top: 4rem !important;
  }
  .lg_mt50 {
    margin-top: 5rem !important;
  }
  .lg_mt60 {
    margin-top: 6rem !important;
  }
  .lg_mt70 {
    margin-top: 7rem !important;
  }
  .lg_mt80 {
    margin-top: 8rem !important;
  }
  .lg_mt90 {
    margin-top: 9rem !important;
  }
  .lg_mt100 {
    margin-top: 10rem !important;
  }
}
/*=================================
margin-right
=================================*/
.mr0 {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 1rem !important;
}

.mr15 {
  margin-right: 1.5rem !important;
}

.mr20 {
  margin-right: 2rem !important;
}

.mr25 {
  margin-right: 2.5rem !important;
}

.mr30 {
  margin-right: 3rem !important;
}

.mr40 {
  margin-right: 4rem !important;
}

.mr50 {
  margin-right: 5rem !important;
}

.mr60 {
  margin-right: 6rem !important;
}

.mr70 {
  margin-right: 7rem !important;
}

.mr80 {
  margin-right: 8rem !important;
}

.mr90 {
  margin-right: 9rem !important;
}

.mr100 {
  margin-right: 10rem !important;
}

/*=================================
margin-bottom
=================================*/
.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb15 {
  margin-bottom: 1.5rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mb25 {
  margin-bottom: 2.5rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.mb60 {
  margin-bottom: 6rem !important;
}

.mb70 {
  margin-bottom: 7rem !important;
}

.mb80 {
  margin-bottom: 8rem !important;
}

.mb90 {
  margin-bottom: 9rem !important;
}

.mb100 {
  margin-bottom: 10rem !important;
}

@media screen and (min-width: 768px) {
  .xs_mb0 {
    margin-bottom: 0 !important;
  }
  .xs_mb10 {
    margin-bottom: 1rem !important;
  }
  .xs_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .xs_mb20 {
    margin-bottom: 2rem !important;
  }
  .xs_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .xs_mb30 {
    margin-bottom: 3rem !important;
  }
  .xs_mb40 {
    margin-bottom: 4rem !important;
  }
  .xs_mb50 {
    margin-bottom: 5rem !important;
  }
  .xs_mb60 {
    margin-bottom: 6rem !important;
  }
  .xs_mb70 {
    margin-bottom: 7rem !important;
  }
  .xs_mb80 {
    margin-bottom: 8rem !important;
  }
  .xs_mb90 {
    margin-bottom: 98rem !important;
  }
  .xs_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_mb0 {
    margin-bottom: 0 !important;
  }
  .sm_mb10 {
    margin-bottom: 1rem !important;
  }
  .sm_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .sm_mb20 {
    margin-bottom: 2rem !important;
  }
  .sm_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .sm_mb30 {
    margin-bottom: 3rem !important;
  }
  .sm_mb40 {
    margin-bottom: 4rem !important;
  }
  .sm_mb50 {
    margin-bottom: 5rem !important;
  }
  .sm_mb60 {
    margin-bottom: 6rem !important;
  }
  .sm_mb70 {
    margin-bottom: 7rem !important;
  }
  .sm_mb80 {
    margin-bottom: 8rem !important;
  }
  .sm_mb90 {
    margin-bottom: 9rem !important;
  }
  .sm_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_mb0 {
    margin-bottom: 0 !important;
  }
  .md_mb10 {
    margin-bottom: 1rem !important;
  }
  .md_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .md_mb20 {
    margin-bottom: 2rem !important;
  }
  .md_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .md_mb30 {
    margin-bottom: 3rem !important;
  }
  .md_mb40 {
    margin-bottom: 4rem !important;
  }
  .md_mb50 {
    margin-bottom: 5rem !important;
  }
  .md_mb60 {
    margin-bottom: 6rem !important;
  }
  .md_mb70 {
    margin-bottom: 7rem !important;
  }
  .md_mb80 {
    margin-bottom: 8rem !important;
  }
  .md_mb80 {
    margin-bottom: 8rem !important;
  }
  .md_mb100 {
    margin-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_mb0 {
    margin-bottom: 0 !important;
  }
  .lg_mb10 {
    margin-bottom: 1rem !important;
  }
  .lg_mb15 {
    margin-bottom: 1.5rem !important;
  }
  .lg_mb20 {
    margin-bottom: 2rem !important;
  }
  .lg_mb25 {
    margin-bottom: 2.5rem !important;
  }
  .lg_mb30 {
    margin-bottom: 3rem !important;
  }
  .lg_mb40 {
    margin-bottom: 4rem !important;
  }
  .lg_mb50 {
    margin-bottom: 5rem !important;
  }
  .lg_mb60 {
    margin-bottom: 6rem !important;
  }
  .lg_mb70 {
    margin-bottom: 7rem !important;
  }
  .lg_mb80 {
    margin-bottom: 8rem !important;
  }
  .lg_mb90 {
    margin-bottom: 9rem !important;
  }
  .lg_mb100 {
    margin-bottom: 10rem !important;
  }
}
/*=================================
padding-top
=================================*/
.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 1rem !important;
}

.pt15 {
  padding-top: 1.5rem !important;
}

.pt20 {
  padding-top: 2rem !important;
}

.pt25 {
  padding-top: 2.5rem !important;
}

.pt30 {
  padding-top: 3rem !important;
}

.pt40 {
  padding-top: 4rem !important;
}

.pt50 {
  padding-top: 5rem !important;
}

.pt60 {
  padding-top: 6rem !important;
}

.pt70 {
  padding-top: 7rem !important;
}

.pt80 {
  padding-top: 8rem !important;
}

.pt90 {
  padding-top: 9rem !important;
}

.pt100 {
  padding-top: 10rem !important;
}

@media screen and (min-width: 768px) {
  .xs_pt0 {
    padding-top: 0 !important;
  }
  .xs_pt10 {
    padding-top: 1rem !important;
  }
  .xs_pt15 {
    padding-top: 1.5rem !important;
  }
  .xs_pt20 {
    padding-top: 2rem !important;
  }
  .xs_pt25 {
    padding-top: 2.5rem !important;
  }
  .xs_pt30 {
    padding-top: 3rem !important;
  }
  .xs_pt40 {
    padding-top: 4rem !important;
  }
  .xs_pt50 {
    padding-top: 5rem !important;
  }
  .xs_pt60 {
    padding-top: 6rem !important;
  }
  .xs_pt70 {
    padding-top: 7rem !important;
  }
  .xs_pt80 {
    padding-top: 8rem !important;
  }
  .xs_pt90 {
    padding-top: 98rem !important;
  }
  .xs_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_pt0 {
    padding-top: 0 !important;
  }
  .sm_pt10 {
    padding-top: 1rem !important;
  }
  .sm_pt15 {
    padding-top: 1.5rem !important;
  }
  .sm_pt20 {
    padding-top: 2rem !important;
  }
  .sm_pt25 {
    padding-top: 2.5rem !important;
  }
  .sm_pt30 {
    padding-top: 3rem !important;
  }
  .sm_pt40 {
    padding-top: 4rem !important;
  }
  .sm_pt50 {
    padding-top: 5rem !important;
  }
  .sm_pt60 {
    padding-top: 6rem !important;
  }
  .sm_pt70 {
    padding-top: 7rem !important;
  }
  .sm_pt80 {
    padding-top: 8rem !important;
  }
  .sm_pt90 {
    padding-top: 9rem !important;
  }
  .sm_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_pt0 {
    padding-top: 0 !important;
  }
  .md_pt10 {
    padding-top: 1rem !important;
  }
  .md_pt15 {
    padding-top: 1.5rem !important;
  }
  .md_pt20 {
    padding-top: 2rem !important;
  }
  .md_pt25 {
    padding-top: 2.5rem !important;
  }
  .md_pt30 {
    padding-top: 3rem !important;
  }
  .md_pt40 {
    padding-top: 4rem !important;
  }
  .md_pt50 {
    padding-top: 5rem !important;
  }
  .md_pt60 {
    padding-top: 6rem !important;
  }
  .md_pt70 {
    padding-top: 7rem !important;
  }
  .md_pt80 {
    padding-top: 8rem !important;
  }
  .md_pt80 {
    padding-top: 8rem !important;
  }
  .md_pt100 {
    padding-top: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_pt0 {
    padding-top: 0 !important;
  }
  .lg_pt10 {
    padding-top: 1rem !important;
  }
  .lg_pt15 {
    padding-top: 1.5rem !important;
  }
  .lg_pt20 {
    padding-top: 2rem !important;
  }
  .lg_pt25 {
    padding-top: 2.5rem !important;
  }
  .lg_pt30 {
    padding-top: 3rem !important;
  }
  .lg_pt40 {
    padding-top: 4rem !important;
  }
  .lg_pt50 {
    padding-top: 5rem !important;
  }
  .lg_pt60 {
    padding-top: 6rem !important;
  }
  .lg_pt70 {
    padding-top: 7rem !important;
  }
  .lg_pt80 {
    padding-top: 8rem !important;
  }
  .lg_pt90 {
    padding-top: 9rem !important;
  }
  .lg_pt100 {
    padding-top: 10rem !important;
  }
}
/*=================================
padding-bottom
=================================*/
.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 1rem !important;
}

.pb15 {
  padding-bottom: 1.5rem !important;
}

.pb20 {
  padding-bottom: 2rem !important;
}

.pb25 {
  padding-bottom: 2.5rem !important;
}

.pb30 {
  padding-bottom: 3rem !important;
}

.pb40 {
  padding-bottom: 4rem !important;
}

.pb50 {
  padding-bottom: 5rem !important;
}

.pb60 {
  padding-bottom: 6rem !important;
}

.pb70 {
  padding-bottom: 7rem !important;
}

.pb80 {
  padding-bottom: 8rem !important;
}

.pb90 {
  padding-bottom: 9rem !important;
}

.pb100 {
  padding-bottom: 10rem !important;
}

@media screen and (min-width: 768px) {
  .xs_pb0 {
    padding-bottom: 0 !important;
  }
  .xs_pb10 {
    padding-bottom: 1rem !important;
  }
  .xs_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .xs_pb20 {
    padding-bottom: 2rem !important;
  }
  .xs_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .xs_pb30 {
    padding-bottom: 3rem !important;
  }
  .xs_pb40 {
    padding-bottom: 4rem !important;
  }
  .xs_pb50 {
    padding-bottom: 5rem !important;
  }
  .xs_pb60 {
    padding-bottom: 6rem !important;
  }
  .xs_pb70 {
    padding-bottom: 7rem !important;
  }
  .xs_pb80 {
    padding-bottom: 8rem !important;
  }
  .xs_pb90 {
    padding-bottom: 98rem !important;
  }
  .xs_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sm_pb0 {
    padding-bottom: 0 !important;
  }
  .sm_pb10 {
    padding-bottom: 1rem !important;
  }
  .sm_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .sm_pb20 {
    padding-bottom: 2rem !important;
  }
  .sm_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .sm_pb30 {
    padding-bottom: 3rem !important;
  }
  .sm_pb40 {
    padding-bottom: 4rem !important;
  }
  .sm_pb50 {
    padding-bottom: 5rem !important;
  }
  .sm_pb60 {
    padding-bottom: 6rem !important;
  }
  .sm_pb70 {
    padding-bottom: 7rem !important;
  }
  .sm_pb80 {
    padding-bottom: 8rem !important;
  }
  .sm_pb90 {
    padding-bottom: 9rem !important;
  }
  .sm_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .md_pb0 {
    padding-bottom: 0 !important;
  }
  .md_pb10 {
    padding-bottom: 1rem !important;
  }
  .md_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .md_pb20 {
    padding-bottom: 2rem !important;
  }
  .md_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .md_pb30 {
    padding-bottom: 3rem !important;
  }
  .md_pb40 {
    padding-bottom: 4rem !important;
  }
  .md_pb50 {
    padding-bottom: 5rem !important;
  }
  .md_pb60 {
    padding-bottom: 6rem !important;
  }
  .md_pb70 {
    padding-bottom: 7rem !important;
  }
  .md_pb80 {
    padding-bottom: 8rem !important;
  }
  .md_pb80 {
    padding-bottom: 8rem !important;
  }
  .md_pb100 {
    padding-bottom: 10rem !important;
  }
}
@media screen and (min-width: 1921px) {
  .lg_pb0 {
    padding-bottom: 0 !important;
  }
  .lg_pb10 {
    padding-bottom: 1rem !important;
  }
  .lg_pb15 {
    padding-bottom: 1.5rem !important;
  }
  .lg_pb20 {
    padding-bottom: 2rem !important;
  }
  .lg_pb25 {
    padding-bottom: 2.5rem !important;
  }
  .lg_pb30 {
    padding-bottom: 3rem !important;
  }
  .lg_pb40 {
    padding-bottom: 4rem !important;
  }
  .lg_pb50 {
    padding-bottom: 5rem !important;
  }
  .lg_pb60 {
    padding-bottom: 6rem !important;
  }
  .lg_pb70 {
    padding-bottom: 7rem !important;
  }
  .lg_pb80 {
    padding-bottom: 8rem !important;
  }
  .lg_pb90 {
    padding-bottom: 9rem !important;
  }
  .lg_pb100 {
    padding-bottom: 10rem !important;
  }
}