@charset "UTF-8";
button, [type=button], [type=reset], [type=submit] {
  appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button:disabled:hover, [type=button]:disabled:hover, [type=reset]:disabled:hover, [type=submit]:disabled:hover {
  background-color: #1565c0;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em;
}

input,
select,
textarea {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px;
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%;
}
[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, textarea:hover {
  border-color: #b1b1b1;
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus {
  border-color: #1565c0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7);
  outline: none;
}
[type=color]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, textarea:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime]:disabled:hover, [type=datetime-local]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
  border: 1px solid #ddd;
}
[type=color]::placeholder, [type=date]::placeholder, [type=datetime]::placeholder, [type=datetime-local]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, input:not([type])::placeholder, textarea::placeholder {
  color: #858585;
}

textarea {
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  display: inline;
  margin-right: 0.375em;
}

[type=file] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 0.75em;
  width: 100%;
}

[type=checkbox]:focus,
[type=radio]:focus,
[type=file]:focus,
select:focus {
  outline: 3px solid rgba(21, 101, 192, 0.6);
  outline-offset: 2px;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
}

dt {
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 1.5em 0;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

thead {
  line-height: 1.2;
  vertical-align: bottom;
}

tbody {
  vertical-align: top;
}

tr {
  border-bottom: 1px solid #ddd;
}

th {
  font-weight: 600;
}

th,
td {
  padding: 0.75em 0.75em 0.75em 0;
}

html {
  color: #333;
  font-size: 62.5%;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

p {
  margin: 0 0 0.75em;
}

a:focus {
  outline: none;
  border: 0;
}

select:focus {
  outline: none;
  border: 0;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "メイリオ", Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #252525;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

h2, h3, h4, h5 {
  letter-spacing: 0.1em;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  h2, h3, h4, h5 {
    font-size: 1.8rem;
  }
}

dd, dt {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  dd, dt {
    font-size: 1.3rem;
  }
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

strong {
  font-size: 1.25rem;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #000100;
  letter-spacing: 0.05em;
}
a:hover {
  opacity: 0.8;
  color: #000100;
  text-decoration: none;
}
a:focus {
  outline: inherit;
  outline-offset: inherit;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

span {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  span {
    font-size: 1.3rem;
  }
}

p {
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  p {
    font-size: 1.3rem;
  }
}

input, select {
  vertical-align: middle;
}

textarea {
  width: 100%;
  padding: 5px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}

li {
  list-style: none;
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  line-height: 1.8;
}

img.alignleft {
  text-align: left;
}

img.aligncenter {
  display: block;
  margin: 1px auto;
}

img.alignright {
  display: block;
  margin: 1px 1px 1px auto;
}

.insert-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
}
.insert-loading .spinner-box {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.insert-loading .circle-core {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.insert-loading .circle-border {
  width: 100px;
  height: 100px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgb(63, 249, 220) 100%);
  animation: spin 0.8s linear 0s infinite;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}

.black {
  color: #000 !important;
}

.content-width {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}

.bread-crumb {
  width: 95%;
  max-width: 1200px;
  margin: 30px auto;
}
.bread-crumb-list {
  display: flex;
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.bread-crumb-list li {
  margin-right: 10px;
}
.bread-crumb-list li:after {
  content: ">";
  font-size: 13px;
  color: #aaa;
  margin-left: 10px;
}
.bread-crumb-list li:last-child:after {
  content: "";
}
.bread-crumb-list li a, .bread-crumb-list li span {
  font-size: 13px;
  color: #aaa;
}

.page-title {
  text-align: center;
  margin-bottom: 50px;
}
.page-title h1, .page-title h2, .page-title h3 {
  font-size: 24px;
  color: #333;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (min-width: 400px) {
  .page-title h1, .page-title h2, .page-title h3 {
    font-size: 35px;
  }
}
.page-title .small {
  font-size: 20px;
}
@media screen and (min-width: 400px) {
  .page-title .small {
    font-size: 35px;
  }
}
.page-title span {
  font-size: 15px;
  color: #777;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 400px) {
  .page-title span {
    font-size: 16px;
  }
}
.page-title .page-title__company {
  text-align: center;
}
.page-title .page-title__company span {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  padding: 0px 10px 5px;
}

.blue {
  background-color: #285ac8;
  color: #fff;
  display: block;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blue:hover {
  opacity: 0.8;
  color: #fff;
}

.blue-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  display: block;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blue-btn:hover {
  opacity: 0.8;
  color: #000;
}

.red {
  border-radius: 5px;
  display: block;
  background-color: red;
  color: #fff;
  padding: 2px 10px;
  font-size: 13px;
}
.red:hover {
  opacity: 0.8;
  color: #fff;
}

.actions-delete {
  margin-bottom: 30px;
  border: 2px solid red;
  color: red;
  padding: 10px 10px;
  font-size: 15px;
  font-weight: bold;
  background-color: #fff;
}

select {
  border: 1px solid #ccc;
}
select:focus {
  border: 1px solid #ccc !important;
}

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

.pagenation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0px;
}
.pagenation li {
  margin-right: 15px;
}
.pagenation li:last-child {
  margin-right: 0px;
}
.pagenation li span, .pagenation li a {
  font-size: 14px;
  color: #363636;
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 400px) {
  .pagenation li span, .pagenation li a {
    font-size: 19px;
  }
}
.pagenation li .active {
  color: #000;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

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

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.text-0 {
  font-size: 0px !important;
}

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

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

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

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

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

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

@media screen and (min-width: 400px) {
  html .text-sm-0 {
    font-size: 0px !important;
  }

  html .mb-sm-0 {
    margin-bottom: 0px !important;
  }

  html .px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  html .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-0 {
    font-size: 0px !important;
  }

  html body .mb-md-0 {
    margin-bottom: 0px !important;
  }

  html body .px-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  html body .pb-md-0 {
    padding-bottom: 0px !important;
  }

  html body .pt-md-0 {
    padding-top: 0px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-0 {
    font-size: 0px !important;
  }

  html body main .mb-lg-0 {
    margin-bottom: 0px !important;
  }

  html body main .px-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  html body main .pb-lg-0 {
    padding-bottom: 0px !important;
  }

  html body main .pt-lg-0 {
    padding-top: 0px !important;
  }
}
.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.text-1 {
  font-size: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-1 {
    font-size: 1px !important;
  }

  html .mb-sm-1 {
    margin-bottom: 1px !important;
  }

  html .px-sm-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  html .py-sm-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-1 {
    font-size: 1px !important;
  }

  html body .mb-md-1 {
    margin-bottom: 1px !important;
  }

  html body .px-md-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  html body .pb-md-1 {
    padding-bottom: 1px !important;
  }

  html body .pt-md-1 {
    padding-top: 1px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-1 {
    font-size: 1px !important;
  }

  html body main .mb-lg-1 {
    margin-bottom: 1px !important;
  }

  html body main .px-lg-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  html body main .pb-lg-1 {
    padding-bottom: 1px !important;
  }

  html body main .pt-lg-1 {
    padding-top: 1px !important;
  }
}
.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.text-2 {
  font-size: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-2 {
    font-size: 2px !important;
  }

  html .mb-sm-2 {
    margin-bottom: 2px !important;
  }

  html .px-sm-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  html .py-sm-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-2 {
    font-size: 2px !important;
  }

  html body .mb-md-2 {
    margin-bottom: 2px !important;
  }

  html body .px-md-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  html body .pb-md-2 {
    padding-bottom: 2px !important;
  }

  html body .pt-md-2 {
    padding-top: 2px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-2 {
    font-size: 2px !important;
  }

  html body main .mb-lg-2 {
    margin-bottom: 2px !important;
  }

  html body main .px-lg-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  html body main .pb-lg-2 {
    padding-bottom: 2px !important;
  }

  html body main .pt-lg-2 {
    padding-top: 2px !important;
  }
}
.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.text-3 {
  font-size: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-3 {
    font-size: 3px !important;
  }

  html .mb-sm-3 {
    margin-bottom: 3px !important;
  }

  html .px-sm-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  html .py-sm-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-3 {
    font-size: 3px !important;
  }

  html body .mb-md-3 {
    margin-bottom: 3px !important;
  }

  html body .px-md-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  html body .pb-md-3 {
    padding-bottom: 3px !important;
  }

  html body .pt-md-3 {
    padding-top: 3px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-3 {
    font-size: 3px !important;
  }

  html body main .mb-lg-3 {
    margin-bottom: 3px !important;
  }

  html body main .px-lg-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  html body main .pb-lg-3 {
    padding-bottom: 3px !important;
  }

  html body main .pt-lg-3 {
    padding-top: 3px !important;
  }
}
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.text-4 {
  font-size: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-4 {
    font-size: 4px !important;
  }

  html .mb-sm-4 {
    margin-bottom: 4px !important;
  }

  html .px-sm-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html .py-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-4 {
    font-size: 4px !important;
  }

  html body .mb-md-4 {
    margin-bottom: 4px !important;
  }

  html body .px-md-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body .pb-md-4 {
    padding-bottom: 4px !important;
  }

  html body .pt-md-4 {
    padding-top: 4px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-4 {
    font-size: 4px !important;
  }

  html body main .mb-lg-4 {
    margin-bottom: 4px !important;
  }

  html body main .px-lg-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html body main .pb-lg-4 {
    padding-bottom: 4px !important;
  }

  html body main .pt-lg-4 {
    padding-top: 4px !important;
  }
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.text-5 {
  font-size: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-5 {
    font-size: 5px !important;
  }

  html .mb-sm-5 {
    margin-bottom: 5px !important;
  }

  html .px-sm-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-5 {
    font-size: 5px !important;
  }

  html body .mb-md-5 {
    margin-bottom: 5px !important;
  }

  html body .px-md-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body .pb-md-5 {
    padding-bottom: 5px !important;
  }

  html body .pt-md-5 {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-5 {
    font-size: 5px !important;
  }

  html body main .mb-lg-5 {
    margin-bottom: 5px !important;
  }

  html body main .px-lg-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body main .pb-lg-5 {
    padding-bottom: 5px !important;
  }

  html body main .pt-lg-5 {
    padding-top: 5px !important;
  }
}
.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.text-6 {
  font-size: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-6 {
    font-size: 6px !important;
  }

  html .mb-sm-6 {
    margin-bottom: 6px !important;
  }

  html .px-sm-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html .py-sm-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-6 {
    font-size: 6px !important;
  }

  html body .mb-md-6 {
    margin-bottom: 6px !important;
  }

  html body .px-md-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body .pb-md-6 {
    padding-bottom: 6px !important;
  }

  html body .pt-md-6 {
    padding-top: 6px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-6 {
    font-size: 6px !important;
  }

  html body main .mb-lg-6 {
    margin-bottom: 6px !important;
  }

  html body main .px-lg-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body main .pb-lg-6 {
    padding-bottom: 6px !important;
  }

  html body main .pt-lg-6 {
    padding-top: 6px !important;
  }
}
.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.text-7 {
  font-size: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-7 {
    font-size: 7px !important;
  }

  html .mb-sm-7 {
    margin-bottom: 7px !important;
  }

  html .px-sm-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html .py-sm-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-7 {
    font-size: 7px !important;
  }

  html body .mb-md-7 {
    margin-bottom: 7px !important;
  }

  html body .px-md-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body .pb-md-7 {
    padding-bottom: 7px !important;
  }

  html body .pt-md-7 {
    padding-top: 7px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-7 {
    font-size: 7px !important;
  }

  html body main .mb-lg-7 {
    margin-bottom: 7px !important;
  }

  html body main .px-lg-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body main .pb-lg-7 {
    padding-bottom: 7px !important;
  }

  html body main .pt-lg-7 {
    padding-top: 7px !important;
  }
}
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.text-8 {
  font-size: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-8 {
    font-size: 8px !important;
  }

  html .mb-sm-8 {
    margin-bottom: 8px !important;
  }

  html .px-sm-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html .py-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-8 {
    font-size: 8px !important;
  }

  html body .mb-md-8 {
    margin-bottom: 8px !important;
  }

  html body .px-md-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .pb-md-8 {
    padding-bottom: 8px !important;
  }

  html body .pt-md-8 {
    padding-top: 8px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-8 {
    font-size: 8px !important;
  }

  html body main .mb-lg-8 {
    margin-bottom: 8px !important;
  }

  html body main .px-lg-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body main .pb-lg-8 {
    padding-bottom: 8px !important;
  }

  html body main .pt-lg-8 {
    padding-top: 8px !important;
  }
}
.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.text-9 {
  font-size: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-9 {
    font-size: 9px !important;
  }

  html .mb-sm-9 {
    margin-bottom: 9px !important;
  }

  html .px-sm-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  html .py-sm-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-9 {
    font-size: 9px !important;
  }

  html body .mb-md-9 {
    margin-bottom: 9px !important;
  }

  html body .px-md-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  html body .pb-md-9 {
    padding-bottom: 9px !important;
  }

  html body .pt-md-9 {
    padding-top: 9px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-9 {
    font-size: 9px !important;
  }

  html body main .mb-lg-9 {
    margin-bottom: 9px !important;
  }

  html body main .px-lg-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  html body main .pb-lg-9 {
    padding-bottom: 9px !important;
  }

  html body main .pt-lg-9 {
    padding-top: 9px !important;
  }
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.text-10 {
  font-size: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-10 {
    font-size: 10px !important;
  }

  html .mb-sm-10 {
    margin-bottom: 10px !important;
  }

  html .px-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-10 {
    font-size: 10px !important;
  }

  html body .mb-md-10 {
    margin-bottom: 10px !important;
  }

  html body .px-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .pb-md-10 {
    padding-bottom: 10px !important;
  }

  html body .pt-md-10 {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-10 {
    font-size: 10px !important;
  }

  html body main .mb-lg-10 {
    margin-bottom: 10px !important;
  }

  html body main .px-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body main .pb-lg-10 {
    padding-bottom: 10px !important;
  }

  html body main .pt-lg-10 {
    padding-top: 10px !important;
  }
}
.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.text-11 {
  font-size: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-11 {
    font-size: 11px !important;
  }

  html .mb-sm-11 {
    margin-bottom: 11px !important;
  }

  html .px-sm-11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  html .py-sm-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-11 {
    font-size: 11px !important;
  }

  html body .mb-md-11 {
    margin-bottom: 11px !important;
  }

  html body .px-md-11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  html body .pb-md-11 {
    padding-bottom: 11px !important;
  }

  html body .pt-md-11 {
    padding-top: 11px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-11 {
    font-size: 11px !important;
  }

  html body main .mb-lg-11 {
    margin-bottom: 11px !important;
  }

  html body main .px-lg-11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  html body main .pb-lg-11 {
    padding-bottom: 11px !important;
  }

  html body main .pt-lg-11 {
    padding-top: 11px !important;
  }
}
.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.text-12 {
  font-size: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-12 {
    font-size: 12px !important;
  }

  html .mb-sm-12 {
    margin-bottom: 12px !important;
  }

  html .px-sm-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html .py-sm-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-12 {
    font-size: 12px !important;
  }

  html body .mb-md-12 {
    margin-bottom: 12px !important;
  }

  html body .px-md-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .pb-md-12 {
    padding-bottom: 12px !important;
  }

  html body .pt-md-12 {
    padding-top: 12px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-12 {
    font-size: 12px !important;
  }

  html body main .mb-lg-12 {
    margin-bottom: 12px !important;
  }

  html body main .px-lg-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body main .pb-lg-12 {
    padding-bottom: 12px !important;
  }

  html body main .pt-lg-12 {
    padding-top: 12px !important;
  }
}
.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.text-13 {
  font-size: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-13 {
    font-size: 13px !important;
  }

  html .mb-sm-13 {
    margin-bottom: 13px !important;
  }

  html .px-sm-13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  html .py-sm-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-13 {
    font-size: 13px !important;
  }

  html body .mb-md-13 {
    margin-bottom: 13px !important;
  }

  html body .px-md-13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  html body .pb-md-13 {
    padding-bottom: 13px !important;
  }

  html body .pt-md-13 {
    padding-top: 13px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-13 {
    font-size: 13px !important;
  }

  html body main .mb-lg-13 {
    margin-bottom: 13px !important;
  }

  html body main .px-lg-13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  html body main .pb-lg-13 {
    padding-bottom: 13px !important;
  }

  html body main .pt-lg-13 {
    padding-top: 13px !important;
  }
}
.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.text-14 {
  font-size: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-14 {
    font-size: 14px !important;
  }

  html .mb-sm-14 {
    margin-bottom: 14px !important;
  }

  html .px-sm-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html .py-sm-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-14 {
    font-size: 14px !important;
  }

  html body .mb-md-14 {
    margin-bottom: 14px !important;
  }

  html body .px-md-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body .pb-md-14 {
    padding-bottom: 14px !important;
  }

  html body .pt-md-14 {
    padding-top: 14px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-14 {
    font-size: 14px !important;
  }

  html body main .mb-lg-14 {
    margin-bottom: 14px !important;
  }

  html body main .px-lg-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body main .pb-lg-14 {
    padding-bottom: 14px !important;
  }

  html body main .pt-lg-14 {
    padding-top: 14px !important;
  }
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.text-15 {
  font-size: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-15 {
    font-size: 15px !important;
  }

  html .mb-sm-15 {
    margin-bottom: 15px !important;
  }

  html .px-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-15 {
    font-size: 15px !important;
  }

  html body .mb-md-15 {
    margin-bottom: 15px !important;
  }

  html body .px-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html body .pb-md-15 {
    padding-bottom: 15px !important;
  }

  html body .pt-md-15 {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-15 {
    font-size: 15px !important;
  }

  html body main .mb-lg-15 {
    margin-bottom: 15px !important;
  }

  html body main .px-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html body main .pb-lg-15 {
    padding-bottom: 15px !important;
  }

  html body main .pt-lg-15 {
    padding-top: 15px !important;
  }
}
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.text-16 {
  font-size: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-16 {
    font-size: 16px !important;
  }

  html .mb-sm-16 {
    margin-bottom: 16px !important;
  }

  html .px-sm-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html .py-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-16 {
    font-size: 16px !important;
  }

  html body .mb-md-16 {
    margin-bottom: 16px !important;
  }

  html body .px-md-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .pb-md-16 {
    padding-bottom: 16px !important;
  }

  html body .pt-md-16 {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-16 {
    font-size: 16px !important;
  }

  html body main .mb-lg-16 {
    margin-bottom: 16px !important;
  }

  html body main .px-lg-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body main .pb-lg-16 {
    padding-bottom: 16px !important;
  }

  html body main .pt-lg-16 {
    padding-top: 16px !important;
  }
}
.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.text-17 {
  font-size: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-17 {
    font-size: 17px !important;
  }

  html .mb-sm-17 {
    margin-bottom: 17px !important;
  }

  html .px-sm-17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  html .py-sm-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-17 {
    font-size: 17px !important;
  }

  html body .mb-md-17 {
    margin-bottom: 17px !important;
  }

  html body .px-md-17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  html body .pb-md-17 {
    padding-bottom: 17px !important;
  }

  html body .pt-md-17 {
    padding-top: 17px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-17 {
    font-size: 17px !important;
  }

  html body main .mb-lg-17 {
    margin-bottom: 17px !important;
  }

  html body main .px-lg-17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }

  html body main .pb-lg-17 {
    padding-bottom: 17px !important;
  }

  html body main .pt-lg-17 {
    padding-top: 17px !important;
  }
}
.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.text-18 {
  font-size: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-18 {
    font-size: 18px !important;
  }

  html .mb-sm-18 {
    margin-bottom: 18px !important;
  }

  html .px-sm-18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html .py-sm-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-18 {
    font-size: 18px !important;
  }

  html body .mb-md-18 {
    margin-bottom: 18px !important;
  }

  html body .px-md-18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .pb-md-18 {
    padding-bottom: 18px !important;
  }

  html body .pt-md-18 {
    padding-top: 18px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-18 {
    font-size: 18px !important;
  }

  html body main .mb-lg-18 {
    margin-bottom: 18px !important;
  }

  html body main .px-lg-18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body main .pb-lg-18 {
    padding-bottom: 18px !important;
  }

  html body main .pt-lg-18 {
    padding-top: 18px !important;
  }
}
.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}

.text-19 {
  font-size: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-19 {
    font-size: 19px !important;
  }

  html .mb-sm-19 {
    margin-bottom: 19px !important;
  }

  html .px-sm-19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
  }

  html .py-sm-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-19 {
    font-size: 19px !important;
  }

  html body .mb-md-19 {
    margin-bottom: 19px !important;
  }

  html body .px-md-19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
  }

  html body .pb-md-19 {
    padding-bottom: 19px !important;
  }

  html body .pt-md-19 {
    padding-top: 19px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-19 {
    font-size: 19px !important;
  }

  html body main .mb-lg-19 {
    margin-bottom: 19px !important;
  }

  html body main .px-lg-19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
  }

  html body main .pb-lg-19 {
    padding-bottom: 19px !important;
  }

  html body main .pt-lg-19 {
    padding-top: 19px !important;
  }
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.text-20 {
  font-size: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-20 {
    font-size: 20px !important;
  }

  html .mb-sm-20 {
    margin-bottom: 20px !important;
  }

  html .px-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-20 {
    font-size: 20px !important;
  }

  html body .mb-md-20 {
    margin-bottom: 20px !important;
  }

  html body .px-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body .pb-md-20 {
    padding-bottom: 20px !important;
  }

  html body .pt-md-20 {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-20 {
    font-size: 20px !important;
  }

  html body main .mb-lg-20 {
    margin-bottom: 20px !important;
  }

  html body main .px-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body main .pb-lg-20 {
    padding-bottom: 20px !important;
  }

  html body main .pt-lg-20 {
    padding-top: 20px !important;
  }
}
.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}

.text-21 {
  font-size: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-21 {
    font-size: 21px !important;
  }

  html .mb-sm-21 {
    margin-bottom: 21px !important;
  }

  html .px-sm-21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  html .py-sm-21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-21 {
    font-size: 21px !important;
  }

  html body .mb-md-21 {
    margin-bottom: 21px !important;
  }

  html body .px-md-21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  html body .pb-md-21 {
    padding-bottom: 21px !important;
  }

  html body .pt-md-21 {
    padding-top: 21px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-21 {
    font-size: 21px !important;
  }

  html body main .mb-lg-21 {
    margin-bottom: 21px !important;
  }

  html body main .px-lg-21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  html body main .pb-lg-21 {
    padding-bottom: 21px !important;
  }

  html body main .pt-lg-21 {
    padding-top: 21px !important;
  }
}
.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.text-22 {
  font-size: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-22 {
    font-size: 22px !important;
  }

  html .mb-sm-22 {
    margin-bottom: 22px !important;
  }

  html .px-sm-22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  html .py-sm-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-22 {
    font-size: 22px !important;
  }

  html body .mb-md-22 {
    margin-bottom: 22px !important;
  }

  html body .px-md-22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  html body .pb-md-22 {
    padding-bottom: 22px !important;
  }

  html body .pt-md-22 {
    padding-top: 22px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-22 {
    font-size: 22px !important;
  }

  html body main .mb-lg-22 {
    margin-bottom: 22px !important;
  }

  html body main .px-lg-22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  html body main .pb-lg-22 {
    padding-bottom: 22px !important;
  }

  html body main .pt-lg-22 {
    padding-top: 22px !important;
  }
}
.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

.text-23 {
  font-size: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-23 {
    font-size: 23px !important;
  }

  html .mb-sm-23 {
    margin-bottom: 23px !important;
  }

  html .px-sm-23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
  }

  html .py-sm-23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-23 {
    font-size: 23px !important;
  }

  html body .mb-md-23 {
    margin-bottom: 23px !important;
  }

  html body .px-md-23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
  }

  html body .pb-md-23 {
    padding-bottom: 23px !important;
  }

  html body .pt-md-23 {
    padding-top: 23px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-23 {
    font-size: 23px !important;
  }

  html body main .mb-lg-23 {
    margin-bottom: 23px !important;
  }

  html body main .px-lg-23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
  }

  html body main .pb-lg-23 {
    padding-bottom: 23px !important;
  }

  html body main .pt-lg-23 {
    padding-top: 23px !important;
  }
}
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.text-24 {
  font-size: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-24 {
    font-size: 24px !important;
  }

  html .mb-sm-24 {
    margin-bottom: 24px !important;
  }

  html .px-sm-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html .py-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-24 {
    font-size: 24px !important;
  }

  html body .mb-md-24 {
    margin-bottom: 24px !important;
  }

  html body .px-md-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body .pb-md-24 {
    padding-bottom: 24px !important;
  }

  html body .pt-md-24 {
    padding-top: 24px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-24 {
    font-size: 24px !important;
  }

  html body main .mb-lg-24 {
    margin-bottom: 24px !important;
  }

  html body main .px-lg-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body main .pb-lg-24 {
    padding-bottom: 24px !important;
  }

  html body main .pt-lg-24 {
    padding-top: 24px !important;
  }
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.text-25 {
  font-size: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-25 {
    font-size: 25px !important;
  }

  html .mb-sm-25 {
    margin-bottom: 25px !important;
  }

  html .px-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  html .py-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-25 {
    font-size: 25px !important;
  }

  html body .mb-md-25 {
    margin-bottom: 25px !important;
  }

  html body .px-md-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  html body .pb-md-25 {
    padding-bottom: 25px !important;
  }

  html body .pt-md-25 {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-25 {
    font-size: 25px !important;
  }

  html body main .mb-lg-25 {
    margin-bottom: 25px !important;
  }

  html body main .px-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  html body main .pb-lg-25 {
    padding-bottom: 25px !important;
  }

  html body main .pt-lg-25 {
    padding-top: 25px !important;
  }
}
.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.text-26 {
  font-size: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-26 {
    font-size: 26px !important;
  }

  html .mb-sm-26 {
    margin-bottom: 26px !important;
  }

  html .px-sm-26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  html .py-sm-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-26 {
    font-size: 26px !important;
  }

  html body .mb-md-26 {
    margin-bottom: 26px !important;
  }

  html body .px-md-26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  html body .pb-md-26 {
    padding-bottom: 26px !important;
  }

  html body .pt-md-26 {
    padding-top: 26px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-26 {
    font-size: 26px !important;
  }

  html body main .mb-lg-26 {
    margin-bottom: 26px !important;
  }

  html body main .px-lg-26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  html body main .pb-lg-26 {
    padding-bottom: 26px !important;
  }

  html body main .pt-lg-26 {
    padding-top: 26px !important;
  }
}
.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}

.text-27 {
  font-size: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-27 {
    font-size: 27px !important;
  }

  html .mb-sm-27 {
    margin-bottom: 27px !important;
  }

  html .px-sm-27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }

  html .py-sm-27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-27 {
    font-size: 27px !important;
  }

  html body .mb-md-27 {
    margin-bottom: 27px !important;
  }

  html body .px-md-27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }

  html body .pb-md-27 {
    padding-bottom: 27px !important;
  }

  html body .pt-md-27 {
    padding-top: 27px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-27 {
    font-size: 27px !important;
  }

  html body main .mb-lg-27 {
    margin-bottom: 27px !important;
  }

  html body main .px-lg-27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }

  html body main .pb-lg-27 {
    padding-bottom: 27px !important;
  }

  html body main .pt-lg-27 {
    padding-top: 27px !important;
  }
}
.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.text-28 {
  font-size: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-28 {
    font-size: 28px !important;
  }

  html .mb-sm-28 {
    margin-bottom: 28px !important;
  }

  html .px-sm-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  html .py-sm-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-28 {
    font-size: 28px !important;
  }

  html body .mb-md-28 {
    margin-bottom: 28px !important;
  }

  html body .px-md-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  html body .pb-md-28 {
    padding-bottom: 28px !important;
  }

  html body .pt-md-28 {
    padding-top: 28px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-28 {
    font-size: 28px !important;
  }

  html body main .mb-lg-28 {
    margin-bottom: 28px !important;
  }

  html body main .px-lg-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  html body main .pb-lg-28 {
    padding-bottom: 28px !important;
  }

  html body main .pt-lg-28 {
    padding-top: 28px !important;
  }
}
.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}

.text-29 {
  font-size: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-29 {
    font-size: 29px !important;
  }

  html .mb-sm-29 {
    margin-bottom: 29px !important;
  }

  html .px-sm-29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
  }

  html .py-sm-29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-29 {
    font-size: 29px !important;
  }

  html body .mb-md-29 {
    margin-bottom: 29px !important;
  }

  html body .px-md-29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
  }

  html body .pb-md-29 {
    padding-bottom: 29px !important;
  }

  html body .pt-md-29 {
    padding-top: 29px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-29 {
    font-size: 29px !important;
  }

  html body main .mb-lg-29 {
    margin-bottom: 29px !important;
  }

  html body main .px-lg-29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
  }

  html body main .pb-lg-29 {
    padding-bottom: 29px !important;
  }

  html body main .pt-lg-29 {
    padding-top: 29px !important;
  }
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.text-30 {
  font-size: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-30 {
    font-size: 30px !important;
  }

  html .mb-sm-30 {
    margin-bottom: 30px !important;
  }

  html .px-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  html .py-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-30 {
    font-size: 30px !important;
  }

  html body .mb-md-30 {
    margin-bottom: 30px !important;
  }

  html body .px-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  html body .pb-md-30 {
    padding-bottom: 30px !important;
  }

  html body .pt-md-30 {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-30 {
    font-size: 30px !important;
  }

  html body main .mb-lg-30 {
    margin-bottom: 30px !important;
  }

  html body main .px-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  html body main .pb-lg-30 {
    padding-bottom: 30px !important;
  }

  html body main .pt-lg-30 {
    padding-top: 30px !important;
  }
}
.py-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.px-31 {
  padding-left: 31px !important;
  padding-right: 31px !important;
}

.text-31 {
  font-size: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-31 {
    font-size: 31px !important;
  }

  html .mb-sm-31 {
    margin-bottom: 31px !important;
  }

  html .px-sm-31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
  }

  html .py-sm-31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-31 {
    font-size: 31px !important;
  }

  html body .mb-md-31 {
    margin-bottom: 31px !important;
  }

  html body .px-md-31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
  }

  html body .pb-md-31 {
    padding-bottom: 31px !important;
  }

  html body .pt-md-31 {
    padding-top: 31px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-31 {
    font-size: 31px !important;
  }

  html body main .mb-lg-31 {
    margin-bottom: 31px !important;
  }

  html body main .px-lg-31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
  }

  html body main .pb-lg-31 {
    padding-bottom: 31px !important;
  }

  html body main .pt-lg-31 {
    padding-top: 31px !important;
  }
}
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.text-32 {
  font-size: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-32 {
    font-size: 32px !important;
  }

  html .mb-sm-32 {
    margin-bottom: 32px !important;
  }

  html .px-sm-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  html .py-sm-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-32 {
    font-size: 32px !important;
  }

  html body .mb-md-32 {
    margin-bottom: 32px !important;
  }

  html body .px-md-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  html body .pb-md-32 {
    padding-bottom: 32px !important;
  }

  html body .pt-md-32 {
    padding-top: 32px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-32 {
    font-size: 32px !important;
  }

  html body main .mb-lg-32 {
    margin-bottom: 32px !important;
  }

  html body main .px-lg-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  html body main .pb-lg-32 {
    padding-bottom: 32px !important;
  }

  html body main .pt-lg-32 {
    padding-top: 32px !important;
  }
}
.py-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.px-33 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}

.text-33 {
  font-size: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-33 {
    font-size: 33px !important;
  }

  html .mb-sm-33 {
    margin-bottom: 33px !important;
  }

  html .px-sm-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
  }

  html .py-sm-33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-33 {
    font-size: 33px !important;
  }

  html body .mb-md-33 {
    margin-bottom: 33px !important;
  }

  html body .px-md-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
  }

  html body .pb-md-33 {
    padding-bottom: 33px !important;
  }

  html body .pt-md-33 {
    padding-top: 33px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-33 {
    font-size: 33px !important;
  }

  html body main .mb-lg-33 {
    margin-bottom: 33px !important;
  }

  html body main .px-lg-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
  }

  html body main .pb-lg-33 {
    padding-bottom: 33px !important;
  }

  html body main .pt-lg-33 {
    padding-top: 33px !important;
  }
}
.py-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.px-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.text-34 {
  font-size: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-34 {
    font-size: 34px !important;
  }

  html .mb-sm-34 {
    margin-bottom: 34px !important;
  }

  html .px-sm-34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  html .py-sm-34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-34 {
    font-size: 34px !important;
  }

  html body .mb-md-34 {
    margin-bottom: 34px !important;
  }

  html body .px-md-34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  html body .pb-md-34 {
    padding-bottom: 34px !important;
  }

  html body .pt-md-34 {
    padding-top: 34px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-34 {
    font-size: 34px !important;
  }

  html body main .mb-lg-34 {
    margin-bottom: 34px !important;
  }

  html body main .px-lg-34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  html body main .pb-lg-34 {
    padding-bottom: 34px !important;
  }

  html body main .pt-lg-34 {
    padding-top: 34px !important;
  }
}
.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.text-35 {
  font-size: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-35 {
    font-size: 35px !important;
  }

  html .mb-sm-35 {
    margin-bottom: 35px !important;
  }

  html .px-sm-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  html .py-sm-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-35 {
    font-size: 35px !important;
  }

  html body .mb-md-35 {
    margin-bottom: 35px !important;
  }

  html body .px-md-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  html body .pb-md-35 {
    padding-bottom: 35px !important;
  }

  html body .pt-md-35 {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-35 {
    font-size: 35px !important;
  }

  html body main .mb-lg-35 {
    margin-bottom: 35px !important;
  }

  html body main .px-lg-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  html body main .pb-lg-35 {
    padding-bottom: 35px !important;
  }

  html body main .pt-lg-35 {
    padding-top: 35px !important;
  }
}
.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.text-36 {
  font-size: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-36 {
    font-size: 36px !important;
  }

  html .mb-sm-36 {
    margin-bottom: 36px !important;
  }

  html .px-sm-36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  html .py-sm-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-36 {
    font-size: 36px !important;
  }

  html body .mb-md-36 {
    margin-bottom: 36px !important;
  }

  html body .px-md-36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  html body .pb-md-36 {
    padding-bottom: 36px !important;
  }

  html body .pt-md-36 {
    padding-top: 36px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-36 {
    font-size: 36px !important;
  }

  html body main .mb-lg-36 {
    margin-bottom: 36px !important;
  }

  html body main .px-lg-36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  html body main .pb-lg-36 {
    padding-bottom: 36px !important;
  }

  html body main .pt-lg-36 {
    padding-top: 36px !important;
  }
}
.py-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.px-37 {
  padding-left: 37px !important;
  padding-right: 37px !important;
}

.text-37 {
  font-size: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-37 {
    font-size: 37px !important;
  }

  html .mb-sm-37 {
    margin-bottom: 37px !important;
  }

  html .px-sm-37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
  }

  html .py-sm-37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-37 {
    font-size: 37px !important;
  }

  html body .mb-md-37 {
    margin-bottom: 37px !important;
  }

  html body .px-md-37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
  }

  html body .pb-md-37 {
    padding-bottom: 37px !important;
  }

  html body .pt-md-37 {
    padding-top: 37px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-37 {
    font-size: 37px !important;
  }

  html body main .mb-lg-37 {
    margin-bottom: 37px !important;
  }

  html body main .px-lg-37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
  }

  html body main .pb-lg-37 {
    padding-bottom: 37px !important;
  }

  html body main .pt-lg-37 {
    padding-top: 37px !important;
  }
}
.py-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.px-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.text-38 {
  font-size: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-38 {
    font-size: 38px !important;
  }

  html .mb-sm-38 {
    margin-bottom: 38px !important;
  }

  html .px-sm-38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  html .py-sm-38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-38 {
    font-size: 38px !important;
  }

  html body .mb-md-38 {
    margin-bottom: 38px !important;
  }

  html body .px-md-38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  html body .pb-md-38 {
    padding-bottom: 38px !important;
  }

  html body .pt-md-38 {
    padding-top: 38px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-38 {
    font-size: 38px !important;
  }

  html body main .mb-lg-38 {
    margin-bottom: 38px !important;
  }

  html body main .px-lg-38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
  }

  html body main .pb-lg-38 {
    padding-bottom: 38px !important;
  }

  html body main .pt-lg-38 {
    padding-top: 38px !important;
  }
}
.py-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.px-39 {
  padding-left: 39px !important;
  padding-right: 39px !important;
}

.text-39 {
  font-size: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-39 {
    font-size: 39px !important;
  }

  html .mb-sm-39 {
    margin-bottom: 39px !important;
  }

  html .px-sm-39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }

  html .py-sm-39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-39 {
    font-size: 39px !important;
  }

  html body .mb-md-39 {
    margin-bottom: 39px !important;
  }

  html body .px-md-39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }

  html body .pb-md-39 {
    padding-bottom: 39px !important;
  }

  html body .pt-md-39 {
    padding-top: 39px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-39 {
    font-size: 39px !important;
  }

  html body main .mb-lg-39 {
    margin-bottom: 39px !important;
  }

  html body main .px-lg-39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }

  html body main .pb-lg-39 {
    padding-bottom: 39px !important;
  }

  html body main .pt-lg-39 {
    padding-top: 39px !important;
  }
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.text-40 {
  font-size: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-40 {
    font-size: 40px !important;
  }

  html .mb-sm-40 {
    margin-bottom: 40px !important;
  }

  html .px-sm-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  html .py-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-40 {
    font-size: 40px !important;
  }

  html body .mb-md-40 {
    margin-bottom: 40px !important;
  }

  html body .px-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  html body .pb-md-40 {
    padding-bottom: 40px !important;
  }

  html body .pt-md-40 {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-40 {
    font-size: 40px !important;
  }

  html body main .mb-lg-40 {
    margin-bottom: 40px !important;
  }

  html body main .px-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  html body main .pb-lg-40 {
    padding-bottom: 40px !important;
  }

  html body main .pt-lg-40 {
    padding-top: 40px !important;
  }
}
.py-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.px-41 {
  padding-left: 41px !important;
  padding-right: 41px !important;
}

.text-41 {
  font-size: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-41 {
    font-size: 41px !important;
  }

  html .mb-sm-41 {
    margin-bottom: 41px !important;
  }

  html .px-sm-41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
  }

  html .py-sm-41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-41 {
    font-size: 41px !important;
  }

  html body .mb-md-41 {
    margin-bottom: 41px !important;
  }

  html body .px-md-41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
  }

  html body .pb-md-41 {
    padding-bottom: 41px !important;
  }

  html body .pt-md-41 {
    padding-top: 41px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-41 {
    font-size: 41px !important;
  }

  html body main .mb-lg-41 {
    margin-bottom: 41px !important;
  }

  html body main .px-lg-41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
  }

  html body main .pb-lg-41 {
    padding-bottom: 41px !important;
  }

  html body main .pt-lg-41 {
    padding-top: 41px !important;
  }
}
.py-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}

.text-42 {
  font-size: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-42 {
    font-size: 42px !important;
  }

  html .mb-sm-42 {
    margin-bottom: 42px !important;
  }

  html .px-sm-42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  html .py-sm-42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-42 {
    font-size: 42px !important;
  }

  html body .mb-md-42 {
    margin-bottom: 42px !important;
  }

  html body .px-md-42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  html body .pb-md-42 {
    padding-bottom: 42px !important;
  }

  html body .pt-md-42 {
    padding-top: 42px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-42 {
    font-size: 42px !important;
  }

  html body main .mb-lg-42 {
    margin-bottom: 42px !important;
  }

  html body main .px-lg-42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  html body main .pb-lg-42 {
    padding-bottom: 42px !important;
  }

  html body main .pt-lg-42 {
    padding-top: 42px !important;
  }
}
.py-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.px-43 {
  padding-left: 43px !important;
  padding-right: 43px !important;
}

.text-43 {
  font-size: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-43 {
    font-size: 43px !important;
  }

  html .mb-sm-43 {
    margin-bottom: 43px !important;
  }

  html .px-sm-43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
  }

  html .py-sm-43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-43 {
    font-size: 43px !important;
  }

  html body .mb-md-43 {
    margin-bottom: 43px !important;
  }

  html body .px-md-43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
  }

  html body .pb-md-43 {
    padding-bottom: 43px !important;
  }

  html body .pt-md-43 {
    padding-top: 43px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-43 {
    font-size: 43px !important;
  }

  html body main .mb-lg-43 {
    margin-bottom: 43px !important;
  }

  html body main .px-lg-43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
  }

  html body main .pb-lg-43 {
    padding-bottom: 43px !important;
  }

  html body main .pt-lg-43 {
    padding-top: 43px !important;
  }
}
.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.text-44 {
  font-size: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-44 {
    font-size: 44px !important;
  }

  html .mb-sm-44 {
    margin-bottom: 44px !important;
  }

  html .px-sm-44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  html .py-sm-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-44 {
    font-size: 44px !important;
  }

  html body .mb-md-44 {
    margin-bottom: 44px !important;
  }

  html body .px-md-44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  html body .pb-md-44 {
    padding-bottom: 44px !important;
  }

  html body .pt-md-44 {
    padding-top: 44px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-44 {
    font-size: 44px !important;
  }

  html body main .mb-lg-44 {
    margin-bottom: 44px !important;
  }

  html body main .px-lg-44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  html body main .pb-lg-44 {
    padding-bottom: 44px !important;
  }

  html body main .pt-lg-44 {
    padding-top: 44px !important;
  }
}
.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.text-45 {
  font-size: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-45 {
    font-size: 45px !important;
  }

  html .mb-sm-45 {
    margin-bottom: 45px !important;
  }

  html .px-sm-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  html .py-sm-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-45 {
    font-size: 45px !important;
  }

  html body .mb-md-45 {
    margin-bottom: 45px !important;
  }

  html body .px-md-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  html body .pb-md-45 {
    padding-bottom: 45px !important;
  }

  html body .pt-md-45 {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-45 {
    font-size: 45px !important;
  }

  html body main .mb-lg-45 {
    margin-bottom: 45px !important;
  }

  html body main .px-lg-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  html body main .pb-lg-45 {
    padding-bottom: 45px !important;
  }

  html body main .pt-lg-45 {
    padding-top: 45px !important;
  }
}
.py-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}

.text-46 {
  font-size: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-46 {
    font-size: 46px !important;
  }

  html .mb-sm-46 {
    margin-bottom: 46px !important;
  }

  html .px-sm-46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }

  html .py-sm-46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-46 {
    font-size: 46px !important;
  }

  html body .mb-md-46 {
    margin-bottom: 46px !important;
  }

  html body .px-md-46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }

  html body .pb-md-46 {
    padding-bottom: 46px !important;
  }

  html body .pt-md-46 {
    padding-top: 46px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-46 {
    font-size: 46px !important;
  }

  html body main .mb-lg-46 {
    margin-bottom: 46px !important;
  }

  html body main .px-lg-46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }

  html body main .pb-lg-46 {
    padding-bottom: 46px !important;
  }

  html body main .pt-lg-46 {
    padding-top: 46px !important;
  }
}
.py-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.px-47 {
  padding-left: 47px !important;
  padding-right: 47px !important;
}

.text-47 {
  font-size: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-47 {
    font-size: 47px !important;
  }

  html .mb-sm-47 {
    margin-bottom: 47px !important;
  }

  html .px-sm-47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
  }

  html .py-sm-47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-47 {
    font-size: 47px !important;
  }

  html body .mb-md-47 {
    margin-bottom: 47px !important;
  }

  html body .px-md-47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
  }

  html body .pb-md-47 {
    padding-bottom: 47px !important;
  }

  html body .pt-md-47 {
    padding-top: 47px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-47 {
    font-size: 47px !important;
  }

  html body main .mb-lg-47 {
    margin-bottom: 47px !important;
  }

  html body main .px-lg-47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
  }

  html body main .pb-lg-47 {
    padding-bottom: 47px !important;
  }

  html body main .pt-lg-47 {
    padding-top: 47px !important;
  }
}
.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.text-48 {
  font-size: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-48 {
    font-size: 48px !important;
  }

  html .mb-sm-48 {
    margin-bottom: 48px !important;
  }

  html .px-sm-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  html .py-sm-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-48 {
    font-size: 48px !important;
  }

  html body .mb-md-48 {
    margin-bottom: 48px !important;
  }

  html body .px-md-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  html body .pb-md-48 {
    padding-bottom: 48px !important;
  }

  html body .pt-md-48 {
    padding-top: 48px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-48 {
    font-size: 48px !important;
  }

  html body main .mb-lg-48 {
    margin-bottom: 48px !important;
  }

  html body main .px-lg-48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  html body main .pb-lg-48 {
    padding-bottom: 48px !important;
  }

  html body main .pt-lg-48 {
    padding-top: 48px !important;
  }
}
.py-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.px-49 {
  padding-left: 49px !important;
  padding-right: 49px !important;
}

.text-49 {
  font-size: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-49 {
    font-size: 49px !important;
  }

  html .mb-sm-49 {
    margin-bottom: 49px !important;
  }

  html .px-sm-49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
  }

  html .py-sm-49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-49 {
    font-size: 49px !important;
  }

  html body .mb-md-49 {
    margin-bottom: 49px !important;
  }

  html body .px-md-49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
  }

  html body .pb-md-49 {
    padding-bottom: 49px !important;
  }

  html body .pt-md-49 {
    padding-top: 49px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-49 {
    font-size: 49px !important;
  }

  html body main .mb-lg-49 {
    margin-bottom: 49px !important;
  }

  html body main .px-lg-49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
  }

  html body main .pb-lg-49 {
    padding-bottom: 49px !important;
  }

  html body main .pt-lg-49 {
    padding-top: 49px !important;
  }
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.text-50 {
  font-size: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

@media screen and (min-width: 400px) {
  html .text-sm-50 {
    font-size: 50px !important;
  }

  html .mb-sm-50 {
    margin-bottom: 50px !important;
  }

  html .px-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  html .py-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  html body .text-md-50 {
    font-size: 50px !important;
  }

  html body .mb-md-50 {
    margin-bottom: 50px !important;
  }

  html body .px-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  html body .pb-md-50 {
    padding-bottom: 50px !important;
  }

  html body .pt-md-50 {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body .text-lg-50 {
    font-size: 50px !important;
  }

  html body main .mb-lg-50 {
    margin-bottom: 50px !important;
  }

  html body main .px-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  html body main .pb-lg-50 {
    padding-bottom: 50px !important;
  }

  html body main .pt-lg-50 {
    padding-top: 50px !important;
  }
}
.pop {
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 99;
}
.pop ul {
  overflow: hidden;
}
.pop li {
  animation-name: ani;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  animation-duration: 0.5s;
  transform: translateX(-100%);
}
.pop li p {
  background-color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 10px 10px;
  border-radius: 5px;
}
@media screen and (min-width: 400px) {
  .pop li p {
    font-size: 15px;
    padding: 10px 25px;
  }
}
.pop li .message-1 {
  border: 1px solid red;
  color: red;
}
.pop li .message-200, .pop li .message-201 {
  border: 1px solid green;
  color: green;
}
@keyframes ani {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.top {
  margin-top: 80px;
}
.top .page-title {
  margin-bottom: 20px;
}

.login {
  background-color: #fff;
  padding: 10px 0px 80px;
}
.login .wpmem_msg {
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  font-size: 13px;
}
.login .wpmem_msg strong {
  font-size: 13px;
}
.login #wpmem_login {
  width: 100%;
}
.login fieldset {
  width: 100%;
  max-width: 450px;
  margin: 0px auto 0px !important;
  background-color: #fff;
  display: block;
  padding: 40px 15px !important;
}
@media screen and (min-width: 400px) {
  .login fieldset {
    padding: 40px !important;
  }
}
.login fieldset legend {
  color: #000;
  display: none;
}
.login fieldset span {
  font-size: 13px;
}
@media screen and (min-width: 400px) {
  .login fieldset span {
    font-size: 15px;
  }
}
.login fieldset span a {
  text-decoration: underline;
  font-size: 13px;
}
@media screen and (min-width: 400px) {
  .login fieldset span a {
    font-size: 15px;
  }
}
.login fieldset label {
  margin-bottom: 10px;
  display: inline-block !important;
}

input, textarea {
  background-color: #fff;
  margin-bottom: 0px !important;
}
input:focus, textarea:focus {
  box-shadow: inherit !important;
  border: 1px solid #000 !important;
}

input[type=file]:focus {
  box-shadow: inherit !important;
  border: 0px solid #000 !important;
  outline: none;
}

textarea {
  min-height: 100px;
}

select {
  margin: 0px !important;
  border-radius: 3px;
  padding: 0.5em;
  background-color: #fff;
}

.submit-btn {
  background-color: #00B344;
  margin: 0 auto;
}

.submit-btn--delete {
  background-color: #cf0010 !important;
  margin: 0 auto;
}

.input-small {
  width: 130px;
  display: inline-block;
  margin-right: 5px;
}
@media screen and (min-width: 400px) {
  .input-small {
    margin-right: 15px;
    width: 200px;
  }
}

.archive-detail__img__col input[type=checkbox] {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  display: none;
}
.archive-detail__img__col input[type=checkbox]:focus {
  box-shadow: none;
  outline: none;
}
.archive-detail__img__col input[type=checkbox]:checked + label {
  border: 2px solid #000;
}
@media screen and (min-width: 400px) {
  .archive-detail__img__col input[type=checkbox]:checked + label {
    border: 4px solid #000;
  }
}
.archive-detail__img__col input[type=checkbox]:checked + label::before {
  display: block !important;
}

input[type=checkbox]:focus {
  box-shadow: none;
  outline: none;
}

.archive-detail__img__col__label {
  border: 2px solid #fff;
  padding: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}
@media screen and (min-width: 400px) {
  .archive-detail__img__col__label {
    padding: 5px;
    border: 4px solid #fff;
  }
}
.archive-detail__img__col__label:hover {
  cursor: pointer;
}
.archive-detail__img__col__label:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  position: absolute;
  color: #fff;
  right: 10px;
  top: 10px;
  background-color: #000;
  display: none;
  width: 25px;
  text-align: center;
}

.user_prof {
  text-align: right;
  margin-bottom: 50px;
}
.user_prof span {
  display: inline-block;
  border-bottom: 1px solid #777;
  font-size: 15px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .user_prof span {
    font-size: 18px;
  }
}

.manage {
  padding: 0px 0px 80px 0px;
}
@media screen and (min-width: 400px) {
  .manage {
    padding: 0px 0px 150px 0px;
  }
}
.manage-info__name {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.manage-info .manage-info__kari {
  border: 1px solid orange;
  padding: 20px 20px;
  font-size: 15px;
  color: orange;
  background-color: #fff;
  margin-bottom: 30px;
}
.manage-info ul li {
  font-size: 13px;
}
.manage-info ul li a {
  font-size: 13px;
  text-decoration: underline;
}
.manage-info ul li span {
  font-size: 16px;
}
.manage-info ul li .manage-info__status__1 {
  color: orange;
}
.manage-info ul li .manage-info__status__2 {
  color: #00B344;
}
.manage .manage-link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.manage .manage-link li {
  width: 300px;
  margin-bottom: 30px;
}
@media screen and (min-width: 400px) {
  .manage .manage-link li {
    margin-right: 30px;
  }
}
.manage .manage-link li:last-child {
  margin-right: 0px;
}
.manage .manage-link li a {
  display: block;
  font-size: 15px;
  text-align: center;
  color: #333;
  border: 1px solid #333;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 0px;
  line-height: 2;
}
.manage .manage-link li svg {
  font-size: 80px;
}
.manage .manage-link li .manage-link_child {
  margin-top: 20px;
}
.manage .manage-link li .manage-link_child li {
  margin-bottom: 10px;
}
.manage .manage-link li .manage-link_child a {
  padding: 15px 0px;
  border-radius: 10px;
}
.manage .manage-link li .manage-link_child .insert {
  color: #00B344;
  border: 1px solid #00B344;
}
.manage .manage-link li .manage-link_child .request {
  color: red;
  border: 1px solid red;
}

.archive__wrap__col {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.archive__wrap__col__img {
  width: 200px;
}
.archive__wrap__col__img img {
  border: 1px solid #000;
}
.archive__wrap__col__txt {
  width: calc(100% - 200px);
  padding-left: 50px;
}
.archive__wrap__col__txt .time {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.archive__wrap__col__txt__btn {
  display: flex;
}
.archive__wrap__col__txt__btn li {
  margin-right: 10px;
}
.archive__wrap__col__txt__btn li:last-child {
  margin-right: 0px;
}
.archive .archive-detail {
  margin-top: 20px;
}
.archive .archive-detail .content-width {
  max-width: 980px;
}
.archive .archive-detail h2 {
  margin-bottom: 30px;
}
.archive .archive-detail .tax-kubun-wrap__karikata {
  display: none;
}
.archive .archive-detail .tax-kubun-wrap__kashikata {
  display: none;
}
.archive .archive-detail__table {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.archive .archive-detail__table dt, .archive .archive-detail__table dd {
  font-size: 14px;
  line-height: 2.2;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__table dt, .archive .archive-detail__table dd {
    font-size: 18px;
  }
}
.archive .archive-detail__table dt {
  width: 120px;
  background-color: #f7f7f7;
  color: #333;
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__table dt {
    width: 150px;
  }
}
.archive .archive-detail__table dt span {
  font-size: 12px;
  color: red;
  display: inline-block;
  line-height: 2;
}
.archive .archive-detail__table dd {
  width: calc(100% - 120px);
  padding-left: 10px;
  background-color: #fff;
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__table dd {
    width: calc(100% - 150px);
  }
}
.archive .archive-detail__table dd .archive-detail__table-col {
  display: flex;
}
.archive .archive-detail__table dd .archive-detail__table-col-3-1 {
  width: 30%;
  margin-right: 5%;
}
.archive .archive-detail__table dd .archive-detail__table-col-3-1:last-child {
  margin-right: 0px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__table .small {
    width: calc(50% - 150px);
  }
}
.archive .archive-detail__karikashi {
  display: flex;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.archive .archive-detail__karikashi__title {
  width: 100%;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__karikashi__title {
    font-size: 18px;
  }
}
.archive .archive-detail__karikashi__col {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail__karikashi__col {
    width: 50%;
  }
}
.archive .archive-detail__karikashi__col h3 {
  font-size: 18px;
  padding: 10px 0px;
  border-bottom: 1px solid #fff;
}
.archive .archive-detail__karikashi__col .kari-tittle {
  background-color: #f26a6a;
  color: #fff;
  text-align: center;
}
.archive .archive-detail__karikashi__col .kashi-title {
  background-color: #65c5ea;
  color: #fff;
  text-align: center;
}
.archive .archive-detail__karikashi .kari__col dt {
  background-color: #f26a6a;
}
.archive .archive-detail__karikashi .kashi__col dt {
  background-color: #65c5ea;
}
.archive .archive-detail__karikashi #acount_btn {
  width: 100%;
  min-height: 37px;
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-size: 16px;
  padding: 5px;
  padding-left: 10px;
  line-height: 1.6;
  font-weight: normal;
}
.archive .archive-detail__karikashi #acount_btn:hover {
  border-color: #b1b1b1;
}
.archive .archive-detail__karikashi #acount_btn_kashikata {
  width: 100%;
  min-height: 37px;
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-size: 16px;
  padding: 5px;
  padding-left: 10px;
  line-height: 1.6;
  font-weight: normal;
}
.archive .archive-detail__karikashi #acount_btn_kashikata:hover {
  border-color: #b1b1b1;
}
.archive .archive-detail .archive-detail__img {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.archive .archive-detail .archive-detail__img__col {
  width: 33.33%;
  padding: 5px;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .archive .archive-detail .archive-detail__img__col {
    padding: 10px;
    width: 25%;
  }
}
.archive .archive-detail .archive-detail__img__col img {
  width: 100%;
  height: calc(33vw - 30px);
  object-fit: cover;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail .archive-detail__img__col img {
    height: 250px;
  }
}
.archive .archive-detail .archive-detail__img__col a {
  display: block;
  margin-top: 5px;
  color: #000;
  text-decoration: underline;
  font-size: 10px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail .archive-detail__img__col a {
    font-size: 13px;
  }
}
.archive .archive-detail .archive-detail__btn {
  display: flex;
  flex-wrap: wrap;
}
.archive .archive-detail .archive-detail__btn li {
  margin-right: 10px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail .archive-detail__btn li {
    margin-right: 20px;
  }
}
.archive .archive-detail .archive-detail__btn li:last-child {
  margin-right: 0px;
}
.archive .archive-detail .archive-detail__btn li a {
  font-size: 15px;
  text-decoration: underline;
}
.archive .archive-detail .archive-detail__fixed {
  position: fixed;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 0px;
}
.archive .archive-detail .archive-detail__fixed ul {
  display: flex;
  justify-content: center;
  padding: 0px 5px;
}
.archive .archive-detail .archive-detail__fixed ul li {
  width: 120px;
  margin-right: 10px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail .archive-detail__fixed ul li {
    width: 200px;
  }
}
.archive .archive-detail .archive-detail__fixed ul li:last-child {
  margin-right: 0px;
}
.archive .archive-detail .archive-detail__fixed ul li a, .archive .archive-detail .archive-detail__fixed ul li .submit-btn {
  width: 100%;
  line-height: 1.8;
  display: block;
  padding: 5px 0px;
  text-align: center;
  font-size: 13px;
}
@media screen and (min-width: 400px) {
  .archive .archive-detail .archive-detail__fixed ul li a, .archive .archive-detail .archive-detail__fixed ul li .submit-btn {
    font-size: 15px;
  }
}
.archive .archive-detail .submit-btn-wrap {
  text-align: center;
}

.txt .message-1, .txt .message-3, .txt .message-999 {
  border: 1px solid red;
  color: red;
  padding: 10px;
  font-size: 15px !important;
  background-color: #fff;
}
.txt .message-2 {
  border: 1px solid #00B344;
  color: #00B344;
  padding: 10px;
  font-size: 15px !important;
  background-color: #fff;
}
.txt .all {
  display: block;
  background-color: #fff;
  margin: 0 auto;
  color: #fff;
}
.txt .label-txt {
  color: #fff;
}
.txt .txt__time {
  margin-bottom: 20px;
  position: relative;
}
.txt .txt__time .txt__time__search {
  margin-bottom: 20px;
}
.txt .txt__time .txt__time__search__wrap {
  display: flex;
  align-items: center;
}
.txt .txt__time .txt__time__search__wrap input {
  padding: 8px 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .txt .txt__time .txt__time__search__wrap input {
    font-size: 16px;
    padding: 7.5px 15px;
  }
}
.txt .txt__time .txt__time__search__wrap__input {
  width: 200px;
}
.txt .txt__time .txt__time__search__wrap__btn {
  margin-left: 10px;
}
.txt .txt__time .txt__time__search__wrap__btn input {
  padding: 10px 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .txt .txt__time .txt__time__search__wrap__btn input {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.txt .txt__time__wrap {
  display: flex;
  align-items: center;
  justify-content: end;
}
.txt .txt__time__wrap input {
  padding: 8px 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .txt .txt__time__wrap input {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.txt .txt__time__wrap__from {
  width: 35%;
}
@media screen and (min-width: 400px) {
  .txt .txt__time__wrap__from {
    width: 200px;
  }
}
.txt .txt__time__wrap__txt {
  margin: 0px 10px;
}
.txt .txt__time__wrap__to {
  width: 35%;
}
@media screen and (min-width: 400px) {
  .txt .txt__time__wrap__to {
    width: 200px;
  }
}
.txt .txt__time__wrap__btn {
  width: 80px;
  margin-left: 10px;
}
.txt .txt__time__wrap__btn input {
  padding: 10px 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .txt .txt__time__wrap__btn input {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.txt .txt__btn {
  display: flex;
  margin-bottom: 15px;
  flex-wrap: wrap;
  /*
  overflow-x: scroll;
  word-break: keep-all;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  */
}
@media screen and (min-width: 400px) {
  .txt .txt__btn {
    margin-bottom: 40px;
  }
}
.txt .txt__btn li {
  margin-right: 5px;
  line-height: 1.8;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn li {
    margin-right: 10px;
  }
}
.txt .txt__btn li a {
  display: inline-block;
  padding: 2px 10px;
  font-size: 11px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #000;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn li a {
    padding: 2px 20px;
    font-size: 16px;
  }
}
.txt .txt__btn li .txt__btn__publish {
  border: 1px solid #00B344;
  color: #00B344;
}
.txt .txt__btn .total {
  line-height: 3.6;
  font-size: 12px;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn .total {
    line-height: 3.4;
    font-size: 16px;
  }
}
.txt .txt__btn .total span {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn .total span {
    font-size: 15px;
  }
}
.txt .txt__btn .bottom-slide {
  position: relative;
}
.txt .txt__btn .bottom-slide .bottom-slide-child, .txt .txt__btn .bottom-slide .bottom-slide-child--subject, .txt .txt__btn .bottom-slide .bottom-slide-child--year {
  display: none;
  position: absolute;
  top: 45px;
  border: 1px solid #000;
  left: 0px;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn .bottom-slide .bottom-slide-child, .txt .txt__btn .bottom-slide .bottom-slide-child--subject, .txt .txt__btn .bottom-slide .bottom-slide-child--year {
    top: 55px;
  }
}
.txt .txt__btn .bottom-slide .bottom-slide-child li, .txt .txt__btn .bottom-slide .bottom-slide-child--subject li, .txt .txt__btn .bottom-slide .bottom-slide-child--year li {
  margin-right: 0px;
  line-height: 1;
}
.txt .txt__btn .bottom-slide .bottom-slide-child li a, .txt .txt__btn .bottom-slide .bottom-slide-child--subject li a, .txt .txt__btn .bottom-slide .bottom-slide-child--year li a {
  padding: 10px 0px;
  display: block;
  text-align: center;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px;
}
.txt .txt__btn .bottom-slide .bottom-slide-child li:last-child a, .txt .txt__btn .bottom-slide .bottom-slide-child--subject li:last-child a, .txt .txt__btn .bottom-slide .bottom-slide-child--year li:last-child a {
  border-bottom: 0px;
}
.txt .txt__btn .bottom-slide .bottom-slide-child--year {
  width: 200px;
}
.txt .txt__btn .bottom-slide .bottom-slide-child--filter {
  display: none;
  position: absolute;
  top: 45px !important;
  border: 1px solid #000;
  left: 0px;
  width: 100%;
  background-color: #fff;
  height: fit-content;
}
@media screen and (min-width: 400px) {
  .txt .txt__btn .bottom-slide .bottom-slide-child--filter {
    top: 55px !important;
  }
}
.txt .txt__btn .bottom-slide .bottom-slide-child--filter li {
  margin-right: 0px;
  line-height: 1;
}
.txt .txt__btn .bottom-slide .bottom-slide-child--filter li a {
  padding: 10px 0px;
  display: block;
  text-align: center;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0px;
}
.txt .txt__btn .bottom-slide .bottom-slide-child--filter li:last-child a {
  border-bottom: 0px;
}
.txt .count_list__active {
  display: block !important;
}
.txt .count_list {
  display: none;
  position: relative;
}
.txt .count_list .count_list__bg {
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100vh;
  z-index: 1;
}
.txt .count_list .count_list__main {
  width: 80%;
  max-width: 400px;
  top: 0px;
  right: 0px;
  background-color: #fff;
  position: fixed;
  z-index: 2;
  height: 100vh;
  overflow: scroll;
  border-left: 2px solid #000;
}
@media screen and (min-width: 400px) {
  .txt .count_list .count_list__main {
    width: 400px;
  }
}
.txt .count_list .count_list__ul {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.txt .count_list .count_list__ul li {
  font-size: 13px;
  width: 50%;
  padding: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
}
@media screen and (min-width: 400px) {
  .txt .count_list .count_list__ul li {
    padding: 20px;
    font-size: 15px;
  }
}
.txt .count_list .count_list__ul li:nth-child(2n) {
  border-right: 0px;
}
.txt .count_list .count_list__ul li:hover {
  cursor: pointer;
}
.txt .count_list__kashikata__active {
  display: block !important;
}
.txt .count_list__kashikata {
  display: none;
  position: relative;
}
.txt .count_list__kashikata .count_list__kashikata__bg {
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100vh;
  z-index: 1;
}
.txt .count_list__kashikata .count_list__kashikata__main {
  width: 80%;
  max-width: 400px;
  top: 0px;
  right: 0px;
  background-color: #fff;
  position: fixed;
  z-index: 2;
  height: 100vh;
  overflow: scroll;
  border-left: 2px solid #000;
}
@media screen and (min-width: 400px) {
  .txt .count_list__kashikata .count_list__kashikata__main {
    width: 400px;
  }
}
.txt .count_list__kashikata .count_list__kashikata__ul {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.txt .count_list__kashikata .count_list__kashikata__ul li {
  font-size: 13px;
  width: 50%;
  padding: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
}
@media screen and (min-width: 400px) {
  .txt .count_list__kashikata .count_list__kashikata__ul li {
    padding: 20px;
    font-size: 15px;
  }
}
.txt .count_list__kashikata .count_list__kashikata__ul li:nth-child(2n) {
  border-right: 0px;
}
.txt .count_list__kashikata .count_list__kashikata__ul li:hover {
  cursor: pointer;
}

.txt__wrap__master table tr td {
  background-color: #fff !important;
}
.txt__wrap__master table tr:nth-child(2n-1) td {
  background-color: #f7f7f7 !important;
}
.txt__wrap__master table tr th {
  width: 200px;
}
.txt__wrap__master table tr .large {
  width: 150px;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master table tr .large {
    width: 250px;
  }
}
.txt__wrap__master table tr .small {
  width: 120px;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master table tr .small {
    width: 100px;
  }
}
@media screen and (min-width: 400px) {
  .txt__wrap__master table tr .small-pc {
    width: 100px;
  }
}
.txt__wrap__master table tr .small-max {
  width: 100px;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master table tr .small-max {
    width: 50px;
  }
}
.txt__wrap__master .txt__wrap__btn a {
  display: inline-block;
  margin-right: 5px;
  text-decoration: underline;
  color: #000;
  font-size: 11px;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master .txt__wrap__btn a {
    font-size: 14px !important;
  }
}
.txt__wrap__master .txt__wrap__btn a:last-of-type {
  color: #cf0010;
  margin-bottom: 0px;
  margin-right: 0px;
}
.txt__wrap__master .txt__wrap__btn a:last-of-type span {
  color: #cf0010;
}
.txt__wrap__master .txt__wrap__btn a span {
  font-size: 11px;
  display: none;
  color: #000;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master .txt__wrap__btn a span {
    display: inline;
    font-size: 14px !important;
  }
}
.txt__wrap__master .txt__wrap__btn .request {
  font-size: 11px;
  display: inline-block;
  margin: 0px;
  margin-right: 5px;
}
.txt__wrap__master .txt__wrap__btn .request a {
  display: block;
  background-color: #cf0010;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 5px;
}
@media screen and (min-width: 400px) {
  .txt__wrap__master .txt__wrap__btn .request a {
    font-size: 12px !important;
  }
}

.txt__wrap {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
}
.txt__wrap table {
  background-color: #fff;
  border-left: 1px solid #eee;
}
.txt__wrap table th {
  background-color: #eee;
  text-align: center;
  color: #000;
  width: 110px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table th {
    width: 200px;
  }
}
.txt__wrap table th a, .txt__wrap table th span {
  color: #000;
  font-size: 13px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table th a, .txt__wrap table th span {
    font-size: 15px;
  }
}
.txt__wrap table .start_date th:nth-child(2) span {
  color: red !important;
}
.txt__wrap table .account th:nth-child(3) span {
  color: red !important;
}
.txt__wrap table .money_number th:nth-child(4) span {
  color: red !important;
}
.txt__wrap table .update_date th:nth-child(8) span {
  color: red !important;
}
.txt__wrap table .ID th:nth-child(1) span {
  color: red !important;
}
.txt__wrap table tr:nth-child(2n-1) td {
  background-color: #f7f7f7;
}
.txt__wrap table td, .txt__wrap table th {
  padding: 10px 5px;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #eee;
  word-break: break-all;
  font-size: 12px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table td, .txt__wrap table th {
    padding: 10px;
    font-size: 16px;
  }
}
.txt__wrap table td {
  border-bottom: 1px solid #eee;
}
.txt__wrap table .large {
  width: 150px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table .large {
    width: 250px;
  }
}
.txt__wrap table .small {
  width: 80px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table .small {
    width: 100px;
  }
}
@media screen and (min-width: 400px) {
  .txt__wrap table .small-pc {
    width: 100px;
  }
}
.txt__wrap table .small-max {
  width: 40px;
}
@media screen and (min-width: 400px) {
  .txt__wrap table .small-max {
    width: 50px;
  }
}
.txt__wrap .txt__wrap__btn a {
  display: inline-block;
  margin-right: 5px;
  text-decoration: underline;
  color: #000;
  font-size: 11px;
}
@media screen and (min-width: 400px) {
  .txt__wrap .txt__wrap__btn a {
    font-size: 12px;
  }
}
.txt__wrap .txt__wrap__btn a:last-of-type {
  color: #cf0010;
  margin-bottom: 0px;
  margin-right: 0px;
}
.txt__wrap .txt__wrap__btn a:last-of-type span {
  color: #cf0010;
}
.txt__wrap .txt__wrap__btn a span {
  font-size: 11px;
  display: none;
  color: #000;
}
@media screen and (min-width: 400px) {
  .txt__wrap .txt__wrap__btn a span {
    display: inline;
    font-size: 12px;
  }
}

.type-file {
  width: 80%;
  max-width: 340px;
  margin: 0 auto;
}

.import-message-202 {
  color: red;
  border: 1px solid red;
  font-size: 14px;
  padding: 10px;
}

.import-message-201 {
  color: green;
  border: 1px solid green;
  font-size: 14px;
  padding: 10px;
}

.profile-wrap ul li {
  width: 200px;
  margin: 0 auto 30px;
}
.profile-wrap ul li a {
  display: block;
  text-align: center;
  border: 1px solid #00B344;
  color: #00B344;
  font-size: 18px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 0px;
}
.profile-wrap label {
  margin-bottom: 5px;
  display: block !important;
}
.profile-wrap #wpmem_msg, .profile-wrap .wpmem_msg {
  background-color: #fff !important;
  font-size: 12px;
  padding: 10px;
}
@media screen and (min-width: 400px) {
  .profile-wrap #wpmem_msg, .profile-wrap .wpmem_msg {
    font-size: 16px;
  }
}
.profile-wrap #wpmem_msg, .profile-wrap #wpmem_reg, .profile-wrap .wpmem_msg {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
}
.profile-wrap #wpmem_login {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
  padding: 40px 15px;
  background-color: #fff !important;
}
@media screen and (min-width: 400px) {
  .profile-wrap #wpmem_login {
    padding: 40px;
  }
}
.profile-wrap #wpmem_login .link-text-forgot {
  font-size: 12px;
}
@media screen and (min-width: 400px) {
  .profile-wrap #wpmem_login .link-text-forgot {
    font-size: 15px;
  }
}
.profile-wrap #wpmem_login .link-text-forgot a {
  text-decoration: underline;
}
.profile .manage-reset-wrap {
  max-width: 800px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
}
.profile .manage-reset-wrap span {
  display: inline-block;
  font-size: 14px;
}
.profile .link-text span {
  font-size: 13px;
}
.profile .link-text a {
  text-decoration: underline;
}

.analytics .analytics-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.analytics .analytics-wrap .analytics-wrap-col {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .analytics .analytics-wrap .analytics-wrap-col {
    width: 50%;
  }
}
.analytics .analytics-wrap .analytics-wrap-col .analytics-wrap-col-title h2 {
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  font-size: 18px;
  text-align: center;
}

.header {
  background-color: #fff;
  padding: 25px 0px;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width: 400px) {
  .header {
    padding: 50px 0px;
  }
}
.header-wrap {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.header-wrap__logo h2 {
  margin: 0px;
  font-size: 11px;
  color: #000;
}
@media screen and (min-width: 400px) {
  .header-wrap__logo h2 {
    font-size: 20px;
  }
}
.header-wrap__logo h2 img {
  width: 200px;
}
.header-wrap .header-wrap__menu--admin {
  top: -12px !important;
}
.header-wrap__menu {
  position: absolute;
  right: 0px;
  top: -2px;
  height: auto;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu {
    top: 3px;
  }
}
.header-wrap__menu ul {
  display: flex;
  align-items: center;
}
.header-wrap__menu ul li {
  margin-right: 10px;
  line-height: 1;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu ul li {
    margin-right: 30px;
  }
}
.header-wrap__menu ul li:last-child {
  margin-right: 0px;
}
.header-wrap__menu ul li a {
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu ul li a {
    font-size: 16px;
  }
}
.header-wrap__menu ul .btn a {
  display: block;
  background-color: #000;
  padding: 10px 10px;
  color: #fff;
  text-align: center;
  font-size: 11px;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu ul .btn a {
    padding: 15px 30px;
    font-size: 15px;
  }
}
.header-wrap__menu ul .header-wrap__menu__name {
  width: 200px;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 10px;
  color: #000;
  position: relative;
  top: 12px;
  text-align: right;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu ul .header-wrap__menu__name {
    top: 4px;
    text-align: left;
  }
}
.header-wrap__menu ul .header-wrap__menu__name a {
  color: #000;
  font-size: 13px;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu ul .header-wrap__menu__name a {
    font-size: 15px;
  }
}
.header-wrap__menu .subscriber-login li {
  display: none;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu .subscriber-login li {
    display: block;
  }
}
.header-wrap__menu .humberger_menu {
  display: none;
  position: absolute;
  top: 46.6px;
  width: 200px;
  right: 0px;
  background-color: #fff;
  padding: 10px;
}
@media screen and (min-width: 400px) {
  .header-wrap__menu .humberger_menu {
    width: 220px;
    padding: 10px 20px;
  }
}
.header-wrap__menu .humberger_menu li {
  text-align: right;
  margin-bottom: 6px;
  margin-right: 0px;
}
.header-wrap__menu .humberger_menu li:last-child {
  margin-bottom: 0px;
}

.footer {
  padding: 60px 0px 50px;
}
@media screen and (min-width: 400px) {
  .footer {
    padding: 100px 0px 120px;
  }
}
.footer .copyright {
  text-align: center;
  font-size: 13px;
  text-align: center;
}
.footer .footer-wrap {
  display: flex;
  margin-bottom: 60px;
  align-items: center;
  flex-wrap: wrap-reverse;
}
@media screen and (min-width: 400px) {
  .footer .footer-wrap {
    flex-wrap: wrap;
  }
}
.footer .footer-wrap__logo {
  width: 100%;
  border-right: 0px solid #333;
}
.footer .footer-wrap__logo h2 {
  font-size: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.footer .footer-wrap__logo h2 img {
  width: 200px;
}
.footer .footer-wrap__logo p {
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 2;
}
.footer .footer-wrap__logo p a {
  text-decoration: underline;
}
.footer .footer-wrap__menu {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 400px) {
  .footer .footer-wrap__menu {
    width: calc(100% - 350px);
    margin-bottom: 0px;
  }
}
.footer .footer-wrap__menu ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #000;
  padding: 0px 0px 30px 0px;
}
@media screen and (min-width: 400px) {
  .footer .footer-wrap__menu ul {
    padding: 0px;
    border-bottom: 0px solid #000;
  }
}
.footer .footer-wrap__menu ul li {
  margin-right: 0px;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 400px) {
  .footer .footer-wrap__menu ul li {
    width: auto;
    margin-right: 20px;
  }
}
.footer .footer-wrap__menu ul li:last-child {
  margin-right: 0px;
}
.footer .footer-wrap__menu ul li a {
  font-size: 13px;
  font-weight: bold;
}
@media screen and (min-width: 400px) {
  .footer .footer-wrap__menu ul li a {
    font-size: 18px;
  }
}