:root {
     --blue: #007bff;
     --indigo: #6610f2;
     --purple: #6f42c1;
     --pink: #e83e8c;
     --red: #dc3545;
     --orange: #fd7e14;
     --yellow: #ffc107;
     --green: #28a745;
     --teal: #20c997;
     --cyan: #17a2b8;
     --white: #fff;
     --gray: #6c757d;
     --gray-dark: #343a40;
     --primary: #007bff;
     --secondary: #6c757d;
     --success: #28a745;
     --info: #17a2b8;
     --warning: #ffc107;
     --danger: #dc3545;
     --light: #f8f9fa;
     --dark: #343a40;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }

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

 html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     overflow-x: auto;
     overflow-y: auto;
 }

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

 body {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: left;
     background-color: #fff;
 }

 [tabindex="-1"]:focus {
     outline: 0 !important;
 }

 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 abbr[title],
 abbr[data-original-title] {
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0;
     -webkit-text-decoration-skip-ink: none;
     text-decoration-skip-ink: none;
 }

 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
 }

 ol,
 ul,
 dl {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 ol ol,
 ul ul,
 ol ul,
 ul ol {
     margin-bottom: 0;
 }

 dt {
     font-weight: 700;
 }

 dd {
     margin-bottom: .5rem;
     margin-left: 0;
 }

 blockquote {
     margin: 0 0 1rem;
 }

 b,
 strong {
     font-weight: bolder;
 }

 small {
     font-size: 80%;
 }

 sub,
 sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
 }

 sub {
     bottom: -.25em;
 }

 sup {
     top: -.5em;
 }

 a {
     color: #007bff;
     text-decoration: none;
     background-color: transparent;
 }

 a:hover {
     color: #0056b3;
     text-decoration: underline;
 }

 a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none;
 }

 a:not([href]):not([tabindex]):hover,
 a:not([href]):not([tabindex]):focus {
     color: inherit;
     text-decoration: none;
 }

 a:not([href]):not([tabindex]):focus {
     outline: 0;
 }

 pre,
 code,
 kbd,
 samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em;
 }

 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
 }

 figure {
     margin: 0 0 1rem;
 }

 img {
     vertical-align: middle;
     border-style: none;
 }

 svg {
     overflow: hidden;
     vertical-align: middle;
 }

 table {
     border-collapse: collapse;
 }

 caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #6c757d;
     text-align: left;
     caption-side: bottom;
 }

 th {
     text-align: inherit;
 }

 label {
     display: inline-block;
     margin-bottom: 0.5rem;
 }

 button {
     border-radius: 0;
 }

 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
 }

 input,
 button,
 select,
 optgroup,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }

 button,
 input {
     overflow: visible;
 }

 button,
 select {
     text-transform: none;
 }

 select {
     word-wrap: normal;
 }

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

 button:not(:disabled),
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled) {
     cursor: pointer;
 }

 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }

 input[type="radio"],
 input[type="checkbox"] {
     box-sizing: border-box;
     padding: 0;
 }

 input[type="date"],
 input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
     -webkit-appearance: listbox;
 }

 textarea {
     overflow: auto;
     resize: vertical;
 }

 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
 }

 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: .5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal;
 }

 progress {
     vertical-align: baseline;
 }

 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
 }

 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
 }

 output {
     display: inline-block;
 }

 summary {
     display: list-item;
     cursor: pointer;
 }

 template {
     display: none;
 }

 [hidden] {
     display: none !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     margin-bottom: 0.5rem;
     font-weight: 500;
     line-height: 1.2;
 }

 h1,
 .h1 {
     font-size: 2.5rem;
 }

 h2,
 .h2 {
     font-size: 2rem;
 }

 h3,
 .h3 {
     font-size: 1.75rem;
 }

 h4,
 .h4 {
     font-size: 1.5rem;
 }

 h5,
 .h5 {
     font-size: 1.25rem;
 }

 h6,
 .h6 {
     font-size: 1rem;
 }

 .lead {
     font-size: 1.25rem;
     font-weight: 300;
 }

 .display-1 {
     font-size: 6rem;
     font-weight: 300;
     line-height: 1.2;
 }

 .display-2 {
     font-size: 5.5rem;
     font-weight: 300;
     line-height: 1.2;
 }

 .display-3 {
     font-size: 4.5rem;
     font-weight: 300;
     line-height: 1.2;
 }

 .display-4 {
     font-size: 3.5rem;
     font-weight: 300;
     line-height: 1.2;
 }

 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
 }

 small,
 .small {
     font-size: 80%;
     font-weight: 400;
 }

 mark,
 .mark {
     padding: 0.2em;
     background-color: #fcf8e3;
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none;
 }

 .list-inline {
     padding-left: 0;
     list-style: none;
 }

 .list-inline-item {
     display: inline-block;
 }

 .list-inline-item:not(:last-child) {
     margin-right: 0.5rem;
 }

 .initialism {
     font-size: 90%;
     text-transform: uppercase;
 }

 .blockquote {
     margin-bottom: 1rem;
     font-size: 1.25rem;
 }

 .blockquote-footer {
     display: block;
     font-size: 80%;
     color: #6c757d;
 }

 .blockquote-footer::before {
     content: "\2014\00A0";
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
 }

 .img-thumbnail {
     padding: 0.25rem;
     background-color: #fff;
     border: 1px solid #dee2e6;
     border-radius: 0.25rem;
     max-width: 100%;
     height: auto;
 }

 .figure {
     display: inline-block;
 }

 .figure-img {
     margin-bottom: 0.5rem;
     line-height: 1;
 }

 .figure-caption {
     font-size: 90%;
     color: #6c757d;
 }

 code {
     font-size: 87.5%;
     color: #e83e8c;
     word-break: break-word;
 }

 a>code {
     color: inherit;
 }

 kbd {
     padding: 0.2rem 0.4rem;
     font-size: 87.5%;
     color: #fff;
     background-color: #212529;
     border-radius: 0.2rem;
 }

 kbd kbd {
     padding: 0;
     font-size: 100%;
     font-weight: 700;
 }

 pre {
     display: block;
     font-size: 87.5%;
     color: #212529;
 }

 pre code {
     font-size: inherit;
     color: inherit;
     word-break: normal;
 }

 .pre-scrollable {
     max-height: 340px;
     overflow-y: scroll;
 }

 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 @media (min-width:576px) {
     .container {
         max-width: 540px;
     }
 }

 @media (min-width:768px) {
     .container {
         max-width: 720px;
     }
 }

 @media (min-width:992px) {
     .container {
         max-width: 960px;
     }
 }

 @media (min-width:1200px) {
     .container {
         max-width: 1140px;
     }
 }

 .container-fluid {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }

 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }

 .no-gutters>.col,
 .no-gutters>[class*="col-"] {
     padding-right: 0;
     padding-left: 0;
 }

 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col,
 .col-auto,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm,
 .col-sm-auto,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md,
 .col-md-auto,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg,
 .col-lg-auto,
 .col-xl-1,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl,
 .col-xl-auto {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }

 .col-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
 }

 .col-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
 }

 .col-2 {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
 }

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

 .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
 }

 .col-5 {
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
 }

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

 .col-7 {
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
 }

 .col-8 {
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
 }

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

 .col-10 {
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
 }

 .col-11 {
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
 }

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

 .order-first {
     -ms-flex-order: -1;
     order: -1;
 }

 .order-last {
     -ms-flex-order: 13;
     order: 13;
 }

 .order-0 {
     -ms-flex-order: 0;
     order: 0;
 }

 .order-1 {
     -ms-flex-order: 1;
     order: 1;
 }

 .order-2 {
     -ms-flex-order: 2;
     order: 2;
 }

 .order-3 {
     -ms-flex-order: 3;
     order: 3;
 }

 .order-4 {
     -ms-flex-order: 4;
     order: 4;
 }

 .order-5 {
     -ms-flex-order: 5;
     order: 5;
 }

 .order-6 {
     -ms-flex-order: 6;
     order: 6;
 }

 .order-7 {
     -ms-flex-order: 7;
     order: 7;
 }

 .order-8 {
     -ms-flex-order: 8;
     order: 8;
 }

 .order-9 {
     -ms-flex-order: 9;
     order: 9;
 }

 .order-10 {
     -ms-flex-order: 10;
     order: 10;
 }

 .order-11 {
     -ms-flex-order: 11;
     order: 11;
 }

 .order-12 {
     -ms-flex-order: 12;
     order: 12;
 }

 .offset-1 {
     margin-left: 8.333333%;
 }

 .offset-2 {
     margin-left: 16.666667%;
 }

 .offset-3 {
     margin-left: 25%;
 }

 .offset-4 {
     margin-left: 33.333333%;
 }

 .offset-5 {
     margin-left: 41.666667%;
 }

 .offset-6 {
     margin-left: 50%;
 }

 .offset-7 {
     margin-left: 58.333333%;
 }

 .offset-8 {
     margin-left: 66.666667%;
 }

 .offset-9 {
     margin-left: 75%;
 }

 .offset-10 {
     margin-left: 83.333333%;
 }

 .offset-11 {
     margin-left: 91.666667%;
 }

 @media (min-width:576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }

     .col-sm-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }

     .col-sm-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-sm-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-sm-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-sm-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-sm-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-sm-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-sm-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-sm-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

     .order-sm-first {
         -ms-flex-order: -1;
         order: -1;
     }

     .order-sm-last {
         -ms-flex-order: 13;
         order: 13;
     }

     .order-sm-0 {
         -ms-flex-order: 0;
         order: 0;
     }

     .order-sm-1 {
         -ms-flex-order: 1;
         order: 1;
     }

     .order-sm-2 {
         -ms-flex-order: 2;
         order: 2;
     }

     .order-sm-3 {
         -ms-flex-order: 3;
         order: 3;
     }

     .order-sm-4 {
         -ms-flex-order: 4;
         order: 4;
     }

     .order-sm-5 {
         -ms-flex-order: 5;
         order: 5;
     }

     .order-sm-6 {
         -ms-flex-order: 6;
         order: 6;
     }

     .order-sm-7 {
         -ms-flex-order: 7;
         order: 7;
     }

     .order-sm-8 {
         -ms-flex-order: 8;
         order: 8;
     }

     .order-sm-9 {
         -ms-flex-order: 9;
         order: 9;
     }

     .order-sm-10 {
         -ms-flex-order: 10;
         order: 10;
     }

     .order-sm-11 {
         -ms-flex-order: 11;
         order: 11;
     }

     .order-sm-12 {
         -ms-flex-order: 12;
         order: 12;
     }

     .offset-sm-0 {
         margin-left: 0;
     }

     .offset-sm-1 {
         margin-left: 8.333333%;
     }

     .offset-sm-2 {
         margin-left: 16.666667%;
     }

     .offset-sm-3 {
         margin-left: 25%;
     }

     .offset-sm-4 {
         margin-left: 33.333333%;
     }

     .offset-sm-5 {
         margin-left: 41.666667%;
     }

     .offset-sm-6 {
         margin-left: 50%;
     }

     .offset-sm-7 {
         margin-left: 58.333333%;
     }

     .offset-sm-8 {
         margin-left: 66.666667%;
     }

     .offset-sm-9 {
         margin-left: 75%;
     }

     .offset-sm-10 {
         margin-left: 83.333333%;
     }

     .offset-sm-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width:768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }

     .col-md-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }

     .col-md-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-md-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-md-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-md-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

     .order-md-first {
         -ms-flex-order: -1;
         order: -1;
     }

     .order-md-last {
         -ms-flex-order: 13;
         order: 13;
     }

     .order-md-0 {
         -ms-flex-order: 0;
         order: 0;
     }

     .order-md-1 {
         -ms-flex-order: 1;
         order: 1;
     }

     .order-md-2 {
         -ms-flex-order: 2;
         order: 2;
     }

     .order-md-3 {
         -ms-flex-order: 3;
         order: 3;
     }

     .order-md-4 {
         -ms-flex-order: 4;
         order: 4;
     }

     .order-md-5 {
         -ms-flex-order: 5;
         order: 5;
     }

     .order-md-6 {
         -ms-flex-order: 6;
         order: 6;
     }

     .order-md-7 {
         -ms-flex-order: 7;
         order: 7;
     }

     .order-md-8 {
         -ms-flex-order: 8;
         order: 8;
     }

     .order-md-9 {
         -ms-flex-order: 9;
         order: 9;
     }

     .order-md-10 {
         -ms-flex-order: 10;
         order: 10;
     }

     .order-md-11 {
         -ms-flex-order: 11;
         order: 11;
     }

     .order-md-12 {
         -ms-flex-order: 12;
         order: 12;
     }

     .offset-md-0 {
         margin-left: 0;
     }

     .offset-md-1 {
         margin-left: 8.333333%;
     }

     .offset-md-2 {
         margin-left: 16.666667%;
     }

     .offset-md-3 {
         margin-left: 25%;
     }

     .offset-md-4 {
         margin-left: 33.333333%;
     }

     .offset-md-5 {
         margin-left: 41.666667%;
     }

     .offset-md-6 {
         margin-left: 50%;
     }

     .offset-md-7 {
         margin-left: 58.333333%;
     }

     .offset-md-8 {
         margin-left: 66.666667%;
     }

     .offset-md-9 {
         margin-left: 75%;
     }

     .offset-md-10 {
         margin-left: 83.333333%;
     }

     .offset-md-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width:992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }

     .col-lg-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }

     .col-lg-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-lg-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-lg-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-lg-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-lg-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-lg-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

     .order-lg-first {
         -ms-flex-order: -1;
         order: -1;
     }

     .order-lg-last {
         -ms-flex-order: 13;
         order: 13;
     }

     .order-lg-0 {
         -ms-flex-order: 0;
         order: 0;
     }

     .order-lg-1 {
         -ms-flex-order: 1;
         order: 1;
     }

     .order-lg-2 {
         -ms-flex-order: 2;
         order: 2;
     }

     .order-lg-3 {
         -ms-flex-order: 3;
         order: 3;
     }

     .order-lg-4 {
         -ms-flex-order: 4;
         order: 4;
     }

     .order-lg-5 {
         -ms-flex-order: 5;
         order: 5;
     }

     .order-lg-6 {
         -ms-flex-order: 6;
         order: 6;
     }

     .order-lg-7 {
         -ms-flex-order: 7;
         order: 7;
     }

     .order-lg-8 {
         -ms-flex-order: 8;
         order: 8;
     }

     .order-lg-9 {
         -ms-flex-order: 9;
         order: 9;
     }

     .order-lg-10 {
         -ms-flex-order: 10;
         order: 10;
     }

     .order-lg-11 {
         -ms-flex-order: 11;
         order: 11;
     }

     .order-lg-12 {
         -ms-flex-order: 12;
         order: 12;
     }

     .offset-lg-0 {
         margin-left: 0;
     }

     .offset-lg-1 {
         margin-left: 8.333333%;
     }

     .offset-lg-2 {
         margin-left: 16.666667%;
     }

     .offset-lg-3 {
         margin-left: 25%;
     }

     .offset-lg-4 {
         margin-left: 33.333333%;
     }

     .offset-lg-5 {
         margin-left: 41.666667%;
     }

     .offset-lg-6 {
         margin-left: 50%;
     }

     .offset-lg-7 {
         margin-left: 58.333333%;
     }

     .offset-lg-8 {
         margin-left: 66.666667%;
     }

     .offset-lg-9 {
         margin-left: 75%;
     }

     .offset-lg-10 {
         margin-left: 83.333333%;
     }

     .offset-lg-11 {
         margin-left: 91.666667%;
     }
 }

 @media (min-width:1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
     }

     .col-xl-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }

     .col-xl-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-xl-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-xl-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-xl-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-xl-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-xl-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-xl-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-xl-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

     .order-xl-first {
         -ms-flex-order: -1;
         order: -1;
     }

     .order-xl-last {
         -ms-flex-order: 13;
         order: 13;
     }

     .order-xl-0 {
         -ms-flex-order: 0;
         order: 0;
     }

     .order-xl-1 {
         -ms-flex-order: 1;
         order: 1;
     }

     .order-xl-2 {
         -ms-flex-order: 2;
         order: 2;
     }

     .order-xl-3 {
         -ms-flex-order: 3;
         order: 3;
     }

     .order-xl-4 {
         -ms-flex-order: 4;
         order: 4;
     }

     .order-xl-5 {
         -ms-flex-order: 5;
         order: 5;
     }

     .order-xl-6 {
         -ms-flex-order: 6;
         order: 6;
     }

     .order-xl-7 {
         -ms-flex-order: 7;
         order: 7;
     }

     .order-xl-8 {
         -ms-flex-order: 8;
         order: 8;
     }

     .order-xl-9 {
         -ms-flex-order: 9;
         order: 9;
     }

     .order-xl-10 {
         -ms-flex-order: 10;
         order: 10;
     }

     .order-xl-11 {
         -ms-flex-order: 11;
         order: 11;
     }

     .order-xl-12 {
         -ms-flex-order: 12;
         order: 12;
     }

     .offset-xl-0 {
         margin-left: 0;
     }

     .offset-xl-1 {
         margin-left: 8.333333%;
     }

     .offset-xl-2 {
         margin-left: 16.666667%;
     }

     .offset-xl-3 {
         margin-left: 25%;
     }

     .offset-xl-4 {
         margin-left: 33.333333%;
     }

     .offset-xl-5 {
         margin-left: 41.666667%;
     }

     .offset-xl-6 {
         margin-left: 50%;
     }

     .offset-xl-7 {
         margin-left: 58.333333%;
     }

     .offset-xl-8 {
         margin-left: 66.666667%;
     }

     .offset-xl-9 {
         margin-left: 75%;
     }

     .offset-xl-10 {
         margin-left: 83.333333%;
     }

     .offset-xl-11 {
         margin-left: 91.666667%;
     }
 }

 .table {
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
 }

 .table th,
 .table td {
     padding: 0.75rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6;
 }

 .table thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6;
 }

 .table tbody+tbody {
     border-top: 2px solid #dee2e6;
 }

 .table-sm th,
 .table-sm td {
     padding: 0.3rem;
 }

 .table-bordered {
     border: 1px solid #dee2e6;
 }

 .table-bordered th,
 .table-bordered td {
     border: 1px solid #dee2e6;
 }

 .table-bordered thead th,
 .table-bordered thead td {
     border-bottom-width: 2px;
 }

 .table-borderless th,
 .table-borderless td,
 .table-borderless thead th,
 .table-borderless tbody+tbody {
     border: 0;
 }

 .table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .table-hover tbody tr:hover {
     color: #212529;
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-primary,
 .table-primary>th,
 .table-primary>td {
     background-color: #b8daff;
 }

 .table-primary th,
 .table-primary td,
 .table-primary thead th,
 .table-primary tbody+tbody {
     border-color: #7abaff;
 }

 .table-hover .table-primary:hover {
     background-color: #9fcdff;
 }

 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
     background-color: #9fcdff;
 }

 .table-secondary,
 .table-secondary>th,
 .table-secondary>td {
     background-color: #d6d8db;
 }

 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody+tbody {
     border-color: #b3b7bb;
 }

 .table-hover .table-secondary:hover {
     background-color: #c8cbcf;
 }

 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {
     background-color: #c8cbcf;
 }

 .table-success,
 .table-success>th,
 .table-success>td {
     background-color: #c3e6cb;
 }

 .table-success th,
 .table-success td,
 .table-success thead th,
 .table-success tbody+tbody {
     border-color: #8fd19e;
 }

 .table-hover .table-success:hover {
     background-color: #b1dfbb;
 }

 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
     background-color: #b1dfbb;
 }

 .table-info,
 .table-info>th,
 .table-info>td {
     background-color: #bee5eb;
 }

 .table-info th,
 .table-info td,
 .table-info thead th,
 .table-info tbody+tbody {
     border-color: #86cfda;
 }

 .table-hover .table-info:hover {
     background-color: #abdde5;
 }

 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
     background-color: #abdde5;
 }

 .table-warning,
 .table-warning>th,
 .table-warning>td {
     background-color: #ffeeba;
 }

 .table-warning th,
 .table-warning td,
 .table-warning thead th,
 .table-warning tbody+tbody {
     border-color: #ffdf7e;
 }

 .table-hover .table-warning:hover {
     background-color: #ffe8a1;
 }

 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
     background-color: #ffe8a1;
 }

 .table-danger,
 .table-danger>th,
 .table-danger>td {
     background-color: #f5c6cb;
 }

 .table-danger th,
 .table-danger td,
 .table-danger thead th,
 .table-danger tbody+tbody {
     border-color: #ed969e;
 }

 .table-hover .table-danger:hover {
     background-color: #f1b0b7;
 }

 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
     background-color: #f1b0b7;
 }

 .table-light,
 .table-light>th,
 .table-light>td {
     background-color: #fdfdfe;
 }

 .table-light th,
 .table-light td,
 .table-light thead th,
 .table-light tbody+tbody {
     border-color: #fbfcfc;
 }

 .table-hover .table-light:hover {
     background-color: #ececf6;
 }

 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
     background-color: #ececf6;
 }

 .table-dark,
 .table-dark>th,
 .table-dark>td {
     background-color: #c6c8ca;
 }

 .table-dark th,
 .table-dark td,
 .table-dark thead th,
 .table-dark tbody+tbody {
     border-color: #95999c;
 }

 .table-hover .table-dark:hover {
     background-color: #b9bbbe;
 }

 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
     background-color: #b9bbbe;
 }

 .table-active,
 .table-active>th,
 .table-active>td {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table .thead-dark th {
     color: #fff;
     background-color: #343a40;
     border-color: #454d55;
 }

 .table .thead-light th {
     color: #495057;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .table-dark {
     color: #fff;
     background-color: #343a40;
 }

 .table-dark th,
 .table-dark td,
 .table-dark thead th {
     border-color: #454d55;
 }

 .table-dark.table-bordered {
     border: 0;
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, 0.05);
 }

 .table-dark.table-hover tbody tr:hover {
     color: #fff;
     background-color: rgba(255, 255, 255, 0.075);
 }

 @media (max-width:575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .table-responsive-sm>.table-bordered {
         border: 0;
     }
 }

 @media (max-width:767.98px) {
     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .table-responsive-md>.table-bordered {
         border: 0;
     }
 }

 @media (max-width:991.98px) {
     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .table-responsive-lg>.table-bordered {
         border: 0;
     }
 }

 @media (max-width:1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .table-responsive-xl>.table-bordered {
         border: 0;
     }
 }

 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .table-responsive>.table-bordered {
     border: 0;
 }

 .form-control {
     display: block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {
     .form-control {
         transition: none;
     }
 }

 .form-control::-ms-expand {
     background-color: transparent;
     border: 0;
 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .form-control::-webkit-input-placeholder {
     color: #6c757d;
     opacity: 1;
 }

 .form-control::-moz-placeholder {
     color: #6c757d;
     opacity: 1;
 }

 .form-control:-ms-input-placeholder {
     color: #6c757d;
     opacity: 1;
 }

 .form-control::-ms-input-placeholder {
     color: #6c757d;
     opacity: 1;
 }

 .form-control::placeholder {
     color: #6c757d;
     opacity: 1;
 }

 .form-control:disabled,
 .form-control[readonly] {
     background-color: #e9ecef;
     opacity: 1;
 }

 select.form-control:focus::-ms-value {
     color: #495057;
     background-color: #fff;
 }

 .form-control-file,
 .form-control-range {
     display: block;
     width: 100%;
 }

 .col-form-label {
     padding-top: calc(0.375rem + 1px);
     padding-bottom: calc(0.375rem + 1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5;
 }

 .col-form-label-lg {
     padding-top: calc(0.5rem + 1px);
     padding-bottom: calc(0.5rem + 1px);
     font-size: 1.25rem;
     line-height: 1.5;
 }

 .col-form-label-sm {
     padding-top: calc(0.25rem + 1px);
     padding-bottom: calc(0.25rem + 1px);
     font-size: 0.875rem;
     line-height: 1.5;
 }

 .form-control-plaintext {
     display: block;
     width: 100%;
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;
     margin-bottom: 0;
     line-height: 1.5;
     color: #212529;
     background-color: transparent;
     border: solid transparent;
     border-width: 1px 0;
 }

 .form-control-plaintext.form-control-sm,
 .form-control-plaintext.form-control-lg {
     padding-right: 0;
     padding-left: 0;
 }

 .form-control-sm {
     height: calc(1.5em + 0.5rem + 2px);
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }

 .form-control-lg {
     height: calc(1.5em + 1rem + 2px);
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }

 select.form-control[size],
 select.form-control[multiple] {
     height: auto;
 }

 textarea.form-control {
     height: auto;
 }

 .form-group {
     margin-bottom: 1rem;
 }

 .form-text {
     display: block;
     margin-top: 0.25rem;
 }

 .form-row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px;
 }

 .form-row>.col,
 .form-row>[class*="col-"] {
     padding-right: 5px;
     padding-left: 5px;
 }

 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem;
 }

 .form-check-input {
     position: absolute;
     margin-top: 0.3rem;
     margin-left: -1.25rem;
 }

 .form-check-input:disabled~.form-check-label {
     color: #6c757d;
 }

 .form-check-label {
     margin-bottom: 0;
 }

 .form-check-inline {
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
     margin-right: 0.75rem;
 }

 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: 0.3125rem;
     margin-left: 0;
 }

 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     color: #28a745;
 }

 .valid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: .1rem;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(40, 167, 69, 0.9);
     border-radius: 0.25rem;
 }

 .was-validated .form-control:valid,
 .form-control.is-valid {
     border-color: #28a745;
     padding-right: calc(1.5em + 0.75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: center right calc(0.375em + 0.1875rem);
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .form-control:valid:focus,
 .form-control.is-valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .form-control:valid~.valid-feedback,
 .was-validated .form-control:valid~.valid-tooltip,
 .form-control.is-valid~.valid-feedback,
 .form-control.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated textarea.form-control:valid,
 textarea.form-control.is-valid {
     padding-right: calc(1.5em + 0.75rem);
     background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }

 .was-validated .custom-select:valid,
 .custom-select.is-valid {
     border-color: #28a745;
     padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:valid:focus,
 .custom-select.is-valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .custom-select:valid~.valid-feedback,
 .was-validated .custom-select:valid~.valid-tooltip,
 .custom-select.is-valid~.valid-feedback,
 .custom-select.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated .form-control-file:valid~.valid-feedback,
 .was-validated .form-control-file:valid~.valid-tooltip,
 .form-control-file.is-valid~.valid-feedback,
 .form-control-file.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated .form-check-input:valid~.form-check-label,
 .form-check-input.is-valid~.form-check-label {
     color: #28a745;
 }

 .was-validated .form-check-input:valid~.valid-feedback,
 .was-validated .form-check-input:valid~.valid-tooltip,
 .form-check-input.is-valid~.valid-feedback,
 .form-check-input.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated .custom-control-input:valid~.custom-control-label,
 .custom-control-input.is-valid~.custom-control-label {
     color: #28a745;
 }

 .was-validated .custom-control-input:valid~.custom-control-label::before,
 .custom-control-input.is-valid~.custom-control-label::before {
     border-color: #28a745;
 }

 .was-validated .custom-control-input:valid~.valid-feedback,
 .was-validated .custom-control-input:valid~.valid-tooltip,
 .custom-control-input.is-valid~.valid-feedback,
 .custom-control-input.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated .custom-control-input:valid:checked~.custom-control-label::before,
 .custom-control-input.is-valid:checked~.custom-control-label::before {
     border-color: #34ce57;
     background-color: #34ce57;
 }

 .was-validated .custom-control-input:valid:focus~.custom-control-label::before,
 .custom-control-input.is-valid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
 .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
     border-color: #28a745;
 }

 .was-validated .custom-file-input:valid~.custom-file-label,
 .custom-file-input.is-valid~.custom-file-label {
     border-color: #28a745;
 }

 .was-validated .custom-file-input:valid~.valid-feedback,
 .was-validated .custom-file-input:valid~.valid-tooltip,
 .custom-file-input.is-valid~.valid-feedback,
 .custom-file-input.is-valid~.valid-tooltip {
     display: block;
 }

 .was-validated .custom-file-input:valid:focus~.custom-file-label,
 .custom-file-input.is-valid:focus~.custom-file-label {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     color: #dc3545;
 }

 .invalid-tooltip {
     position: absolute;
     top: 100%;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: .1rem;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(220, 53, 69, 0.9);
     border-radius: 0.25rem;
 }

 .was-validated .form-control:invalid,
 .form-control.is-invalid {
     border-color: #dc3545;
     padding-right: calc(1.5em + 0.75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
     background-repeat: no-repeat;
     background-position: center right calc(0.375em + 0.1875rem);
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .form-control:invalid:focus,
 .form-control.is-invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .form-control:invalid~.invalid-feedback,
 .was-validated .form-control:invalid~.invalid-tooltip,
 .form-control.is-invalid~.invalid-feedback,
 .form-control.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated textarea.form-control:invalid,
 textarea.form-control.is-invalid {
     padding-right: calc(1.5em + 0.75rem);
     background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }

 .was-validated .custom-select:invalid,
 .custom-select.is-invalid {
     border-color: #dc3545;
     padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:invalid:focus,
 .custom-select.is-invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .custom-select:invalid~.invalid-feedback,
 .was-validated .custom-select:invalid~.invalid-tooltip,
 .custom-select.is-invalid~.invalid-feedback,
 .custom-select.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated .form-control-file:invalid~.invalid-feedback,
 .was-validated .form-control-file:invalid~.invalid-tooltip,
 .form-control-file.is-invalid~.invalid-feedback,
 .form-control-file.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated .form-check-input:invalid~.form-check-label,
 .form-check-input.is-invalid~.form-check-label {
     color: #dc3545;
 }

 .was-validated .form-check-input:invalid~.invalid-feedback,
 .was-validated .form-check-input:invalid~.invalid-tooltip,
 .form-check-input.is-invalid~.invalid-feedback,
 .form-check-input.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated .custom-control-input:invalid~.custom-control-label,
 .custom-control-input.is-invalid~.custom-control-label {
     color: #dc3545;
 }

 .was-validated .custom-control-input:invalid~.custom-control-label::before,
 .custom-control-input.is-invalid~.custom-control-label::before {
     border-color: #dc3545;
 }

 .was-validated .custom-control-input:invalid~.invalid-feedback,
 .was-validated .custom-control-input:invalid~.invalid-tooltip,
 .custom-control-input.is-invalid~.invalid-feedback,
 .custom-control-input.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
 .custom-control-input.is-invalid:checked~.custom-control-label::before {
     border-color: #e4606d;
     background-color: #e4606d;
 }

 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
 .custom-control-input.is-invalid:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
 .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
     border-color: #dc3545;
 }

 .was-validated .custom-file-input:invalid~.custom-file-label,
 .custom-file-input.is-invalid~.custom-file-label {
     border-color: #dc3545;
 }

 .was-validated .custom-file-input:invalid~.invalid-feedback,
 .was-validated .custom-file-input:invalid~.invalid-tooltip,
 .custom-file-input.is-invalid~.invalid-feedback,
 .custom-file-input.is-invalid~.invalid-tooltip {
     display: block;
 }

 .was-validated .custom-file-input:invalid:focus~.custom-file-label,
 .custom-file-input.is-invalid:focus~.custom-file-label {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .form-inline {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-align: center;
     align-items: center;
 }

 .form-inline .form-check {
     width: 100%;
 }

 @media (min-width:576px) {
     .form-inline label {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-bottom: 0;
     }

     .form-inline .form-group {
         display: -ms-flexbox;
         display: flex;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         -ms-flex-align: center;
         align-items: center;
         margin-bottom: 0;
     }

     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle;
     }

     .form-inline .form-control-plaintext {
         display: inline-block;
     }

     .form-inline .input-group,
     .form-inline .custom-select {
         width: auto;
     }

     .form-inline .form-check {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
         width: auto;
         padding-left: 0;
     }

     .form-inline .form-check-input {
         position: relative;
         -ms-flex-negative: 0;
         flex-shrink: 0;
         margin-top: 0;
         margin-right: 0.25rem;
         margin-left: 0;
     }

     .form-inline .custom-control {
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: center;
         justify-content: center;
     }

     .form-inline .custom-control-label {
         margin-bottom: 0;
     }
 }

 .btn {
     display: inline-block;
     font-weight: 400;
     color: #212529;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {
     .btn {
         transition: none;
     }
 }

 .btn:hover {
     color: #212529;
     text-decoration: none;
 }

 .btn:focus,
 .btn.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .btn.disabled,
 .btn:disabled {
     opacity: 0.65;
 }

 a.btn.disabled,
 fieldset:disabled a.btn {
     pointer-events: none;
 }

 .btn-primary {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:hover {
     color: #fff;
     background-color: #0069d9;
     border-color: #0062cc;
 }

 .btn-primary:focus,
 .btn-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #0062cc;
     border-color: #005cbf;
 }

 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

 .btn-secondary {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-secondary:hover {
     color: #fff;
     background-color: #5a6268;
     border-color: #545b62;
 }

 .btn-secondary:focus,
 .btn-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-secondary:not(:disabled):not(.disabled):active,
 .btn-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: #545b62;
     border-color: #4e555b;
 }

 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }

 .btn-success {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745;
 }

 .btn-success:hover {
     color: #fff;
     background-color: #218838;
     border-color: #1e7e34;
 }

 .btn-success:focus,
 .btn-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
 }

 .btn-success.disabled,
 .btn-success:disabled {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745;
 }

 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #1e7e34;
     border-color: #1c7430;
 }

 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
 }

 .btn-info {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-info:hover {
     color: #fff;
     background-color: #138496;
     border-color: #117a8b;
 }

 .btn-info:focus,
 .btn-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
 }

 .btn-info.disabled,
 .btn-info:disabled {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-info:not(:disabled):not(.disabled):active,
 .btn-info:not(:disabled):not(.disabled).active,
 .show>.btn-info.dropdown-toggle {
     color: #fff;
     background-color: #117a8b;
     border-color: #10707f;
 }

 .btn-info:not(:disabled):not(.disabled):active:focus,
 .btn-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
 }

 .btn-warning {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-warning:hover {
     color: #212529;
     background-color: #e0a800;
     border-color: #d39e00;
 }

 .btn-warning:focus,
 .btn-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }

 .btn-warning.disabled,
 .btn-warning:disabled {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-warning:not(:disabled):not(.disabled):active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .show>.btn-warning.dropdown-toggle {
     color: #212529;
     background-color: #d39e00;
     border-color: #c69500;
 }

 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
 }

 .btn-danger {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-danger:hover {
     color: #fff;
     background-color: #c82333;
     border-color: #bd2130;
 }

 .btn-danger:focus,
 .btn-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
 }

 .btn-danger.disabled,
 .btn-danger:disabled {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-danger:not(:disabled):not(.disabled):active,
 .btn-danger:not(:disabled):not(.disabled).active,
 .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #bd2130;
     border-color: #b21f2d;
 }

 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
 }

 .btn-light {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-light:hover {
     color: #212529;
     background-color: #e2e6ea;
     border-color: #dae0e5;
 }

 .btn-light:focus,
 .btn-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
 }

 .btn-light.disabled,
 .btn-light:disabled {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-light:not(:disabled):not(.disabled):active,
 .btn-light:not(:disabled):not(.disabled).active,
 .show>.btn-light.dropdown-toggle {
     color: #212529;
     background-color: #dae0e5;
     border-color: #d3d9df;
 }

 .btn-light:not(:disabled):not(.disabled):active:focus,
 .btn-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
 }

 .btn-dark {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }

 .btn-dark:hover {
     color: #fff;
     background-color: #23272b;
     border-color: #1d2124;
 }

 .btn-dark:focus,
 .btn-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }

 .btn-dark.disabled,
 .btn-dark:disabled {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }

 .btn-dark:not(:disabled):not(.disabled):active,
 .btn-dark:not(:disabled):not(.disabled).active,
 .show>.btn-dark.dropdown-toggle {
     color: #fff;
     background-color: #1d2124;
     border-color: #171a1d;
 }

 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
 }

 .btn-outline-primary {
     color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:hover {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:focus,
 .btn-outline-primary.focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
     color: #007bff;
     background-color: transparent;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-primary.dropdown-toggle {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

 .btn-outline-secondary {
     color: #6c757d;
     border-color: #6c757d;
 }

 .btn-outline-secondary:hover {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-outline-secondary:focus,
 .btn-outline-secondary.focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
     color: #6c757d;
     background-color: transparent;
 }

 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-secondary.dropdown-toggle {
     color: #fff;
     background-color: #6c757d;
     border-color: #6c757d;
 }

 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

 .btn-outline-success {
     color: #28a745;
     border-color: #28a745;
 }

 .btn-outline-success:hover {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745;
 }

 .btn-outline-success:focus,
 .btn-outline-success.focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
     color: #28a745;
     background-color: transparent;
 }

 .btn-outline-success:not(:disabled):not(.disabled):active,
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .show>.btn-outline-success.dropdown-toggle {
     color: #fff;
     background-color: #28a745;
     border-color: #28a745;
 }

 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .btn-outline-info {
     color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:hover {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:focus,
 .btn-outline-info.focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
     color: #17a2b8;
     background-color: transparent;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active,
 .btn-outline-info:not(:disabled):not(.disabled).active,
 .show>.btn-outline-info.dropdown-toggle {
     color: #fff;
     background-color: #17a2b8;
     border-color: #17a2b8;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .btn-outline-warning {
     color: #ffc107;
     border-color: #ffc107;
 }

 .btn-outline-warning:hover {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-outline-warning:focus,
 .btn-outline-warning.focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
     color: #ffc107;
     background-color: transparent;
 }

 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .show>.btn-outline-warning.dropdown-toggle {
     color: #212529;
     background-color: #ffc107;
     border-color: #ffc107;
 }

 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

 .btn-outline-danger {
     color: #dc3545;
     border-color: #dc3545;
 }

 .btn-outline-danger:hover {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-outline-danger:focus,
 .btn-outline-danger.focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {
     color: #dc3545;
     background-color: transparent;
 }

 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .show>.btn-outline-danger.dropdown-toggle {
     color: #fff;
     background-color: #dc3545;
     border-color: #dc3545;
 }

 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

 .btn-outline-light {
     color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-outline-light:hover {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-outline-light:focus,
 .btn-outline-light.focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
     color: #f8f9fa;
     background-color: transparent;
 }

 .btn-outline-light:not(:disabled):not(.disabled):active,
 .btn-outline-light:not(:disabled):not(.disabled).active,
 .show>.btn-outline-light.dropdown-toggle {
     color: #212529;
     background-color: #f8f9fa;
     border-color: #f8f9fa;
 }

 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

 .btn-outline-dark {
     color: #343a40;
     border-color: #343a40;
 }

 .btn-outline-dark:hover {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }

 .btn-outline-dark:focus,
 .btn-outline-dark.focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
     color: #343a40;
     background-color: transparent;
 }

 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .show>.btn-outline-dark.dropdown-toggle {
     color: #fff;
     background-color: #343a40;
     border-color: #343a40;
 }

 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .btn-link {
     font-weight: 400;
     color: #007bff;
     text-decoration: none;
 }

 .btn-link:hover {
     color: #0056b3;
     text-decoration: underline;
 }

 .btn-link:focus,
 .btn-link.focus {
     text-decoration: underline;
     box-shadow: none;
 }

 .btn-link:disabled,
 .btn-link.disabled {
     color: #6c757d;
     pointer-events: none;
 }

 .btn-lg,
 .btn-group-lg>.btn {
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }

 .btn-sm,
 .btn-group-sm>.btn {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }

 .btn-block {
     display: block;
     width: 100%;
 }

 .btn-block+.btn-block {
     margin-top: 0.5rem;
 }

 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
 input[type="button"].btn-block {
     width: 100%;
 }

 .fade {
     transition: opacity 0.15s linear;
 }

 @media (prefers-reduced-motion:reduce) {
     .fade {
         transition: none;
     }
 }

 .fade:not(.show) {
     opacity: 0;
 }

 .collapse:not(.show) {
     display: none;
 }

 .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     transition: height 0.35s ease;
 }

 @media (prefers-reduced-motion:reduce) {
     .collapsing {
         transition: none;
     }
 }

 .dropup,
 .dropright,
 .dropdown,
 .dropleft {
     position: relative;
 }

 .dropdown-toggle {
     white-space: nowrap;
 }

 .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-bottom: 0;
     border-left: 0.3em solid transparent;
 }

 .dropdown-toggle:empty::after {
     margin-left: 0;
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 10rem;
     padding: 0.5rem 0;
     margin: 0.125rem 0 0;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     list-style: none;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 0.25rem;
 }

 .dropdown-menu-left {
     right: auto;
     left: 0;
 }

 .dropdown-menu-right {
     right: 0;
     left: auto;
 }

 @media (min-width:576px) {
     .dropdown-menu-sm-left {
         right: auto;
         left: 0;
     }

     .dropdown-menu-sm-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width:768px) {
     .dropdown-menu-md-left {
         right: auto;
         left: 0;
     }

     .dropdown-menu-md-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width:992px) {
     .dropdown-menu-lg-left {
         right: auto;
         left: 0;
     }

     .dropdown-menu-lg-right {
         right: 0;
         left: auto;
     }
 }

 @media (min-width:1200px) {
     .dropdown-menu-xl-left {
         right: auto;
         left: 0;
     }

     .dropdown-menu-xl-right {
         right: 0;
         left: auto;
     }
 }

 .dropup .dropdown-menu {
     top: auto;
     bottom: 100%;
     margin-top: 0;
     margin-bottom: 0.125rem;
 }

 .dropup .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0;
     border-right: 0.3em solid transparent;
     border-bottom: 0.3em solid;
     border-left: 0.3em solid transparent;
 }

 .dropup .dropdown-toggle:empty::after {
     margin-left: 0;
 }

 .dropright .dropdown-menu {
     top: 0;
     right: auto;
     left: 100%;
     margin-top: 0;
     margin-left: 0.125rem;
 }

 .dropright .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid transparent;
     border-right: 0;
     border-bottom: 0.3em solid transparent;
     border-left: 0.3em solid;
 }

 .dropright .dropdown-toggle:empty::after {
     margin-left: 0;
 }

 .dropright .dropdown-toggle::after {
     vertical-align: 0;
 }

 .dropleft .dropdown-menu {
     top: 0;
     right: 100%;
     left: auto;
     margin-top: 0;
     margin-right: 0.125rem;
 }

 .dropleft .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
 }

 .dropleft .dropdown-toggle::after {
     display: none;
 }

 .dropleft .dropdown-toggle::before {
     display: inline-block;
     margin-right: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid transparent;
     border-right: 0.3em solid;
     border-bottom: 0.3em solid transparent;
 }

 .dropleft .dropdown-toggle:empty::after {
     margin-left: 0;
 }

 .dropleft .dropdown-toggle::before {
     vertical-align: 0;
 }

 .dropdown-menu[x-placement^="top"],
 .dropdown-menu[x-placement^="right"],
 .dropdown-menu[x-placement^="bottom"],
 .dropdown-menu[x-placement^="left"] {
     right: auto;
     bottom: auto;
 }

 .dropdown-divider {
     height: 0;
     margin: 0.5rem 0;
     overflow: hidden;
     border-top: 1px solid #e9ecef;
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: 0.25rem 1.5rem;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
     color: #16181b;
     text-decoration: none;
     background-color: #f8f9fa;
 }

 .dropdown-item.active,
 .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #007bff;
 }

 .dropdown-item.disabled,
 .dropdown-item:disabled {
     color: #6c757d;
     pointer-events: none;
     background-color: transparent;
 }

 .dropdown-menu.show {
     display: block;
 }

 .dropdown-header {
     display: block;
     padding: 0.5rem 1.5rem;
     margin-bottom: 0;
     font-size: 0.875rem;
     color: #6c757d;
     white-space: nowrap;
 }

 .dropdown-item-text {
     display: block;
     padding: 0.25rem 1.5rem;
     color: #212529;
 }

 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: -ms-inline-flexbox;
     display: inline-flex;
     vertical-align: middle;
 }

 .btn-group>.btn,
 .btn-group-vertical>.btn {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
 }

 .btn-group>.btn:hover,
 .btn-group-vertical>.btn:hover {
     z-index: 1;
 }

 .btn-group>.btn:focus,
 .btn-group>.btn:active,
 .btn-group>.btn.active,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn.active {
     z-index: 1;
 }

 .btn-toolbar {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-pack: start;
     justify-content: flex-start;
 }

 .btn-toolbar .input-group {
     width: auto;
 }

 .btn-group>.btn:not(:first-child),
 .btn-group>.btn-group:not(:first-child) {
     margin-left: -1px;
 }

 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group>.btn-group:not(:last-child)>.btn {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .btn-group>.btn:not(:first-child),
 .btn-group>.btn-group:not(:first-child)>.btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .dropdown-toggle-split {
     padding-right: 0.5625rem;
     padding-left: 0.5625rem;
 }

 .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after,
 .dropright .dropdown-toggle-split::after {
     margin-left: 0;
 }

 .dropleft .dropdown-toggle-split::before {
     margin-right: 0;
 }

 .btn-sm+.dropdown-toggle-split,
 .btn-group-sm>.btn+.dropdown-toggle-split {
     padding-right: 0.375rem;
     padding-left: 0.375rem;
 }

 .btn-lg+.dropdown-toggle-split,
 .btn-group-lg>.btn+.dropdown-toggle-split {
     padding-right: 0.75rem;
     padding-left: 0.75rem;
 }

 .btn-group-vertical {
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: center;
     justify-content: center;
 }

 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {
     width: 100%;
 }

 .btn-group-vertical>.btn:not(:first-child),
 .btn-group-vertical>.btn-group:not(:first-child) {
     margin-top: -1px;
 }

 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical>.btn-group:not(:last-child)>.btn {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .btn-group-vertical>.btn:not(:first-child),
 .btn-group-vertical>.btn-group:not(:first-child)>.btn {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {
     margin-bottom: 0;
 }

 .btn-group-toggle>.btn input[type="radio"],
 .btn-group-toggle>.btn input[type="checkbox"],
 .btn-group-toggle>.btn-group>.btn input[type="radio"],
 .btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none;
 }

 .input-group {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100%;
 }

 .input-group>.form-control,
 .input-group>.form-control-plaintext,
 .input-group>.custom-select,
 .input-group>.custom-file {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }

 .input-group>.form-control+.form-control,
 .input-group>.form-control+.custom-select,
 .input-group>.form-control+.custom-file,
 .input-group>.form-control-plaintext+.form-control,
 .input-group>.form-control-plaintext+.custom-select,
 .input-group>.form-control-plaintext+.custom-file,
 .input-group>.custom-select+.form-control,
 .input-group>.custom-select+.custom-select,
 .input-group>.custom-select+.custom-file,
 .input-group>.custom-file+.form-control,
 .input-group>.custom-file+.custom-select,
 .input-group>.custom-file+.custom-file {
     margin-left: -1px;
 }

 .input-group>.form-control:focus,
 .input-group>.custom-select:focus,
 .input-group>.custom-file .custom-file-input:focus~.custom-file-label {
     z-index: 3;
 }

 .input-group>.custom-file .custom-file-input:focus {
     z-index: 4;
 }

 .input-group>.form-control:not(:last-child),
 .input-group>.custom-select:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .input-group>.form-control:not(:first-child),
 .input-group>.custom-select:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .input-group>.custom-file {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
 }

 .input-group>.custom-file:not(:last-child) .custom-file-label,
 .input-group>.custom-file:not(:last-child) .custom-file-label::after {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .input-group>.custom-file:not(:first-child) .custom-file-label {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .input-group-prepend,
 .input-group-append {
     display: -ms-flexbox;
     display: flex;
 }

 .input-group-prepend .btn,
 .input-group-append .btn {
     position: relative;
     z-index: 2;
 }

 .input-group-prepend .btn:focus,
 .input-group-append .btn:focus {
     z-index: 3;
 }

 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.input-group-text,
 .input-group-prepend .input-group-text+.btn,
 .input-group-append .btn+.btn,
 .input-group-append .btn+.input-group-text,
 .input-group-append .input-group-text+.input-group-text,
 .input-group-append .input-group-text+.btn {
     margin-left: -1px;
 }

 .input-group-prepend {
     margin-right: -1px;
 }

 .input-group-append {
     margin-left: -1px;
 }

 .input-group-text {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.375rem 0.75rem;
     margin-bottom: 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     text-align: center;
     white-space: nowrap;
     background-color: #e9ecef;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
 }

 .input-group-text input[type="radio"],
 .input-group-text input[type="checkbox"] {
     margin-top: 0;
 }

 .input-group-lg>.form-control:not(textarea),
 .input-group-lg>.custom-select {
     height: calc(1.5em + 1rem + 2px);
 }

 .input-group-lg>.form-control,
 .input-group-lg>.custom-select,
 .input-group-lg>.input-group-prepend>.input-group-text,
 .input-group-lg>.input-group-append>.input-group-text,
 .input-group-lg>.input-group-prepend>.btn,
 .input-group-lg>.input-group-append>.btn {
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }

 .input-group-sm>.form-control:not(textarea),
 .input-group-sm>.custom-select {
     height: calc(1.5em + 0.5rem + 2px);
 }

 .input-group-sm>.form-control,
 .input-group-sm>.custom-select,
 .input-group-sm>.input-group-prepend>.input-group-text,
 .input-group-sm>.input-group-append>.input-group-text,
 .input-group-sm>.input-group-prepend>.btn,
 .input-group-sm>.input-group-append>.btn {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }

 .input-group-lg>.custom-select,
 .input-group-sm>.custom-select {
     padding-right: 1.75rem;
 }

 .input-group>.input-group-prepend>.btn,
 .input-group>.input-group-prepend>.input-group-text,
 .input-group>.input-group-append:not(:last-child)>.btn,
 .input-group>.input-group-append:not(:last-child)>.input-group-text,
 .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
 .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .input-group>.input-group-append>.btn,
 .input-group>.input-group-append>.input-group-text,
 .input-group>.input-group-prepend:not(:first-child)>.btn,
 .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
 .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
 .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }

 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 1.5rem;
 }

 .custom-control-inline {
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 1rem;
 }

 .custom-control-input {
     position: absolute;
     z-index: -1;
     opacity: 0;
 }

 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     border-color: #007bff;
     background-color: #007bff;
 }

 .custom-control-input:focus~.custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-control-input:focus:not(:checked)~.custom-control-label::before {
     border-color: #80bdff;
 }

 .custom-control-input:not(:disabled):active~.custom-control-label::before {
     color: #fff;
     background-color: #b3d7ff;
     border-color: #b3d7ff;
 }

 .custom-control-input:disabled~.custom-control-label {
     color: #6c757d;
 }

 .custom-control-input:disabled~.custom-control-label::before {
     background-color: #e9ecef;
 }

 .custom-control-label {
     position: relative;
     margin-bottom: 0;
     vertical-align: top;
 }

 .custom-control-label::before {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     pointer-events: none;
     content: "";
     background-color: #fff;
     border: #adb5bd solid 1px;
 }

 .custom-control-label::after {
     position: absolute;
     top: 0.25rem;
     left: -1.5rem;
     display: block;
     width: 1rem;
     height: 1rem;
     content: "";
     background: no-repeat 50% / 50% 50%;
 }

 .custom-checkbox .custom-control-label::before {
     border-radius: 0.25rem;
 }

 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
     border-color: #007bff;
     background-color: #007bff;
 }

 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
 }

 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-radio .custom-control-label::before {
     border-radius: 50%;
 }

 .custom-radio .custom-control-input:checked~.custom-control-label::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-switch {
     padding-left: 2.25rem;
 }

 .custom-switch .custom-control-label::before {
     left: -2.25rem;
     width: 1.75rem;
     pointer-events: all;
     border-radius: 0.5rem;
 }

 .custom-switch .custom-control-label::after {
     top: calc(0.25rem + 2px);
     left: calc(-2.25rem + 2px);
     width: calc(1rem - 4px);
     height: calc(1rem - 4px);
     background-color: #adb5bd;
     border-radius: 0.5rem;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
     transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {
     .custom-switch .custom-control-label::after {
         transition: none;
     }
 }

 .custom-switch .custom-control-input:checked~.custom-control-label::after {
     background-color: #fff;
     -webkit-transform: translateX(0.75rem);
     transform: translateX(0.75rem);
 }

 .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
     background-color: rgba(0, 123, 255, 0.5);
 }

 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 1.75rem 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .custom-select:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-select:focus::-ms-value {
     color: #495057;
     background-color: #fff;
 }

 .custom-select[multiple],
 .custom-select[size]:not([size="1"]) {
     height: auto;
     padding-right: 0.75rem;
     background-image: none;
 }

 .custom-select:disabled {
     color: #6c757d;
     background-color: #e9ecef;
 }

 .custom-select::-ms-expand {
     display: none;
 }

 .custom-select-sm {
     height: calc(1.5em + 0.5rem + 2px);
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
     padding-left: 0.5rem;
     font-size: 0.875rem;
 }

 .custom-select-lg {
     height: calc(1.5em + 1rem + 2px);
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
     padding-left: 1rem;
     font-size: 1.25rem;
 }

 .custom-file {
     position: relative;
     display: inline-block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     margin-bottom: 0;
 }

 .custom-file-input {
     position: relative;
     z-index: 2;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     margin: 0;
     opacity: 0;
 }

 .custom-file-input:focus~.custom-file-label {
     border-color: #80bdff;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-file-input:disabled~.custom-file-label {
     background-color: #e9ecef;
 }

 .custom-file-input:lang(en)~.custom-file-label::after {
     content: "Browse";
 }

 .custom-file-input~.custom-file-label[data-browse]::after {
     content: attr(data-browse);
 }

 .custom-file-label {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
 }

 .custom-file-label::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     display: block;
     height: calc(1.5em + 0.75rem);
     padding: 0.375rem 0.75rem;
     line-height: 1.5;
     color: #495057;
     content: "Browse";
     background-color: #e9ecef;
     border-left: inherit;
     border-radius: 0 0.25rem 0.25rem 0;
 }

 .custom-range {
     width: 100%;
     height: calc(1rem + 0.4rem);
     padding: 0;
     background-color: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .custom-range:focus {
     outline: none;
 }

 .custom-range:focus::-webkit-slider-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-range:focus::-moz-range-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-range:focus::-ms-thumb {
     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .custom-range::-moz-focus-outer {
     border: 0;
 }

 .custom-range::-webkit-slider-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: -0.25rem;
     background-color: #007bff;
     border: 0;
     border-radius: 1rem;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     -webkit-appearance: none;
     appearance: none;
 }

 @media (prefers-reduced-motion:reduce) {
     .custom-range::-webkit-slider-thumb {
         transition: none;
     }
 }

 .custom-range::-webkit-slider-thumb:active {
     background-color: #b3d7ff;
 }

 .custom-range::-webkit-slider-runnable-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: #dee2e6;
     border-color: transparent;
     border-radius: 1rem;
 }

 .custom-range::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     background-color: #007bff;
     border: 0;
     border-radius: 1rem;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     -moz-appearance: none;
     appearance: none;
 }

 @media (prefers-reduced-motion:reduce) {
     .custom-range::-moz-range-thumb {
         transition: none;
     }
 }

 .custom-range::-moz-range-thumb:active {
     background-color: #b3d7ff;
 }

 .custom-range::-moz-range-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: #dee2e6;
     border-color: transparent;
     border-radius: 1rem;
 }

 .custom-range::-ms-thumb {
     width: 1rem;
     height: 1rem;
     margin-top: 0;
     margin-right: 0.2rem;
     margin-left: 0.2rem;
     background-color: #007bff;
     border: 0;
     border-radius: 1rem;
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     appearance: none;
 }

 @media (prefers-reduced-motion:reduce) {
     .custom-range::-ms-thumb {
         transition: none;
     }
 }

 .custom-range::-ms-thumb:active {
     background-color: #b3d7ff;
 }

 .custom-range::-ms-track {
     width: 100%;
     height: 0.5rem;
     color: transparent;
     cursor: pointer;
     background-color: transparent;
     border-color: transparent;
     border-width: 0.5rem;
 }

 .custom-range::-ms-fill-lower {
     background-color: #dee2e6;
     border-radius: 1rem;
 }

 .custom-range::-ms-fill-upper {
     margin-right: 15px;
     background-color: #dee2e6;
     border-radius: 1rem;
 }

 .custom-range:disabled::-webkit-slider-thumb {
     background-color: #adb5bd;
 }

 .custom-range:disabled::-webkit-slider-runnable-track {
     cursor: default;
 }

 .custom-range:disabled::-moz-range-thumb {
     background-color: #adb5bd;
 }

 .custom-range:disabled::-moz-range-track {
     cursor: default;
 }

 .custom-range:disabled::-ms-thumb {
     background-color: #adb5bd;
 }

 .custom-control-label::before,
 .custom-file-label,
 .custom-select {
     transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {

     .custom-control-label::before,
     .custom-file-label,
     .custom-select {
         transition: none;
     }
 }

 .nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .nav-link {
     display: block;
     padding: 0.5rem 1rem;
 }

 .nav-link:hover,
 .nav-link:focus {
     text-decoration: none;
 }

 .nav-link.disabled {
     color: #6c757d;
     pointer-events: none;
     cursor: default;
 }

 .nav-tabs {
     border-bottom: 1px solid #dee2e6;
 }

 .nav-tabs .nav-item {
     margin-bottom: -1px;
 }

 .nav-tabs .nav-link {
     border: 1px solid transparent;
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
 }

 .nav-tabs .nav-link:hover,
 .nav-tabs .nav-link:focus {
     border-color: #e9ecef #e9ecef #dee2e6;
 }

 .nav-tabs .nav-link.disabled {
     color: #6c757d;
     background-color: transparent;
     border-color: transparent;
 }

 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
     color: #495057;
     background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff;
 }

 .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .nav-pills .nav-link {
     border-radius: 0.25rem;
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #007bff;
 }

 .nav-fill .nav-item {
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     text-align: center;
 }

 .nav-justified .nav-item {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     text-align: center;
 }

 .tab-content>.tab-pane {
     display: none;
 }

 .tab-content>.active {
     display: block;
 }

 .navbar {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0.5rem 1rem;
 }

 .navbar>.container,
 .navbar>.container-fluid {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .navbar-brand {
     display: inline-block;
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap;
 }

 .navbar-brand:hover,
 .navbar-brand:focus {
     text-decoration: none;
 }

 .navbar-nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0;
 }

 .navbar-nav .dropdown-menu {
     position: static;
     float: none;
 }

 .navbar-text {
     display: inline-block;
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }

 .navbar-collapse {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-align: center;
     align-items: center;
 }

 .navbar-toggler {
     padding: 0.25rem 0.75rem;
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }

 .navbar-toggler:hover,
 .navbar-toggler:focus {
     text-decoration: none;
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%;
 }

 @media (max-width:575.98px) {

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width:576px) {
     .navbar-expand-sm {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }

     .navbar-expand-sm .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: absolute;
     }

     .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }

     .navbar-expand-sm>.container,
     .navbar-expand-sm>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }

     .navbar-expand-sm .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }

     .navbar-expand-sm .navbar-toggler {
         display: none;
     }
 }

 @media (max-width:767.98px) {

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width:768px) {
     .navbar-expand-md {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }

     .navbar-expand-md .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: absolute;
     }

     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }

     .navbar-expand-md>.container,
     .navbar-expand-md>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }

     .navbar-expand-md .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }

     .navbar-expand-md .navbar-toggler {
         display: none;
     }
 }

 @media (max-width:991.98px) {

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width:992px) {
     .navbar-expand-lg {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }

     .navbar-expand-lg .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: absolute;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }

     .navbar-expand-lg .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }

     .navbar-expand-lg .navbar-toggler {
         display: none;
     }
 }

 @media (max-width:1199.98px) {

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         padding-right: 0;
         padding-left: 0;
     }
 }

 @media (min-width:1200px) {
     .navbar-expand-xl {
         -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
         -ms-flex-pack: start;
         justify-content: flex-start;
     }

     .navbar-expand-xl .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: absolute;
     }

     .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: 0.5rem;
         padding-left: 0.5rem;
     }

     .navbar-expand-xl>.container,
     .navbar-expand-xl>.container-fluid {
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     }

     .navbar-expand-xl .navbar-collapse {
         display: -ms-flexbox !important;
         display: flex !important;
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
     }

     .navbar-expand-xl .navbar-toggler {
         display: none;
     }
 }

 .navbar-expand {
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -ms-flex-pack: start;
     justify-content: flex-start;
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     padding-right: 0;
     padding-left: 0;
 }

 .navbar-expand .navbar-nav {
     -ms-flex-direction: row;
     flex-direction: row;
 }

 .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute;
 }

 .navbar-expand .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
 }

 .navbar-expand>.container,
 .navbar-expand>.container-fluid {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 }

 .navbar-expand .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto;
 }

 .navbar-expand .navbar-toggler {
     display: none;
 }

 .navbar-light .navbar-brand {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-brand:hover,
 .navbar-light .navbar-brand:focus {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-nav .nav-link {
     color: rgba(0, 0, 0, 0.5);
 }

 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link:focus {
     color: rgba(0, 0, 0, 0.7);
 }

 .navbar-light .navbar-nav .nav-link.disabled {
     color: rgba(0, 0, 0, 0.3);
 }

 .navbar-light .navbar-nav .show>.nav-link,
 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-toggler {
     color: rgba(0, 0, 0, 0.5);
     border-color: rgba(0, 0, 0, 0.1);
 }

 .navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .navbar-light .navbar-text {
     color: rgba(0, 0, 0, 0.5);
 }

 .navbar-light .navbar-text a {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-light .navbar-text a:hover,
 .navbar-light .navbar-text a:focus {
     color: rgba(0, 0, 0, 0.9);
 }

 .navbar-dark .navbar-brand {
     color: #fff;
 }

 .navbar-dark .navbar-brand:hover,
 .navbar-dark .navbar-brand:focus {
     color: #fff;
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 0.5);
 }

 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link:focus {
     color: rgba(255, 255, 255, 0.75);
 }

 .navbar-dark .navbar-nav .nav-link.disabled {
     color: rgba(255, 255, 255, 0.25);
 }

 .navbar-dark .navbar-nav .show>.nav-link,
 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .nav-link.active {
     color: #fff;
 }

 .navbar-dark .navbar-toggler {
     color: rgba(255, 255, 255, 0.5);
     border-color: rgba(255, 255, 255, 0.1);
 }

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 .navbar-dark .navbar-text {
     color: rgba(255, 255, 255, 0.5);
 }

 .navbar-dark .navbar-text a {
     color: #fff;
 }

 .navbar-dark .navbar-text a:hover,
 .navbar-dark .navbar-text a:focus {
     color: #fff;
 }

 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
 }

 .card>hr {
     margin-right: 0;
     margin-left: 0;
 }

 .card>.list-group:first-child .list-group-item:first-child {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
 }

 .card>.list-group:last-child .list-group-item:last-child {
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
 }

 .card-body {
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1.25rem;
 }

 .card-title {
     margin-bottom: 0.75rem;
 }

 .card-subtitle {
     margin-top: -0.375rem;
     margin-bottom: 0;
 }

 .card-text:last-child {
     margin-bottom: 0;
 }

 .card-link:hover {
     text-decoration: none;
 }

 .card-link+.card-link {
     margin-left: 1.25rem;
 }

 .card-header {
     padding: 0.75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgba(0, 0, 0, 0.03);
     border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }

 .card-header:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
 }

 .card-header+.list-group .list-group-item:first-child {
     border-top: 0;
 }

 .card-footer {
     padding: 0.75rem 1.25rem;
     background-color: rgba(0, 0, 0, 0.03);
     border-top: 1px solid rgba(0, 0, 0, 0.125);
 }

 .card-footer:last-child {
     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
 }

 .card-header-tabs {
     margin-right: -0.625rem;
     margin-bottom: -0.75rem;
     margin-left: -0.625rem;
     border-bottom: 0;
 }

 .card-header-pills {
     margin-right: -0.625rem;
     margin-left: -0.625rem;
 }

 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1.25rem;
 }

 .card-img {
     width: 100%;
     border-radius: calc(0.25rem - 1px);
 }

 .card-img-top {
     width: 100%;
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
 }

 .card-img-bottom {
     width: 100%;
     border-bottom-right-radius: calc(0.25rem - 1px);
     border-bottom-left-radius: calc(0.25rem - 1px);
 }

 .card-deck {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .card-deck .card {
     margin-bottom: 15px;
 }

 @media (min-width:576px) {
     .card-deck {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         margin-right: -15px;
         margin-left: -15px;
     }

     .card-deck .card {
         display: -ms-flexbox;
         display: flex;
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-right: 15px;
         margin-bottom: 0;
         margin-left: 15px;
     }
 }

 .card-group {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .card-group>.card {
     margin-bottom: 15px;
 }

 @media (min-width:576px) {
     .card-group {
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
     }

     .card-group>.card {
         -ms-flex: 1 0 0%;
         flex: 1 0 0%;
         margin-bottom: 0;
     }

     .card-group>.card+.card {
         margin-left: 0;
         border-left: 0;
     }

     .card-group>.card:not(:last-child) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
     }

     .card-group>.card:not(:last-child) .card-img-top,
     .card-group>.card:not(:last-child) .card-header {
         border-top-right-radius: 0;
     }

     .card-group>.card:not(:last-child) .card-img-bottom,
     .card-group>.card:not(:last-child) .card-footer {
         border-bottom-right-radius: 0;
     }

     .card-group>.card:not(:first-child) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
     }

     .card-group>.card:not(:first-child) .card-img-top,
     .card-group>.card:not(:first-child) .card-header {
         border-top-left-radius: 0;
     }

     .card-group>.card:not(:first-child) .card-img-bottom,
     .card-group>.card:not(:first-child) .card-footer {
         border-bottom-left-radius: 0;
     }
 }

 .card-columns .card {
     margin-bottom: 0.75rem;
 }

 @media (min-width:576px) {
     .card-columns {
         -webkit-column-count: 3;
         -moz-column-count: 3;
         column-count: 3;
         -webkit-column-gap: 1.25rem;
         -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
         orphans: 1;
         widows: 1;
     }

     .card-columns .card {
         display: inline-block;
         width: 100%;
     }
 }

 .accordion>.card {
     overflow: hidden;
 }

 .accordion>.card:not(:first-of-type) .card-header:first-child {
     border-radius: 0;
 }

 .accordion>.card:not(:first-of-type):not(:last-of-type) {
     border-bottom: 0;
     border-radius: 0;
 }

 .accordion>.card:first-of-type {
     border-bottom: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .accordion>.card:last-of-type {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 .accordion>.card .card-header {
     margin-bottom: -1px;
 }

 .breadcrumb {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 0.75rem 1rem;
     margin-bottom: 1rem;
     list-style: none;
     background-color: #e9ecef;
     border-radius: 0.25rem;
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: 0.5rem;
 }

 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: 0.5rem;
     color: #6c757d;
     content: "/";
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: underline;
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
     text-decoration: none;
 }

 .breadcrumb-item.active {
     color: #6c757d;
 }

 .pagination {
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: 0.25rem;
 }

 .page-link {
     position: relative;
     display: block;
     padding: 0.5rem 0.75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #007bff;
     background-color: #fff;
     border: 1px solid #dee2e6;
 }

 .page-link:hover {
     z-index: 2;
     color: #0056b3;
     text-decoration: none;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .page-link:focus {
     z-index: 2;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
 }

 .page-item:last-child .page-link {
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
 }

 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .page-item.disabled .page-link {
     color: #6c757d;
     pointer-events: none;
     cursor: auto;
     background-color: #fff;
     border-color: #dee2e6;
 }

 .pagination-lg .page-link {
     padding: 0.75rem 1.5rem;
     font-size: 1.25rem;
     line-height: 1.5;
 }

 .pagination-lg .page-item:first-child .page-link {
     border-top-left-radius: 0.3rem;
     border-bottom-left-radius: 0.3rem;
 }

 .pagination-lg .page-item:last-child .page-link {
     border-top-right-radius: 0.3rem;
     border-bottom-right-radius: 0.3rem;
 }

 .pagination-sm .page-link {
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
 }

 .pagination-sm .page-item:first-child .page-link {
     border-top-left-radius: 0.2rem;
     border-bottom-left-radius: 0.2rem;
 }

 .pagination-sm .page-item:last-child .page-link {
     border-top-right-radius: 0.2rem;
     border-bottom-right-radius: 0.2rem;
 }

 .badge {
     display: inline-block;
     padding: 0.25em 0.4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {
     .badge {
         transition: none;
     }
 }

 a.badge:hover,
 a.badge:focus {
     text-decoration: none;
 }

 .badge:empty {
     display: none;
 }

 .btn .badge {
     position: relative;
     top: -1px;
 }

 .badge-pill {
     padding-right: 0.6em;
     padding-left: 0.6em;
     border-radius: 10rem;
 }

 .badge-primary {
     color: #fff;
     background-color: #007bff;
 }

 a.badge-primary:hover,
 a.badge-primary:focus {
     color: #fff;
     background-color: #0062cc;
 }

 a.badge-primary:focus,
 a.badge-primary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

 .badge-secondary {
     color: #fff;
     background-color: #6c757d;
 }

 a.badge-secondary:hover,
 a.badge-secondary:focus {
     color: #fff;
     background-color: #545b62;
 }

 a.badge-secondary:focus,
 a.badge-secondary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

 .badge-success {
     color: #fff;
     background-color: #28a745;
 }

 a.badge-success:hover,
 a.badge-success:focus {
     color: #fff;
     background-color: #1e7e34;
 }

 a.badge-success:focus,
 a.badge-success.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .badge-info {
     color: #fff;
     background-color: #17a2b8;
 }

 a.badge-info:hover,
 a.badge-info:focus {
     color: #fff;
     background-color: #117a8b;
 }

 a.badge-info:focus,
 a.badge-info.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .badge-warning {
     color: #212529;
     background-color: #ffc107;
 }

 a.badge-warning:hover,
 a.badge-warning:focus {
     color: #212529;
     background-color: #d39e00;
 }

 a.badge-warning:focus,
 a.badge-warning.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

 .badge-danger {
     color: #fff;
     background-color: #dc3545;
 }

 a.badge-danger:hover,
 a.badge-danger:focus {
     color: #fff;
     background-color: #bd2130;
 }

 a.badge-danger:focus,
 a.badge-danger.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

 .badge-light {
     color: #212529;
     background-color: #f8f9fa;
 }

 a.badge-light:hover,
 a.badge-light:focus {
     color: #212529;
     background-color: #dae0e5;
 }

 a.badge-light:focus,
 a.badge-light.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

 .badge-dark {
     color: #fff;
     background-color: #343a40;
 }

 a.badge-dark:hover,
 a.badge-dark:focus {
     color: #fff;
     background-color: #1d2124;
 }

 a.badge-dark:focus,
 a.badge-dark.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .jumbotron {
     padding: 2rem 1rem;
     margin-bottom: 2rem;
     background-color: #e9ecef;
     border-radius: 0.3rem;
 }

 @media (min-width:576px) {
     .jumbotron {
         padding: 4rem 2rem;
     }
 }

 .jumbotron-fluid {
     padding-right: 0;
     padding-left: 0;
     border-radius: 0;
 }

 .alert {
     position: relative;
     padding: 0.75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }

 .alert-heading {
     color: inherit;
 }

 .alert-link {
     font-weight: 700;
 }

 .alert-dismissible {
     padding-right: 4rem;
 }

 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: 0.75rem 1.25rem;
     color: inherit;
 }

 .alert-primary {
     color: #004085;
     background-color: #cce5ff;
     border-color: #b8daff;
 }

 .alert-primary hr {
     border-top-color: #9fcdff;
 }

 .alert-primary .alert-link {
     color: #002752;
 }

 .alert-secondary {
     color: #383d41;
     background-color: #e2e3e5;
     border-color: #d6d8db;
 }

 .alert-secondary hr {
     border-top-color: #c8cbcf;
 }

 .alert-secondary .alert-link {
     color: #202326;
 }

 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
 }

 .alert-success hr {
     border-top-color: #b1dfbb;
 }

 .alert-success .alert-link {
     color: #0b2e13;
 }

 .alert-info {
     color: #0c5460;
     background-color: #d1ecf1;
     border-color: #bee5eb;
 }

 .alert-info hr {
     border-top-color: #abdde5;
 }

 .alert-info .alert-link {
     color: #062c33;
 }

 .alert-warning {
     color: #856404;
     background-color: #fff3cd;
     border-color: #ffeeba;
 }

 .alert-warning hr {
     border-top-color: #ffe8a1;
 }

 .alert-warning .alert-link {
     color: #533f03;
 }

 .alert-danger {
     color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb;
 }

 .alert-danger hr {
     border-top-color: #f1b0b7;
 }

 .alert-danger .alert-link {
     color: #491217;
 }

 .alert-light {
     color: #818182;
     background-color: #fefefe;
     border-color: #fdfdfe;
 }

 .alert-light hr {
     border-top-color: #ececf6;
 }

 .alert-light .alert-link {
     color: #686868;
 }

 .alert-dark {
     color: #1b1e21;
     background-color: #d6d8d9;
     border-color: #c6c8ca;
 }

 .alert-dark hr {
     border-top-color: #b9bbbe;
 }

 .alert-dark .alert-link {
     color: #040505;
 }

 @-webkit-keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
     }

     to {
         background-position: 0 0;
     }
 }

 @keyframes progress-bar-stripes {
     from {
         background-position: 1rem 0;
     }

     to {
         background-position: 0 0;
     }
 }

 .progress {
     display: -ms-flexbox;
     display: flex;
     height: 1rem;
     overflow: hidden;
     font-size: 0.75rem;
     background-color: #e9ecef;
     border-radius: 0.25rem;
 }

 .progress-bar {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     text-align: center;
     white-space: nowrap;
     background-color: #007bff;
     transition: width 0.6s ease;
 }

 @media (prefers-reduced-motion:reduce) {
     .progress-bar {
         transition: none;
     }
 }

 .progress-bar-striped {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-size: 1rem 1rem;
 }

 .progress-bar-animated {
     -webkit-animation: progress-bar-stripes 1s linear infinite;
     animation: progress-bar-stripes 1s linear infinite;
 }

 @media (prefers-reduced-motion:reduce) {
     .progress-bar-animated {
         -webkit-animation: none;
         animation: none;
     }
 }

 .media {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
 }

 .media-body {
     -ms-flex: 1;
     flex: 1;
 }

 .list-group {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
 }

 .list-group-item-action {
     width: 100%;
     color: #495057;
     text-align: inherit;
 }

 .list-group-item-action:hover,
 .list-group-item-action:focus {
     z-index: 1;
     color: #495057;
     text-decoration: none;
     background-color: #f8f9fa;
 }

 .list-group-item-action:active {
     color: #212529;
     background-color: #e9ecef;
 }

 .list-group-item {
     position: relative;
     display: block;
     padding: 0.75rem 1.25rem;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.125);
 }

 .list-group-item:first-child {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
 }

 .list-group-item:last-child {
     margin-bottom: 0;
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
 }

 .list-group-item.disabled,
 .list-group-item:disabled {
     color: #6c757d;
     pointer-events: none;
     background-color: #fff;
 }

 .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
 }

 .list-group-horizontal {
     -ms-flex-direction: row;
     flex-direction: row;
 }

 .list-group-horizontal .list-group-item {
     margin-right: -1px;
     margin-bottom: 0;
 }

 .list-group-horizontal .list-group-item:first-child {
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
 }

 .list-group-horizontal .list-group-item:last-child {
     margin-right: 0;
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
 }

 @media (min-width:576px) {
     .list-group-horizontal-sm {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .list-group-horizontal-sm .list-group-item {
         margin-right: -1px;
         margin-bottom: 0;
     }

     .list-group-horizontal-sm .list-group-item:first-child {
         border-top-left-radius: 0.25rem;
         border-bottom-left-radius: 0.25rem;
         border-top-right-radius: 0;
     }

     .list-group-horizontal-sm .list-group-item:last-child {
         margin-right: 0;
         border-top-right-radius: 0.25rem;
         border-bottom-right-radius: 0.25rem;
         border-bottom-left-radius: 0;
     }
 }

 @media (min-width:768px) {
     .list-group-horizontal-md {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .list-group-horizontal-md .list-group-item {
         margin-right: -1px;
         margin-bottom: 0;
     }

     .list-group-horizontal-md .list-group-item:first-child {
         border-top-left-radius: 0.25rem;
         border-bottom-left-radius: 0.25rem;
         border-top-right-radius: 0;
     }

     .list-group-horizontal-md .list-group-item:last-child {
         margin-right: 0;
         border-top-right-radius: 0.25rem;
         border-bottom-right-radius: 0.25rem;
         border-bottom-left-radius: 0;
     }
 }

 @media (min-width:992px) {
     .list-group-horizontal-lg {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .list-group-horizontal-lg .list-group-item {
         margin-right: -1px;
         margin-bottom: 0;
     }

     .list-group-horizontal-lg .list-group-item:first-child {
         border-top-left-radius: 0.25rem;
         border-bottom-left-radius: 0.25rem;
         border-top-right-radius: 0;
     }

     .list-group-horizontal-lg .list-group-item:last-child {
         margin-right: 0;
         border-top-right-radius: 0.25rem;
         border-bottom-right-radius: 0.25rem;
         border-bottom-left-radius: 0;
     }
 }

 @media (min-width:1200px) {
     .list-group-horizontal-xl {
         -ms-flex-direction: row;
         flex-direction: row;
     }

     .list-group-horizontal-xl .list-group-item {
         margin-right: -1px;
         margin-bottom: 0;
     }

     .list-group-horizontal-xl .list-group-item:first-child {
         border-top-left-radius: 0.25rem;
         border-bottom-left-radius: 0.25rem;
         border-top-right-radius: 0;
     }

     .list-group-horizontal-xl .list-group-item:last-child {
         margin-right: 0;
         border-top-right-radius: 0.25rem;
         border-bottom-right-radius: 0.25rem;
         border-bottom-left-radius: 0;
     }
 }

 .list-group-flush .list-group-item {
     border-right: 0;
     border-left: 0;
     border-radius: 0;
 }

 .list-group-flush .list-group-item:last-child {
     margin-bottom: -1px;
 }

 .list-group-flush:first-child .list-group-item:first-child {
     border-top: 0;
 }

 .list-group-flush:last-child .list-group-item:last-child {
     margin-bottom: 0;
     border-bottom: 0;
 }

 .list-group-item-primary {
     color: #004085;
     background-color: #b8daff;
 }

 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
     color: #004085;
     background-color: #9fcdff;
 }

 .list-group-item-primary.list-group-item-action.active {
     color: #fff;
     background-color: #004085;
     border-color: #004085;
 }

 .list-group-item-secondary {
     color: #383d41;
     background-color: #d6d8db;
 }

 .list-group-item-secondary.list-group-item-action:hover,
 .list-group-item-secondary.list-group-item-action:focus {
     color: #383d41;
     background-color: #c8cbcf;
 }

 .list-group-item-secondary.list-group-item-action.active {
     color: #fff;
     background-color: #383d41;
     border-color: #383d41;
 }

 .list-group-item-success {
     color: #155724;
     background-color: #c3e6cb;
 }

 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
     color: #155724;
     background-color: #b1dfbb;
 }

 .list-group-item-success.list-group-item-action.active {
     color: #fff;
     background-color: #155724;
     border-color: #155724;
 }

 .list-group-item-info {
     color: #0c5460;
     background-color: #bee5eb;
 }

 .list-group-item-info.list-group-item-action:hover,
 .list-group-item-info.list-group-item-action:focus {
     color: #0c5460;
     background-color: #abdde5;
 }

 .list-group-item-info.list-group-item-action.active {
     color: #fff;
     background-color: #0c5460;
     border-color: #0c5460;
 }

 .list-group-item-warning {
     color: #856404;
     background-color: #ffeeba;
 }

 .list-group-item-warning.list-group-item-action:hover,
 .list-group-item-warning.list-group-item-action:focus {
     color: #856404;
     background-color: #ffe8a1;
 }

 .list-group-item-warning.list-group-item-action.active {
     color: #fff;
     background-color: #856404;
     border-color: #856404;
 }

 .list-group-item-danger {
     color: #721c24;
     background-color: #f5c6cb;
 }

 .list-group-item-danger.list-group-item-action:hover,
 .list-group-item-danger.list-group-item-action:focus {
     color: #721c24;
     background-color: #f1b0b7;
 }

 .list-group-item-danger.list-group-item-action.active {
     color: #fff;
     background-color: #721c24;
     border-color: #721c24;
 }

 .list-group-item-light {
     color: #818182;
     background-color: #fdfdfe;
 }

 .list-group-item-light.list-group-item-action:hover,
 .list-group-item-light.list-group-item-action:focus {
     color: #818182;
     background-color: #ececf6;
 }

 .list-group-item-light.list-group-item-action.active {
     color: #fff;
     background-color: #818182;
     border-color: #818182;
 }

 .list-group-item-dark {
     color: #1b1e21;
     background-color: #c6c8ca;
 }

 .list-group-item-dark.list-group-item-action:hover,
 .list-group-item-dark.list-group-item-action:focus {
     color: #1b1e21;
     background-color: #b9bbbe;
 }

 .list-group-item-dark.list-group-item-action.active {
     color: #fff;
     background-color: #1b1e21;
     border-color: #1b1e21;
 }

 .close {
     float: right;
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: .5;
 }

 .close:hover {
     color: #000;
     text-decoration: none;
 }

 .close:not(:disabled):not(.disabled):hover,
 .close:not(:disabled):not(.disabled):focus {
     opacity: .75;
 }

 button.close {
     padding: 0;
     background-color: transparent;
     border: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 a.close.disabled {
     pointer-events: none;
 }

 .toast {
     max-width: 350px;
     overflow: hidden;
     font-size: 0.875rem;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     opacity: 0;
     border-radius: 0.25rem;
 }

 .toast:not(:last-child) {
     margin-bottom: 0.75rem;
 }

 .toast.showing {
     opacity: 1;
 }

 .toast.show {
     display: block;
     opacity: 1;
 }

 .toast.hide {
     display: none;
 }

 .toast-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     padding: 0.25rem 0.75rem;
     color: #6c757d;
     background-color: rgba(255, 255, 255, 0.85);
     background-clip: padding-box;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .toast-body {
     padding: 0.75rem;
 }

 .modal-open {
     overflow: hidden;
 }

 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
 }

 .modal {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1050;
     display: none;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
 }

 .modal-dialog {
     position: relative;
     width: auto;
     margin: 0.5rem;
     pointer-events: none;
 }

 .modal.fade .modal-dialog {
     transition: -webkit-transform 0.3s ease-out;
     transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
     -webkit-transform: translate(0, -50px);
     transform: translate(0, -50px);
 }

 @media (prefers-reduced-motion:reduce) {
     .modal.fade .modal-dialog {
         transition: none;
     }
 }

 .modal.show .modal-dialog {
     -webkit-transform: none;
     transform: none;
 }

 .modal-dialog-scrollable {
     display: -ms-flexbox;
     display: flex;
     max-height: calc(100% - 1rem);
 }

 .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 1rem);
     overflow: hidden;
 }

 .modal-dialog-scrollable .modal-header,
 .modal-dialog-scrollable .modal-footer {
     -ms-flex-negative: 0;
     flex-shrink: 0;
 }

 .modal-dialog-scrollable .modal-body {
     overflow-y: auto;
 }

 .modal-dialog-centered {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - 1rem);
 }

 .modal-dialog-centered::before {
     display: block;
     height: calc(100vh - 1rem);
     content: "";
 }

 .modal-dialog-centered.modal-dialog-scrollable {
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100%;
 }

 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
     max-height: none;
 }

 .modal-dialog-centered.modal-dialog-scrollable::before {
     content: none;
 }

 .modal-content {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.3rem;
     outline: 0;
 }

 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #000;
 }

 .modal-backdrop.fade {
     opacity: 0;
 }

 .modal-backdrop.show {
     opacity: 0.5;
 }

 .modal-header {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-bottom: 1px solid #dee2e6;
     border-top-left-radius: 0.3rem;
     border-top-right-radius: 0.3rem;
 }

 .modal-header .close {
     padding: 1rem 1rem;
     margin: -1rem -1rem -1rem auto;
 }

 .modal-title {
     margin-bottom: 0;
     line-height: 1.5;
 }

 .modal-body {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1rem;
 }

 .modal-footer {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1rem;
     border-top: 1px solid #dee2e6;
     border-bottom-right-radius: 0.3rem;
     border-bottom-left-radius: 0.3rem;
 }

 .modal-footer> :not(:first-child) {
     margin-left: .25rem;
 }

 .modal-footer> :not(:last-child) {
     margin-right: .25rem;
 }

 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
 }

 @media (min-width:576px) {
     .modal-dialog {
         max-width: 500px;
         margin: 1.75rem auto;
     }

     .modal-dialog-scrollable {
         max-height: calc(100% - 3.5rem);
     }

     .modal-dialog-scrollable .modal-content {
         max-height: calc(100vh - 3.5rem);
     }

     .modal-dialog-centered {
         min-height: calc(100% - 3.5rem);
     }

     .modal-dialog-centered::before {
         height: calc(100vh - 3.5rem);
     }

     .modal-sm {
         max-width: 300px;
     }
 }

 @media (min-width:992px) {

     .modal-lg,
     .modal-xl {
         max-width: 800px;
     }
 }

 @media (min-width:1200px) {
     .modal-xl {
         max-width: 1140px;
     }
 }

 .tooltip {
     position: absolute;
     z-index: 1070;
     display: block;
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: 0.875rem;
     word-wrap: break-word;
     opacity: 0;
 }

 .tooltip.show {
     opacity: 0.9;
 }

 .tooltip .arrow {
     position: absolute;
     display: block;
     width: 0.8rem;
     height: 0.4rem;
 }

 .tooltip .arrow::before {
     position: absolute;
     content: "";
     border-color: transparent;
     border-style: solid;
 }

 .bs-tooltip-top,
 .bs-tooltip-auto[x-placement^="top"] {
     padding: 0.4rem 0;
 }

 .bs-tooltip-top .arrow,
 .bs-tooltip-auto[x-placement^="top"] .arrow {
     bottom: 0;
 }

 .bs-tooltip-top .arrow::before,
 .bs-tooltip-auto[x-placement^="top"] .arrow::before {
     top: 0;
     border-width: 0.4rem 0.4rem 0;
     border-top-color: #000;
 }

 .bs-tooltip-right,
 .bs-tooltip-auto[x-placement^="right"] {
     padding: 0 0.4rem;
 }

 .bs-tooltip-right .arrow,
 .bs-tooltip-auto[x-placement^="right"] .arrow {
     left: 0;
     width: 0.4rem;
     height: 0.8rem;
 }

 .bs-tooltip-right .arrow::before,
 .bs-tooltip-auto[x-placement^="right"] .arrow::before {
     right: 0;
     border-width: 0.4rem 0.4rem 0.4rem 0;
     border-right-color: #000;
 }

 .bs-tooltip-bottom,
 .bs-tooltip-auto[x-placement^="bottom"] {
     padding: 0.4rem 0;
 }

 .bs-tooltip-bottom .arrow,
 .bs-tooltip-auto[x-placement^="bottom"] .arrow {
     top: 0;
 }

 .bs-tooltip-bottom .arrow::before,
 .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
     bottom: 0;
     border-width: 0 0.4rem 0.4rem;
     border-bottom-color: #000;
 }

 .bs-tooltip-left,
 .bs-tooltip-auto[x-placement^="left"] {
     padding: 0 0.4rem;
 }

 .bs-tooltip-left .arrow,
 .bs-tooltip-auto[x-placement^="left"] .arrow {
     right: 0;
     width: 0.4rem;
     height: 0.8rem;
 }

 .bs-tooltip-left .arrow::before,
 .bs-tooltip-auto[x-placement^="left"] .arrow::before {
     left: 0;
     border-width: 0.4rem 0 0.4rem 0.4rem;
     border-left-color: #000;
 }

 .tooltip-inner {
     max-width: 200px;
     padding: 0.25rem 0.5rem;
     color: #fff;
     text-align: center;
     background-color: #000;
     border-radius: 0.25rem;
 }

 .popover {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1060;
     display: block;
     max-width: 276px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     word-spacing: normal;
     white-space: normal;
     line-break: auto;
     font-size: 0.875rem;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.3rem;
 }

 .popover .arrow {
     position: absolute;
     display: block;
     width: 1rem;
     height: 0.5rem;
     margin: 0 0.3rem;
 }

 .popover .arrow::before,
 .popover .arrow::after {
     position: absolute;
     display: block;
     content: "";
     border-color: transparent;
     border-style: solid;
 }

 .bs-popover-top,
 .bs-popover-auto[x-placement^="top"] {
     margin-bottom: 0.5rem;
 }

 .bs-popover-top>.arrow,
 .bs-popover-auto[x-placement^="top"]>.arrow {
     bottom: calc((0.5rem + 1px) * -1);
 }

 .bs-popover-top>.arrow::before,
 .bs-popover-auto[x-placement^="top"]>.arrow::before {
     bottom: 0;
     border-width: 0.5rem 0.5rem 0;
     border-top-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-top>.arrow::after,
 .bs-popover-auto[x-placement^="top"]>.arrow::after {
     bottom: 1px;
     border-width: 0.5rem 0.5rem 0;
     border-top-color: #fff;
 }

 .bs-popover-right,
 .bs-popover-auto[x-placement^="right"] {
     margin-left: 0.5rem;
 }

 .bs-popover-right>.arrow,
 .bs-popover-auto[x-placement^="right"]>.arrow {
     left: calc((0.5rem + 1px) * -1);
     width: 0.5rem;
     height: 1rem;
     margin: 0.3rem 0;
 }

 .bs-popover-right>.arrow::before,
 .bs-popover-auto[x-placement^="right"]>.arrow::before {
     left: 0;
     border-width: 0.5rem 0.5rem 0.5rem 0;
     border-right-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-right>.arrow::after,
 .bs-popover-auto[x-placement^="right"]>.arrow::after {
     left: 1px;
     border-width: 0.5rem 0.5rem 0.5rem 0;
     border-right-color: #fff;
 }

 .bs-popover-bottom,
 .bs-popover-auto[x-placement^="bottom"] {
     margin-top: 0.5rem;
 }

 .bs-popover-bottom>.arrow,
 .bs-popover-auto[x-placement^="bottom"]>.arrow {
     top: calc((0.5rem + 1px) * -1);
 }

 .bs-popover-bottom>.arrow::before,
 .bs-popover-auto[x-placement^="bottom"]>.arrow::before {
     top: 0;
     border-width: 0 0.5rem 0.5rem 0.5rem;
     border-bottom-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-bottom>.arrow::after,
 .bs-popover-auto[x-placement^="bottom"]>.arrow::after {
     top: 1px;
     border-width: 0 0.5rem 0.5rem 0.5rem;
     border-bottom-color: #fff;
 }

 .bs-popover-bottom .popover-header::before,
 .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
     position: absolute;
     top: 0;
     left: 50%;
     display: block;
     width: 1rem;
     margin-left: -0.5rem;
     content: "";
     border-bottom: 1px solid #f7f7f7;
 }

 .bs-popover-left,
 .bs-popover-auto[x-placement^="left"] {
     margin-right: 0.5rem;
 }

 .bs-popover-left>.arrow,
 .bs-popover-auto[x-placement^="left"]>.arrow {
     right: calc((0.5rem + 1px) * -1);
     width: 0.5rem;
     height: 1rem;
     margin: 0.3rem 0;
 }

 .bs-popover-left>.arrow::before,
 .bs-popover-auto[x-placement^="left"]>.arrow::before {
     right: 0;
     border-width: 0.5rem 0 0.5rem 0.5rem;
     border-left-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-left>.arrow::after,
 .bs-popover-auto[x-placement^="left"]>.arrow::after {
     right: 1px;
     border-width: 0.5rem 0 0.5rem 0.5rem;
     border-left-color: #fff;
 }

 .popover-header {
     padding: 0.5rem 0.75rem;
     margin-bottom: 0;
     font-size: 1rem;
     background-color: #f7f7f7;
     border-bottom: 1px solid #ebebeb;
     border-top-left-radius: calc(0.3rem - 1px);
     border-top-right-radius: calc(0.3rem - 1px);
 }

 .popover-header:empty {
     display: none;
 }

 .popover-body {
     padding: 0.5rem 0.75rem;
     color: #212529;
 }

 .carousel {
     position: relative;
 }

 .carousel.pointer-event {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
 }

 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .carousel-inner::after {
     display: block;
     clear: both;
     content: "";
 }

 .carousel-item {
     position: relative;
     display: none;
     float: left;
     width: 100%;
     margin-right: -100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: -webkit-transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
 }

 @media (prefers-reduced-motion:reduce) {
     .carousel-item {
         transition: none;
     }
 }

 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
     display: block;
 }

 .carousel-item-next:not(.carousel-item-left),
 .active.carousel-item-right {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
 }

 .carousel-item-prev:not(.carousel-item-right),
 .active.carousel-item-left {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
 }

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-property: opacity;
     -webkit-transform: none;
     transform: none;
 }

 .carousel-fade .carousel-item.active,
 .carousel-fade .carousel-item-next.carousel-item-left,
 .carousel-fade .carousel-item-prev.carousel-item-right {
     z-index: 1;
     opacity: 1;
 }

 .carousel-fade .active.carousel-item-left,
 .carousel-fade .active.carousel-item-right {
     z-index: 0;
     opacity: 0;
     transition: 0s 0.6s opacity;
 }

 @media (prefers-reduced-motion:reduce) {

     .carousel-fade .active.carousel-item-left,
     .carousel-fade .active.carousel-item-right {
         transition: none;
     }
 }

 .carousel-control-prev,
 .carousel-control-next {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 15%;
     color: #fff;
     text-align: center;
     opacity: 0.5;
     transition: opacity 0.15s ease;
 }

 @media (prefers-reduced-motion:reduce) {

     .carousel-control-prev,
     .carousel-control-next {
         transition: none;
     }
 }

 .carousel-control-prev:hover,
 .carousel-control-prev:focus,
 .carousel-control-next:hover,
 .carousel-control-next:focus {
     color: #fff;
     text-decoration: none;
     outline: 0;
     opacity: 0.9;
 }

 .carousel-control-prev {
     left: 0;
 }

 .carousel-control-next {
     right: 0;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     background: no-repeat 50% / 100% 100%;
 }

 .carousel-control-prev-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
 }

 .carousel-control-next-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
 }

 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 15;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 0;
     margin-right: 15%;
     margin-left: 15%;
     list-style: none;
 }

 .carousel-indicators li {
     box-sizing: content-box;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     width: 30px;
     height: 3px;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #fff;
     background-clip: padding-box;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     opacity: .5;
     transition: opacity 0.6s ease;
 }

 @media (prefers-reduced-motion:reduce) {
     .carousel-indicators li {
         transition: none;
     }
 }

 .carousel-indicators .active {
     opacity: 1;
 }

 .carousel-caption {
     position: absolute;
     right: 15%;
     bottom: 20px;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
 }

 @-webkit-keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes spinner-border {
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 .spinner-border {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     vertical-align: text-bottom;
     border: 0.25em solid currentColor;
     border-right-color: transparent;
     border-radius: 50%;
     -webkit-animation: spinner-border .75s linear infinite;
     animation: spinner-border .75s linear infinite;
 }

 .spinner-border-sm {
     width: 1rem;
     height: 1rem;
     border-width: 0.2em;
 }

 @-webkit-keyframes spinner-grow {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
     }

     50% {
         opacity: 1;
     }
 }

 @keyframes spinner-grow {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
     }

     50% {
         opacity: 1;
     }
 }

 .spinner-grow {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     vertical-align: text-bottom;
     background-color: currentColor;
     border-radius: 50%;
     opacity: 0;
     -webkit-animation: spinner-grow .75s linear infinite;
     animation: spinner-grow .75s linear infinite;
 }

 .spinner-grow-sm {
     width: 1rem;
     height: 1rem;
 }

 .align-baseline {
     vertical-align: baseline !important;
 }

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

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

 .align-bottom {
     vertical-align: bottom !important;
 }

 .align-text-bottom {
     vertical-align: text-bottom !important;
 }

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

 .bg-primary {
     background-color: #007bff !important;
 }

 a.bg-primary:hover,
 a.bg-primary:focus,
 button.bg-primary:hover,
 button.bg-primary:focus {
     background-color: #0062cc !important;
 }

 .bg-secondary {
     background-color: #6c757d !important;
 }

 a.bg-secondary:hover,
 a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
     background-color: #545b62 !important;
 }

 .bg-success {
     background-color: #28a745 !important;
 }

 a.bg-success:hover,
 a.bg-success:focus,
 button.bg-success:hover,
 button.bg-success:focus {
     background-color: #1e7e34 !important;
 }

 .bg-info {
     background-color: #17a2b8 !important;
 }

 a.bg-info:hover,
 a.bg-info:focus,
 button.bg-info:hover,
 button.bg-info:focus {
     background-color: #117a8b !important;
 }

 .bg-warning {
     background-color: #ffc107 !important;
 }

 a.bg-warning:hover,
 a.bg-warning:focus,
 button.bg-warning:hover,
 button.bg-warning:focus {
     background-color: #d39e00 !important;
 }

 .bg-danger {
     background-color: #dc3545 !important;
 }

 a.bg-danger:hover,
 a.bg-danger:focus,
 button.bg-danger:hover,
 button.bg-danger:focus {
     background-color: #bd2130 !important;
 }

 .bg-light {
     background-color: #f8f9fa !important;
 }

 a.bg-light:hover,
 a.bg-light:focus,
 button.bg-light:hover,
 button.bg-light:focus {
     background-color: #dae0e5 !important;
 }

 .bg-dark {
     background-color: #343a40 !important;
 }

 a.bg-dark:hover,
 a.bg-dark:focus,
 button.bg-dark:hover,
 button.bg-dark:focus {
     background-color: #1d2124 !important;
 }

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

 .bg-transparent {
     background-color: transparent !important;
 }

 .border {
     border: 1px solid #dee2e6 !important;
 }

 .border-top {
     border-top: 1px solid #dee2e6 !important;
 }

 .border-right {
     border-right: 1px solid #dee2e6 !important;
 }

 .border-bottom {
     border-bottom: 1px solid #dee2e6 !important;
 }

 .border-left {
     border-left: 1px solid #dee2e6 !important;
 }

 .border-0 {
     border: 0 !important;
 }

 .border-top-0 {
     border-top: 0 !important;
 }

 .border-right-0 {
     border-right: 0 !important;
 }

 .border-bottom-0 {
     border-bottom: 0 !important;
 }

 .border-left-0 {
     border-left: 0 !important;
 }

 .border-primary {
     border-color: #007bff !important;
 }

 .border-secondary {
     border-color: #6c757d !important;
 }

 .border-success {
     border-color: #28a745 !important;
 }

 .border-info {
     border-color: #17a2b8 !important;
 }

 .border-warning {
     border-color: #ffc107 !important;
 }

 .border-danger {
     border-color: #dc3545 !important;
 }

 .border-light {
     border-color: #f8f9fa !important;
 }

 .border-dark {
     border-color: #343a40 !important;
 }

 .border-white {
     border-color: #fff !important;
 }

 .rounded-sm {
     border-radius: 0.2rem !important;
 }

 .rounded {
     border-radius: 0.25rem !important;
 }

 .rounded-top {
     border-top-left-radius: 0.25rem !important;
     border-top-right-radius: 0.25rem !important;
 }

 .rounded-right {
     border-top-right-radius: 0.25rem !important;
     border-bottom-right-radius: 0.25rem !important;
 }

 .rounded-bottom {
     border-bottom-right-radius: 0.25rem !important;
     border-bottom-left-radius: 0.25rem !important;
 }

 .rounded-left {
     border-top-left-radius: 0.25rem !important;
     border-bottom-left-radius: 0.25rem !important;
 }

 .rounded-lg {
     border-radius: 0.3rem !important;
 }

 .rounded-circle {
     border-radius: 50% !important;
 }

 .rounded-pill {
     border-radius: 50rem !important;
 }

 .rounded-0 {
     border-radius: 0 !important;
 }

 .clearfix::after {
     display: block;
     clear: both;
     content: "";
 }

 .d-none {
     display: none !important;
 }

 .d-inline {
     display: inline !important;
 }

 .d-inline-block {
     display: inline-block !important;
 }

 .d-block {
     display: block !important;
 }

 .d-table {
     display: table !important;
 }

 .d-table-row {
     display: table-row !important;
 }

 .d-table-cell {
     display: table-cell !important;
 }

 .d-flex {
     display: -ms-flexbox !important;
     display: flex !important;
 }

 .d-inline-flex {
     display: -ms-inline-flexbox !important;
     display: inline-flex !important;
 }

 @media (min-width:576px) {
     .d-sm-none {
         display: none !important;
     }

     .d-sm-inline {
         display: inline !important;
     }

     .d-sm-inline-block {
         display: inline-block !important;
     }

     .d-sm-block {
         display: block !important;
     }

     .d-sm-table {
         display: table !important;
     }

     .d-sm-table-row {
         display: table-row !important;
     }

     .d-sm-table-cell {
         display: table-cell !important;
     }

     .d-sm-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }

     .d-sm-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width:768px) {
     .d-md-none {
         display: none !important;
     }

     .d-md-inline {
         display: inline !important;
     }

     .d-md-inline-block {
         display: inline-block !important;
     }

     .d-md-block {
         display: block !important;
     }

     .d-md-table {
         display: table !important;
     }

     .d-md-table-row {
         display: table-row !important;
     }

     .d-md-table-cell {
         display: table-cell !important;
     }

     .d-md-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }

     .d-md-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width:992px) {
     .d-lg-none {
         display: none !important;
     }

     .d-lg-inline {
         display: inline !important;
     }

     .d-lg-inline-block {
         display: inline-block !important;
     }

     .d-lg-block {
         display: block !important;
     }

     .d-lg-table {
         display: table !important;
     }

     .d-lg-table-row {
         display: table-row !important;
     }

     .d-lg-table-cell {
         display: table-cell !important;
     }

     .d-lg-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }

     .d-lg-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media (min-width:1200px) {
     .d-xl-none {
         display: none !important;
     }

     .d-xl-inline {
         display: inline !important;
     }

     .d-xl-inline-block {
         display: inline-block !important;
     }

     .d-xl-block {
         display: block !important;
     }

     .d-xl-table {
         display: table !important;
     }

     .d-xl-table-row {
         display: table-row !important;
     }

     .d-xl-table-cell {
         display: table-cell !important;
     }

     .d-xl-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }

     .d-xl-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 @media print {
     .d-print-none {
         display: none !important;
     }

     .d-print-inline {
         display: inline !important;
     }

     .d-print-inline-block {
         display: inline-block !important;
     }

     .d-print-block {
         display: block !important;
     }

     .d-print-table {
         display: table !important;
     }

     .d-print-table-row {
         display: table-row !important;
     }

     .d-print-table-cell {
         display: table-cell !important;
     }

     .d-print-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }

     .d-print-inline-flex {
         display: -ms-inline-flexbox !important;
         display: inline-flex !important;
     }
 }

 .embed-responsive {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden;
 }

 .embed-responsive::before {
     display: block;
     content: "";
 }

 .embed-responsive .embed-responsive-item,
 .embed-responsive iframe,
 .embed-responsive embed,
 .embed-responsive object,
 .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
 }

 .embed-responsive-21by9::before {
     padding-top: 42.857143%;
 }

 .embed-responsive-16by9::before {
     padding-top: 56.25%;
 }

 .embed-responsive-4by3::before {
     padding-top: 75%;
 }

 .embed-responsive-1by1::before {
     padding-top: 100%;
 }

 .flex-row {
     -ms-flex-direction: row !important;
     flex-direction: row !important;
 }

 .flex-column {
     -ms-flex-direction: column !important;
     flex-direction: column !important;
 }

 .flex-row-reverse {
     -ms-flex-direction: row-reverse !important;
     flex-direction: row-reverse !important;
 }

 .flex-column-reverse {
     -ms-flex-direction: column-reverse !important;
     flex-direction: column-reverse !important;
 }

 .flex-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important;
 }

 .flex-nowrap {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important;
 }

 .flex-wrap-reverse {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
 }

 .flex-fill {
     -ms-flex: 1 1 auto !important;
     flex: 1 1 auto !important;
 }

 .flex-grow-0 {
     -ms-flex-positive: 0 !important;
     flex-grow: 0 !important;
 }

 .flex-grow-1 {
     -ms-flex-positive: 1 !important;
     flex-grow: 1 !important;
 }

 .flex-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important;
 }

 .flex-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important;
 }

 .justify-content-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
 }

 .justify-content-end {
     -ms-flex-pack: end !important;
     justify-content: flex-end !important;
 }

 .justify-content-center {
     -ms-flex-pack: center !important;
     justify-content: center !important;
 }

 .justify-content-between {
     -ms-flex-pack: justify !important;
     justify-content: space-between !important;
 }

 .justify-content-around {
     -ms-flex-pack: distribute !important;
     justify-content: space-around !important;
 }

 .align-items-start {
     -ms-flex-align: start !important;
     align-items: flex-start !important;
 }

 .align-items-end {
     -ms-flex-align: end !important;
     align-items: flex-end !important;
 }

 .align-items-center {
     -ms-flex-align: center !important;
     align-items: center !important;
 }

 .align-items-baseline {
     -ms-flex-align: baseline !important;
     align-items: baseline !important;
 }

 .align-items-stretch {
     -ms-flex-align: stretch !important;
     align-items: stretch !important;
 }

 .align-content-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important;
 }

 .align-content-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important;
 }

 .align-content-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important;
 }

 .align-content-between {
     -ms-flex-line-pack: justify !important;
     align-content: space-between !important;
 }

 .align-content-around {
     -ms-flex-line-pack: distribute !important;
     align-content: space-around !important;
 }

 .align-content-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important;
 }

 .align-self-auto {
     -ms-flex-item-align: auto !important;
     align-self: auto !important;
 }

 .align-self-start {
     -ms-flex-item-align: start !important;
     align-self: flex-start !important;
 }

 .align-self-end {
     -ms-flex-item-align: end !important;
     align-self: flex-end !important;
 }

 .align-self-center {
     -ms-flex-item-align: center !important;
     align-self: center !important;
 }

 .align-self-baseline {
     -ms-flex-item-align: baseline !important;
     align-self: baseline !important;
 }

 .align-self-stretch {
     -ms-flex-item-align: stretch !important;
     align-self: stretch !important;
 }

 @media (min-width:576px) {
     .flex-sm-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }

     .flex-sm-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }

     .flex-sm-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }

     .flex-sm-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }

     .flex-sm-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }

     .flex-sm-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }

     .flex-sm-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }

     .flex-sm-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }

     .flex-sm-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }

     .flex-sm-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }

     .flex-sm-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }

     .flex-sm-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }

     .justify-content-sm-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }

     .justify-content-sm-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }

     .justify-content-sm-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }

     .justify-content-sm-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }

     .justify-content-sm-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }

     .align-items-sm-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }

     .align-items-sm-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }

     .align-items-sm-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }

     .align-items-sm-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }

     .align-items-sm-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }

     .align-content-sm-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }

     .align-content-sm-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }

     .align-content-sm-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }

     .align-content-sm-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }

     .align-content-sm-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }

     .align-content-sm-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }

     .align-self-sm-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }

     .align-self-sm-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }

     .align-self-sm-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }

     .align-self-sm-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }

     .align-self-sm-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }

     .align-self-sm-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width:768px) {
     .flex-md-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }

     .flex-md-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }

     .flex-md-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }

     .flex-md-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }

     .flex-md-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }

     .flex-md-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }

     .flex-md-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }

     .flex-md-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }

     .flex-md-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }

     .flex-md-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }

     .flex-md-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }

     .flex-md-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }

     .justify-content-md-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }

     .justify-content-md-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }

     .justify-content-md-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }

     .justify-content-md-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }

     .justify-content-md-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }

     .align-items-md-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }

     .align-items-md-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }

     .align-items-md-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }

     .align-items-md-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }

     .align-items-md-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }

     .align-content-md-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }

     .align-content-md-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }

     .align-content-md-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }

     .align-content-md-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }

     .align-content-md-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }

     .align-content-md-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }

     .align-self-md-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }

     .align-self-md-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }

     .align-self-md-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }

     .align-self-md-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }

     .align-self-md-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }

     .align-self-md-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width:992px) {
     .flex-lg-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }

     .flex-lg-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }

     .flex-lg-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }

     .flex-lg-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }

     .flex-lg-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }

     .flex-lg-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }

     .flex-lg-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }

     .flex-lg-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }

     .flex-lg-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }

     .flex-lg-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }

     .flex-lg-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }

     .flex-lg-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }

     .justify-content-lg-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }

     .justify-content-lg-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }

     .justify-content-lg-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }

     .justify-content-lg-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }

     .justify-content-lg-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }

     .align-items-lg-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }

     .align-items-lg-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }

     .align-items-lg-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }

     .align-items-lg-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }

     .align-items-lg-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }

     .align-content-lg-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }

     .align-content-lg-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }

     .align-content-lg-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }

     .align-content-lg-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }

     .align-content-lg-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }

     .align-content-lg-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }

     .align-self-lg-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }

     .align-self-lg-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }

     .align-self-lg-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }

     .align-self-lg-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }

     .align-self-lg-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }

     .align-self-lg-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 @media (min-width:1200px) {
     .flex-xl-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }

     .flex-xl-column {
         -ms-flex-direction: column !important;
         flex-direction: column !important;
     }

     .flex-xl-row-reverse {
         -ms-flex-direction: row-reverse !important;
         flex-direction: row-reverse !important;
     }

     .flex-xl-column-reverse {
         -ms-flex-direction: column-reverse !important;
         flex-direction: column-reverse !important;
     }

     .flex-xl-wrap {
         -ms-flex-wrap: wrap !important;
         flex-wrap: wrap !important;
     }

     .flex-xl-nowrap {
         -ms-flex-wrap: nowrap !important;
         flex-wrap: nowrap !important;
     }

     .flex-xl-wrap-reverse {
         -ms-flex-wrap: wrap-reverse !important;
         flex-wrap: wrap-reverse !important;
     }

     .flex-xl-fill {
         -ms-flex: 1 1 auto !important;
         flex: 1 1 auto !important;
     }

     .flex-xl-grow-0 {
         -ms-flex-positive: 0 !important;
         flex-grow: 0 !important;
     }

     .flex-xl-grow-1 {
         -ms-flex-positive: 1 !important;
         flex-grow: 1 !important;
     }

     .flex-xl-shrink-0 {
         -ms-flex-negative: 0 !important;
         flex-shrink: 0 !important;
     }

     .flex-xl-shrink-1 {
         -ms-flex-negative: 1 !important;
         flex-shrink: 1 !important;
     }

     .justify-content-xl-start {
         -ms-flex-pack: start !important;
         justify-content: flex-start !important;
     }

     .justify-content-xl-end {
         -ms-flex-pack: end !important;
         justify-content: flex-end !important;
     }

     .justify-content-xl-center {
         -ms-flex-pack: center !important;
         justify-content: center !important;
     }

     .justify-content-xl-between {
         -ms-flex-pack: justify !important;
         justify-content: space-between !important;
     }

     .justify-content-xl-around {
         -ms-flex-pack: distribute !important;
         justify-content: space-around !important;
     }

     .align-items-xl-start {
         -ms-flex-align: start !important;
         align-items: flex-start !important;
     }

     .align-items-xl-end {
         -ms-flex-align: end !important;
         align-items: flex-end !important;
     }

     .align-items-xl-center {
         -ms-flex-align: center !important;
         align-items: center !important;
     }

     .align-items-xl-baseline {
         -ms-flex-align: baseline !important;
         align-items: baseline !important;
     }

     .align-items-xl-stretch {
         -ms-flex-align: stretch !important;
         align-items: stretch !important;
     }

     .align-content-xl-start {
         -ms-flex-line-pack: start !important;
         align-content: flex-start !important;
     }

     .align-content-xl-end {
         -ms-flex-line-pack: end !important;
         align-content: flex-end !important;
     }

     .align-content-xl-center {
         -ms-flex-line-pack: center !important;
         align-content: center !important;
     }

     .align-content-xl-between {
         -ms-flex-line-pack: justify !important;
         align-content: space-between !important;
     }

     .align-content-xl-around {
         -ms-flex-line-pack: distribute !important;
         align-content: space-around !important;
     }

     .align-content-xl-stretch {
         -ms-flex-line-pack: stretch !important;
         align-content: stretch !important;
     }

     .align-self-xl-auto {
         -ms-flex-item-align: auto !important;
         align-self: auto !important;
     }

     .align-self-xl-start {
         -ms-flex-item-align: start !important;
         align-self: flex-start !important;
     }

     .align-self-xl-end {
         -ms-flex-item-align: end !important;
         align-self: flex-end !important;
     }

     .align-self-xl-center {
         -ms-flex-item-align: center !important;
         align-self: center !important;
     }

     .align-self-xl-baseline {
         -ms-flex-item-align: baseline !important;
         align-self: baseline !important;
     }

     .align-self-xl-stretch {
         -ms-flex-item-align: stretch !important;
         align-self: stretch !important;
     }
 }

 .float-left {
     float: left !important;
 }

 .float-right {
     float: right !important;
 }

 .float-none {
     float: none !important;
 }

 @media (min-width:576px) {
     .float-sm-left {
         float: left !important;
     }

     .float-sm-right {
         float: right !important;
     }

     .float-sm-none {
         float: none !important;
     }
 }

 @media (min-width:768px) {
     .float-md-left {
         float: left !important;
     }

     .float-md-right {
         float: right !important;
     }

     .float-md-none {
         float: none !important;
     }
 }

 @media (min-width:992px) {
     .float-lg-left {
         float: left !important;
     }

     .float-lg-right {
         float: right !important;
     }

     .float-lg-none {
         float: none !important;
     }
 }

 @media (min-width:1200px) {
     .float-xl-left {
         float: left !important;
     }

     .float-xl-right {
         float: right !important;
     }

     .float-xl-none {
         float: none !important;
     }
 }

 .overflow-auto {
     overflow: auto !important;
 }

 .overflow-hidden {
     overflow: hidden !important;
 }

 .position-static {
     position: static !important;
 }

 .position-relative {
     position: relative !important;
 }

 .position-absolute {
     position: absolute !important;
 }

 .position-fixed {
     position: fixed !important;
 }

 .position-sticky {
     position: -webkit-sticky !important;
     position: sticky !important;
 }

 .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
 }

 .fixed-bottom {
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1030;
 }

 @supports ((position:-webkit-sticky) or (position:sticky)) {
     .sticky-top {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 1020;
     }
 }

 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
 }

 .shadow-sm {
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }

 .shadow {
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }

 .shadow-lg {
     box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }

 .shadow-none {
     box-shadow: none !important;
 }

 .w-25 {
     width: 25% !important;
 }

 .w-50 {
     width: 50% !important;
 }

 .w-75 {
     width: 75% !important;
 }

 .w-100 {
     width: 100% !important;
 }

 .w-auto {
     width: auto !important;
 }

 .h-25 {
     height: 25% !important;
 }

 .h-50 {
     height: 50% !important;
 }

 .h-75 {
     height: 75% !important;
 }

 .h-100 {
     height: 100% !important;
 }

 .h-auto {
     height: auto !important;
 }

 .mw-100 {
     max-width: 100% !important;
 }

 .mh-100 {
     max-height: 100% !important;
 }

 .min-vw-100 {
     min-width: 100vw !important;
 }

 .min-vh-100 {
     min-height: 100vh !important;
 }

 .vw-100 {
     width: 100vw !important;
 }

 .vh-100 {
     height: 100vh !important;
 }

 .stretched-link::after {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     pointer-events: auto;
     content: "";
     background-color: rgba(0, 0, 0, 0);
 }

 .m-0 {
     margin: 0 !important;
 }

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

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

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

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

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

 .mt-1,
 .my-1 {
     margin-top: 0.25rem !important;
 }

 .mr-1,
 .mx-1 {
     margin-right: 0.25rem !important;
 }

 .mb-1,
 .my-1 {
     margin-bottom: 0.25rem !important;
 }

 .ml-1,
 .mx-1 {
     margin-left: 0.25rem !important;
 }

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

 .mt-2,
 .my-2 {
     margin-top: 0.5rem !important;
 }

 .mr-2,
 .mx-2 {
     margin-right: 0.5rem !important;
 }

 .mb-2,
 .my-2 {
     margin-bottom: 0.5rem !important;
 }

 .ml-2,
 .mx-2 {
     margin-left: 0.5rem !important;
 }

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

 .mt-3,
 .my-3 {
     margin-top: 1rem !important;
 }

 .mr-3,
 .mx-3 {
     margin-right: 1rem !important;
 }

 .mb-3,
 .my-3 {
     margin-bottom: 1rem !important;
 }

 .ml-3,
 .mx-3 {
     margin-left: 1rem !important;
 }

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

 .mt-4,
 .my-4 {
     margin-top: 1.5rem !important;
 }

 .mr-4,
 .mx-4 {
     margin-right: 1.5rem !important;
 }

 .mb-4,
 .my-4 {
     margin-bottom: 1.5rem !important;
 }

 .ml-4,
 .mx-4 {
     margin-left: 1.5rem !important;
 }

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

 .mt-5,
 .my-5 {
     margin-top: 3rem !important;
 }

 .mr-5,
 .mx-5 {
     margin-right: 3rem !important;
 }

 .mb-5,
 .my-5 {
     margin-bottom: 3rem !important;
 }

 .ml-5,
 .mx-5 {
     margin-left: 3rem !important;
 }

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

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

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

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

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

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

 .pt-1,
 .py-1 {
     padding-top: 0.25rem !important;
 }

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

 .pb-1,
 .py-1 {
     padding-bottom: 0.25rem !important;
 }

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

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

 .pt-2,
 .py-2 {
     padding-top: 0.5rem !important;
 }

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

 .pb-2,
 .py-2 {
     padding-bottom: 0.5rem !important;
 }

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

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

 .pt-3,
 .py-3 {
     padding-top: 1rem !important;
 }

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

 .pb-3,
 .py-3 {
     padding-bottom: 1rem !important;
 }

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

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

 .pt-4,
 .py-4 {
     padding-top: 1.5rem !important;
 }

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

 .pb-4,
 .py-4 {
     padding-bottom: 1.5rem !important;
 }

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

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

 .pt-5,
 .py-5 {
     padding-top: 3rem !important;
 }

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

 .pb-5,
 .py-5 {
     padding-bottom: 3rem !important;
 }

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

 .m-n1 {
     margin: -0.25rem !important;
 }

 .mt-n1,
 .my-n1 {
     margin-top: -0.25rem !important;
 }

 .mr-n1,
 .mx-n1 {
     margin-right: -0.25rem !important;
 }

 .mb-n1,
 .my-n1 {
     margin-bottom: -0.25rem !important;
 }

 .ml-n1,
 .mx-n1 {
     margin-left: -0.25rem !important;
 }

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

 .mt-n2,
 .my-n2 {
     margin-top: -0.5rem !important;
 }

 .mr-n2,
 .mx-n2 {
     margin-right: -0.5rem !important;
 }

 .mb-n2,
 .my-n2 {
     margin-bottom: -0.5rem !important;
 }

 .ml-n2,
 .mx-n2 {
     margin-left: -0.5rem !important;
 }

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

 .mt-n3,
 .my-n3 {
     margin-top: -1rem !important;
 }

 .mr-n3,
 .mx-n3 {
     margin-right: -1rem !important;
 }

 .mb-n3,
 .my-n3 {
     margin-bottom: -1rem !important;
 }

 .ml-n3,
 .mx-n3 {
     margin-left: -1rem !important;
 }

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

 .mt-n4,
 .my-n4 {
     margin-top: -1.5rem !important;
 }

 .mr-n4,
 .mx-n4 {
     margin-right: -1.5rem !important;
 }

 .mb-n4,
 .my-n4 {
     margin-bottom: -1.5rem !important;
 }

 .ml-n4,
 .mx-n4 {
     margin-left: -1.5rem !important;
 }

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

 .mt-n5,
 .my-n5 {
     margin-top: -3rem !important;
 }

 .mr-n5,
 .mx-n5 {
     margin-right: -3rem !important;
 }

 .mb-n5,
 .my-n5 {
     margin-bottom: -3rem !important;
 }

 .ml-n5,
 .mx-n5 {
     margin-left: -3rem !important;
 }

 .m-auto {
     margin: auto !important;
 }

 .mt-auto,
 .my-auto {
     margin-top: auto !important;
 }

 .mr-auto,
 .mx-auto {
     margin-right: auto !important;
 }

 .mb-auto,
 .my-auto {
     margin-bottom: auto !important;
 }

 .ml-auto,
 .mx-auto {
     margin-left: auto !important;
 }

 @media (min-width:576px) {
     .m-sm-0 {
         margin: 0 !important;
     }

     .mt-sm-0,
     .my-sm-0 {
         margin-top: 0 !important;
     }

     .mr-sm-0,
     .mx-sm-0 {
         margin-right: 0 !important;
     }

     .mb-sm-0,
     .my-sm-0 {
         margin-bottom: 0 !important;
     }

     .ml-sm-0,
     .mx-sm-0 {
         margin-left: 0 !important;
     }

     .m-sm-1 {
         margin: 0.25rem !important;
     }

     .mt-sm-1,
     .my-sm-1 {
         margin-top: 0.25rem !important;
     }

     .mr-sm-1,
     .mx-sm-1 {
         margin-right: 0.25rem !important;
     }

     .mb-sm-1,
     .my-sm-1 {
         margin-bottom: 0.25rem !important;
     }

     .ml-sm-1,
     .mx-sm-1 {
         margin-left: 0.25rem !important;
     }

     .m-sm-2 {
         margin: 0.5rem !important;
     }

     .mt-sm-2,
     .my-sm-2 {
         margin-top: 0.5rem !important;
     }

     .mr-sm-2,
     .mx-sm-2 {
         margin-right: 0.5rem !important;
     }

     .mb-sm-2,
     .my-sm-2 {
         margin-bottom: 0.5rem !important;
     }

     .ml-sm-2,
     .mx-sm-2 {
         margin-left: 0.5rem !important;
     }

     .m-sm-3 {
         margin: 1rem !important;
     }

     .mt-sm-3,
     .my-sm-3 {
         margin-top: 1rem !important;
     }

     .mr-sm-3,
     .mx-sm-3 {
         margin-right: 1rem !important;
     }

     .mb-sm-3,
     .my-sm-3 {
         margin-bottom: 1rem !important;
     }

     .ml-sm-3,
     .mx-sm-3 {
         margin-left: 1rem !important;
     }

     .m-sm-4 {
         margin: 1.5rem !important;
     }

     .mt-sm-4,
     .my-sm-4 {
         margin-top: 1.5rem !important;
     }

     .mr-sm-4,
     .mx-sm-4 {
         margin-right: 1.5rem !important;
     }

     .mb-sm-4,
     .my-sm-4 {
         margin-bottom: 1.5rem !important;
     }

     .ml-sm-4,
     .mx-sm-4 {
         margin-left: 1.5rem !important;
     }

     .m-sm-5 {
         margin: 3rem !important;
     }

     .mt-sm-5,
     .my-sm-5 {
         margin-top: 3rem !important;
     }

     .mr-sm-5,
     .mx-sm-5 {
         margin-right: 3rem !important;
     }

     .mb-sm-5,
     .my-sm-5 {
         margin-bottom: 3rem !important;
     }

     .ml-sm-5,
     .mx-sm-5 {
         margin-left: 3rem !important;
     }

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

     .pt-sm-0,
     .py-sm-0 {
         padding-top: 0 !important;
     }

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

     .pb-sm-0,
     .py-sm-0 {
         padding-bottom: 0 !important;
     }

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

     .p-sm-1 {
         padding: 0.25rem !important;
     }

     .pt-sm-1,
     .py-sm-1 {
         padding-top: 0.25rem !important;
     }

     .pr-sm-1,
     .px-sm-1 {
         padding-right: 0.25rem !important;
     }

     .pb-sm-1,
     .py-sm-1 {
         padding-bottom: 0.25rem !important;
     }

     .pl-sm-1,
     .px-sm-1 {
         padding-left: 0.25rem !important;
     }

     .p-sm-2 {
         padding: 0.5rem !important;
     }

     .pt-sm-2,
     .py-sm-2 {
         padding-top: 0.5rem !important;
     }

     .pr-sm-2,
     .px-sm-2 {
         padding-right: 0.5rem !important;
     }

     .pb-sm-2,
     .py-sm-2 {
         padding-bottom: 0.5rem !important;
     }

     .pl-sm-2,
     .px-sm-2 {
         padding-left: 0.5rem !important;
     }

     .p-sm-3 {
         padding: 1rem !important;
     }

     .pt-sm-3,
     .py-sm-3 {
         padding-top: 1rem !important;
     }

     .pr-sm-3,
     .px-sm-3 {
         padding-right: 1rem !important;
     }

     .pb-sm-3,
     .py-sm-3 {
         padding-bottom: 1rem !important;
     }

     .pl-sm-3,
     .px-sm-3 {
         padding-left: 1rem !important;
     }

     .p-sm-4 {
         padding: 1.5rem !important;
     }

     .pt-sm-4,
     .py-sm-4 {
         padding-top: 1.5rem !important;
     }

     .pr-sm-4,
     .px-sm-4 {
         padding-right: 1.5rem !important;
     }

     .pb-sm-4,
     .py-sm-4 {
         padding-bottom: 1.5rem !important;
     }

     .pl-sm-4,
     .px-sm-4 {
         padding-left: 1.5rem !important;
     }

     .p-sm-5 {
         padding: 3rem !important;
     }

     .pt-sm-5,
     .py-sm-5 {
         padding-top: 3rem !important;
     }

     .pr-sm-5,
     .px-sm-5 {
         padding-right: 3rem !important;
     }

     .pb-sm-5,
     .py-sm-5 {
         padding-bottom: 3rem !important;
     }

     .pl-sm-5,
     .px-sm-5 {
         padding-left: 3rem !important;
     }

     .m-sm-n1 {
         margin: -0.25rem !important;
     }

     .mt-sm-n1,
     .my-sm-n1 {
         margin-top: -0.25rem !important;
     }

     .mr-sm-n1,
     .mx-sm-n1 {
         margin-right: -0.25rem !important;
     }

     .mb-sm-n1,
     .my-sm-n1 {
         margin-bottom: -0.25rem !important;
     }

     .ml-sm-n1,
     .mx-sm-n1 {
         margin-left: -0.25rem !important;
     }

     .m-sm-n2 {
         margin: -0.5rem !important;
     }

     .mt-sm-n2,
     .my-sm-n2 {
         margin-top: -0.5rem !important;
     }

     .mr-sm-n2,
     .mx-sm-n2 {
         margin-right: -0.5rem !important;
     }

     .mb-sm-n2,
     .my-sm-n2 {
         margin-bottom: -0.5rem !important;
     }

     .ml-sm-n2,
     .mx-sm-n2 {
         margin-left: -0.5rem !important;
     }

     .m-sm-n3 {
         margin: -1rem !important;
     }

     .mt-sm-n3,
     .my-sm-n3 {
         margin-top: -1rem !important;
     }

     .mr-sm-n3,
     .mx-sm-n3 {
         margin-right: -1rem !important;
     }

     .mb-sm-n3,
     .my-sm-n3 {
         margin-bottom: -1rem !important;
     }

     .ml-sm-n3,
     .mx-sm-n3 {
         margin-left: -1rem !important;
     }

     .m-sm-n4 {
         margin: -1.5rem !important;
     }

     .mt-sm-n4,
     .my-sm-n4 {
         margin-top: -1.5rem !important;
     }

     .mr-sm-n4,
     .mx-sm-n4 {
         margin-right: -1.5rem !important;
     }

     .mb-sm-n4,
     .my-sm-n4 {
         margin-bottom: -1.5rem !important;
     }

     .ml-sm-n4,
     .mx-sm-n4 {
         margin-left: -1.5rem !important;
     }

     .m-sm-n5 {
         margin: -3rem !important;
     }

     .mt-sm-n5,
     .my-sm-n5 {
         margin-top: -3rem !important;
     }

     .mr-sm-n5,
     .mx-sm-n5 {
         margin-right: -3rem !important;
     }

     .mb-sm-n5,
     .my-sm-n5 {
         margin-bottom: -3rem !important;
     }

     .ml-sm-n5,
     .mx-sm-n5 {
         margin-left: -3rem !important;
     }

     .m-sm-auto {
         margin: auto !important;
     }

     .mt-sm-auto,
     .my-sm-auto {
         margin-top: auto !important;
     }

     .mr-sm-auto,
     .mx-sm-auto {
         margin-right: auto !important;
     }

     .mb-sm-auto,
     .my-sm-auto {
         margin-bottom: auto !important;
     }

     .ml-sm-auto,
     .mx-sm-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width:768px) {
     .m-md-0 {
         margin: 0 !important;
     }

     .mt-md-0,
     .my-md-0 {
         margin-top: 0 !important;
     }

     .mr-md-0,
     .mx-md-0 {
         margin-right: 0 !important;
     }

     .mb-md-0,
     .my-md-0 {
         margin-bottom: 0 !important;
     }

     .ml-md-0,
     .mx-md-0 {
         margin-left: 0 !important;
     }

     .m-md-1 {
         margin: 0.25rem !important;
     }

     .mt-md-1,
     .my-md-1 {
         margin-top: 0.25rem !important;
     }

     .mr-md-1,
     .mx-md-1 {
         margin-right: 0.25rem !important;
     }

     .mb-md-1,
     .my-md-1 {
         margin-bottom: 0.25rem !important;
     }

     .ml-md-1,
     .mx-md-1 {
         margin-left: 0.25rem !important;
     }

     .m-md-2 {
         margin: 0.5rem !important;
     }

     .mt-md-2,
     .my-md-2 {
         margin-top: 0.5rem !important;
     }

     .mr-md-2,
     .mx-md-2 {
         margin-right: 0.5rem !important;
     }

     .mb-md-2,
     .my-md-2 {
         margin-bottom: 0.5rem !important;
     }

     .ml-md-2,
     .mx-md-2 {
         margin-left: 0.5rem !important;
     }

     .m-md-3 {
         margin: 1rem !important;
     }

     .mt-md-3,
     .my-md-3 {
         margin-top: 1rem !important;
     }

     .mr-md-3,
     .mx-md-3 {
         margin-right: 1rem !important;
     }

     .mb-md-3,
     .my-md-3 {
         margin-bottom: 1rem !important;
     }

     .ml-md-3,
     .mx-md-3 {
         margin-left: 1rem !important;
     }

     .m-md-4 {
         margin: 1.5rem !important;
     }

     .mt-md-4,
     .my-md-4 {
         margin-top: 1.5rem !important;
     }

     .mr-md-4,
     .mx-md-4 {
         margin-right: 1.5rem !important;
     }

     .mb-md-4,
     .my-md-4 {
         margin-bottom: 1.5rem !important;
     }

     .ml-md-4,
     .mx-md-4 {
         margin-left: 1.5rem !important;
     }

     .m-md-5 {
         margin: 3rem !important;
     }

     .mt-md-5,
     .my-md-5 {
         margin-top: 3rem !important;
     }

     .mr-md-5,
     .mx-md-5 {
         margin-right: 3rem !important;
     }

     .mb-md-5,
     .my-md-5 {
         margin-bottom: 3rem !important;
     }

     .ml-md-5,
     .mx-md-5 {
         margin-left: 3rem !important;
     }

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

     .pt-md-0,
     .py-md-0 {
         padding-top: 0 !important;
     }

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

     .pb-md-0,
     .py-md-0 {
         padding-bottom: 0 !important;
     }

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

     .p-md-1 {
         padding: 0.25rem !important;
     }

     .pt-md-1,
     .py-md-1 {
         padding-top: 0.25rem !important;
     }

     .pr-md-1,
     .px-md-1 {
         padding-right: 0.25rem !important;
     }

     .pb-md-1,
     .py-md-1 {
         padding-bottom: 0.25rem !important;
     }

     .pl-md-1,
     .px-md-1 {
         padding-left: 0.25rem !important;
     }

     .p-md-2 {
         padding: 0.5rem !important;
     }

     .pt-md-2,
     .py-md-2 {
         padding-top: 0.5rem !important;
     }

     .pr-md-2,
     .px-md-2 {
         padding-right: 0.5rem !important;
     }

     .pb-md-2,
     .py-md-2 {
         padding-bottom: 0.5rem !important;
     }

     .pl-md-2,
     .px-md-2 {
         padding-left: 0.5rem !important;
     }

     .p-md-3 {
         padding: 1rem !important;
     }

     .pt-md-3,
     .py-md-3 {
         padding-top: 1rem !important;
     }

     .pr-md-3,
     .px-md-3 {
         padding-right: 1rem !important;
     }

     .pb-md-3,
     .py-md-3 {
         padding-bottom: 1rem !important;
     }

     .pl-md-3,
     .px-md-3 {
         padding-left: 1rem !important;
     }

     .p-md-4 {
         padding: 1.5rem !important;
     }

     .pt-md-4,
     .py-md-4 {
         padding-top: 1.5rem !important;
     }

     .pr-md-4,
     .px-md-4 {
         padding-right: 1.5rem !important;
     }

     .pb-md-4,
     .py-md-4 {
         padding-bottom: 1.5rem !important;
     }

     .pl-md-4,
     .px-md-4 {
         padding-left: 1.5rem !important;
     }

     .p-md-5 {
         padding: 3rem !important;
     }

     .pt-md-5,
     .py-md-5 {
         padding-top: 3rem !important;
     }

     .pr-md-5,
     .px-md-5 {
         padding-right: 3rem !important;
     }

     .pb-md-5,
     .py-md-5 {
         padding-bottom: 3rem !important;
     }

     .pl-md-5,
     .px-md-5 {
         padding-left: 3rem !important;
     }

     .m-md-n1 {
         margin: -0.25rem !important;
     }

     .mt-md-n1,
     .my-md-n1 {
         margin-top: -0.25rem !important;
     }

     .mr-md-n1,
     .mx-md-n1 {
         margin-right: -0.25rem !important;
     }

     .mb-md-n1,
     .my-md-n1 {
         margin-bottom: -0.25rem !important;
     }

     .ml-md-n1,
     .mx-md-n1 {
         margin-left: -0.25rem !important;
     }

     .m-md-n2 {
         margin: -0.5rem !important;
     }

     .mt-md-n2,
     .my-md-n2 {
         margin-top: -0.5rem !important;
     }

     .mr-md-n2,
     .mx-md-n2 {
         margin-right: -0.5rem !important;
     }

     .mb-md-n2,
     .my-md-n2 {
         margin-bottom: -0.5rem !important;
     }

     .ml-md-n2,
     .mx-md-n2 {
         margin-left: -0.5rem !important;
     }

     .m-md-n3 {
         margin: -1rem !important;
     }

     .mt-md-n3,
     .my-md-n3 {
         margin-top: -1rem !important;
     }

     .mr-md-n3,
     .mx-md-n3 {
         margin-right: -1rem !important;
     }

     .mb-md-n3,
     .my-md-n3 {
         margin-bottom: -1rem !important;
     }

     .ml-md-n3,
     .mx-md-n3 {
         margin-left: -1rem !important;
     }

     .m-md-n4 {
         margin: -1.5rem !important;
     }

     .mt-md-n4,
     .my-md-n4 {
         margin-top: -1.5rem !important;
     }

     .mr-md-n4,
     .mx-md-n4 {
         margin-right: -1.5rem !important;
     }

     .mb-md-n4,
     .my-md-n4 {
         margin-bottom: -1.5rem !important;
     }

     .ml-md-n4,
     .mx-md-n4 {
         margin-left: -1.5rem !important;
     }

     .m-md-n5 {
         margin: -3rem !important;
     }

     .mt-md-n5,
     .my-md-n5 {
         margin-top: -3rem !important;
     }

     .mr-md-n5,
     .mx-md-n5 {
         margin-right: -3rem !important;
     }

     .mb-md-n5,
     .my-md-n5 {
         margin-bottom: -3rem !important;
     }

     .ml-md-n5,
     .mx-md-n5 {
         margin-left: -3rem !important;
     }

     .m-md-auto {
         margin: auto !important;
     }

     .mt-md-auto,
     .my-md-auto {
         margin-top: auto !important;
     }

     .mr-md-auto,
     .mx-md-auto {
         margin-right: auto !important;
     }

     .mb-md-auto,
     .my-md-auto {
         margin-bottom: auto !important;
     }

     .ml-md-auto,
     .mx-md-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width:992px) {
     .m-lg-0 {
         margin: 0 !important;
     }

     .mt-lg-0,
     .my-lg-0 {
         margin-top: 0 !important;
     }

     .mr-lg-0,
     .mx-lg-0 {
         margin-right: 0 !important;
     }

     .mb-lg-0,
     .my-lg-0 {
         margin-bottom: 0 !important;
     }

     .ml-lg-0,
     .mx-lg-0 {
         margin-left: 0 !important;
     }

     .m-lg-1 {
         margin: 0.25rem !important;
     }

     .mt-lg-1,
     .my-lg-1 {
         margin-top: 0.25rem !important;
     }

     .mr-lg-1,
     .mx-lg-1 {
         margin-right: 0.25rem !important;
     }

     .mb-lg-1,
     .my-lg-1 {
         margin-bottom: 0.25rem !important;
     }

     .ml-lg-1,
     .mx-lg-1 {
         margin-left: 0.25rem !important;
     }

     .m-lg-2 {
         margin: 0.5rem !important;
     }

     .mt-lg-2,
     .my-lg-2 {
         margin-top: 0.5rem !important;
     }

     .mr-lg-2,
     .mx-lg-2 {
         margin-right: 0.5rem !important;
     }

     .mb-lg-2,
     .my-lg-2 {
         margin-bottom: 0.5rem !important;
     }

     .ml-lg-2,
     .mx-lg-2 {
         margin-left: 0.5rem !important;
     }

     .m-lg-3 {
         margin: 1rem !important;
     }

     .mt-lg-3,
     .my-lg-3 {
         margin-top: 1rem !important;
     }

     .mr-lg-3,
     .mx-lg-3 {
         margin-right: 1rem !important;
     }

     .mb-lg-3,
     .my-lg-3 {
         margin-bottom: 1rem !important;
     }

     .ml-lg-3,
     .mx-lg-3 {
         margin-left: 1rem !important;
     }

     .m-lg-4 {
         margin: 1.5rem !important;
     }

     .mt-lg-4,
     .my-lg-4 {
         margin-top: 1.5rem !important;
     }

     .mr-lg-4,
     .mx-lg-4 {
         margin-right: 1.5rem !important;
     }

     .mb-lg-4,
     .my-lg-4 {
         margin-bottom: 1.5rem !important;
     }

     .ml-lg-4,
     .mx-lg-4 {
         margin-left: 1.5rem !important;
     }

     .m-lg-5 {
         margin: 3rem !important;
     }

     .mt-lg-5,
     .my-lg-5 {
         margin-top: 3rem !important;
     }

     .mr-lg-5,
     .mx-lg-5 {
         margin-right: 3rem !important;
     }

     .mb-lg-5,
     .my-lg-5 {
         margin-bottom: 3rem !important;
     }

     .ml-lg-5,
     .mx-lg-5 {
         margin-left: 3rem !important;
     }

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

     .pt-lg-0,
     .py-lg-0 {
         padding-top: 0 !important;
     }

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

     .pb-lg-0,
     .py-lg-0 {
         padding-bottom: 0 !important;
     }

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

     .p-lg-1 {
         padding: 0.25rem !important;
     }

     .pt-lg-1,
     .py-lg-1 {
         padding-top: 0.25rem !important;
     }

     .pr-lg-1,
     .px-lg-1 {
         padding-right: 0.25rem !important;
     }

     .pb-lg-1,
     .py-lg-1 {
         padding-bottom: 0.25rem !important;
     }

     .pl-lg-1,
     .px-lg-1 {
         padding-left: 0.25rem !important;
     }

     .p-lg-2 {
         padding: 0.5rem !important;
     }

     .pt-lg-2,
     .py-lg-2 {
         padding-top: 0.5rem !important;
     }

     .pr-lg-2,
     .px-lg-2 {
         padding-right: 0.5rem !important;
     }

     .pb-lg-2,
     .py-lg-2 {
         padding-bottom: 0.5rem !important;
     }

     .pl-lg-2,
     .px-lg-2 {
         padding-left: 0.5rem !important;
     }

     .p-lg-3 {
         padding: 1rem !important;
     }

     .pt-lg-3,
     .py-lg-3 {
         padding-top: 1rem !important;
     }

     .pr-lg-3,
     .px-lg-3 {
         padding-right: 1rem !important;
     }

     .pb-lg-3,
     .py-lg-3 {
         padding-bottom: 1rem !important;
     }

     .pl-lg-3,
     .px-lg-3 {
         padding-left: 1rem !important;
     }

     .p-lg-4 {
         padding: 1.5rem !important;
     }

     .pt-lg-4,
     .py-lg-4 {
         padding-top: 1.5rem !important;
     }

     .pr-lg-4,
     .px-lg-4 {
         padding-right: 1.5rem !important;
     }

     .pb-lg-4,
     .py-lg-4 {
         padding-bottom: 1.5rem !important;
     }

     .pl-lg-4,
     .px-lg-4 {
         padding-left: 1.5rem !important;
     }

     .p-lg-5 {
         padding: 3rem !important;
     }

     .pt-lg-5,
     .py-lg-5 {
         padding-top: 3rem !important;
     }

     .pr-lg-5,
     .px-lg-5 {
         padding-right: 3rem !important;
     }

     .pb-lg-5,
     .py-lg-5 {
         padding-bottom: 3rem !important;
     }

     .pl-lg-5,
     .px-lg-5 {
         padding-left: 3rem !important;
     }

     .m-lg-n1 {
         margin: -0.25rem !important;
     }

     .mt-lg-n1,
     .my-lg-n1 {
         margin-top: -0.25rem !important;
     }

     .mr-lg-n1,
     .mx-lg-n1 {
         margin-right: -0.25rem !important;
     }

     .mb-lg-n1,
     .my-lg-n1 {
         margin-bottom: -0.25rem !important;
     }

     .ml-lg-n1,
     .mx-lg-n1 {
         margin-left: -0.25rem !important;
     }

     .m-lg-n2 {
         margin: -0.5rem !important;
     }

     .mt-lg-n2,
     .my-lg-n2 {
         margin-top: -0.5rem !important;
     }

     .mr-lg-n2,
     .mx-lg-n2 {
         margin-right: -0.5rem !important;
     }

     .mb-lg-n2,
     .my-lg-n2 {
         margin-bottom: -0.5rem !important;
     }

     .ml-lg-n2,
     .mx-lg-n2 {
         margin-left: -0.5rem !important;
     }

     .m-lg-n3 {
         margin: -1rem !important;
     }

     .mt-lg-n3,
     .my-lg-n3 {
         margin-top: -1rem !important;
     }

     .mr-lg-n3,
     .mx-lg-n3 {
         margin-right: -1rem !important;
     }

     .mb-lg-n3,
     .my-lg-n3 {
         margin-bottom: -1rem !important;
     }

     .ml-lg-n3,
     .mx-lg-n3 {
         margin-left: -1rem !important;
     }

     .m-lg-n4 {
         margin: -1.5rem !important;
     }

     .mt-lg-n4,
     .my-lg-n4 {
         margin-top: -1.5rem !important;
     }

     .mr-lg-n4,
     .mx-lg-n4 {
         margin-right: -1.5rem !important;
     }

     .mb-lg-n4,
     .my-lg-n4 {
         margin-bottom: -1.5rem !important;
     }

     .ml-lg-n4,
     .mx-lg-n4 {
         margin-left: -1.5rem !important;
     }

     .m-lg-n5 {
         margin: -3rem !important;
     }

     .mt-lg-n5,
     .my-lg-n5 {
         margin-top: -3rem !important;
     }

     .mr-lg-n5,
     .mx-lg-n5 {
         margin-right: -3rem !important;
     }

     .mb-lg-n5,
     .my-lg-n5 {
         margin-bottom: -3rem !important;
     }

     .ml-lg-n5,
     .mx-lg-n5 {
         margin-left: -3rem !important;
     }

     .m-lg-auto {
         margin: auto !important;
     }

     .mt-lg-auto,
     .my-lg-auto {
         margin-top: auto !important;
     }

     .mr-lg-auto,
     .mx-lg-auto {
         margin-right: auto !important;
     }

     .mb-lg-auto,
     .my-lg-auto {
         margin-bottom: auto !important;
     }

     .ml-lg-auto,
     .mx-lg-auto {
         margin-left: auto !important;
     }
 }

 @media (min-width:1200px) {
     .m-xl-0 {
         margin: 0 !important;
     }

     .mt-xl-0,
     .my-xl-0 {
         margin-top: 0 !important;
     }

     .mr-xl-0,
     .mx-xl-0 {
         margin-right: 0 !important;
     }

     .mb-xl-0,
     .my-xl-0 {
         margin-bottom: 0 !important;
     }

     .ml-xl-0,
     .mx-xl-0 {
         margin-left: 0 !important;
     }

     .m-xl-1 {
         margin: 0.25rem !important;
     }

     .mt-xl-1,
     .my-xl-1 {
         margin-top: 0.25rem !important;
     }

     .mr-xl-1,
     .mx-xl-1 {
         margin-right: 0.25rem !important;
     }

     .mb-xl-1,
     .my-xl-1 {
         margin-bottom: 0.25rem !important;
     }

     .ml-xl-1,
     .mx-xl-1 {
         margin-left: 0.25rem !important;
     }

     .m-xl-2 {
         margin: 0.5rem !important;
     }

     .mt-xl-2,
     .my-xl-2 {
         margin-top: 0.5rem !important;
     }

     .mr-xl-2,
     .mx-xl-2 {
         margin-right: 0.5rem !important;
     }

     .mb-xl-2,
     .my-xl-2 {
         margin-bottom: 0.5rem !important;
     }

     .ml-xl-2,
     .mx-xl-2 {
         margin-left: 0.5rem !important;
     }

     .m-xl-3 {
         margin: 1rem !important;
     }

     .mt-xl-3,
     .my-xl-3 {
         margin-top: 1rem !important;
     }

     .mr-xl-3,
     .mx-xl-3 {
         margin-right: 1rem !important;
     }

     .mb-xl-3,
     .my-xl-3 {
         margin-bottom: 1rem !important;
     }

     .ml-xl-3,
     .mx-xl-3 {
         margin-left: 1rem !important;
     }

     .m-xl-4 {
         margin: 1.5rem !important;
     }

     .mt-xl-4,
     .my-xl-4 {
         margin-top: 1.5rem !important;
     }

     .mr-xl-4,
     .mx-xl-4 {
         margin-right: 1.5rem !important;
     }

     .mb-xl-4,
     .my-xl-4 {
         margin-bottom: 1.5rem !important;
     }

     .ml-xl-4,
     .mx-xl-4 {
         margin-left: 1.5rem !important;
     }

     .m-xl-5 {
         margin: 3rem !important;
     }

     .mt-xl-5,
     .my-xl-5 {
         margin-top: 3rem !important;
     }

     .mr-xl-5,
     .mx-xl-5 {
         margin-right: 3rem !important;
     }

     .mb-xl-5,
     .my-xl-5 {
         margin-bottom: 3rem !important;
     }

     .ml-xl-5,
     .mx-xl-5 {
         margin-left: 3rem !important;
     }

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

     .pt-xl-0,
     .py-xl-0 {
         padding-top: 0 !important;
     }

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

     .pb-xl-0,
     .py-xl-0 {
         padding-bottom: 0 !important;
     }

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

     .p-xl-1 {
         padding: 0.25rem !important;
     }

     .pt-xl-1,
     .py-xl-1 {
         padding-top: 0.25rem !important;
     }

     .pr-xl-1,
     .px-xl-1 {
         padding-right: 0.25rem !important;
     }

     .pb-xl-1,
     .py-xl-1 {
         padding-bottom: 0.25rem !important;
     }

     .pl-xl-1,
     .px-xl-1 {
         padding-left: 0.25rem !important;
     }

     .p-xl-2 {
         padding: 0.5rem !important;
     }

     .pt-xl-2,
     .py-xl-2 {
         padding-top: 0.5rem !important;
     }

     .pr-xl-2,
     .px-xl-2 {
         padding-right: 0.5rem !important;
     }

     .pb-xl-2,
     .py-xl-2 {
         padding-bottom: 0.5rem !important;
     }

     .pl-xl-2,
     .px-xl-2 {
         padding-left: 0.5rem !important;
     }

     .p-xl-3 {
         padding: 1rem !important;
     }

     .pt-xl-3,
     .py-xl-3 {
         padding-top: 1rem !important;
     }

     .pr-xl-3,
     .px-xl-3 {
         padding-right: 1rem !important;
     }

     .pb-xl-3,
     .py-xl-3 {
         padding-bottom: 1rem !important;
     }

     .pl-xl-3,
     .px-xl-3 {
         padding-left: 1rem !important;
     }

     .p-xl-4 {
         padding: 1.5rem !important;
     }

     .pt-xl-4,
     .py-xl-4 {
         padding-top: 1.5rem !important;
     }

     .pr-xl-4,
     .px-xl-4 {
         padding-right: 1.5rem !important;
     }

     .pb-xl-4,
     .py-xl-4 {
         padding-bottom: 1.5rem !important;
     }

     .pl-xl-4,
     .px-xl-4 {
         padding-left: 1.5rem !important;
     }

     .p-xl-5 {
         padding: 3rem !important;
     }

     .pt-xl-5,
     .py-xl-5 {
         padding-top: 3rem !important;
     }

     .pr-xl-5,
     .px-xl-5 {
         padding-right: 3rem !important;
     }

     .pb-xl-5,
     .py-xl-5 {
         padding-bottom: 3rem !important;
     }

     .pl-xl-5,
     .px-xl-5 {
         padding-left: 3rem !important;
     }

     .m-xl-n1 {
         margin: -0.25rem !important;
     }

     .mt-xl-n1,
     .my-xl-n1 {
         margin-top: -0.25rem !important;
     }

     .mr-xl-n1,
     .mx-xl-n1 {
         margin-right: -0.25rem !important;
     }

     .mb-xl-n1,
     .my-xl-n1 {
         margin-bottom: -0.25rem !important;
     }

     .ml-xl-n1,
     .mx-xl-n1 {
         margin-left: -0.25rem !important;
     }

     .m-xl-n2 {
         margin: -0.5rem !important;
     }

     .mt-xl-n2,
     .my-xl-n2 {
         margin-top: -0.5rem !important;
     }

     .mr-xl-n2,
     .mx-xl-n2 {
         margin-right: -0.5rem !important;
     }

     .mb-xl-n2,
     .my-xl-n2 {
         margin-bottom: -0.5rem !important;
     }

     .ml-xl-n2,
     .mx-xl-n2 {
         margin-left: -0.5rem !important;
     }

     .m-xl-n3 {
         margin: -1rem !important;
     }

     .mt-xl-n3,
     .my-xl-n3 {
         margin-top: -1rem !important;
     }

     .mr-xl-n3,
     .mx-xl-n3 {
         margin-right: -1rem !important;
     }

     .mb-xl-n3,
     .my-xl-n3 {
         margin-bottom: -1rem !important;
     }

     .ml-xl-n3,
     .mx-xl-n3 {
         margin-left: -1rem !important;
     }

     .m-xl-n4 {
         margin: -1.5rem !important;
     }

     .mt-xl-n4,
     .my-xl-n4 {
         margin-top: -1.5rem !important;
     }

     .mr-xl-n4,
     .mx-xl-n4 {
         margin-right: -1.5rem !important;
     }

     .mb-xl-n4,
     .my-xl-n4 {
         margin-bottom: -1.5rem !important;
     }

     .ml-xl-n4,
     .mx-xl-n4 {
         margin-left: -1.5rem !important;
     }

     .m-xl-n5 {
         margin: -3rem !important;
     }

     .mt-xl-n5,
     .my-xl-n5 {
         margin-top: -3rem !important;
     }

     .mr-xl-n5,
     .mx-xl-n5 {
         margin-right: -3rem !important;
     }

     .mb-xl-n5,
     .my-xl-n5 {
         margin-bottom: -3rem !important;
     }

     .ml-xl-n5,
     .mx-xl-n5 {
         margin-left: -3rem !important;
     }

     .m-xl-auto {
         margin: auto !important;
     }

     .mt-xl-auto,
     .my-xl-auto {
         margin-top: auto !important;
     }

     .mr-xl-auto,
     .mx-xl-auto {
         margin-right: auto !important;
     }

     .mb-xl-auto,
     .my-xl-auto {
         margin-bottom: auto !important;
     }

     .ml-xl-auto,
     .mx-xl-auto {
         margin-left: auto !important;
     }
 }

 .text-monospace {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }

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

 .text-wrap {
     white-space: normal !important;
 }

 .text-nowrap {
     white-space: nowrap !important;
 }

 .text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

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

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

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

 @media (min-width:576px) {
     .text-sm-left {
         text-align: left !important;
     }

     .text-sm-right {
         text-align: right !important;
     }

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

 @media (min-width:768px) {
     .text-md-left {
         text-align: left !important;
     }

     .text-md-right {
         text-align: right !important;
     }

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

 @media (min-width:992px) {
     .text-lg-left {
         text-align: left !important;
     }

     .text-lg-right {
         text-align: right !important;
     }

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

 @media (min-width:1200px) {
     .text-xl-left {
         text-align: left !important;
     }

     .text-xl-right {
         text-align: right !important;
     }

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

 .text-lowercase {
     text-transform: lowercase !important;
 }

 .text-uppercase {
     text-transform: uppercase !important;
 }

 .text-capitalize {
     text-transform: capitalize !important;
 }

 .font-weight-light {
     font-weight: 300 !important;
 }

 .font-weight-lighter {
     font-weight: lighter !important;
 }

 .font-weight-normal {
     font-weight: 400 !important;
 }

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

 .font-weight-bolder {
     font-weight: bolder !important;
 }

 .font-italic {
     font-style: italic !important;
 }

 .text-white {
     color: #fff !important;
 }

 .text-primary {
     color: #007bff !important;
 }

 a.text-primary:hover,
 a.text-primary:focus {
     color: #0056b3 !important;
 }

 .text-secondary {
     color: #6c757d !important;
 }

 a.text-secondary:hover,
 a.text-secondary:focus {
     color: #494f54 !important;
 }

 .text-success {
     color: #28a745 !important;
 }

 a.text-success:hover,
 a.text-success:focus {
     color: #19692c !important;
 }

 .text-info {
     color: #17a2b8 !important;
 }

 a.text-info:hover,
 a.text-info:focus {
     color: #0f6674 !important;
 }

 .text-warning {
     color: #ffc107 !important;
 }

 a.text-warning:hover,
 a.text-warning:focus {
     color: #ba8b00 !important;
 }

 .text-danger {
     color: #dc3545 !important;
 }

 a.text-danger:hover,
 a.text-danger:focus {
     color: #a71d2a !important;
 }

 .text-light {
     color: #f8f9fa !important;
 }

 a.text-light:hover,
 a.text-light:focus {
     color: #cbd3da !important;
 }

 .text-dark {
     color: #343a40 !important;
 }

 a.text-dark:hover,
 a.text-dark:focus {
     color: #121416 !important;
 }

 .text-body {
     color: #212529 !important;
 }

 .text-muted {
     color: #6c757d !important;
 }

 .text-black-50 {
     color: rgba(0, 0, 0, 0.5) !important;
 }

 .text-white-50 {
     color: rgba(255, 255, 255, 0.5) !important;
 }

 .text-hide {
     font: 0/0 a;
     color: transparent;
     text-shadow: none;
     background-color: transparent;
     border: 0;
 }

 .text-decoration-none {
     text-decoration: none !important;
 }

 .text-break {
     word-break: break-word !important;
     overflow-wrap: break-word !important;
 }

 .text-reset {
     color: inherit !important;
 }

 .visible {
     visibility: visible !important;
 }

 .invisible {
     visibility: hidden !important;
 }

 @media print {

     *,
     *::before,
     *::after {
         text-shadow: none !important;
         box-shadow: none !important;
     }

     a:not(.btn) {
         text-decoration: underline;
     }

     abbr[title]::after {
         content: " (" attr(title) ")";
     }

     pre {
         white-space: pre-wrap !important;
     }

     pre,
     blockquote {
         border: 1px solid #adb5bd;
         page-break-inside: avoid;
     }

     thead {
         display: table-header-group;
     }

     tr,
     img {
         page-break-inside: avoid;
     }

     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }

     h2,
     h3 {
         page-break-after: avoid;
     }

     @page {
         size: a3;
     }

     body {
         min-width: 992px !important;
     }

     .container {
         min-width: 992px !important;
     }

     .navbar {
         display: none;
     }

     .badge {
         border: 1px solid #000;
     }

     .table {
         border-collapse: collapse !important;
     }

     .table td,
     .table th {
         background-color: #fff !important;
     }

     .table-bordered th,
     .table-bordered td {
         border: 1px solid #dee2e6 !important;
     }

     .table-dark {
         color: inherit;
     }

     .table-dark th,
     .table-dark td,
     .table-dark thead th,
     .table-dark tbody+tbody {
         border-color: #dee2e6;
     }

     .table .thead-dark th {
         color: inherit;
         border-color: #dee2e6;
     }
 }

 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }

 .slick-list:focus {
     outline: none;
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 .slick-track:before,
 .slick-track:after {
     display: table;
     content: '';
 }

 .slick-track:after {
     clear: both;
 }

 .slick-loading .slick-track {
     visibility: hidden;
 }

 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
 }

 [dir='rtl'] .slick-slide {
     float: right;
 }

 .slick-slide img {
     display: block;
 }

 .slick-slide.slick-loading img {
     display: none;
 }

 .slick-slide.dragging img {
     pointer-events: none;
 }

 .slick-initialized .slick-slide {
     display: block;
 }

 .slick-loading .slick-slide {
     visibility: hidden;
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }

 .slick-arrow.slick-hidden {
     display: none;
 }

 .messages {
     padding: 15px 20px 15px 35px;
     word-wrap: break-word;
     border: 1px solid;
     border-width: 1px 1px 1px 0;
     border-radius: 2px;
     background: no-repeat 10px 17px;
     overflow-wrap: break-word;
 }

 [dir="rtl"] .messages {
     padding-right: 35px;
     padding-left: 20px;
     text-align: right;
     border-width: 1px 0 1px 1px;
     background-position: right 10px top 17px;
 }

 .messages+.messages {
     margin-top: 1.538em;
 }

 .messages__list {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .messages__item+.messages__item {
     margin-top: 0.769em;
 }

 .messages--status {
     color: #325e1c;
     border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
     background-color: #f3faef;
     background-image: url(/themes/contrib/misc/icons/73b355/check.svg);
     box-shadow: -8px 0 0 #77b259;
 }

 [dir="rtl"] .messages--status {
     margin-left: 0;
     border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
     box-shadow: 8px 0 0 #77b259;
 }

 .messages--warning {
     color: #734c00;
     border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
     background-color: #fdf8ed;
     background-image: url(/themes/contrib/misc/icons/e29700/warning.svg);
     box-shadow: -8px 0 0 #e09600;
 }

 [dir="rtl"] .messages--warning {
     border-color: #f4daa6 transparent #f4daa6 #f4daa6;
     box-shadow: 8px 0 0 #e09600;
 }

 .messages--error {
     color: #a51b00;
     border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
     background-color: #fcf4f2;
     background-image: url(/themes/contrib/misc/icons/e32700/error.svg);
     box-shadow: -8px 0 0 #e62600;
 }

 [dir="rtl"] .messages--error {
     border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
     box-shadow: 8px 0 0 #e62600;
 }

 .messages--error p.error {
     color: #a51b00;
 }

 .field__label {
     font-weight: bold;
 }

 .field--label-inline .field__label,
 .field--label-inline .field__items {
     float: left;
 }

 .field--label-inline .field__label,
 .field--label-inline>.field__item,
 .field--label-inline .field__items {
     padding-right: 0.5em;
 }

 [dir="rtl"] .field--label-inline .field__label,
 [dir="rtl"] .field--label-inline .field__items {
     padding-right: 0;
     padding-left: 0.5em;
 }

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

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

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

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

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

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

 .mt-35 {
     margin-top: 35px;
 }

 .mt-40 {
     margin-top: 40px;
 }

 .mt-45 {
     margin-top: 45px;
 }

 .mt-50 {
     margin-top: 50px;
 }

 .mt-55 {
     margin-top: 55px;
 }

 .mt-60 {
     margin-top: 60px;
 }

 .mt-65 {
     margin-top: 65px;
 }

 .mt-70 {
     margin-top: 70px;
 }

 .mt-75 {
     margin-top: 75px;
 }

 .mt-80 {
     margin-top: 80px;
 }

 .mt-85 {
     margin-top: 85px;
 }

 .mt-90 {
     margin-top: 90px;
 }

 .mt-95 {
     margin-top: 95px;
 }

 .mt-100 {
     margin-top: 100px;
 }

 .mt-105 {
     margin-top: 105px;
 }

 .mt-110 {
     margin-top: 110px;
 }

 .mt-115 {
     margin-top: 115px;
 }

 .mt-120 {
     margin-top: 120px;
 }

 .mt-125 {
     margin-top: 125px;
 }

 .mt-130 {
     margin-top: 130px;
 }

 .mt-135 {
     margin-top: 135px;
 }

 .mt-140 {
     margin-top: 140px;
 }

 .mt-145 {
     margin-top: 145px;
 }

 .mt-150 {
     margin-top: 150px;
 }

 .mt-155 {
     margin-top: 155px;
 }

 .mt-160 {
     margin-top: 160px;
 }

 .mt-165 {
     margin-top: 165px;
 }

 .mt-170 {
     margin-top: 170px;
 }

 .mt-175 {
     margin-top: 175px;
 }

 .mt-180 {
     margin-top: 180px;
 }

 .mt-185 {
     margin-top: 185px;
 }

 .mt-190 {
     margin-top: 190px;
 }

 .mt-195 {
     margin-top: 195px;
 }

 .mt-200 {
     margin-top: 200px;
 }

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

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

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

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

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

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

 .mb-35 {
     margin-bottom: 35px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .mb-45 {
     margin-bottom: 45px;
 }

 .mb-50 {
     margin-bottom: 50px;
 }

 .mb-55 {
     margin-bottom: 55px;
 }

 .mb-60 {
     margin-bottom: 60px;
 }

 .mb-65 {
     margin-bottom: 65px;
 }

 .mb-70 {
     margin-bottom: 70px;
 }

 .mb-75 {
     margin-bottom: 75px;
 }

 .mb-80 {
     margin-bottom: 80px;
 }

 .mb-85 {
     margin-bottom: 85px;
 }

 .mb-90 {
     margin-bottom: 90px;
 }

 .mb-95 {
     margin-bottom: 95px;
 }

 .mb-100 {
     margin-bottom: 100px;
 }

 .mb-105 {
     margin-bottom: 105px;
 }

 .mb-110 {
     margin-bottom: 110px;
 }

 .mb-115 {
     margin-bottom: 115px;
 }

 .mb-120 {
     margin-bottom: 120px;
 }

 .mb-125 {
     margin-bottom: 125px;
 }

 .mb-130 {
     margin-bottom: 130px;
 }

 .mb-135 {
     margin-bottom: 135px;
 }

 .mb-140 {
     margin-bottom: 140px;
 }

 .mb-145 {
     margin-bottom: 145px;
 }

 .mb-150 {
     margin-bottom: 150px;
 }

 .mb-155 {
     margin-bottom: 155px;
 }

 .mb-160 {
     margin-bottom: 160px;
 }

 .mb-165 {
     margin-bottom: 165px;
 }

 .mb-170 {
     margin-bottom: 170px;
 }

 .mb-175 {
     margin-bottom: 175px;
 }

 .mb-180 {
     margin-bottom: 180px;
 }

 .mb-185 {
     margin-bottom: 185px;
 }

 .mb-190 {
     margin-bottom: 190px;
 }

 .mb-195 {
     margin-bottom: 195px;
 }

 .mb-200 {
     margin-bottom: 200px;
 }

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

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

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

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

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

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

 .ml-35 {
     margin-left: 35px;
 }

 .ml-40 {
     margin-left: 40px;
 }

 .ml-45 {
     margin-left: 45px;
 }

 .ml-50 {
     margin-left: 50px;
 }

 .ml-55 {
     margin-left: 55px;
 }

 .ml-60 {
     margin-left: 60px;
 }

 .ml-65 {
     margin-left: 65px;
 }

 .ml-70 {
     margin-left: 70px;
 }

 .ml-75 {
     margin-left: 75px;
 }

 .ml-80 {
     margin-left: 80px;
 }

 .ml-85 {
     margin-left: 85px;
 }

 .ml-90 {
     margin-left: 90px;
 }

 .ml-95 {
     margin-left: 95px;
 }

 .ml-100 {
     margin-left: 100px;
 }

 .ml-105 {
     margin-left: 105px;
 }

 .ml-110 {
     margin-left: 110px;
 }

 .ml-115 {
     margin-left: 115px;
 }

 .ml-120 {
     margin-left: 120px;
 }

 .ml-125 {
     margin-left: 125px;
 }

 .ml-130 {
     margin-left: 130px;
 }

 .ml-135 {
     margin-left: 135px;
 }

 .ml-140 {
     margin-left: 140px;
 }

 .ml-145 {
     margin-left: 145px;
 }

 .ml-150 {
     margin-left: 150px;
 }

 .ml-155 {
     margin-left: 155px;
 }

 .ml-160 {
     margin-left: 160px;
 }

 .ml-165 {
     margin-left: 165px;
 }

 .ml-170 {
     margin-left: 170px;
 }

 .ml-175 {
     margin-left: 175px;
 }

 .ml-180 {
     margin-left: 180px;
 }

 .ml-185 {
     margin-left: 185px;
 }

 .ml-190 {
     margin-left: 190px;
 }

 .ml-195 {
     margin-left: 195px;
 }

 .ml-200 {
     margin-left: 200px;
 }

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

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

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

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

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

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

 .mr-35 {
     margin-right: 35px;
 }

 .mr-40 {
     margin-right: 40px;
 }

 .mr-45 {
     margin-right: 45px;
 }

 .mr-50 {
     margin-right: 50px;
 }

 .mr-55 {
     margin-right: 55px;
 }

 .mr-60 {
     margin-right: 60px;
 }

 .mr-65 {
     margin-right: 65px;
 }

 .mr-70 {
     margin-right: 70px;
 }

 .mr-75 {
     margin-right: 75px;
 }

 .mr-80 {
     margin-right: 80px;
 }

 .mr-85 {
     margin-right: 85px;
 }

 .mr-90 {
     margin-right: 90px;
 }

 .mr-95 {
     margin-right: 95px;
 }

 .mr-100 {
     margin-right: 100px;
 }

 .mr-105 {
     margin-right: 105px;
 }

 .mr-110 {
     margin-right: 110px;
 }

 .mr-115 {
     margin-right: 115px;
 }

 .mr-120 {
     margin-right: 120px;
 }

 .mr-125 {
     margin-right: 125px;
 }

 .mr-130 {
     margin-right: 130px;
 }

 .mr-135 {
     margin-right: 135px;
 }

 .mr-140 {
     margin-right: 140px;
 }

 .mr-145 {
     margin-right: 145px;
 }

 .mr-150 {
     margin-right: 150px;
 }

 .mr-155 {
     margin-right: 155px;
 }

 .mr-160 {
     margin-right: 160px;
 }

 .mr-165 {
     margin-right: 165px;
 }

 .mr-170 {
     margin-right: 170px;
 }

 .mr-175 {
     margin-right: 175px;
 }

 .mr-180 {
     margin-right: 180px;
 }

 .mr-185 {
     margin-right: 185px;
 }

 .mr-190 {
     margin-right: 190px;
 }

 .mr-195 {
     margin-right: 195px;
 }

 .mr-200 {
     margin-right: 200px;
 }

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

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

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

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

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

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

 .pt-35 {
     padding-top: 35px;
 }

 .pt-40 {
     padding-top: 40px;
 }

 .pt-45 {
     padding-top: 45px;
 }

 .pt-50 {
     padding-top: 50px;
 }

 .pt-55 {
     padding-top: 55px;
 }

 .pt-60 {
     padding-top: 60px;
 }

 .pt-65 {
     padding-top: 65px;
 }

 .pt-70 {
     padding-top: 70px;
 }

 .pt-75 {
     padding-top: 75px;
 }

 .pt-80 {
     padding-top: 80px;
 }

 .pt-85 {
     padding-top: 85px;
 }

 .pt-90 {
     padding-top: 90px;
 }

 .pt-95 {
     padding-top: 95px;
 }

 .pt-100 {
     padding-top: 100px;
 }

 .pt-105 {
     padding-top: 105px;
 }

 .pt-110 {
     padding-top: 110px;
 }

 .pt-115 {
     padding-top: 115px;
 }

 .pt-120 {
     padding-top: 120px;
 }

 .pt-125 {
     padding-top: 125px;
 }

 .pt-130 {
     padding-top: 130px;
 }

 .pt-135 {
     padding-top: 135px;
 }

 .pt-140 {
     padding-top: 140px;
 }

 .pt-145 {
     padding-top: 145px;
 }

 .pt-150 {
     padding-top: 150px;
 }

 .pt-155 {
     padding-top: 155px;
 }

 .pt-160 {
     padding-top: 160px;
 }

 .pt-165 {
     padding-top: 165px;
 }

 .pt-170 {
     padding-top: 170px;
 }

 .pt-175 {
     padding-top: 175px;
 }

 .pt-180 {
     padding-top: 180px;
 }

 .pt-185 {
     padding-top: 185px;
 }

 .pt-190 {
     padding-top: 190px;
 }

 .pt-195 {
     padding-top: 195px;
 }

 .pt-200 {
     padding-top: 200px;
 }

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

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

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

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

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

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

 .pb-35 {
     padding-bottom: 35px;
 }

 .pb-40 {
     padding-bottom: 40px;
 }

 .pb-45 {
     padding-bottom: 45px;
 }

 .pb-50 {
     padding-bottom: 50px;
 }

 .pb-55 {
     padding-bottom: 55px;
 }

 .pb-60 {
     padding-bottom: 60px;
 }

 .pb-65 {
     padding-bottom: 65px;
 }

 .pb-70 {
     padding-bottom: 70px;
 }

 .pb-75 {
     padding-bottom: 75px;
 }

 .pb-80 {
     padding-bottom: 80px;
 }

 .pb-85 {
     padding-bottom: 85px;
 }

 .pb-90 {
     padding-bottom: 90px;
 }

 .pb-95 {
     padding-bottom: 95px;
 }

 .pb-100 {
     padding-bottom: 100px;
 }

 .pb-105 {
     padding-bottom: 105px;
 }

 .pb-110 {
     padding-bottom: 110px;
 }

 .pb-115 {
     padding-bottom: 115px;
 }

 .pb-120 {
     padding-bottom: 120px;
 }

 .pb-125 {
     padding-bottom: 125px;
 }

 .pb-130 {
     padding-bottom: 130px;
 }

 .pb-135 {
     padding-bottom: 135px;
 }

 .pb-140 {
     padding-bottom: 140px;
 }

 .pb-145 {
     padding-bottom: 145px;
 }

 .pb-150 {
     padding-bottom: 150px;
 }

 .pb-155 {
     padding-bottom: 155px;
 }

 .pb-160 {
     padding-bottom: 160px;
 }

 .pb-165 {
     padding-bottom: 165px;
 }

 .pb-170 {
     padding-bottom: 170px;
 }

 .pb-175 {
     padding-bottom: 175px;
 }

 .pb-180 {
     padding-bottom: 180px;
 }

 .pb-185 {
     padding-bottom: 185px;
 }

 .pb-190 {
     padding-bottom: 190px;
 }

 .pb-195 {
     padding-bottom: 195px;
 }

 .pb-200 {
     padding-bottom: 200px;
 }

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

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

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

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

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

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

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

 .pl-35 {
     padding-left: 35px;
 }

 .pl-40 {
     padding-left: 40px;
 }

 .pl-45 {
     padding-left: 45px;
 }

 .pl-50 {
     padding-left: 50px;
 }

 .pl-55 {
     padding-left: 55px;
 }

 .pl-60 {
     padding-left: 60px;
 }

 .pl-65 {
     padding-left: 65px;
 }

 .pl-70 {
     padding-left: 70px;
 }

 .pl-75 {
     padding-left: 75px;
 }

 .pl-80 {
     padding-left: 80px;
 }

 .pl-85 {
     padding-left: 85px;
 }

 .pl-90 {
     padding-left: 90px;
 }

 .pl-100 {
     padding-left: 100px;
 }

 .pl-105 {
     padding-left: 105px;
 }

 .pl-110 {
     padding-left: 110px;
 }

 .pl-115 {
     padding-left: 115px;
 }

 .pl-120 {
     padding-left: 120px;
 }

 .pl-125 {
     padding-left: 125px;
 }

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

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

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

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

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

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

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

 .pr-35 {
     padding-right: 35px;
 }

 .pr-40 {
     padding-right: 40px;
 }

 .pr-45 {
     padding-right: 45px;
 }

 .pr-50 {
     padding-right: 50px;
 }

 .pr-55 {
     padding-right: 55px;
 }

 .pr-60 {
     padding-right: 60px;
 }

 .pr-65 {
     padding-right: 65px;
 }

 .pr-70 {
     padding-right: 70px;
 }

 .pr-75 {
     padding-right: 75px;
 }

 .pr-80 {
     padding-right: 80px;
 }

 .pr-85 {
     padding-right: 85px;
 }

 .pr-90 {
     padding-right: 90px;
 }

 .pr-95 {
     padding-right: 95px;
 }

 .pr-100 {
     padding-right: 100px;
 }

 .pr-105 {
     padding-right: 105px;
 }

 .gray-bg {
     background: #f6f6f6;
 }

 .white-bg {
     background: #fff;
 }

 .black-bg {
     background: #222;
 }

 .white {
     color: #fff;
 }

 .black {
     color: #222;
 }

 [data-overlay] {
     position: relative;
 }

 [data-overlay]::before {
     background: #000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
 }

 [data-overlay="3"]::before {
     opacity: 0.3;
 }

 [data-overlay="4"]::before {
     opacity: 0.4;
 }

 [data-overlay="5"]::before {
     opacity: 0.5;
 }

 [data-overlay="6"]::before {
     opacity: 0.6;
 }

 [data-overlay="7"]::before {
     opacity: 0.7;
 }

 [data-overlay="8"]::before {
     opacity: 0.8;
 }

 [data-overlay="9"]::before {
     opacity: 0.9;
 }

 .maincontent {
     padding-top: 20px;
 }

 .messages {
     margin-bottom: 20px;
 }

 .borderlist li {
     padding-bottom: 5px;
     border-bottom: 1px dotted #aaa;
     margin-bottom: 10px;
 }

 .borderlist li:last-child {
     border-bottom: none;
     margin-bottom: 0px;
 }

 .alert-success {
     color: #1f7556;
     background-color: #d6f3e9;
     border-color: #c2eddd;
 }

 b .alert-success p {
     color: #1f7556;
 }

 .alert p {
     font-size: 12px;
 }

 .alert {
     position: relative;
     padding: 0.75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: 0.25rem;
 }

 .block-fff {
     background: #fff;
     padding: 15px;
     border-radius: 5px;
 }

 .content_area_center h2 {
     margin-bottom: 15px;
 }

 .navbar-brand img {
     height: 35px;
 }

 body {
     background: #f3f3f3;
     font-weight: normal;
     font-style: normal;
     color: #565872;
     font-size: 13px;
     font-family: Hiragino Sans, ヒラギノ角ゴシック, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Meiryo, メイリオ, MS PGothic, helvetica, sans-serif;
 }

 * {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 img {
     max-width: 100%;
 }

 a:focus,
 input:focus,
 textarea:focus,
 button:focus {
     text-decoration: none;
     outline: none;
 }

 a:focus,
 a:hover {
     text-decoration: none;
 }

 a.blank:after {
     display: inline-block;
     content: url(/themes/contrib/vwork_front/assets/img/blank.svg);
     width: 12px;
     margin-left: 10px;
     height: 20px;
 }

 i,
 span,
 a {
     display: inline-block;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700;
     color: #000;
     margin: 0px;
 }

 h1 {
     font-size: 22px;
 }

 h2 {
     font-size: 20px;
 }

 h3 {
     font-size: 18px;
 }

 h4 {
     font-size: 16px;
 }

 h5 {
     font-size: 14px;
 }

 h6 {
     font-size: 12px;
 }

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

 p {
     font-size: 13px;
     font-weight: 400;
     line-height: 24px;
     color: #565872;
     margin: 0px;
 }

 .bg_cover {
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
 }

 .slick-slide {
     outline: 0;
 }

 .main-btn {
     display: inline-block;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 0;
     padding: 0 28px;
     font-size: 15px;
     line-height: 60px;
     border-radius: 5px;
     color: #fff;
     cursor: pointer;
     z-index: 5;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     border: 0;
     overflow: hidden;
     background-position: center;
     background: -webkit-linear-gradient(left, #d1651a 0%, #c1282a 50%, #d1651a 100%);
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto;
     background-size: 200% auto;
 }

 .main-btn i {
     padding-left: 38px;
     font-size: 18px;
 }

 .main-btn:hover {
     background-position: right center;
     color: #fff;
 }

 .section-title {
     padding-bottom: 42px;
 }

 .section-title span {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     text-transform: capitalize;
     color: #fff;
     position: relative;
 }

 .section-title span::before {
     position: absolute;
     content: '';
     top: 0;
     height: 2px;
     width: 60px;
     left: -85px;
     top: 50%;
     transform: translateY(-50%);
     background: #fff;
 }

 @media (max-width:767px) {
     .section-title span::before {
         width: 30px;
         left: -50px;
     }
 }

 .section-title span::after {
     position: absolute;
     content: '';
     top: 0;
     height: 2px;
     width: 60px;
     right: -85px;
     top: 50%;
     transform: translateY(-50%);
     background: #fff;
 }

 @media (max-width:767px) {
     .section-title span::after {
         width: 30px;
         right: -50px;
     }
 }

 .section-title .title {
     color: #fff;
     line-height: 56px;
     font-size: 56px;
     padding-top: 9px;
 }

 @media (max-width:767px) {
     .section-title .title {
         font-size: 35px;
         line-height: 40px;
     }
 }

 .section-title.section-title-2 span {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(90deg, #d1651a 0%, #c1282a 100%);
 }

 .section-title.section-title-2 span::before {
     background-image: linear-gradient(90deg, #d1651a 0%, #c1282a 100%);
 }

 .section-title.section-title-2 span::after {
     background-image: linear-gradient(90deg, #d1651a 0%, #c1282a 100%);
 }

 .section-title.section-title-2 .title {
     color: #094074;
 }

 .section-title.section-title-3 span {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(90deg, #2b77eb 0%, #164a99 100%);
 }

 .section-title.section-title-3 span::before {
     background-image: linear-gradient(90deg, #2b77eb 0%, #164a99 100%);
 }

 .section-title.section-title-3 span::after {
     background-image: linear-gradient(90deg, #2b77eb 0%, #164a99 100%);
 }

 .section-title.section-title-3 .title {
     color: #4b5d73;
 }

 .header-area {
     background: #fff;
 }

 .header-area .header-top {
     align-items: center;
     border-bottom: 1px solid #dbdfe3;
     padding: 10px 0;
 }

 .header-area .header-top .header-top-info ul li {
     display: inline-block;
 }

 .header-area .header-top .header-top-info ul li a {
     color: #4b5d73;
 }

 .header-area .header-top .header-top-info ul li a i {
     padding-right: 6px;
 }

 .header-area .header-top .header-top-info ul li:first-child {
     margin-right: 26px;
 }

 .header-area .header-top .header-top-social .nice-select {
     position: absolute;
     right: 100px;
     top: 50%;
     transform: translateY(-50%);
     border: 0 !important;
     z-index: 9999;
     color: #4b5d73;
 }

 @media (max-width:767px) {
     .header-area .header-top .header-top-social .nice-select {
         right: auto;
         left: 120px;
     }
 }

 .header-area .header-top .header-top-social .nice-select::before {
     position: absolute;
     content: '\f0ac';
     font-family: FontAwesome;
     left: -5px;
     top: 47%;
     transform: translateY(-50%);
     font-size: 18px;
 }

 .header-area .header-top .header-top-social .nice-select .list li {
     display: block;
 }

 .header-area .header-top .header-top-social ul li {
     display: inline-block;
 }

 .header-area .header-top .header-top-social ul li a {
     color: #4b5d73;
     font-size: 14px;
     margin-left: 10px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
 }

 .header-area .header-top .header-top-social ul li a:hover {
     color: #d1651a;
 }

 .navigation {
     padding: 0 15px;
     top: 45px;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 999;
     background: #fff;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation {
         padding: 0 15px;
     }
 }

 @media (max-width:767px) {
     .navigation {
         padding: 0;
     }
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .navigation {
         padding: 0 10px;
     }
 }

 .navigation.sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     animation: sticky 1s;
     box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
     background: #fff;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation.sticky {
         padding: 10px 0;
     }
 }

 @media (max-width:767px) {
     .navigation.sticky {
         padding: 10px 0;
     }
 }

 .navigation.sticky .navbar .navbar-nav .nav-item .sub-menu li a {
     line-height: 35px;
 }

 .navigation .navbar {
     position: relative;
     padding: 0;
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-brand {
         margin-right: 0;
         margin-left: 15px;
     }
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .navigation .navbar .navbar-brand {
         margin-right: 0;
         margin-left: 0px;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-brand img {
         width: 80%;
     }
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .navigation .navbar .navbar-brand img {
         width: auto;
     }
 }

 .navigation .navbar .navbar-toggler .toggler-icon {
     width: 30px;
     height: 2px;
     background-color: #094074;
     margin: 5px 0;
     display: block;
     position: relative;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
 }

 .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 7px;
 }

 .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {
     opacity: 0;
 }

 .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg);
     top: -7px;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-collapse {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #fff;
         z-index: 8;
         padding: 10px 16px;
         box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-collapse {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #fff;
         z-index: 8;
         padding: 10px 16px;
         box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav {
         margin-right: 0;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav {
         margin-right: 0;
     }
 }

 .navigation .navbar .navbar-nav .nav-item {
     position: relative;
     margin: 0 28px;
 }

 @media only screen and (min-width:1200px) and (max-width:1600px) {
     .navigation .navbar .navbar-nav .nav-item {
         margin: 0 18px;
     }
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .navigation .navbar .navbar-nav .nav-item {
         margin: 0 11px;
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item {
         margin: 0 0px;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item {
         margin: 0 0px;
     }
 }

 .navigation .navbar .navbar-nav .nav-item a {
     font-size: 15px;
     font-weight: 700;
     padding: 0;
     color: #0f0f0f;
     text-transform: uppercase;
     position: relative;
     margin: 0;
     line-height: 105px;
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .navigation .navbar .navbar-nav .nav-item a {
         font-size: 14px;
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item a span {
         display: none;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item a span {
         display: none;
     }
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item a {
         padding: 0;
         display: block;
         border: 0;
         margin: 0;
         line-height: 40px;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item a {
         padding: 0;
         display: block;
         border: 0;
         margin: 0;
         line-height: 40px;
     }
 }

 .navigation .navbar .navbar-nav .nav-item a>i {
     margin-left: 5px;
     font-size: 15px;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item a>i {
         display: none;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item a>i {
         display: none;
     }
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu {
     position: absolute;
     left: 0;
     top: 120%;
     width: 260px;
     background-color: #fff;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     z-index: 99;
     -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
     box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu {
         position: relative !important;
         width: 100% !important;
         left: 0 !important;
         top: auto !important;
         opacity: 1 !important;
         visibility: visible !important;
         display: none;
         right: auto;
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
         transform: translateX(0%);
         -webkit-transition: all none ease-out 0s;
         -moz-transition: all none ease-out 0s;
         -ms-transition: all none ease-out 0s;
         -o-transition: all none ease-out 0s;
         transition: all none ease-out 0s;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         text-align: left;
         border-top: 0;
         transition: 0s;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu {
         position: relative !important;
         width: 100% !important;
         left: 0 !important;
         top: auto !important;
         opacity: 1 !important;
         visibility: visible !important;
         display: none;
         right: auto;
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
         transform: translateX(0%);
         -webkit-transition: all none ease-out 0s;
         -moz-transition: all none ease-out 0s;
         -ms-transition: all none ease-out 0s;
         -o-transition: all none ease-out 0s;
         transition: all none ease-out 0s;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         text-align: left;
         border-top: 0;
         transition: 0s;
     }
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li {
     position: relative;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-nav-toggler {
     color: #094074;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li a {
     display: block;
     padding: 8px 24px;
     position: relative;
     color: #0f0f0f;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     border-radius: 0;
     margin: 0 0;
     line-height: 30px;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i {
     float: right;
     font-size: 14px;
     margin-top: 5px;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i {
         display: none;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu>li a i {
         display: none;
     }
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li a .sub-nav-toggler i {
     display: inline-block;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu {
     right: auto;
     left: 100%;
     top: 0;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu {
         padding-left: 30px;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu {
         padding-left: 30px;
     }
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li .sub-menu li a::before {
     display: none;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover .sub-menu {
     opacity: 1;
     visibility: visible;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover .sub-nav-toggler {
     color: #fff;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover>a {
     color: #d1651a !important;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li:hover>a::before {
     opacity: 1;
 }

 .navigation .navbar .navbar-nav .nav-item:hover .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 100%;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
     display: none;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
         display: inline-block;
         position: absolute;
         top: 0;
         right: 0;
         padding: 10px 14px;
         font-size: 16px;
         background: none;
         border: 0;
         color: #094074;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
         display: inline-block;
         position: absolute;
         top: 0;
         right: 0;
         padding: 10px 14px;
         font-size: 16px;
         background: none;
         border: 0;
         color: #094074;
     }
 }

 .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler img {
     width: 30%;
 }

 .navigation .navbar .navbar-nav .nav-item.active a {
     color: #d1651a;
 }

 .navigation .navbar .navbar-nav .nav-item.active a::before {
     width: 100%;
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .navigation .navbar .navbar-btn a {
         font-size: 14px;
         padding: 0 15px 0 10px;
         margin-left: 0px;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-btn a {
         margin-left: 20px;
     }
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .navigation .navbar .navbar-btn a.main-btn {
         margin-left: 0;
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-btn a.main-btn {
         padding: 0 20px;
     }
 }

 .navigation .navbar .navbar-btn a img {
     box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.05);
     border-radius: 50%;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .navigation .navbar .navbar-btn {
         position: absolute;
         right: 70px;
         top: 50%;
         transform: translateY(-50%);
     }
 }

 @media (max-width:767px) {
     .navigation .navbar .navbar-btn {
         display: none;
     }
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .navigation .navbar .navbar-btn {
         position: absolute;
         right: 60px;
         top: 50%;
         transform: translateY(-50%);
         display: block;
     }
 }

 @-webkit-keyframes sticky {
     0% {
         top: -200px;
     }

     100% {
         top: 0;
     }
 }

 @keyframes sticky {
     0% {
         top: -200px;
     }

     100% {
         top: 0;
     }
 }

 .page-title-area {
     background: #fff;
     text-align: left;
     padding: 25px 15px;
 }

 .page-title-area .page-title-content .title {
     font-size: 20px;
     font-weight: 700;
     color: #000;
 }

 @media only screen and (min-width:576px) and (max-width:767px) {
     .page-title-area .page-title-content .title {
         font-size: 18px;
     }
 }

 .page-title-area .page-title-content nav {
     display: inline-block;
     padding-top: 7px;
 }

 .page-title-area .page-title-content nav ol {
     background-color: transparent;
 }

 .page-title-area .page-title-content nav ol li {
     font-size: 20px;
     font-weight: 700;
     text-transform: capitalize;
     color: #fff;
 }

 @media (max-width:767px) {
     .page-title-area .page-title-content nav ol li {
         font-size: 18px;
     }
 }

 .page-title-area .page-title-content nav ol li a {
     color: #fff;
     opacity: .4;
 }

 .breadcrumb {
     margin-bottom: 0px;
     background: none;
 }

 .breadcrumb-item {
     font-size: 12px;
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: 15px;
 }

 .footer-area {
     padding-top: 50px;
     background: #fff;
     margin-top: 30px;
 }

 .fix-content-view .footer-area {
     margin-bottom: 70px;
 }

 @media screen and (max-width:767px) {
     #block-fix-register-btn .col-md-6:first-child {
         display: none;
     }
 }

 .footer-area>.container {
     padding-bottom: 40px;
 }

 .footer-area h2 {
     font-size: 13px;
     margin-bottom: 10px;
 }

 .footer-area .footer-content p {
     line-height: 30px;
     color: #fff;
     opacity: .5;
     padding-right: 70px;
     padding-top: 25px;
     padding-bottom: 27px;
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .footer-area .footer-content p {
         padding-right: 20px;
     }
 }

 .footer-area .footer-content ul li {
     display: inline-block;
 }

 .footer-area .footer-content ul li a {
     height: 38px;
     width: 38px;
     text-align: center;
     line-height: 38px;
     border-right: 50%;
     border: 1px solid #7a7f85;
     color: #7a7f85;
     border-radius: 50%;
     position: relative;
     z-index: 10;
     margin-right: 13px;
 }

 .footer-area .footer-content ul li a::before {
     position: absolute;
     content: '';
     left: -1px;
     top: -1px;
     height: 105%;
     width: 105%;
     border-radius: 50%;
     transform: scale(0);
     z-index: -1;
 }

 .footer-area .footer-content ul li a:hover {
     color: #fff;
 }

 .footer-area .footer-content ul li a:hover::before {
     transform: scale(1);
 }

 .footer-area .footer-list .title {
     color: #fff;
     font-size: 24px;
     padding-bottom: 14px;
     padding-top: 14px;
 }

 .footer-area .footer-list ul li a {
     color: #fff;
     font-size: 15px;
     line-height: 36px;
     opacity: .5;
 }

 .footer-area .footer-list ul li a:hover {
     color: #d1651a;
     opacity: 1;
 }

 .footer-area .footer-list.item-2 {
     padding-left: 0;
 }

 .footer-area .footer-instagram .title {
     color: #fff;
     font-size: 24px;
     padding-bottom: 14px;
     padding-top: 14px;
 }

 .footer-area .footer-instagram ul {
     display: flex;
 }

 .footer-area .footer-instagram ul li {
     margin-top: 13px;
     margin-right: 13px;
 }

 .footer-area .footer-instagram ul li a img {
     width: 100%;
 }

 .footer-area .footer-copyright {
     border-top: 1px solid #ddd;
 }

 .footer-area .footer-copyright .footer-copyright-item {
     padding: 10px 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .footer-area .footer-copyright .footer-copyright-item {
     font-size: 11px !important;
 }

 @media (max-width:767px) {
     .footer-area .footer-copyright .footer-copyright-item {
         display: block;
         text-align: center;
     }
 }

 .footer-area .footer-copyright .footer-copyright-item p {
     color: #fff;
     opacity: .4;
 }

 @media (max-width:767px) {
     .footer-area .footer-copyright .footer-copyright-item p {
         padding-bottom: 20px;
     }
 }

 .footer-area .footer-copyright .footer-copyright-item ul li {
     display: inline-block;
 }

 .footer-area .footer-copyright .footer-copyright-item ul li a {
     padding-left: 12px;
     margin-left: 12px;
     color: #fff;
     opacity: .4;
     border-left: 1px solid #7a7f85;
     line-height: 20px;
 }

 @media only screen and (min-width:768px) and (max-width:991px) {
     .footer-area .footer-copyright .footer-copyright-item ul li a {
         margin-left: 8px;
         padding-left: 8px;
     }
 }

 @media (max-width:767px) {
     .footer-area .footer-copyright .footer-copyright-item ul li a {
         margin: 0;
         padding: 0 8px;
     }
 }

 .footer-area .footer-copyright .footer-copyright-item ul li a:hover {
     color: #d1651a;
     opacity: 1;
 }

 .footer-area .footer-copyright .footer-copyright-item ul li:first-child a {
     padding-left: 0;
     margin-left: 0;
     border-left: 0;
 }

 .floatingBnr {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 9;
 }

 .block-front-footer-menu ul {
     display: flex;
     gap: 20px;
     justify-content: center;
     padding: 20px 0;
 }

 @media screen and (max-width:450px) {
     .block-front-footer-menu ul {
         display: block;
     }

     .block-front-footer-menu ul li:not(:last-child) {
         margin-bottom: 10px
     }
 }

 .go-top-area {
     position: relative;
     z-index: 999;
 }

 .go-top-area .go-top {
     position: fixed;
     cursor: pointer;
     top: 0;
     right: 30px;
     z-index: 9999;
     width: 45px;
     text-align: center;
     height: 45px;
     line-height: 42px;
     opacity: 0;
     visibility: hidden;
     border-radius: 10px;
 }

 .go-top-area .go-top:before {
     display: block;
     content: "";
     border-top: solid 4px #ccc;
     border-left: solid 4px #ccc;
     width: 18px;
     height: 18px;
     transform: rotate(45deg);
     margin-left: auto;
     margin-right: auto;
     position: fixed;
     bottom: 20px;
     right: 15px;
 }

 .go-top-area .go-top.active {
     opacity: 1;
     visibility: visible;
 }

 .go-top-wrap {
     position: relative;
 }

 .go-top-wrap .go-top-btn:hover {
     opacity: 0.7;
 }

 #content_area_right .ttl h2 {
     font-size: 16px;
     color: #000;
     font-weight: 700;
     margin-bottom: 15px;
 }

 #content_fix2 {
     position: fixed;
     bottom: -40px;
     width: 100%;
     z-index: 2;
     background: #fafafa;
     padding: 10px 25px 50px 25px;
     left: 0;
     right: 0;
 }

 .fixed-title {
     font-size: 15px;
     font-weight: 700;
     color: #232323;
 }

 .fixed-text {
     font-size: 12px;
     font-weight: 400;
     color: #565656;
     text-align: left;
 }

 .btn-register-l {
     display: block;
     width: 228px;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     border: 1px solid #38ada9;
     background-color: #38ada9;
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     padding: 0px;
 }

 .btn-register-l:hover {
     background: #2d9a96;
     color: #fff;
 }

 .btn.btn-register {
     display: block;
     max-width: 228px;
     width: 100%;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     background: linear-gradient(#fd8331, #f60);
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     padding: 0px;
 }

 .btn.btn-register:hover {
     opacity: 0.8;
 }

 .views-exposed-form .form-submit {
     display: block;
     width: 100%;
     height: 40px;
     margin: 0 auto;
     line-height: 40px;
     background: #38ada9;
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     border: none;
 }

 .views-exposed-form .form-submit:hover {
     background: #2d9a96;
 }

 .views-exposed-form .js-form-item {
     margin-bottom: 15px;
 }

 .views-exposed-form .js-form-item label {
     font-weight: 700;
     color: #232323;
 }

 .col.content_area_center .views-exposed-form {
     margin-bottom: 25px;
     padding: 15px;
     background: #fff;
     border-radius: 10px;
 }

 .feed-icon {
     display: none;
 }

 .block-right-seeker-side-menu ul li a {
     display: block;
     padding: 10px 15px;
     border-bottom: 1px solid #ddd;
 }

 .block-right-seeker-side-menu ul li:last-child a {
     border-bottom: none;
 }

 .block-right-seeker-side-menu ul li a:hover {
     background: #007bff;
     color: #fff;
 }

 .path-entry .messages.messages--status {
     display: none;
 }

 .node--type-entry.entry-details .field--name-field-etr-job.field--type-entity-reference {
     width: 100%;
 }

 .node--type-entry.entry-details .field--name-field-etr-job.field--type-entity-reference .field__item {
     padding-right: 0;
 }

 .column-grid-img {
     width: 15%;
 }

 .column-grid-title {
     width: 83%;
 }

 .modal.show {
     margin-top: 20px;
 }

 .modal.show .login-form-page {
     max-width: 600px;
 }

 .modal.show .login-form-page .col-md-5 {
     display: none;
 }

 .modal.show .login-form-page .col-md-7 {
     flex: 100%;
     max-width: 100% !important;
 }

 @media (max-width:767px) {
     .column-grid-img {
         width: 35%;
     }

     .column-grid-title {
         width: 63%;
     }

     .column-grid-title .columnteaser {
         display: none;
     }
 }

 body {
     overflow-x: hidden;
     overflow-y: visible;
 }

 .pager {
     text-align: center;
     margin-top: 20px;
 }

 .pager ul.pager__items {
     display: inline-block;
     margin: 0 0 30px;
     padding: 0;
 }

 .pager ul.pager__items>li {
     list-style-type: none;
     float: left;
     margin-right: 10px;
 }

 .pager ul.pager__items>li a {
     border: 1px solid #dee2e6;
     font-weight: 400;
     display: inline-block;
     line-height: 34px;
     margin: 0 1px;
     text-align: center;
     margin-right: 10px;
     padding: 0 15px;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     text-transform: uppercase;
     background: #fff;
     font-size: 14px;
 }

 .pager ul.pager__items>li a:last-child {
     margin-right: 0;
 }

 .pager ul.pager__items>li a:hover {
     background: #E62B4A;
     color: #fff;
     border-color: #E62B4A;
 }

 .pager ul.pager__items>li a:hover:after {
     color: #fff;
 }

 .pager ul.pager__items>li.pager__item--next {
     font-size: 12px;
 }

 .pager ul.pager__items>li.pager__item--last {
     font-size: 12px;
 }

 .pager ul.pager__items>li.is-active a {
     background: #E62B4A;
     color: #fff;
     border-color: #E62B4A;
 }

 .pager ul.pager__items>li.is-active a:after {
     color: #fff;
 }

 .banner-area {
     margin-top: -2px;
 }

 .footer-area .footer-copyright .footer-copyright-item p {
     margin-left: -200px;
 }

 .tag-item ul li a div:first-child {
     display: none
 }

 .companyList {
     width: 100%;
     line-height: 1.533333333;
     table-layout: fixed;
 }

 .listProfile>li {
     background: linear-gradient(to right, #38ada9, #38ada9 200px, #ddd 200px, #ddd);
     background-position: top left;
     background-size: 100% 1px;
     background-repeat: no-repeat;
 }

 .companyList>li {
     display: flex;
 }

 .companyList li>.listHead {
     vertical-align: top;
     flex-shrink: 0;
 }

 .listProfile .listHead {
     width: 200px;
 }

 .companyList li>.listHead .inner {
     padding: 20px 0 16px 4px;
     font-weight: bold;
 }

 .companyList .listBody {
     width: 100%;
     padding: 19px 0 16px 48px;
 }

 @media screen and (min-width:768px) {
     .companyList li br.sp {
         display: none;
     }
 }

 @media screen and (max-width:767px) {
     .listProfile>li {
         background: linear-gradient(to right, #38ada9, #38ada9 114px, #ddd 114px, #ddd);
         background-position: top left;
         background-size: 100% 1px;
         background-repeat: no-repeat;
     }

     .listProfile li>.listHead {
         width: 114px;
     }

     .companyList li>.listHead {
         vertical-align: top;
     }

     .companyList li>.listHead .inner {
         padding: 10px 0 12px 32px;
         text-indent: -21px;
         font-weight: bold;
         position: relative;
     }

     .companyList .listBody {
         padding: 14px 0 12px 19px;
     }
 }

 .terms,
 .privacy {
     height: auto;
     white-space: pre-wrap;
 }

 #user-register-form,
 #custom-register-form,
 .login-form-page {
     max-width: 900PX;
     margin-left: auto;
     margin-right: auto;
     background: #fff;
     padding: 25px;
     border-radius: 5px;
 }

 #custom-register-form legend {
     display: none;
 }

 .login-form-text {
     font-size: 12px;
     color: #232323;
 }

 .block-front-register-messagebox {
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
 }

 #custom-register-form #edit-account {
     margin-bottom: 30px;
 }

 form .description {
     font-size: 12px;
     margin-top: 10px;
     margin-bottom: 15px;
 }

 .registtextbg {
     padding: 15px;
     border-radius: 5px;
     background: #fcf0db;
 }

 #user-pass {
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
     padding: 20px 25px;
     border-radius: 10px;
     background: #fff;
 }

 .page-user-login,
 .page-user-register,
 .page-user-pass {
     position: relative;
 }

 .page-user-login .bg,
 .page-user-register .bg,
 .page-user-pass .bg {
     background: #152C49;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 9;
 }

 .page-user-login input,
 .page-user-register input,
 .page-user-pass input {
     max-width: 100%;
 }

 .page-user-login .main-page,
 .page-user-register .main-page,
 .page-user-pass .main-page {
     padding: 10px 30px 30px;
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
     max-width: 550px;
     background: #fff;
     border: 8px solid rgba(255, 255, 255, 0.8);
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
     margin: 50px auto 0;
     position: relative;
     z-index: 99;
 }

 @media (max-width:767.98px) {

     .page-user-login .main-page,
     .page-user-register .main-page,
     .page-user-pass .main-page {
         margin-top: 35px;
     }
 }

 .page-user-login .branding,
 .page-user-register .branding,
 .page-user-pass .branding {
     margin-bottom: 20px;
 }

 .page-user-login .container,
 .page-user-register .container,
 .page-user-pass .container {
     padding: 0;
 }

 .page-user-login .nav-tabs,
 .page-user-register .nav-tabs,
 .page-user-pass .nav-tabs {
     margin-bottom: 20px;
 }

 .page-user-login .nav-tabs>li>a,
 .page-user-register .nav-tabs>li>a,
 .page-user-pass .nav-tabs>li>a {
     padding: 8px 20px 0 0 !important;
 }

 .drupal-tabs {
     display: -webkit-box;
     border-bottom: 1px solid #dee2e6;
     padding: 10px 0;
     margin-bottom: 25px;
     list-style: none !important;
 }

 .drupal-tabs li {
     list-style: inherit;
 }

 .drupal-tabs li a {
     padding: 8px 20px 0 0 !important;
     font-weight: 700;
     color: #000;
     padding: 8px 18px;
     border: none;
     font-size: 13px;
     text-transform: uppercase;
     background: none;
 }

 .drupal-tabs .is-active a {
     color: #E62B4A;
 }

 .user-login-form input[type="submit"],
 .user-register-form input[type="submit"],
 .user-pass input[type="submit"] {
     display: block;
     width: 228px;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     border: 1px solid #38ada9;
     background-color: #38ada9;
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     padding: 0px;
     z-index: 5;
 }

 .user-login-form input[type="submit"]:hover,
 .user-register-form input[type="submit"]:hover,
 .user-pass input[type="submit"]:hover {
     background: #2d9a96;
 }

 .user-login-form .form-item,
 .user-register-form .form-item,
 .user-form .form-item,
 .user-pass .form-item {
     margin-bottom: 15px;
 }

 #user-login-form .form-item label,
 #user-register-form .form-item label,
 #user-pass .form-item label {
     width: 100%;
     font-weight: 700;
     text-transform: uppercase;
     color: #000;
     margin-bottom: 0;
 }

 #user-login-form .form-item input {
     width: 100%;
 }

 #user-login-form ul {
     width: 100%;
     padding: 10px 0 30px;
 }

 #user-login-form ul>li {
     width: 49%;
     float: left;
     text-align: center;
 }

 #user-login-form ul>li:first-child {
     margin-right: 2%;
 }

 #user-login-form ul>li a {
     width: 100%;
     display: inline-block;
     float: none;
     font-size: 11px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 5px;
 }

 #user-login ul {
     margin: 0 0 5px;
 }

 #user-login ul li {
     margin: 0;
 }

 #user-login li.openid-link {
     background: none;
 }

 form summary {
     background: #0a59db;
     color: #fff;
     padding: 4px 15px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .body-page input[type="text"],
 .body-page input[type="tel"],
 .body-page input[type="password"],
 .body-page input[type="email"],
 .body-page textarea,
 .body-page select {
     background-color: #fff;
     -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;
     border: 1px solid #dee2e6;
     padding: 5px 10px;
 }

 .body-page input[type="text"]:focus,
 .body-page input[type="text"]:active,
 .body-page input[type="text"]:hover,
 .body-page input[type="tel"]:focus,
 .body-page input[type="tel"]:active,
 .body-page input[type="tel"]:hover,
 .body-page input[type="password"]:focus,
 .body-page input[type="password"]:active,
 .body-page input[type="password"]:hover,
 .body-page input[type="email"]:focus,
 .body-page input[type="email"]:active,
 .body-page input[type="email"]:hover,
 .body-page textarea:focus,
 .body-page textarea:active,
 .body-page textarea:hover,
 .body-page select:focus,
 .body-page select:active,
 .body-page select:hover {
     outline: none;
 }

 .user-login-btn {
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
 }

 .user-login-warp {
     margin-top: 65px;
 }

 .user-login-warp .login-form-page+ul {
     display: none;
 }

 .user-login-btn .close {
     display: block;
     position: relative;
     right: 0;
     font-size: 0;
     width: 60px;
     height: 60px;
 }

 .user-login-btn .close:before {
     content: "";
     position: absolute;
     background: #fff;
     right: 25px;
     top: 50%;
     width: 2px;
     height: 60px;
     transform: translate(-50%, -50%) rotateZ(45deg);
 }

 .user-login-btn .close:after {
     content: "";
     position: absolute;
     background: #fff;
     right: 25px;
     top: 50%;
     width: 2px;
     height: 60px;
     transform: translate(-50%, -50%) rotateZ(-45deg);
 }

 .profile .field {
     padding-top: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #ccc;
 }

 .field-in .field {
     display: inline-block;
     padding: 0px;
     border: none;
 }

 .profile .field.field--label-inline .field__label {
     width: 20%;
 }

 @media (max-width:767.98px) {
     .profile .field.field--label-inline .field__label {
         width: 100%;
     }

     .mypagegrid .titlebox h4 {
         position: relative;
         text-align: center;
         font-weight: 700;
         margin-bottom: 15px;
     }
 }

 body.page-node-type-entry .job-details-item-link {
     display: none;
 }

 .entry_details_item_table {
     display: table;
     width: 100%;
     table-layout: fixed;
     background: #fff;
     padding: 20px;
     border-radius: 5px;
 }

 .entry_details_item_table .field {
     width: 100%;
     display: table;
     table-layout: fixed;
     border-bottom: 1px solid #ccc;
 }

 .entry_details_item_table div.field__label {
     display: table-cell;
     float: none;
     width: 200px;
     padding: 10px;
 }

 .entry_details_item_table div.field__item {
     display: table-cell;
     float: none;
     width: 70%;
     padding: 10px;
 }

 .entry_details_item_table div.field__items {
     display: table-cell;
     float: none;
     width: 70%;
     padding: 20px;
 }

 .entry_details_item_table div.field__items div.field__item {
     display: table-cell;
     float: none;
     width: auto;
     padding: 10px;
 }

 .notification-list ul {
     overflow: hidden;
     overflow-y: scroll;
     background: #fff;
     border: 1px solid #B4B4B4;
     border-radius: 5px;
     height: 150px;
     margin-bottom: 10px;
 }

 .notification-list ul>li {
     padding: 10px;
     border-bottom: solid 1px #B4B4B4;
 }

 .notification-list ul>li .views-field-changed,
 .notification-list ul>li .views-field-category {
     display: inline;
     margin-right: 10px;
 }

 .notification-list ul>li .views-field-category span {
     display: inline-block;
     background: #beddff;
     color: #333;
     font-size: 10px;
     border-radius: 2px;
     padding: 0 5px;
     margin-right: 5px;
     text-align: center;
     min-width: 46px;
 }

 .mypagegrid {
     height: 100%;
 }

 .mypagegrid a {
     background: #fff;
     height: 100%;
     width: 100%;
     overflow: auto;
     border-radius: 5px;
     padding: 10px;
 }

 .mypagegrid a:hover {
     background: #fafafa;
 }

 .mypagegrid .rows {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-items: center;
 }

 .mypagegrid .rows .iconbox {
     background: #f3f3f3;
     margin-right: 20px;
     text-align: center;
     border: solid 1px #f3f3f3;
     border-radius: 50%;
 }

 .mypagegrid .rows .iconbox svg {
     padding: 8px;
     width: 35px !important;
     height: 35px !important;
     vertical-align: middle;
 }

 .mypagegrid .rows .titlebox h4 span {
     display: block;
     width: 100%;
     font-size: 14px;
 }

 .mypagegrid p {
     font-size: 12px;
     padding-left: 0px;
 }

 .mypagegrid.top .titlebox p {
     display: none;
 }

 .mypagegrid.top .mypage-desc {
     clear: both;
     display: block;
 }

 form.profile-seeker-profile-edit-form .form-wrapper {
     margin-bottom: 1rem;
 }

 form.profile-seeker-profile-edit-form fieldset legend span.fieldset-legend {
     font-size: 14px;
 }

 form.profile-seeker-profile-edit-form .form-checkboxes {
     display: flex;
 }

 form.profile-seeker-profile-edit-form .form-checkboxes .form-item.js-form-type-checkbox {
     margin-right: 15px;
     width: 50%;
 }

 #edit-field-skp-last-name-wrapper,
 #edit-field-skp-first-name-wrapper,
 #edit-field-skp-last-name-kana-wrapper,
 #edit-field-skp-first-name-kana-wrapper,
 #edit-field-skp-prefecture-wrapper,
 #edit-field-skp-city-wrapper {
     width: 48%;
     float: left;
 }

 #edit-field-skp-last-name-wrapper,
 #edit-field-skp-last-name-kana-wrapper,
 #edit-field-skp-prefecture-wrapper {
     margin-right: 5px;
 }

 #edit-field-skp-gender-wrapper {
     width: 90px;
 }

 #edit-field-skp-birth-wrapper,
 #edit-field-skp-postal-code-wrapper {
     width: 160px;
 }

 form.profile-seeker-profile-edit-form .form-checkboxes {
     flex-wrap: wrap;
     gap: 15px;
 }

 .field--name-field-skp-license .form-checkboxes label {
     display: inline;
 }

 form.profile-seeker-profile-edit-form .form-checkboxes .form-item.js-form-type-checkbox {
     width: calc(100% / 3 - 30px);
 }

 @media screen and (max-width:767px) {
     form.profile-seeker-profile-edit-form .form-checkboxes .form-item.js-form-type-checkbox {
         width: 100%;
     }
 }

 form.custom-register-form .field--name-field-skp-license fieldset legend {
     display: block !important;
 }

 form.custom-register-form .field--name-field-skp-license fieldset legend span.fieldset-legend {
     font-size: 14px;
 }

 form.custom-register-form .form-checkboxes {
     display: flex;
 }

 form.custom-register-form .form-checkboxes .form-item.js-form-type-checkbox {
     margin-right: 15px;
     width: 50%;
 }

 #edit-entity-seeker-profile-field-skp-last-name-wrapper,
 #edit-entity-seeker-profile-field-skp-first-name-wrapper,
 #edit-entity-seeker-profile-field-skp-last-name-kana-wrapper,
 #edit-entity-seeker-profile-field-skp-first-name-kana-wrapper,
 #edit-entity-seeker-profile-field-skp-prefecture-wrapper,
 #edit-entity-seeker-profile-field-skp-city-wrapper {
     width: 48%;
     float: left;
 }

 #edit-entity-seeker-profile-field-skp-last-name-wrapper,
 #edit-entity-seeker-profile-field-skp-last-name-kana-wrapper,
 #edit-entity-seeker-profile-field-skp-prefecture-wrapper {
     margin-right: 5px;
 }

 #edit-entity-seeker-profile-field-skp-gender {
     width: 90px;
 }

 #edit-entity-seeker-profile-field-skp-birth-0-value-date,
 #edit-entity-seeker-profile-field-skp-postal-code-0-value {
     width: 160px;
 }

 form.custom-register-form .form-checkboxes {
     flex-wrap: wrap;
     gap: 15px;
 }

 form.custom-register-form .form-checkboxes label {
     display: inline;
 }

 form.custom-register-form .form-checkboxes .form-item.js-form-type-checkbox {
     width: calc(100% / 3 - 30px);
 }

 @media screen and (max-width:767px) {
     form.custom-register-form .form-checkboxes .form-item.js-form-type-checkbox {
         width: 100%;
         margin-bottom: 0;
     }
 }

 .my-scout.views-row {
     background: #fff;
     padding: 15px;
     border-radius: 5px;
     margin-bottom: 20px;
 }

 .my-scout.views-row .views-field-field-cop-name {
     font-weight: bold;
     font-size: 1.2em;
     margin-bottom: 10px;
 }

 .my-scout.views-row .views-field-view-node {
     text-align: center;
 }

 .my-scout.views-row .views-field-view-node a {
     display: block;
     width: 228px;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     border: 1px solid #38ada9;
     background-color: #38ada9;
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     padding: 0px;
 }

 .content_area_left h2,
 .content_area_right h2 {
     font-size: 16px;
     margin-bottom: 10px;
 }

 .special-side {
     background: #fff;
     padding: 10px;
     padding-top: 0;
 }

 .special-side img {
     max-width: 50px;
     height: 50px;
     object-fit: cover;
 }

 .special-side .row {
     display: flex;
     flex-wrap: nowrap;
     gap: 10px;
     margin: 0 auto;
 }

 .special-side .views-row:not(:last-child) {
     margin-bottom: 25px;
 }

 .special-side .col-left {
     width: 50px;
     height: 50px;
     margin-top: 0;
 }

 .special-side .col-right {
     font-size: 12px;
     line-height: 1.5;
     padding: 0;
     width: auto;
 }

 .special-side .col-right .special_ttl {
     margin-bottom: 2px;
 }

 .special-side .col-right p {
     font-size: 12px;
     line-height: 110%;
 }

 .occupation-side {
     background: #fff;
     padding: 10px;
     padding-top: 0;
 }

 .occupation-side img {
     max-width: 50px;
     height: 50px;
     object-fit: cover;
 }

 .occupation-side .row {
     display: flex;
     flex-wrap: nowrap;
     gap: 10px;
     margin: 0 auto;
 }

 .occupation-side .views-row:not(:last-child) {
     margin-bottom: 25px;
 }

 .occupation-side .col-left {
     width: 50px;
     height: 50px;
     margin-top: 0;
 }

 .occupation-side .col-right {
     font-size: 12px;
     line-height: 1.5;
     padding: 0;
     width: auto;
 }

 .occupation-side .col-right .occupationl_ttl {
     margin-bottom: 2px;
 }

 .occupation-side .col-right p {
     font-size: 12px;
     line-height: 110%;
 }

 .news-block ul li {
     font-size: 12px;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px dotted #ddd;
 }

 @media screen and (max-width:991px) {
     .occupation-side .row {
         gap: 15px;
     }
 }

 @media (min-width:992px) {
     .container {
         max-width: 1200px
     }
 }

 @media (min-width:1200px) {
     .container {
         max-width: 1200px
     }
 }

 textarea,
 input[type="text"],
 input[type="email"],
 input[type="date"],
 input[type="tel"],
 input[type="url"],
 input[type="password"] {
     display: block;
     width: 100%;
     padding: 0.47rem 0.75rem;
     font-size: .8125rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 0.25rem;
     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
 }

 .registflow {
     max-width: 500px;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .form-required:after {
     display: inline-block;
     content: "必須";
     font-size: 11px;
     font-weight: 700;
     color: #fff;
     margin-left: 15px;
     background: red;
     padding: 0px 10px;
     border-radius: 5px;
     height: 20px;
     line-height: 20px;
 }

 .flow {
     height: 40px;
     width: 31%;
     background-color: #f3f3f3;
     border-radius: 30px;
     margin-right: 3%;
     position: relative;
     text-align: center;
     line-height: 40px;
     float: left;
 }

 .flow:last-child {
     margin-right: 0;
 }

 .flow:before {
     border-top: 2px solid #f3f3f3;
     content: "";
     top: 20px;
     left: 100%;
     display: block;
     position: absolute;
     width: 50%;
 }

 .button--primary {
     display: block;
     width: 228px;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     border: 1px solid #38ada9;
     background-color: #38ada9;
     border-radius: 8px;
     color: #fff;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     padding: 0px;
 }

 .button--secondary {
     display: block;
     width: 228px;
     height: 50px;
     margin: 0 auto;
     line-height: 50px;
     border: 1px solid #f3f3f3;
     background-color: #f3f3f3;
     border-radius: 8px;
     color: #777;
     font-size: 100%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     margin-top: 10px;
 }

 .link.tabledrag-toggle-weight {
     display: none;
 }

 .form-email {
     margin-top: 0.25rem;
 }

 form {
     max-width: 900px;
 }

 form#node-entry-form {
     margin-left: auto;
     margin-right: auto;
     background: #fff;
     padding: 15px;
     border-radius: 5px;
     margin-top: 15px;
 }

 form#node-entry-form #edit-preview {
     display: none;
 }

 form#node-entry-form legend {
     font-size: 16px;
     font-weight: 700;
     color: #232323;
 }

 fieldset {
     margin-top: 15px;
     margin-bottom: 25px;
 }

 .form-select {
     display: block;
     width: 100%;
     padding: 0.47rem 1.75rem 0.47rem 0.75rem;
     -moz-padding-start: calc(.75rem - 3px);
     font-size: .8125rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-repeat: no-repeat;
     background-position: right 0.75rem center;
     background-size: 16px 12px;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .field--type-datetime h4 {
     font-size: 13px;
     font-weight: normal;
     margin-bottom: 0.5rem;
 }

 .entryjob .job-list-title a {
     font-size: 13px;
 }

 #node-entry-form .profile--type--seeker-profile.profile--is-default.profile--view-mode--for-entry,
 #node-entry-form .profile--type--skill.profile--is-default.profile--view-mode--for-entry {
     margin-bottom: 50px;
     padding: 20px;
     border: 1px solid #ccc;
     border-radius: 10px;
 }

 .path-reg-entry .ttl_form .fieldset-legend {
     font-size: 20px;
 }

 .path-reg-entry .ttl_form .fieldset-wrapper .form-wrapper {
     margin-bottom: 20px;
 }

 .path-reg-entry .ttl_form .fieldset-wrapper .form-wrapper label {
     font-weight: bold;
 }

 .webform-submission-form,
 .webform-confirmation {
     max-width: 900PX;
     margin-left: auto;
     margin-right: auto;
     background: #fff;
     padding: 25px;
     border-radius: 5px;
 }

 .progress-tracker {
     margin: 30px auto;
 }

 .progress-marker::after {
     z-index: 1;
 }

 .webform-submission-form .form-item {
     margin-bottom: 15px;
 }

 .webform-submission-form .webform-preview .form-item {
     margin-bottom: 0 !important;
     border: 1px solid #f3f3f3;
 }

 .webform-element label {
     width: 20%;
     padding: 10px;
     margin-right: 10px;
     background: #f3f3f3;
     margin-bottom: 0;
 }

 .button--secondary.preview-btn {
     margin-bottom: 10px !important;
 }

 .button--secondary.reset-btn {
     margin-top: 10px !important;
 }

 .webform-preview+.webform-elements>.form-actions .reset-btn {
     display: none;
 }

 .entry.comment-only .align-items-center.row {
     display: block;
 }

 .node--view-mode-comment-only .form-title,
 .entry.comment-only .form-title {
     display: none;
 }

 .node--view-mode-comment-only .node__meta {
     display: none;
 }

 .node--view-mode-comment-only>h2 {
     display: none;
 }

 .entry-details.entry.comment-only .links.inline {
     display: none;
 }

 form.comment-form #edit-preview {
     display: none;
 }

 .item article {
     display: none;
 }

 .field--name-comment-body .form-wrapper {
     font-size: 12px;
     color: #999;
 }

 form.comment-comment-messsage-form,
 .field--name-field-etr-message {
     padding: 20px;
     background: #efebec;
 }

 .comment-form input[type="text"] {
     width: 100%;
     height: 40px;
     padding-left: 20px;
     border: 1px solid #ebebeb;
     color: #565872;
 }

 .comment-form label {
     margin-top: 10px;
     margin-bottom: 10px;
     display: none;
 }

 .comment-form textarea {
     display: inline-block;
     width: 100%;
     padding-left: 10px;
     border: 1px solid #ebebeb;
     padding-top: 8px;
     resize: none;
     color: #565872;
 }

 .comment-form .field--name-field-comment-body {
     width: calc(100% - 105px);
     display: inline-block;
 }

 .comment-form .form-actions {
     display: inline-block;
     vertical-align: top;
     position: relative;
 }

 .comment-form .form-actions:after {
     font-family: "FontAwesome";
     content: '\f1d8';
     font-size: 16px;
     font-weight: 400;
     position: absolute;
     color: #fff;
     right: 45%;
     top: 5px;
     pointer-events: none;
 }

 .comment-form input[type=submit] {
     display: inline-block;
     height: 35px;
     width: 100px;
     line-height: 1;
     border-radius: 5px;
     font-size: 0;
 }

 #contact-message-feedback-form input[type=submit] {
     display: inline-block;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
     white-space: nowrap;
     vertical-align: middle;
     border: 0;
     padding: 0 28px;
     font-size: 15px;
     line-height: 60px;
     border-radius: 5px;
     color: #fff;
     cursor: pointer;
     z-index: 5;
     border: 0;
     overflow: hidden;
     background-position: center;
     background: -webkit-linear-gradient(left, rgba(209, 101, 26, 1) 0%, rgba(193, 40, 42, 1) 50%, rgba(209, 101, 26, 1) 100%);
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto;
     background-size: 200% auto;
     margin-top: 10px;
 }

 #contact-message-feedback-form input[type="text"],
 #contact-message-feedback-form input[type="email"] {
     width: 100%;
     border: 1px solid #d7d7d7;
     background-color: transparent;
     padding-left: 20px;
     height: 50px;
     color: #565872;
 }

 #contact-message-feedback-form textarea {
     width: 100%;
     height: 260px;
     background-color: transparent;
     border: 1px solid #d7d7d7;
     resize: none;
     padding-left: 20px;
     padding-top: 15px;
     color: #565872;
 }

 #contact-message-feedback-form label {
     margin-bottom: 10px;
     margin-top: 10px;
 }

 @media (max-width:767px) {
     .hidden-xs {
         display: none;
     }
 }

 .entry-details.entry.comment-only {
     background: #fff;
     padding-top: 0px;
     padding-bottom: 0;
 }

 .entry-details.entry.comment-only .item {
     padding-top: 20px;
 }

 .message {
     margin: 20px;
 }

 .message ul {
     padding: 0;
     list-style: none;
 }

 .message .links.inline {
     display: block;
 }

 .message ul.message-info {
     font-size: 10px;
     color: #999;
     margin-bottom: 5px;
 }

 .message .field--name-field-comment-body {
     position: relative;
     display: inline-block;
     font-size: 14px;
     background: #E9ECFD;
     padding: 17px 13px 15px 18px;
     border-radius: 10px;
     line-height: 1;
 }

 .item .message:not(.by-viewer) .field--name-field-comment-body:after {
     content: '';
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     left: -12px;
     top: 0px;
     border-right: 20px solid #E9ECFD;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     transform: rotate(45deg);
 }

 .message .field--name-field-comment-body p {
     text-align: left;
     white-space: pre-wrap;
     word-wrap: break-word;
 }

 .item .message.by-viewer {
     text-align: right;
 }

 .item .message.by-viewer .field--name-field-comment-body {
     color: #fff;
     background: #007bff;
 }

 .item .message.by-viewer .field--name-field-comment-body:after {
     content: '';
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     right: -10px;
     top: 0px;
     border-left: 20px solid #007bff;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     transform: rotate(-45deg);
 }

 * {
     box-sizing: border-box
 }

 .path-register-tech button.navbar-toggler {
     display: none;
 }

 .path-register-tech a.navbar-brand {
     pointer-events: none;
 }

 .path-register-tech .navigation {
     margin-top: 9px;
 }

 body:not(.user-logged-in) #spmenu {
     display: none;
 }

 #header.UpMove_test {
     position: fixed;
     height: 80px;
     width: 100%;
     z-index: 5;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-align: center;
 }

 #header.UpMove1 {
     animation: UpAnime 0.5s forwards;
 }

 @keyframes UpAnime {
     from {
         opacity: 1;
         transform: translateY(0);
     }

     to {
         opacity: 0;
         transform: translateY(-100px);
     }
 }

 #header.DownMove1 {
     animation: DownAnime 0.5s forwards;
 }

 @keyframes DownAnime {
     from {
         opacity: 0;
         transform: translateY(-100px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .navigation {
     position: initial !important;
 }

 .header-area.DownMove .navigation.sticky {
     position: fixed !important;
 }

 .header-area.UpMove .navigation.sticky {
     animation: UpAnime 0.5s forwards;
 }

 @keyframes UpAnime {
     from {
         opacity: 1;
         transform: translateY(0);
     }

     to {
         opacity: 0;
         transform: translateY(-100px);
     }
 }

 .header-area.DownMove .navigation.sticky {
     animation: DownAnime 0.5s forwards;
 }

 @keyframes DownAnime {
     from {
         opacity: 0;
         transform: translateY(-100px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 a {
     color: #0095D8;
 }

 a:hover {
     color: #0072A6;
 }

 p {
     font-size: 16px;
     color: #272D30;
     line-height: 180%;
 }

 #content_bottom h2 {
     font-weight: 500;
 }

 #content_area_right .ttl h2 {
     font-size: 16px;
     color: #272D30;
     font-weight: 500;
     margin-bottom: 20px;
     line-height: 150%;
 }

 .go-top-area .go-top {
     bottom: 80px;
     right: 0px;
     width: 48px;
     height: 48px;
     top: initial;
 }

 .go-top-area .go-top::before {
     background: url(/corp/service/tech/img/pagetop.svg) no-repeat;
     background-size: 48px;
     right: 0px;
     bottom: 0;
     width: 48px;
     height: 48px;
     transform: none;
     border: none;
     position: relative;
 }

 .go-top-area .go-top:hover::before {
     background: url(/corp/service/tech/img/pagetop_hover.svg) no-repeat;
     opacity: 1;
 }

 .go-top-wrap .go-top-btn:hover {
     opacity: 1 !important;
 }

 textarea,
 input[type="text"],
 input[type="email"],
 input[type="date"],
 input[type="tel"],
 input[type="url"],
 input[type="password"] {
     font-size: 14px;
     line-height: 100%;
     color: #272B30;
 }

 ::placeholder {
     color: #B3B9BD;
 }

 input[type="checkbox"] {
     display: inline-block !important;
     z-index: -9999;
     opacity: 0;
     margin-right: 0 !important;
     width: 0px;
 }

 input[type="checkbox"]+label:hover::before {
     background-color: #fff;
 }

 input[type="checkbox"]+label::before {
     width: 16px;
     height: 16px;
     font-size: 12px !important;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     font-family: FontAwesome;
     content: "";
     color: transparent;
     padding: 0;
     font-weight: 400;
     background: #fff;
     border: 1px solid #D3DADD;
     margin: -2px 10px 0 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     transition: .1s;
 }

 input[type="checkbox"]+label:hover::before {
     background: #E5E9EB;
 }

 input[type="checkbox"]:checked+label::before {
     content: "";
     color: #fff;
     line-height: 16px;
     text-indent: 0.1em;
     font-weight: 400;
     border: 1px solid #0095D8;
     background: #0095D8;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-image: url(/corp/service/tech/img/check.svg);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700;
     color: #272D30;
     margin: 0px;
     margin-bottom: 0px;
 }

 @font-face {
     font-family: "NotoSansJP";
     font-weight: 400;
     font-display: swap;
     src: url(/corp/service/tech/fonts/NotoSansJP-Regular.woff2) format("woff2");
 }

 @font-face {
     font-family: "NotoSansJP";
     font-weight: 500;
     font-display: swap;
     src: url(/corp/service/tech/fonts/NotoSansJP-Medium.woff2) format("woff2");
 }

 @font-face {
     font-family: "NotoSansJP";
     font-weight: 700;
     font-display: swap;
     src: url(/corp/service/tech/fonts/NotoSansJP-Bold.woff2) format("woff2");
 }

 .maincontent {
     padding-top: 0px;
 }

 .ui-widget,
 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
     font-family: Arial, 'NotoSansJP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
 }

 body {
     font-family: Arial, 'NotoSansJP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
     word-break: break-all;
     background: #F0F2F5;
     color: #272B30;
 }

 .navigation.sticky .navbar {
     max-width: 1165px;
     margin-left: auto;
     margin-right: auto;
 }

 .navbar-brand img,
 .c-logo img {
     width: 230px;
     height: auto;
     object-fit: cover;
 }

 @media only screen and (max-width :767px) {
     .navigation .navbar .navbar-brand img {
         width: auto;
     }
 }

 span.arial {
     font-family: Arial, Helvetica, "sans-serif";
     font-weight: 700;
 }

 .bg-DAE2E8 {
     background: #DAE2E8;
 }

 .bg-FFFFFF {
     background: #FFFFFF;
 }

 .bg-F0F2F5 {
     background: #F0F2F5;
 }

 .btn-m {
     width: 240px;
     height: 40px;
     font-size: 14px;
     font-weight: 700;
     text-align: center;
     line-height: 40px;
     padding: 0px;
     border-radius: 0px;
 }

 .btn-l {
     width: 240px;
     height: 48px;
     font-size: 14px;
     font-weight: 700;
     text-align: center;
     line-height: 48px;
     padding: 0px;
     border-radius: 0px;
 }

 .btn-orange {
     background: #FB8D00;
     color: #fff;
 }

 .btn-blue {
     background: #0095D8;
     color: #fff;
 }

 .flex {
     display: flex;
 }

 @media only screen and (max-width :767px) {
     .flex {
         display: flex;
         flex-direction: column;
     }

     header .flex {
         display: flex;
         flex-direction: row;
     }
 }

 form summary {
     background: none;
     color: #272D30;
 }

 #block-hiprotechhetsutakiwatojiansuo #head-keys {
     width: 194px;
     height: 26px;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #D3DADD;
     border-radius: 0px;
     background: url(/corp/service/tech/img/headsearch.svg) no-repeat right;
     background-size: 16px 16px;
     margin-left: 15px;
 }

 #block-hiprotechhetsutahuiyuandenglufarenrinku {
     position: absolute;
     right: -15px;
 }

 #block-hiprotechhetsutafarennofangrinku a {
     margin-right: 5px;
     font-size: 13px;
 }

 #block-views-block-tech-faq-block-1 header,
 #block-tech-front-views-block-news-block-1 header,
 #block-views-block-column-block-1-2 header {
     position: relative;
 }

 #block-views-block-tech-faq-block-1 .rightlistlink,
 #block-tech-front-views-block-news-block-1 .rightlistlink,
 #block-views-block-column-block-1-2 .rightlistlink {
     right: 0;
     top: -45px;
 }

 .cd-slider,
 .cd-slider-left {
     position: relative;
     width: 100%;
     height: 320px;
     overflow: hidden;
 }

 .cd-slider.ie9 nav div span,
 .cd-slider-left.ie9 nav div span {
     display: none;
 }

 .cd-slider ul li,
 .cd-slider-left ul li,
 .cd-slider-right ul li {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     visibility: hidden;
     transition: visibility 0s .6s;
 }

 .cd-slider .content,
 .cd-slider-left .content,
 .cd-slider-right .content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-position: 50% 100%;
     background-size: cover;
     background-repeat: no-repeat;
     opacity: 0;
 }

 .cd-slider li.current_slide,
 .cd-slider-left li.current_slide,
 .cd-slider-right li.current_slide {
     visibility: visible;
 }

 .cd-slider li.current_slide .content,
 .cd-slider-left li.current_slide .content,
 .cd-slider-right li.current_slide .content {
     opacity: 1;
     transform: scale(1);
 }

 .cd-slider li.current_slide .content:before {
     content: "";
     width: 100%;
     position: absolute;
     top: 0;
 }

 .cd-slider-left li.current_slide .content:before {
     background-color: #0095D8;
     animation: SlideInR_L 1s;
     right: -100%;
     width: 100%;
     height: 100%;
 }

 .cd-slider-right li.current_slide .content:before {
     background-color: #7A8A93;
     animation: SlideInL_R 1s;
     left: -100%;
     width: 100%;
     height: 100%;
 }

 @keyframes SlideInImg {
     0% {
         opacity: 0;
         transform: translateX(40%);
     }

     100% {
         opacity: 1;
         transform: translateX(0);
     }
 }

 @keyframes SlideInR_L {
     0% {
         opacity: 1;
         transform: translateX(100%);
     }

     100% {
         opacity: 1;
         transform: translateX(-200%);
     }
 }

 @keyframes SlideInL_R {
     0% {
         opacity: 1;
         transform: translateX(-200%);
     }

     100% {
         opacity: 1;
         transform: translateX(200%);
     }
 }

 @keyframes anime_slider_fade {
     0% {
         visibility: visible;
         opacity: 0;
     }

     15% {
         opacity: 1;
     }

     33.3% {
         opacity: 1;
     }

     48.3% {
         opacity: 0;
     }

     100% {
         opacity: 0;
     }
 }

 .cd-slider nav div,
 .cd-slider-left nav div {
     position: absolute;
     top: 50%;
     left: 4%;
     width: 5rem;
     height: 5rem;
     margin-top: -2.5rem;
     list-style: none;
 }

 .cd-slider nav div:last-of-type,
 .cd-slider-left nav div:last-of-type {
     left: auto;
     right: 4%;
 }

 .cd-slider .prev,
 .cd-slider .next,
 .cd-slider-left .prev,
 .cd-slider .next {
     position: relative;
     z-index: 100;
     width: 100%;
     height: 100%;
     display: block;
     border-radius: 100%;
     transition: box-shadow .3s;
 }

 .cd-slider .prev::before,
 .cd-slider .prev::after,
 .cd-slider .next::before,
 .cd-slider .next::after {
     content: '';
     position: absolute;
     left: 43%;
     background: #fff;
     width: .4rem;
     min-width: 3px;
     border-radius: 3px;
     height: 34%;
 }

 .cd-slider .prev::before {
     transform: rotate(45deg);
     top: 24%;
 }

 .cd-slider .prev::after {
     transform: rotate(-45deg);
     bottom: 24%;
 }

 .cd-slider .next::before,
 .cd-slider .next::after {
     left: auto;
     right: 43%;
 }

 .cd-slider .next::before {
     transform: rotate(-45deg);
     top: 24%;
 }

 .cd-slider .next::after {
     transform: rotate(45deg);
     bottom: 24%;
 }

 .cd-slider .prev:hover,
 .cd-slider .next:hover {
     box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.15);
 }

 .cd-slider nav>div>span {
     display: none;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     border-radius: 100%;
     z-index: 5;
     pointer-events: none;
     will-change: width, height;
     transform: translate(-50%, -50%);
     transition: width .6s, height .6s;
 }

 .cd-slider .content,
 .cd-slider-left .content,
 .cd-slider-right .content {
     opacity: 1;
 }

 .cd-slider ul li,
 .cd-slider-left ul li,
 .cd-slider-right ul li {
     visibility: unset;
 }

 .cd-slider ul {
     position: relative;
 }

 .cd-slider ul>li {
     position: absolute;
     list-style: none;
     visibility: hidden;
     height: 320px;
     animation: anime_slider_fade 12s 0s infinite;
 }

 .cd-slider ul>li:nth-of-type(1) {
     animation-delay: 6s;
 }

 @keyframes anime_slider_fade {
     0% {
         visibility: visible;
         opacity: 0;
     }

     15% {
         opacity: 1;
     }

     33.3% {
         opacity: 1;
     }

     48.3% {
         opacity: 0;
     }

     100% {
         opacity: 0;
     }
 }

 .spfirst {
     display: none;
     padding-top: 52px;
     padding-bottom: 52px;
 }

 .spfirst #row1 {
     font-size: 20px;
     font-weight: 700;
 }

 .spfirst #row2 {
     font-size: 44px;
     font-weight: 700;
 }

 .firsttop {
     background: #fff;
 }

 .firsttop .firstslide {
     display: flex;
     max-width: 1600px;
     margin-left: auto;
     margin-right: auto;
 }

 .firsttop .firstslide .leftslide,
 .firsttop .firstslide .rightslide {
     width: 50%;
     position: relative;
 }

 .firsttop .firstslide .leftslide .cd-slider img,
 .firsttop .firstslide .rightslide .cd-slider img {
     width: 100%;
     height: 320px;
     object-fit: cover;
 }

 .firsttop p {
     font-size: 16px;
     line-height: 180%;
 }

 .firsttop h2 {
     font-size: 20px;
     line-height: 180%;
     letter-spacing: 2px;
     margin-bottom: 14px;
 }

 .leftkey,
 .rightkey {
     font-size: 80px;
     font-weight: 800;
     color: #fff;
     position: absolute;
     bottom: -12px;
     line-height: 100%;
     font-family: Arial;
     font-weight: 700;
     top: 253px;
 }

 .leftkey {
     right: 143px;
     text-align: right;
 }

 .lefttext,
 .righttext {
     text-align: center;
     max-width: 543px;
 }

 .lefttext {
     margin-right: 0px;
     margin-left: auto;
 }

 .righttext {
     margin-left: 0px;
     margin-right: auto;
 }

 .rightkey {
     left: 184px;
     text-align: left;
 }

 .firstmessage {
     font-size: 28px;
     font-weight: 700;
     color: #fff;
     position: absolute;
     top: 230px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
 }

 .firstmiddle {}

 .firstmiddle {
     background: #fff;
     padding: 25px 0px 5px;
 }

 .firstbottom {
     background: #fff;
     padding: 0px 0px 56px;
 }

 .firstmiddle h2 {
     font-size: 20px;
     font-weight: 700;
     color: #272D30;
     line-height: 180%;
     text-align: center;
     margin-bottom: 12px;
     letter-spacing: 2px;
 }

 .firstmiddle p {
     font-size: 16px;
     font-weight: 400;
     color: #272D30;
     line-height: 180%;
     text-align: center;
 }

 .firstbottom {
     text-align: center;
 }

 .firstbottom a.btn {
     margin: 0px 8px;
 }

 .firstbottom .kome {
     font-size: 10px;
     text-align: right;
     padding: 0px;
     margin-bottom: 21px;
     color: #7A8A93;
     font-weight: 400;
 }

 .top-cycle {
     margin-top: 8px;
     margin-bottom: 24px;
 }

 .path-frontpage #content_top .ttl {
     text-align: center;
     font-size: 32px;
     font-weight: 700;
     padding-bottom: 0px;
 }

 .path-frontpage #content_top .ttl h2 {
     text-align: left;
     font-size: 20px;
     font-weight: 500;
     line-height: 150%;
     padding-bottom: 24px;
     color: #272D30;
 }

 .path-frontpage #content_top #block-views-block-tech-taxo-pgskill-block-1 .ttl h2 {
     padding-bottom: 24px;
 }

 .tech-taxo-pgskill ul {
     max-width: 1080px;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     gap: 16px 24px;
 }

 .tech-taxo-pgskill ul li {
     width: 160px;
     height: 48px;
     margin: 0;
 }

 .tech-taxo-pgskill ul li a {
     display: flex;
     gap: 8px;
     align-items: center;
     color: #272B30;
     height: 100%;
     padding: 8px;
 }

 .tech-taxo-pgskill ul li a:hover {
     background: rgba(0, 0, 0, 0.05);
 }

 #block-views-block-feature-block-1-2 footer {
     margin-top: 60px;
     text-align: center;
     margin-bottom: 55px;
 }

 #block-views-block-feature-block-1-2 footer p {
     font-weight: 500;
     margin-bottom: 15px;
 }

 #block-views-block-feature-block-1-2 .special-bn-list {
     width: 33%;
     display: inline-block;
 }

 #block-views-block-feature-block-1-2 .special-bn-list a {
     background: #000;
 }

 #block-views-block-feature-block-1-2 .special-bn-list a img:hover {
     opacity: 0.85;
 }

 .slick-track {
     transform: translate3d(0px, 0px, 0px);
 }

 #site-top-keyword {
     background: #F6F8F9;
     color: #000000;
     font-size: 10px;
     height: 32px;
     line-height: 32px;
 }

 .head-main {
     height: 64px;
     border-bottom: 1px solid #E5E9EB;
     box-sizing: border-box;
 }

 .navigation .navbar .navbar-nav .nav-item a {
     font-size: 14px;
     font-weight: 400;
     padding: 0;
     color: #0f0f0f;
     text-transform: none;
     margin: 0;
     line-height: 63px;
 }

 .navigation .navbar .nav-item {
     position: relative;
 }

 .navigation .navbar .nav-item.current:after {
     position: absolute;
     content: "";
     width: 40px;
     height: 2px;
     bottom: 0;
     left: calc(50% - 20px);
     background-image: linear-gradient(to left, #0095D8 50%, #7A8A93 50%);
     background-repeat: no-repeat;
     background-size: 100% 2px;
     background-position: bottom;
 }

 .breadcrumb-area nav {
     overflow: hidden;
     width: 100%;
 }

 .breadcrumb {
     padding: 12px 0px 22px 0px;
     width: 100%;
     margin-left: 13px;
     margin-right: 13px;
 }

 .breadcrumb a {
     color: #B3B9BD;
 }

 .breadcrumb a:hover {
     color: #272D30;
     text-decoration: underline;
 }

 .breadcrumb-item+.breadcrumb-item::before {
     color: #B3B9BD;
 }

 .breadcrumb-item+.breadcrumb-item {
     padding-left: 8px;
 }

 .breadcrumb {
     flex-wrap: nowrap;
     overflow-x: hidden;
     padding-right: 16px;
     align-items: center;
     -ms-overflow-style: none;
 }

 .breadcrumb *::-webkit-scrollbar {
     display: none;
 }

 .breadcrumb-item,
 .breadcrumb-item a {
     display: inline-block;
     white-space: nowrap;
 }

 .breadcrumb .breadcrumb-item:last-child {
     overflow-x: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     color: #272B30;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
 }

 a#main-content {
     display: none;
 }

 .navbar-brand {
     margin-right: 29px;
 }

 #block-hiprotechfmenutaxonomylist {
     background: #000;
     color: #fff;
     padding-top: 45px;
     padding-bottom: 42px;
     border-bottom: 1px solid #636F78;
 }

 #block-hiprotechfmenutaxonomylist h3 {
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 0.04em;
     margin-bottom: 16px;
 }

 #block-hiprotechfmenutaxonomylist ul li a {
     color: #fff;
     font-size: 13px;
     line-height: 150%;
 }

 #tx_ttl2 {
     margin-top: 43px;
 }

 .copyright {
     font-size: 10px;
     color: #54565A;
     height: 80px;
     display: flex;
     background: #fff;
     font-size: 10px;
     color: #54565A;
 }

 .copyright .fbox1 {
     display: flex;
     gap: 23.84px;
     padding-top: 32.01px;
     width: 100%;
 }

 .copyright .fbox1 span {
     margin-top: 3px;
     letter-spacing: 0.04em;
 }

 .copyright .fbox2 {
     text-align: right;
     width: 30%;
     padding-top: 16px;
 }

 .footer-area {
     background: #000;
     padding-top: 48px;
     padding-bottom: 0px;
 }

 .footer-area nav li a {
     color: #fff;
 }

 .footer-area .f2 nav,
 .footer-area .f3 nav,
 .footer-area .f4 nav {
     margin-top: -7px;
 }

 .footer-area ul li a {
     font-size: 14px;
     line-height: 27.5px;
 }

 .footer-area ul li a[target="_blank"] {
     background-image: url(/corp/service/tech/img/blank_w.svg);
     background-repeat: no-repeat;
     background-size: 12px 12px;
     background-position: top right;
     padding-right: 15px;
 }

 .cvareablock {
     text-align: center;
 }

 .cvareablock .undercvtext {
     font-family: Arial;
     font-size: 20px;
     font-weight: 400;
     color: #FB8D00;
     line-height: 150%;
     margin-bottom: 17px;
 }

 .cvareablock .btn.btn-cv {
     font-size: 32px;
     color: #fff;
     width: 620px;
     height: 96px;
     line-height: 80px;
     font-weight: 700;
     background: #FB8D00;
     border-radius: 0px;
 }

 @media (min-width:1025px) {
     .f2 {
         width: 172px !important;
         padding-left: 0px;
         padding-right: 0px;
     }

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

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

 #bottonbn {
     display: flex;
 }

 #bottonbn div {
     width: 33%;
 }

 #content_bottom .ttl h2 {
     margin-bottom: 26px;
 }

 #bottonbn p {
     margin-top: 12px;
     color: #272D30;
     font-size: 12px;
 }

 #bottonbn .bn1 {
     margin-left: 0px;
 }

 #bottonbn .bn2 {
     margin-left: auto;
     margin-right: auto;
 }

 #bottonbn .bn3 {
     margin-right: 0px;
 }

 #block-views-block-column-block-1-2 {
     padding-top: 63px;
 }

 #block-views-block-tech-faq-block-1 {
     padding-bottom: 56px;
 }

 #block-hiprotechbottombannerarea {
     padding-top: 60px;
     padding-bottom: 53px;
 }

 #block-hiprotech-bottom-startersarea {
     padding-top: 0px;
     padding-bottom: 57px;
 }

 #block-hiprotech-bottom-startersarea .bottomblockcontent a {
     border: 1px solid #E5E9EB;
     position: relative;
     max-width: 252px;
     width: 100%;
     margin-right: 16px;
 }

 #block-hiprotech-bottom-startersarea .bottomblockcontent a::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.05);
     opacity: 0;
     transition: all 0.1s;
 }

 #block-hiprotech-bottom-startersarea .bottomblockcontent a:hover::before {
     opacity: 1;
 }

 #block-hiprotech-bottom-startersarea .bottomblockcontent a::after {
     content: '';
     width: 12px;
     height: 12px;
     background-image: url(/corp/service/tech/img/blank.svg?s=);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 12px;
     display: block;
     position: absolute;
     bottom: 6px;
     right: 6px;
 }

 #block-hiprotechhotomucveria {
     padding-bottom: 80px;
 }

 .path-bookmarks #block-hiprotechhotomucveria {
     padding-top: 80px;
 }

 @media screen and (max-width:767px) {
     .path-bookmarks #block-hiprotechhotomucveria {
         padding-top: 64px;
     }
 }

 #block-views-block-tech-taxo-pgskill-block-2 {
     padding-top: 52px;
 }

 #block-views-block-feature-block-1-2 p {
     font-size: 12px;
 }

 #block-views-block-tech-faq-block-1 {
     padding-top: 59px;
 }

 #block-hiprotech-client-area {
     padding-top: 56px;
     padding-bottom: 55px;
     text-align: center;
 }

 .techclientttl {
     font-size: 20px;
     font-weight: 500;
     color: #272D30;
     line-height: 180%;
     margin-bottom: 24px;
 }

 #block-hiprotech-client-area .techclientlogo>.row {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(auto, 160px));
     justify-content: center;
     gap: 24px;
     align-items: center;
 }

 .clientlogo {
     max-width: 100%;
     width: 100%;
     margin: 0;
     padding: 0 !important;
 }

 a.bnbanner {
     display: block;
     max-width: 344px;
     width: 100%;
     height: 72px;
     border: 1px solid #E5E9EB;
     background: url(/corp/service/tech/img/blank.svg?s=) no-repeat right 4px bottom 6px;
     text-align: center;
     line-height: 72px;
 }

 .footer-area {
     margin-top: 0px;
 }

 .flex.fmenu .in {
     width: 25%;
 }

 @media (min-width:1200px) {
     .path-job .container {
         max-width: 1114px;
     }

     .container {
         padding-right: 12px;
         padding-left: 12px;
         margin-right: auto;
         margin-left: auto;
     }

     .row {
         margin-right: -12px;
         margin-left: -12px;
     }

     .col-1,
     .col-2,
     .col-3,
     .col-4,
     .col-5,
     .col-6,
     .col-7,
     .col-8,
     .col-9,
     .col-10,
     .col-11,
     .col-12,
     .col,
     .col-auto,
     .col-sm-1,
     .col-sm-2,
     .col-sm-3,
     .col-sm-4,
     .col-sm-5,
     .col-sm-6,
     .col-sm-7,
     .col-sm-8,
     .col-sm-9,
     .col-sm-10,
     .col-sm-11,
     .col-sm-12,
     .col-sm,
     .col-sm-auto,
     .col-md-1,
     .col-md-2,
     .col-md-3,
     .col-md-4,
     .col-md-5,
     .col-md-6,
     .col-md-7,
     .col-md-8,
     .col-md-9,
     .col-md-10,
     .col-md-11,
     .col-md-12,
     .col-md,
     .col-md-auto,
     .col-lg-1,
     .col-lg-2,
     .col-lg-3,
     .col-lg-4,
     .col-lg-5,
     .col-lg-6,
     .col-lg-7,
     .col-lg-8,
     .col-lg-9,
     .col-lg-10,
     .col-lg-11,
     .col-lg-12,
     .col-lg,
     .col-lg-auto,
     .col-xl-1,
     .col-xl-2,
     .col-xl-3,
     .col-xl-4,
     .col-xl-5,
     .col-xl-6,
     .col-xl-7,
     .col-xl-8,
     .col-xl-9,
     .col-xl-10,
     .col-xl-11,
     .col-xl-12,
     .col-xl,
     .col-xl-auto {
         margin-right: 12px;
         margin-left: 12px;
         padding-left: 0px;
         padding-right: 0px;
     }

     .content_area_left {
         max-width: 252px;
     }

     .col.content_area_center {
         max-width: 828px;

     }
 }

 .job-list header {
     margin-bottom: 16px;
     position: relative;
 }

 .job-list header {
     position: relative;
 }

 .job-list header p {
     margin-bottom: 22px;
     color: #272B30;
     font-size: 12px;
 }

 @media only screen and (max-width :767px) {
     .job-list header p {
         font-weight: 400;
         font-size: 14px;
         line-height: 150%;
     }
 }

 .job-list header .totalcnt span.cnt {
     font-size: 24px;
     color: #0095D8;
 }

 .path-job .block-front-content header .totalcnt .cnt {
     font-size: 24px;
     font-weight: 700;
     color: #0095D8;
     margin-left: 3px;
     margin-right: 3px;
 }

 .content_area_left+.content_area_center .job-list>header {
     margin-top: 4px;
 }

 .job-list>header .flex {
     align-items: flex-end;
 }

 .job-list>header .flex .totalcnt {
     display: flex;
     align-items: flex-end;
     margin-top: -10px;
 }

 .job-list header .totalcnt span.cnt {
     margin-bottom: -4px;
 }

 #content_area_right .views-exposed-form,
 .content_area_left .views-exposed-form {
     border-radius: 0px;
     border: 1px solid #E5E9EB;
 }

 .blazy--view--joblist--page-job-search .grid div.job-list-title a {
     color: #272D30;
 }

 .blazy--view--joblist--page-job-search .grid {
     border-radius: 0px;
     border: 1px solid #E5E9EB;
     box-shadow: none;
 }

 #content_area_right .views-exposed-form .form-checkboxes label,
 .content_area_left .views-exposed-form .form-checkboxes label {
     font-size: 13px;
 }

 .blazy--view--joblist--page-job-search .job-details-item-link .links.inline a {
     display: block;
     background: #0095D8;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 0px;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     font-weight: bold;
     color: #fff;
     position: relative;
     width: 240px;
     position: absolute;
     right: 15px;
     bottom: 15px;
 }

 .blazy--view--joblist--page-job-search .flag a:before {
     display: none;
 }

 .blazy--view--joblist--page-job-search .flag a {
     background: #D9D9D9;
     text-indent: -9999px;
     position: absolute;
     right: 15px;
     top: 0px;
     width: 18px;
     height: 26px;
     border-radius: 0px;
 }

 .blazy--view--joblist--page-job-search .job-details-item-link .links.inline a:after {
     display: none;
 }

 .job.list {
     background: #fff;
     border: 1px solid #E5E9EB;
     position: relative;
     padding: 24px 32px 32px;
     margin-bottom: 24px;
 }

 .job.list a.job-list-title {
     font-size: 20px;
     font-weight: 500;
     line-height: 150%;
     margin-bottom: 16px;
     color: #272D30;
 }

 .node--type-job .field--name-field-job-kodawari {
     font-size: 0px;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     align-content: flex-start;
 }

 .job.list .field--name-field-job-kodawari {
     margin-bottom: 8px;
 }

 .node--type-job .field--name-field-job-kodawari .field__item {
     color: #636F78 !important;
     font-size: 11px;
     border: 1px solid #E5E9EB;
     border-radius: 30px !important;
     margin: 0 !important;
     padding: 0px 8px !important;
     line-height: 18px;
     background: #F0F2F5;
     display: inline-flex;
     align-items: center;
 }

 .node--type-job:not(.job-recommend):not(.list) .field--name-field-job-kodawari .field__item:nth-child(n + 3) {
     display: none;
 }

 .job-details.job.list .job-skill-list {
     display: flex;
     flex-wrap: wrap;
     align-content: flex-start;
 }

 #block-tech-front-views-block-joblist-block-1,
 #block-tech-front-views-block-joblist-block-2,
 #block-views-block-joblist-block-3 {
     overflow-x: hidden;
 }

 #block-tech-front-views-block-joblist-block-1 .blockcontent,
 #block-tech-front-views-block-joblist-block-2 .blockcontent,
 #block-views-block-joblist-block-3 .blockcontent,
 #block-views-block-columnrecommend-block-1-2 .bottomblockcontent,
 #block-views-block-tech-job-reccomend-block-1 .bottomblockcontent,
 #block-views-block-tech-job-reccomend-block-2 .bottomblockcontent,
 #block-views-block-tech-job-reccomend-block-3 .bottomblockcontent {
     margin-left: 25px;
     min-width: 1280px
 }

 @media only screen and (min-width :768px) {
     .job-slick .slick__slide.slide {
         max-width: 528px;
         width: 528px !important;
     }
 }

 .job-slick .slick-track {
     width: 21760px;
     margin-left: -240px;
 }

 .node--type-job.carousel {
     background: #fff;
     width: 504px;
     height: 238px;
     padding: 20px 24px;
     position: relative;
     border: 1px solid #E5E9EB;
 }

 .node--type-job.carousel a.job-carousel-title {
     font-size: 16px;
     font-weight: 700;
     line-height: 150%;
     color: #272D30;
     padding-right: 22px;
     margin-bottom: 12px;
 }

 .node--type-job.carousel a.more {
     position: absolute;
     width: 160px;
     height: 32px;
     line-height: 32px;
     background: #0095D8;
     color: #fff;
     font-weight: 700;
     font-size: 12px;
     text-align: center;
     right: 24px;
     bottom: 20px;
 }

 .job.list a.more {
     position: absolute;
     width: 240px;
     height: 40px;
     line-height: 40px;
     background: #0095D8;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     text-align: center;
     right: 32px;
     bottom: 30px;
 }

 .tech-job-new-area {
     font-size: 12px;
     color: #7A8A93;
     line-height: 100%;
     margin-bottom: 16px;
 }

 .tech-job-new-area .members-only {
     position: absolute;
     top: 0;
     left: 0;
     background-color: #FB8D00;
     border-bottom-right-radius: 4px;
     padding: 4px 8px 2px;
     color: #fff;
 }

 .tech-job-new-area .new+.published {
     padding-left: 5px;
 }

 .tech-job-new-area .new {
     padding-right: 5px;
 }

 .tech-job-new-area .new+.today,
 .tech-job-new-area .new+.published {
     border-left: 1px solid #7A8A93;
 }

 .tech-job-new-area .today {
     padding-left: 5px;
     padding-right: 5px;
 }

 .node--type-job.carousel a.more.inactive,
 .job.list a.more.inactive {
     pointer-events: none;
     background: #D9D9D9;
 }

 .node--type-job.carousel .loginviewtext {
     color: #FB8D00;
     font-size: 10px;
     position: absolute;
     right: 24px;
     bottom: 55px;
     width: 160px;
     text-align: center;
     line-height: 100%;
 }

 .job.list .loginviewtext {
     color: #FB8D00;
     font-size: 10px;
     position: absolute;
     right: 32px;
     bottom: 78px;
     width: 240px;
     text-align: center;
     line-height: 100%;
 }

 .node--type-job.carousel .flag,
 .job.list .flag {
     position: absolute;
     top: 0px;
     right: 1px;
     text-indent: -9999px;
 }

 .node--type-job.carousel .flag a,
 .job.list .flag a {
     display: inline-block;
     position: absolute;
     top: 0px;
     right: 13px;
     text-indent: -99999px;
     margin: 0;
     z-index: 2;
     width: 22px;
     background: url(/corp/service/tech/img/flag_off_pc.svg) no-repeat;
     height: 32px;
 }

 .node--type-job.carousel .flag a:hover:after,
 .job.list .flag a:hover:after {
     content: '';
     position: absolute;
     right: -3px;
     top: 100%;
     height: 42px;
     width: 112px;
     background: url(/corp/service/tech/img/flag_tooltip_pc.svg) no-repeat;
 }

 .node--type-job.carousel .flag.action-unflag a:hover:after,
 .job.list .flag.action-unflag a:hover:after {
     display: none;
 }

 .node--type-job.carousel .flag.action-unflag a,
 .job.list .flag.action-unflag a {
     background: url(/corp/service/tech/img/flag_on_pc.svg) no-repeat;
 }

 .node--type-job.carousel .money,
 .job-details.job.list .money {
     display: flex;
     background: url(/corp/service/tech/img/i-money.svg) no-repeat;
     padding-left: 20px;
     background-position: left;
 }

 .node--type-job.carousel .money {
     margin-bottom: 8px;
 }

 .job-details.job.list .field--name-field-job-occupation {
     display: flex;
     flex-wrap: wrap;
     background: url(/corp/service/tech/img/i-type.svg) no-repeat;
     padding-left: 20px;
     background-position: left top 1px;
 }

 .job-details.job.list .field--name-field-job-occupation {
     margin-bottom: 24px;
     font-size: 12px;
 }

 .job-details.job.list .field--name-field-job-occupation>.field__item:nth-child(n + 2):before {
     content: "\30FB";
 }

 .job-details.job.list .field--name-field-job-biz-type-s-ex {
     font-size: 12px;
 }

 .node--type-job.carousel .field--name-field-job-occupation {
     background: url(/corp/service/tech/img/i-type.svg) no-repeat;
     padding-left: 20px;
     display: initial !important;
     background-position: left top;
     max-width: 450px;
     white-space: nowrap;
     overflow: hidden;
     margin-bottom: 8px;
 }

 .node--type-job.carousel .biz_type {
     display: flex;
     background: url(/corp/service/tech/img/i-earth.svg) no-repeat;
     padding-left: 20px;
     background-position: left;
     margin-right: 23px;
     margin-bottom: 8px;
 }

 .job-details.job.list .biz_type {
     background: url(/corp/service/tech/img/i-earth.svg) no-repeat;
     padding-left: 20px;
     background-position: left;
     margin-right: 23px;
     margin-bottom: 5px;
     margin-top: 5px;
 }

 .node--type-job.carousel .field--name-field-job-occupation .field__item {
     display: inline;
     white-space: break-spaces;
 }

 .node--type-job.carousel .field--name-field-job-occupation .field__item:not(:last-child)::after {
     content: '・';
 }

 .node--type-job.carousel .field--name-field-jobex-actfreq,
 .job-details.job.list .field--name-field-jobex-actfreq {
     display: flex;
     background: url(/corp/service/tech/img/i-time.svg) no-repeat;
     padding-left: 20px;
     background-position: left;
     margin-bottom: 8px;
 }

 .node--type-job.carousel .field--name-field-jobex-actfreq {
     margin-right: 24px;
 }

 .job-details.job.list .field--name-field-jobex-actfreq,
 .job-details.job.list .money {
     font-size: 18px;
     color: #272D30;
 }

 .slick-prev.slick-arrow,
 .slick-next.slick-arrow {
     border: 0px;
     width: 32px;
     height: 32px;
     text-indent: -9999px;
     position: absolute;
     border-radius: 9999px;
     box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
     background-color: #fff;
     background-repeat: no-repeat;
 }

 .slick-prev.slick-arrow {
     background-image: url(/corp/service/tech/img/left.svg);
     background-position: left 5px center;
     left: 14px;
     bottom: 91px;
 }

 .slick-next.slick-arrow {
     background-image: url(/corp/service/tech/img/right.svg);
     background-position: right 5px center;
     right: 14px;
     bottom: 93px;
 }

 @media (min-width:1200px) {

     .path-frontpage #block-tech-front-views-block-joblist-block-1 .container,
     .path-frontpage #block-tech-front-views-block-joblist-block-2 .container,
     .path-frontpage #block-views-block-joblist-block-3 .container {
         max-width: 1600px;
         padding-left: 0;
         padding-right: 0;
     }

     .path-frontpage #block-tech-front-views-block-joblist-block-1 .container .ttl,
     .path-frontpage #block-tech-front-views-block-joblist-block-2 .container .ttl,
     .path-frontpage #block-views-block-joblist-block-3 .container .ttl {
         max-width: 1104px;
         margin-left: auto;
         margin-right: auto;
         padding-left: 12px;
     }

     .path-frontpage #block-tech-front-views-block-joblist-block-1 .container .blockcontent header,
     .path-frontpage #block-tech-front-views-block-joblist-block-2 .container .blockcontent header,
     .path-frontpage #block-views-block-joblist-block-3 .container .blockcontent header {
         max-width: 1104px;
         margin-left: auto;
         margin-right: auto;
         position: relative;
     }

     .path-frontpage #block-tech-front-views-block-joblist-block-1 .container .blockcontent .rightlistlink,
     .path-frontpage #block-tech-front-views-block-joblist-block-2 .container .blockcontent .rightlistlink,
     .path-frontpage #block-views-block-joblist-block-3 .container .blockcontent .rightlistlink {
         top: -45px;
         right: 18px;
     }

     #block-tech-front-views-block-joblist-block-1 nav,
     #block-tech-front-views-block-joblist-block-2 nav,
     #block-views-block-joblist-block-3 nav {
         max-width: 1104px;
         width: 100%;
         position: relative;
         margin: auto;
     }

     .slick__arrow .slick-prev.slick-arrow {
         left: 20px !important;
     }

     .slick__arrow .slick-next.slick-arrow {
         right: 22px !important;
     }
 }

 .col-lg-3.content_area_left {
     padding: 0px;
     margin-right: 12px;
     margin-left: 12px;
 }

 @media only screen and (max-width :767px) {
     .col-lg-3.content_area_left {
         padding: 0px;
         margin-right: 0px;
         margin-left: 0px;
         padding-left: 0px;
         padding-right: 0px;
     }
 }

 .node--type-job.carousel.clearfix::after {
     content: none;
 }

 .node--type-job.carousel {
     display: grid;
     grid-template-columns: auto 160px;
     grid-template-rows: minmax(72px, auto) auto minmax(43px, auto);
     grid-template-areas: 'ttl   ttl'
         'terms terms'
         'tag   btn';
 }

 .node--type-job.carousel .job-carousel-title {
     grid-area: ttl;
 }

 .node--type-job.carousel .job-carousel-title {
     font-family: 'NotoSansJP';
     color: #272B30;
     font-size: 16px;
     font-weight: 500;
     line-height: 150%;
     letter-spacing: 0.01em;
     padding-right: 20px;
 }

 .node--type-job.carousel .list {
     grid-area: terms;
 }

 .node--type-job .field--name-field-job-kodawari {
     grid-area: tag;
 }

 .node--type-job.carousel .read-more {
     grid-area: btn;
     position: relative;
 }

 .node--type-job.carousel .loginviewtext,
 .node--type-job.carousel a.more {
     position: absolute;
     right: initial;
     bottom: initial;
 }

 .node--type-job.carousel .loginviewtext {
     margin-top: auto;
     margin-bottom: 3px;
 }

 .node--type-job.carousel a.more {
     right: 0;
     bottom: 0;
 }

 .node--type-job.carousel .list {
     display: grid;
     grid-template-columns: auto auto;
     grid-template-rows: repeat(auto-fill, minmax(20px, auto));
     gap: 0 8px;
 }

 .node--type-job.carousel .field--name-field-jobex-actfreq,
 .job-details.job.list .field--name-field-jobex-actfreq,
 .node--type-job.carousel .money,
 .node--type-job.carousel .biz_type {
     margin: 0;
 }

 .node--type-job.carousel .list .field--name-field-jobex-actfreq,
 .node--type-job.carousel .list .money,
 .node--type-job.carousel .list .biz_type:not(:empty),
 .node--type-job.carousel .list .field--name-field-job-occupation {
     align-items: center;
     display: flex;
     line-height: 1.2;
     color: #272B30;
 }

 .node--type-job.carousel .biz_type:empty {
     display: none;
 }

 .node--type-job.carousel .list .biz_type {
     grid-column: 1/3;
 }

 .node--type-job.carousel .list .field--name-field-job-occupation {
     grid-column: 1/3;
 }

 .node--type-job.carousel .list .field--name-field-job-occupation {
     position: relative;
     line-height: 1.3;
     height: calc(1.3em * 2);
     overflow: hidden;
 }

 .node--type-job.carousel .list .field--name-field-job-occupation::before {
     content: "…";
     bottom: 0;
     right: 0;
     position: absolute;
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
     padding-left: 1em;
 }

 .node--type-job.carousel .list .field--name-field-job-occupation::after {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background: #FFF;
 }

 .path-frontpage .node--type-job .field--name-field-job-kodawari .field__item:nth-child(n+3) {
     display: none;
 }

 .node--type-job .field--name-field-job-kodawari .field__item {
     max-width: 140px;
     display: block;
 }

 .node--type-job.carousel .field--name-field-job-kodawari .field__item {
     max-width: 124px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .field--name-field-job-kodawari .field__item a {
     max-width: 124px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 @media screen and (min-width:768px) {
     .node--type-job.carousel {
         display: block;
         background: #fff;
         width: 504px;
         height: 258px;
         padding: 20px 24px;
         position: relative;
         border: 1px solid #E5E9EB;
     }

     .node--type-job.carousel .flag a {
         width: 18px;
         height: 26px;
         background-size: cover !important;
     }

     .node--type-job.carousel .job-carousel-title {
         width: 100%;
         margin-bottom: 16px;
     }

     .node--type-job.carousel .list {
         display: flex;
         flex-wrap: wrap;
         gap: 0;
         width: 100%;
         margin-bottom: 16px;
         line-height: 100%;
     }

     .node--type-job.carousel .list .field--name-field-jobex-actfreq,
     .node--type-job.carousel .list .money,
     .node--type-job.carousel .list .biz_type:not(:empty),
     .node--type-job.carousel .list .field--name-field-job-occupation {
         font-size: 12px;
         line-height: 1.3;
         background-size: 15px;
         background-position: left top;
     }

     .node--type-job.carousel .list .field--name-field-jobex-actfreq {
         margin-right: 24px;
     }

     .node--type-job.carousel .list .biz_type:not(:empty) {
         width: 100%;
         margin-top: 8px;
     }

     .node--type-job.carousel .list .field--name-field-job-occupation {
         width: 100%;
         margin-top: 8px;
         margin-bottom: 0;
         background-position: left top -1px;
     }

     .node--type-job:not(.job-recommend):not(.list) .field--name-field-job-kodawari {
         align-items: center;
         position: absolute;
         bottom: 20px;
         margin-top: 10px;
         margin-bottom: 0;
     }

     .node--type-job.carousel .read-more {
         position: absolute;
         width: 160px;
         margin-top: auto;
         margin-left: auto;
         bottom: 19px;
         right: 23px;
     }

     .node--type-job.carousel a.more {
         position: initial;
     }

     .node--type-job.carousel .loginviewtext {
         margin-top: -13px;
     }
 }

 #block-views-block-feature-block-1-2 .special-bn {
     display: grid;
     grid-template-columns: repeat(3, minmax(auto, 344px));
     grid-template-rows: auto auto;
     gap: 0 24px;
 }

 #block-views-block-feature-block-1-2 .special-bn-list {
     width: 100%;
 }

 #block-views-block-feature-block-1-2 .special-bn-list img {
     height: auto;
 }

 #block-views-block-feature-block-1-2 footer {
     grid-column: 1/4;
     width: 100%;
 }

 .path-help .column-list-head {
     padding-top: 18px;
     padding-left: 1px;
 }

 .path-help .breadcrumb {
     padding: 28px 0px 11px 0px;
 }

 #block-views-block-tech-faq-block-1 .ui-accordion-header-icon.ui-icon {
     display: none;
 }

 .ui-accordion-content .views-field-field-tech-faq-answer .field-content {
     display: flex;
 }

 .views-accordion-header .field-content:before {
     display: inline-block;
     content: "Q";
     color: #7A8A93;
     font-weight: 700;
     font-size: 16px;
     margin-right: 24px;
     font-family: Arial, Helvetica, "sans-serif";
 }

 .ui-accordion-content .field-content:before {
     display: inline-block;
     content: "A";
     color: #0095D8;
     font-weight: 700;
     font-size: 16px;
     margin-right: 24px;
     font-family: Arial, Helvetica, "sans-serif";
 }

 .ui-accordion .ui-accordion-content {
     padding: 0px 76px 24px 32px;
     height: auto !important;
     font-size: 12px;
     line-height: 150%;
 }

 .views-accordion-header.ui-accordion-header-collapsed {
     padding: 25px 10px 25px 32px;
 }

 .ui-accordion .ui-accordion-header {
     display: block;
     cursor: pointer;
     position: relative;
     margin: 0px;
     height: auto !important;
     font-size: 16px;
     font-weight: 500;
     background-color: #fff;
     border: 1px solid #E5E9EB;
     font-weight: 500;
     border-bottom: none;
 }

 .ui-accordion .ui-accordion-header.ui-accordion-header-active {
     padding: 24px 10px 11px 32px;
 }

 .ui-accordion .ui-accordion-header.ui-state-active,
 .ui-accordion .ui-accordion-header.ui-state-active:hover {
     border-top: 1px solid #E5E9EB;
     border-left: 1px solid #E5E9EB;
     border-right: 1px solid #E5E9EB;
     border-bottom: none;
     background-color: #fff;
     color: #272D30;
 }

 .ui-accordion .ui-accordion-header.ui-state-active a:link {
     border: none;
     background: #fff;
     color: #272D30;
     line-height: 1.5;
 }

 #block-views-block-tech-faq-block-1 .ui-state-active a {
     color: #272D30;
 }

 .ui-widget-content {
     border-left: 1px solid #E5E9EB;
     border-right: 1px solid #E5E9EB;
     border-bottom: 0px;
 }

 .ui-state-default,
 .ui-state-active {
     background-position: right 32px top 25px;
     background-repeat: no-repeat;
 }

 .ui-state-default {
     background-image: url(/corp/service/tech/img/a-down.svg);
 }

 .ui-state-active {
     background-image: url(/corp/service/tech/img/a-up.svg);
 }

 .ui-state-default:hover {
     background-image: url(/corp/service/tech/img/h-down.svg);
 }

 .ui-state-active:hover {
     background-image: url(/corp/service/tech/img/h-up.svg);
 }

 .path-node.page-node-type-webform {
     background: #fff;
 }

 .path-node.page-node-type-webform .footer-area {
     background: #fff;
 }

 .path-node.page-node-type-webform .col.content_area_center {
     margin-left: auto;
     margin-right: auto;
 }

 .newslist ul {
     border: 1px solid #E5E9EB;
 }

 .newslist li {
     display: block;
     position: relative;
     margin: 0px;
     padding: 0;
     font-size: 16px;
     font-weight: 400;
     background: #fff;
     border-bottom: 1px solid #E5E9EB;
 }

 .newslist li:last-child {
     border-bottom: none;
 }

 .newslist li {
     display: block;
     font-size: 14px;
     color: #272D30;
     margin-left: 0px;
     padding: 19px 23px 20px 23px;
 }

 .newslist li .date {
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     margin-right: 24px;
     color: #7A8A93;
 }

 @media screen and (max-width:767px) {
     .newslist li .date {
         display: block;
     }

     .newslist li .title {
         font-style: normal;
         font-weight: 400;
         font-size: 14px;
         line-height: 150%;
         color: #272B30;
     }
 }

 .path-frontpage #block-tech-front-content {
     display: none;
 }

 #block-views-block-column-block-1-2 {
     margin-bottom: 80px;
 }

 .column-grid-title {
     width: 683px;
 }

 .column-grid-title .columndate {
     font-size: 12px;
     color: #7A8A93;
     font-family: Arial, Helvetica, "sans-serif";
     display: inline;
     margin-right: 4px;
 }

 .column.grid .column-grid-title a {
     display: block;
 }

 .column-grid-img {
     width: 211px;
     height: 211px;
 }

 .column.grid {
     background: #fff;
     border: 1px solid #E5E9EB;
     border-bottom: 0;
     display: flex;
     position: relative;
 }

 .columngrid:last-child .column.grid {
     border-bottom: 1px solid #E5E9EB;
 }

 .column.grid>a {
     width: 100%;
     flex: 1;
 }

 .column.grid .field--name-field-col-category {
     margin-top: 0px;
     margin-bottom: 0px;
     line-height: 100%;
     padding: 5px 8px 4px;
     height: 20px;
     border-radius: 30px !important;
     display: inline-flex;
     align-items: center;
 }

 @media screen and (min-width:768px) {
     .column.grid .field--name-field-featured-image {
         width: 211px;
     }
 }

 .column.grid:hover .column-grid-img a::before {
     content: none;
 }

 .column.grid .column-grid-title a:hover .column-more {
     text-decoration: underline;
     color: #007FB8;
 }

 .column.grid .column-grid-title {
     padding: 20px 24px;
     font-size: 0;
     width: 100%;
 }

 .column.grid .column-grid-title .cttl {
     font-family: 'NotoSansJP';
     font-size: 16px;
     font-weight: 500;
     color: #272B30;
     margin-bottom: 8px;
     margin-top: 12px;
     clear: both;
     display: block;
     line-height: 150%;
 }

 .column.grid .columnteaser .field,
 .column.grid .columnteaser .field p {
     font-family: Arial;
     font-size: 12px;
     color: #272B30;
     line-height: 150%;
 }

 .columncategory .field,
 .field--name-field-col-category {
     color: #707F87;
     font-size: 11px;
     border-radius: 10px !important;
     border: none;
     padding: 0px 10px;
     display: inline-block;
     margin-right: 0px;
     margin-bottom: 5px;
     background: #F0F2F5;
 }

 .columncategory .field,
 .field--name-field-col-category a {
     color: #707F87;
 }

 .column-more {
     font-size: 12px;
     color: #0095D8;
     position: absolute;
     right: 24px;
     bottom: 24px;
 }

 .column.grid .column-grid-img a {
     position: relative;
 }

 .column.grid .column-grid-img a::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
 }

 .column.grid:hover .column-grid-img a::before {
     background-color: rgba(0, 0, 0, 0.05);
 }

 @media screen and (min-width:768px) {
     .column.grid .column-grid-img a {
         width: 211px;
     }
 }

 .column.grid .column-grid-title a {
     height: 100%;
     max-height: 160px;
     margin-left: -24px;
     margin-right: -24px;
     padding-left: 24px;
     padding-right: 24px;
 }

 .column.grid .field--name-field-col-category:hover {
     color: #636F78;
     background: #E4E6E9 !important;
     border: 1px solid #DADDDF;
 }

 @media screen and (max-width:767px) {}

 .column-list:not(:last-child) {
     margin-bottom: 24px;
 }

 .column-list .field-content {
     width: 100%;
 }

 .column-list .column.grid .column-grid-img img {
     object-fit: cover;
 }

 .pager {
     font-size: 0;
 }

 .pager ul.pager__items {
     margin-bottom: 0;
 }

 .pager ul.pager__items>li {
     margin: 0px 1px 0px 0px;
     background-color: #fff;
 }

 .pager ul.pager__items>li a {
     border-bottom: 1px solid #dee2e6;
     font-weight: 400;
     display: inline-block;
     line-height: 32px;
     margin: 0px;
     text-align: center;
     border-radius: 0px;
     background: #fff;
     font-size: 12px;
     border-top: 0px;
     border-left: 0px;
     border-right: 0px;
     color: #272D30;
     box-sizing: border-box;
     width: 32px;
     padding: 0px;
 }

 .pager ul.pager__items>li.is-active a {
     background: #fff;
     color: #272D30;
     border-bottom: 2px solid #0095D8;
     box-sizing: border-box;
     height: 32px;
     line-height: 32px;
     width: 32px;
     padding: 0px;
 }

 .pager ul.pager__items>li a:hover {
     background: rgb(0, 0, 0, 0.05);
     color: #272D30;
     border-bottom: 1px solid #E5E9EB;
 }

 .pager__item.pager__item--current_per_max div {
     display: none;
 }

 .pager__item.pager__item--current_per_max:before {
     display: inline-block;
     content: "…";
     border-bottom: 1px solid #dee2e6;
     font-weight: 400;
     margin: 0px;
     text-align: center;
     border-radius: 0px;
     background: #fff;
     font-size: 12px;
     border-top: 0px;
     border-left: 0px;
     border-right: 0px;
     color: #272D30;
     height: 33px;
     width: 32px;
     padding-top: 4px;
 }

 .pager ul.pager__items>li.pager__item.pager__item--next a {
     width: 79px;
     background-image: url(/corp/service/tech/img/pagerNext.svg);
     background-repeat: no-repeat;
     background-position: right 5px top 8px;
     padding-right: 13px;
 }

 .pager ul.pager__items>li.pager__item.pager__item--previous a {
     width: 79px;
     background-image: url(/corp/service/tech/img/pagerPreview.svg);
     background-repeat: no-repeat;
     background-position: 5px 8px;
     padding-left: 13px;
 }

 .pager ul.pager__items>li.pager__item.pager__item--last a {
     width: 56px;
     background-image: url(/corp/service/tech/img/pagerLast.svg);
     background-repeat: no-repeat;
     background-position: right 5px top 8px;
     padding-right: 13px;
 }

 .pager ul.pager__items>li.pager__item.pager__item--first a {
     width: 56px;
     background-image: url(/corp/service/tech/img/pagerTop.svg);
     background-repeat: no-repeat;
     background-position: 5px 8px;
     padding-left: 13px;
 }

 .pager {
     text-align: left;
     margin-top: 20px;
 }

 .pager ul.pager__items,
 .pager ul.pager__items>li {
     border: none;
 }

 @media (max-width:767.5px) {
     .pager ul.pager__items {
         display: flex;
         margin-bottom: 64px;
     }

     .pager ul.pager__items>li.pager__item {
         display: none;
     }

     .pager ul.pager__items>li.pager__item.pager__item--first,
     .pager ul.pager__items>li.pager__item.pager__item--last,
     .pager ul.pager__items>li.pager__item.pager__item--previous,
     .pager ul.pager__items>li.pager__item.pager__item--next,
     .pager ul.pager__items>li.pager__item.pager__item--current_per_max {
         display: list-item;
     }

     .pager ul.pager__items>li.pager__item.pager__item--previous a {
         height: 44px;
         line-height: 44px;
         background-position: 5px 13px;
     }

     .pager ul.pager__items>li,
     .pager ul.pager__items>li a {
         border-bottom: none;
     }

     .pager ul.pager__items>li.pager__item.pager__item--next a {
         height: 44px;
         line-height: 44px;
         background-position: right 5px top 13px;
     }

     .pager ul.pager__items>li.pager__item.pager__item--first a,
     .pager ul.pager__items>li.pager__item.pager__item--last a {
         width: 44px;
         height: 44px;
         background-position: center;
         padding: 0px;
     }

     .pager ul.pager__items>li.pager__item.pager__item--first a span,
     .pager ul.pager__items>li.pager__item.pager__item--last a span {
         font-size: 0px;
     }

     .pager ul.pager__items>li.pager__item.pager__item--current_per_max {
         width: 100%;
         text-align: center;
         font-size: 14px;
     }

     .pager__item.pager__item--current_per_max div {
         display: block;
         height: 44px;
         background: #fff;
         line-height: 44px;
         width: auto;
     }

     .pager__item.pager__item--current_per_max:before {
         display: none;
     }
 }

 .pager ul.pager__items>li {
     margin: 0;
     border-right: none;
 }

 .pager ul.pager__items>li.is-active a {
     border-color: #E5E9EB;
     border-bottom: 2px solid #0095D8;
 }

 .pager ul.pager__items>li a {
     border-top: 1px solid #E5E9EB;
     border-right: 1px solid #E5E9EB;
     border-bottom: 1px solid #E5E9EB;
 }

 .pager ul.pager__items>li:first-child a {
     border-left: 1px solid #E5E9EB;
 }

 .pager ul.pager__items>li.is-active a {
     height: 34px;
 }

 .pager__item.pager__item--current_per_max:before {
     height: 34px;
     border-top: 1px solid #E5E9EB;
     border-right: 1px solid #E5E9EB;
     border-bottom: 1px solid #E5E9EB;
 }

 .pager ul.pager__items>li a:hover {
     border-top: 1px solid #E5E9EB;
     border-right: 1px solid #E5E9EB;
 }

 @media screen and (max-width:767px) {
     .pager__item.pager__item--current_per_max div {
         border-top: 1px solid #E5E9EB;
         border-left: 1px solid #E5E9EB;
         border-right: 1px solid #E5E9EB;
         border-bottom: 1px solid #E5E9EB;
     }

     .pager ul.pager__items>li.pager__item--previous a {
         border-right: 0;
     }

     .pager ul.pager__items>li.pager__item.pager__item--current_per_max .pager-max {
         color: #B3B9BD;
     }
 }

 @media only screen and (min-width:1200px) {
     .navigation .navbar .navbar-nav .nav-item {
         margin: 0 15px 0 18px;
     }
 }

 @media (min-width:1200px) {
     .container {
         max-width: 1104px;
     }

     .header-area .container {
         max-width: 1189px;
     }

     #block-views-block-column-block-1-2 .container,
     #block-views-block-tech-faq-block-1 .container,
     #block-tech-front-views-block-news-block-1 .container {
         max-width: 920px;
     }

     .navigation {
         padding: 0px;
     }

     .col-1,
     .col-2,
     .col-3,
     .col-4,
     .col-5,
     .col-6,
     .col-7,
     .col-8,
     .col-9,
     .col-10,
     .col-11,
     .col-12,
     .col,
     .col-auto,
     .col-sm-1,
     .col-sm-2,
     .col-sm-3,
     .col-sm-4,
     .col-sm-5,
     .col-sm-6,
     .col-sm-7,
     .col-sm-8,
     .col-sm-9,
     .col-sm-10,
     .col-sm-11,
     .col-sm-12,
     .col-sm,
     .col-sm-auto,
     .col-md-1,
     .col-md-2,
     .col-md-3,
     .col-md-4,
     .col-md-5,
     .col-md-6,
     .col-md-7,
     .col-md-8,
     .col-md-9,
     .col-md-10,
     .col-md-11,
     .col-md-12,
     .col-md,
     .col-md-auto,
     .col-lg-1,
     .col-lg-2,
     .col-lg-3,
     .col-lg-4,
     .col-lg-5,
     .col-lg-6,
     .col-lg-7,
     .col-lg-8,
     .col-lg-9,
     .col-lg-10,
     .col-lg-11,
     .col-lg-12,
     .col-lg,
     .col-lg-auto,
     .col-xl-1,
     .col-xl-2,
     .col-xl-3,
     .col-xl-4,
     .col-xl-5,
     .col-xl-6,
     .col-xl-7,
     .col-xl-8,
     .col-xl-9,
     .col-xl-10,
     .col-xl-11,
     .col-xl-12,
     .col-xl,
     .col-xl-auto {
         margin-right: 0px;
         margin-left: 0px;
         padding-left: 12px;
         padding-right: 12px;
     }
 }

 @media (min-width:768px) {
     .pt-md-60 {
         padding-top: 60px;
     }

     .pt-md-50 {
         padding-top: 50px;
     }

     .pt-md-53 {
         padding-top: 53px;
     }

     .pb-md-60 {
         padding-bottom: 60px;
     }

     .pb-md-56 {
         padding-bottom: 56px;
     }
 }

 @media (max-width:767.5px) {
     .firsttop .firstslide {
         display: block;
     }

     .firsttop .firstslide .leftslide,
     .firsttop .firstslide .rightslide {
         width: 100%;
     }

     .spfirst {
         display: block;
         text-align: center;
     }

     .firstmessage {
         display: none;
     }
 }

 .dialog-off-canvas-main-canvas .btn:hover,
 .dialog-off-canvas-main-canvas .btn:active,
 a.more:hover,
 a.more:active,
 .node--type-job.carousel a.more:hover,
 .node--type-job.carousel a.more:active,
 .job.list a.more:hover,
 .job.list a.more:active {
     color: #fff;
     text-decoration: none;
     background: #0072A6;
 }

 .btn-orange:hover,
 .cvareablock .btn.btn-cv:hover,
 .btn-orange:active,
 .cvareablock .btn.btn-cv:active {
     background: #DE7D00 !important;
 }

 a.bnbanner:hover,
 a.bnbanner:active {
     background: rgb(0, 0, 0, 0.05);
     border: 1px solid #E5E9EB;
     background-image: url(/corp/service/tech/img/blank.svg?s=);
     background-position: right 8px bottom 8px;
     background-repeat: no-repeat;
 }

 .feature-bnr-view-mode .breadcrumb-area,
 .feature-bnr-view-mode .page-title-area {
     background: #123F67;
     color: #fff;
 }

 .feature-bnr-view-mode .page-title-area {
     padding: 18px 15px;
     height: calc(248px - 52px);
     margin-bottom: 56px;
 }

 .feature-bnr-view-mode .page-title-area .page-title-content {
     display: flex;
     position: relative;
 }

 .feature-bnr-view-mode .page-title-area .page-title-content .page-ttl-warp {
     width: calc(100% - 407px);
 }

 .feature-bnr-view-mode .page-title-area h3.title {
     color: #fff;
     font-size: 40px;
 }

 .page-ttl-warp-img {
     width: 363px;
     position: absolute;
     right: 44px;
     top: -70px;
 }

 .page-ttl-warp-img img {
     width: 100%;
 }

 @media only screen and (max-width :767px) {
     .feature-bnr-view-mode .page-title-area h3.title {
         font-size: 20px;
     }

     .feature-bnr-view-mode .page-title-area .page-title-content .page-ttl-warp {
         width: calc(100% - 200px);
         padding-right: 10px;
     }

     .page-ttl-warp-img {
         width: calc(363px / 2);
         position: absolute;
         right: 19px;
         top: -70px;
     }
 }

 .page-404.maincontent {
     background: #F0F2F5;
     max-width: 100%;
 }

 .page-404.maincontent>.row {
     justify-content: center;
 }

 .page-404 .content_area_center {
     content: '';
     background-image: url(/corp/service/tech/img/404/bg_404.svg);
     background-repeat: no-repeat;
     background-size: 480px 528px;
     background-position: center;
     max-width: 480px;
     width: 100%;
     height: 528px;
     margin-top: 2px;
     margin-bottom: 80px;
 }

 @media screen and (max-width:767px) {
     .page-404 .content_area_center {
         background-image: url(/corp/service/tech/img/404/bg_404_sp.svg);
         background-size: cover;
         background-size: 400px 434px;
         max-width: 400px;
         height: 434px;
         margin-top: 18px;
         margin-bottom: 64px;
     }
 }

 .page-404 .c-page-head {
     margin-top: 220px;
 }

 .page-404 .c-page-head__ttl,
 .page-404 .block-front-content {
     text-align: center;
 }

 .page-404 .c-page-head__ttl {
     font-family: Arial;
     font-size: 32px;
     font-weight: 700;
     line-height: 50%;
     letter-spacing: -0.01em;
     color: #7A8A93;
 }

 .page-404 .c-page-head__ttl span {
     display: block;
     font-family: Arial;
     font-size: 96px;
     font-weight: 700;
     line-height: 100%;
     letter-spacing: initial;
     color: #0095D8;
 }

 .page-404 .block-front-content {
     margin-top: 56px;
 }

 .page-404 .block-front-content p {
     font-family: Arial;
     font-size: 16px;
     font-weight: 700;
     line-height: 150%;
     color: #272B30;
     ;
     padding: 0;
 }

 @media screen and (max-width:767px) {
     .page-404 .c-page-head {
         margin-top: 168px;
     }

     .page-404 .c-page-head__ttl {
         font-size: 27px;
         line-height: 80%;
     }

     .path-_04 .c-page-head__ttl span {
         font-size: 80px;
     }

     .page-404 .block-front-content {
         margin-top: 64px;
     }
 }

 .content-404 {
     content: '';
     background-image: url(/corp/service/tech/img/404/bg_404.svg);
     background-repeat: no-repeat;
     background-size: 480px 528px;
     background-position: center;
     max-width: 480px;
     width: 100%;
     height: 528px;
     margin: 2px auto 80px;
 }

 @media screen and (max-width:767px) {
     .content-404 {
         background-image: url(/corp/service/tech/img/404/bg_404_sp.svg);
         background-size: cover;
         background-size: 400px 434px;
         max-width: 400px;
         height: 434px;
         margin-top: 18px;
         margin-bottom: 64px;
     }
 }

 section[about="/404page"] {
     padding: 0;
 }

 section[about="/404page"] .align-items-center.row {
     display: block;
 }

 .content-404 .c-page-head {
     padding-top: 220px;
 }

 .content-404 .c-page-head__ttl,
 .content-404 .block-front-content {
     text-align: center;
 }

 .content-404 .c-page-head__ttl {
     font-family: Arial;
     font-size: 32px;
     font-weight: 700;
     line-height: 50%;
     letter-spacing: -0.01em;
     color: #7A8A93;
 }

 .content-404 .c-page-head__ttl span {
     display: block;
     font-family: Arial;
     font-size: 96px;
     font-weight: 700;
     line-height: 100%;
     letter-spacing: initial;
     color: #0095D8;
 }

 .content-404 .block-front-content {
     margin-top: 56px;
 }

 .content-404 .block-front-content p {
     font-family: Arial;
     font-size: 16px;
     font-weight: 700;
     line-height: 150%;
     color: #272B30;
     padding: 0;
 }

 @media screen and (max-width:767px) {
     .content-404 .c-page-head {
         padding-top: 168px;
     }

     .content-404 .c-page-head__ttl {
         font-size: 27px;
         line-height: 80%;
     }

     .content-404 .c-page-head__ttl span {
         font-size: 80px;
     }

     .content-404 .block-front-content {
         margin-top: 64px;
     }
 }

 .node--type-job .field--name-field-job-kodawari .field__item {
     max-width: 140px;
     overflow: initial;
     text-overflow: initial;
     white-space: initial;
     display: block;
 }

 .job.list {
     overflow: hidden;
 }

 .job.list>a:hover~a.more {
     color: #fff;
     text-decoration: none;
     background: #0072A6;
 }

 @media screen and (min-width:768px) {
     .job.list a.more:before {
         content: "";
         position: absolute;
         height: 800%;
         width: 100%;
         background: transparent;
         right: 0;
         bottom: 0;
     }
 }

 .job-list-title {
     font-size: 20px;
     font-weight: 500;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 16px;
 }

 .job-details.job.list .biz_type,
 .job-details.job.list .field--name-field-job-occupation {
     color: #272B30;
 }

 @media screen and (max-width:767px) {
     .job-list-title {
         margin-bottom: 12px;
     }
 }

 .node--type-job.carousel .list .field--name-field-jobex-actfreq,
 .node--type-job.carousel .list .money,
 .node--type-job.carousel .list .biz_type:not(:empty),
 .node--type-job.carousel .list .field--name-field-job-occupation {
     color: #272B30;
 }

 .job.list.unpublished .job-list-title {
     opacity: 0.5;
 }

 .job.list.unpublished:after {
     content: '本案件は募集終了しました';
     text-align: center;
     font-size: 18px;
     margin-bottom: 10px;
 }

 .node--type-job.carousel .job-carousel-title {
     color: #272B30;
     font-weight: 500;
     font-size: 16px;
     line-height: 150%;
 }

 .node--type-job.is-hover a:not(.nolink) .job-carousel-title,
 .node--type-job.is-hover a:not(.nolink) .job-list-title {
     text-decoration: underline;
 }

 .node--type-job.is-hover a.more:not(.inactive) {
     color: #fff;
     text-decoration: none;
     background: #0072A6;
 }

 summary {
     display: block;
 }

 summary::-webkit-details-marker {
     display: none;
 }

 .accordion {
     width: 100%;
     background-color: #fff;
     border: 1px solid #E5E9EB;
     border-bottom: 0;
 }

 .accordion-list .item-list:last-child .accordion {
     border-bottom: 1px solid #E5E9EB;
 }

 .accordion-list .item-list .field-content {
     width: 100%;
 }

 .accordion .ttl {
     width: 100%;
     padding: 22px 76px 24px 32px !important;
     text-align: left !important;
     display: flex;
     gap: 24px;
     align-items: flex-start;
 }

 .accordion-list details[open] .ttl {
     padding-bottom: 8px !important;
 }

 .accordion .ttl span {
     font-family: Arial;
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
     color: #7A8A93;
     width: 13px;
 }

 .accordion .ttl a {
     font-family: 'NotoSansJP';
     font-weight: 500;
     font-size: 16px;
     line-height: 150%;
     color: #272B30;
     width: calc(100% - 13px - 24px);
     pointer-events: none;
 }

 .accordion .content {
     width: 100%;
     padding: 0px 28px 16px 32px;
     display: flex;
     gap: 24px;
     align-items: flex-start;
 }

 .accordion .content .answer {
     font-family: Arial;
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
     color: #0095D8;
     width: 13px;
 }

 .accordion .content p {
     font-family: Arial;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     color: #272B30;
     width: calc(100% - 13px - 24px);
     padding-top: 2px;
 }

 .accordion-list details .ttl,
 .accordion-list details[open] .ttl {
     background-position: right 30px top 22px;
     background-repeat: no-repeat;
 }

 .accordion-list details .ttl {
     background-image: url(/corp/service/tech/img/a-down.svg);
 }

 .accordion-list details[open] .ttl {
     background-image: url(/corp/service/tech/img/a-up.svg);
 }

 .accordion-list details .ttl:hover {
     background-image: url(/corp/service/tech/img/h-down.svg);
     background-repeat: no-repeat;
 }

 .accordion-list details[open] .ttl:hover {
     background-image: url(/corp/service/tech/img/h-up.svg);
     background-repeat: no-repeat;
 }

 @media screen and (max-width:767px) {
     .accordion .ttl {
         padding: 15px 44px 15px 15px !important;
         gap: 8px;
     }

     .accordion-list details[open] .ttl {
         padding-bottom: 8px !important;
     }

     .accordion .ttl a {
         width: calc(100% - 13px - 8px);
     }

     .accordion-list details .ttl {
         font-family: 'Noto Sans JP';
         font-style: normal;
         font-weight: 500;
         font-size: 16px;
         line-height: 150%;
         color: #272B30;
     }

     .accordion-list details .ttl,
     .accordion-list details[open] .ttl {
         background-position: right 16px top 19px;
         background-repeat: no-repeat;
     }

     .accordion .content {
         padding: 0px 16px 16px 14px;
         gap: 8px;
     }

     .accordion .content p {
         width: calc(100% - 13px - 8px);
     }

     .accordion .content p:last-child {
         margin-bottom: 0;
     }
 }

 .go-top-area {
     z-index: 99;
 }

 .go-top-area .go-top .fa-angle-double-up {
     display: none;
 }

 #block-tech-job-page-user-login-form .user-login-warp {
     max-width: 896px;
 }

 #block-tech-job-page-user-login-form .modal-top-message {
     font-weight: 700;
     font-size: 24px;
     color: #272B30;
     line-height: 43.2px;
     padding: 40px 40px 0px 40px;
 }

 .login-form-page {
     margin-bottom: 20px;
 }

 .login-form-page .leftarea .text-left .login-form-text {
     font-weight: 400;
     font-size: 14px;
     line-height: 100%;
     text-align: center;
     color: #0095D8;
     margin-bottom: 28px;
 }

 .login-form-page .rightarea .text-left .login-form-text {
     font-weight: 400;
     font-size: 14px;
     line-height: 100%;
     text-align: center;
     color: #FB8D00;
     margin-bottom: 28px;
 }

 .login-form-page .rightarea .login-form-text-2 {
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
     text-align: center;
     color: #000000;
     margin-bottom: 16px;
 }

 .login-form-page .login-form.login-form__wrapper {
     text-align: left;
 }

 .login-form-page .login-kome {
     font-size: 10px;
     line-height: 150%;
     color: #7A8A93;
     display: flex;
     margin-bottom: 32px;
 }

 .login-form-page {
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 50px;
     margin-top: 0px;
     padding-top: 40px;
 }

 .legal-terms {
     font-size: 12px;
     line-height: 18px;
     color: #272B30;
     margin-top: 48px;
     margin-bottom: 16px;
     text-align: center;
 }

 .login-form-page .col-md-6 {
     padding-left: 62px;
     padding-right: 62px;
 }

 .rightborder {
     border-right: 1px solid #E5E9EB;
 }

 .login-form-page .user-login-form .form-item,
 .login-form-page .user-pass .form-item {
     margin-bottom: 8px;
 }

 #user-login-form .form-item label,
 #user-pass .form-item label {
     font-weight: 500;
     text-transform: none;
     color: #272B30;
     margin-bottom: 3px;
     font-size: 14px;
     line-height: 150%;
 }

 #user-login-form .form-item-pass input,
 #user-login-form input[type="email"],
 #user-login-form input[type="password"] {
     width: 100%;
     padding: 17px 16px;
     margin-left: 0;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 100%;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #D3DADD;
     border-radius: 0px;
     height: 48px;
 }

 .shwpd.eye-open {
     margin-top: -4px;
 }

 .form-required:after {
     display: inline-block;
     content: "必須";
     font-size: 10px;
     font-weight: 400;
     color: #fff;
     margin-left: 8px;
     background: #B91509;
     padding: 0px 4px;
     border-radius: 0px;
     height: 16px;
     line-height: 16px;
 }

 .login-form-page .btn.btn-register {
     display: block;
     height: 48px;
     color: #fff;
     font-size: 14px;
     line-height: 48px;
     background: #FB8D00;
     text-align: center;
     font-weight: 700;
     border-radius: 0px;
     width: 240px;
     max-width: 240px;
 }

 .login-form-page .user-login-form input[type="submit"] {
     display: block;
     color: #fff;
     font-size: 14px;
     background: #0095D8;
     text-align: center;
     font-weight: 700;
     border-radius: 0px;
     border: 1px solid #0095D8;
     height: 48px;
     line-height: 48px;
     width: 240px;
     max-width: 240px;
 }

 .user-login-warp .btn-warp {
     position: absolute;
     top: 24.5px;
     right: 24.5px;
     width: 19px;
     height: 19px;
     cursor: pointer;
 }

 .user-login-warp {
     margin-top: 0px !important;
 }

 .user-login-warp .btn-warp .modal-close {
     display: block;
     position: static;
     width: 19px;
     height: 19px;
     margin-left: auto;
     margin-right: auto;
     background: none;
     z-index: 101;
 }

 .btn-warp .modal-close:before,
 .btn-warp .modal-close:after {
     background: #272B30;
 }

 @media (min-width:1200px) {
     .path-user .col.content_area_center {
         max-width: 100%;
     }
 }

 @media screen and (max-width:767px) {
     .sp-none {
         display: none;
     }

     #block-tech-job-page-user-login-form .modal-top-message {
         font-weight: 700;
         font-size: 24px;
         color: #272B30;
         line-height: 180%;
         padding: 48px 24px 0px 24px;
         text-align: left;
     }

     .login-form-page {
         margin-top: 0px;
         padding-top: 19px;
         padding-bottom: 32px;
     }

     .login-form-page .leftarea .text-left .login-form-text,
     .login-form-page .rightarea .login-form-text-2 {
         display: none;
     }

     .login-form-page .col-md-6 {
         padding-left: 24px;
         padding-right: 24px;
     }

     .login-form-page .login-kome {
         margin-bottom: 24px;
     }

     #block-tech-job-page-user-login-form.modal-container {
         padding: 52px 16px;
     }

     .login-form-page .rightarea .text-left .login-form-text {
         margin-bottom: 13px;
     }

     .legal-terms {
         margin-top: 32px;
     }

     .login-form-page .user-login-form input[type="submit"],
     .login-form-page .btn.btn-register {
         max-width: 100%;
         width: 100%;
     }

     .login-form-page .user-login-form input[type="submit"] {
         margin-bottom: 32px;
     }
 }

 @media only screen and (min-width :1200px) {
     .job-slick .slick-track {
         margin-left: -253px;
     }

     .slick-prev.slick-arrow {
         left: 12px !important;
         bottom: 111px;
     }

     .slick-next.slick-arrow {
         right: 15px !important;
         bottom: 111px;
     }
 }

 @media only screen and (max-width :1199px) {
     .slick-prev.slick-arrow {
         position: absolute !important;
         left: 21px !important;
         bottom: 111px;
     }

     .slick-next.slick-arrow {
         position: absolute !important;
         right: 0px !important;
         bottom: 111px;
     }
 }

 @media only screen and (max-width :992px) {
     .slick-prev.slick-arrow {
         position: absolute !important;
         left: 21px !important;
         bottom: 111px;
     }

     .slick-next.slick-arrow {
         position: absolute !important;
         right: 145px !important;
         bottom: 111px;
     }
 }

 #block-hipro-tech-user-menu {
     display: none;
 }

 @media (min-width:991.5px) {
     #block-hipro-tech-user-menu {
         display: block;
         position: absolute;
         right: 77px;
     }
 }

 .modal-container.header-btn-click {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     background: rgba(0, 0, 0, 50%);
     padding: 40px 20px;
     overflow: auto;
     opacity: 0;
     visibility: hidden;
     transition: .3s;
     box-sizing: border-box;
     z-index: 1000;
 }

 .modal-container.header-btn-click.active {
     opacity: 1;
     visibility: visible;
 }

 @media screen and (max-width:991.4px) {
     .modal-container.header-btn-click {
         padding-left: 16px;
         padding-right: 16px;
     }
 }

 #block-hipro-tech-non-login-mypage {
     display: block;
     position: absolute;
     right: 168px;
 }

 @media only screen and (max-width :991px) {
     #block-hipro-tech-non-login-mypage {
         display: none;
     }
 }

 #block-tech-user-register-in-user-login-head-btn .modal-top-message {
     display: none;
     font-weight: 700;
     font-size: 24px;
     color: #272B30;
     line-height: 43.2px;
     padding: 40px 40px 0px 40px;
 }

 @media screen and (max-width:991.4px) {
     #block-tech-user-register-in-user-login-head-btn .modal-top-message {
         padding: 48px 24px 0;
         text-align: left;
         font-weight: 700;
         font-size: 24px;
         line-height: 180%;
     }
 }

 .user-login-warp {
     position: relative;
     display: block;
     background: #fff;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
 }

 .user-login-warp .btn-warp {
     display: block;
     width: 100%;
     position: relative;
     text-align: right;
 }

 .user-login-warp .btn-warp .modal-close {
     display: block;
     position: relative;
     width: 25px;
     height: 25px;
     margin-left: auto;
     margin-right: 10px;
     z-index: 101;
 }

 .user-login-warp .btn-warp .modal-close:before {
     content: "";
     position: absolute;
     background: #000;
     right: 10px;
     top: 0%;
     width: 2px;
     height: 20px;
     transform: rotateZ(45deg);
 }

 .user-login-warp .btn-warp .modal-close:after {
     content: "";
     position: absolute;
     background: #000;
     right: 10px;
     top: 0%;
     width: 2px;
     height: 20px;
     transform: rotateZ(-45deg);
 }

 @media only screen and (max-width :991.4px) {
     .navigation .navbar .navbar-collapse.sub-menu-bar.show {
         padding-top: 32px;
         top: 99%;
     }

     #block-tech-front-main-menu {
         margin-top: 32px;
     }

     .navigation .navbar .navbar-collapse .nav-item {
         padding-left: 32px;
         height: 32px;
         margin-bottom: 16px;
     }

     .navigation .navbar .navbar-nav .nav-item a {
         font-size: 16px;
         color: #272B30;
         line-height: 210%;
         height: 32px;
     }

     .navigation .navbar .navbar-nav .nav-item:nth-child(4) {
         margin-top: 10px !important;
     }

     .sp-menu .contact-address {
         margin-top: 38px;
     }

     .contact-address p {
         font-weight: 700;
         font-size: 28px;
         line-height: 100%;
         font-family: 'NotoSansJP';
     }

     .navigation .navbar .navbar-collapse.sub-menu-bar.show .navbar-nav {
         margin-bottom: 0px !important;
     }

     #spmenu .spmypage-warp {
         width: 100%;
         position: relative;
         margin-top: 24px;
         margin-bottom: 24px;
     }

     #spmenu .spmypage-warp,
     #spmenu-non-login .spmypage-warp {
         margin-top: 32px;
         margin-bottom: 48px;
     }

     #spmenu.open .spmypage-warp {
         margin-bottom: 24px;
     }

     #spmenu .spmypage-warp.current:before {
         position: absolute;
         content: "";
         border-left: solid 4px #7A8A93;
         left: 0px;
         top: 0px;
         bottom: 15px;
         width: 4px;
         height: 32px;
     }

     #spmenu .spmypage-warp.current:after {
         position: absolute;
         content: "";
         border-left: solid 4px #0095D8;
         left: 0px;
         bottom: 0px;
         width: 4px;
         height: 16px;
     }

     #spmenu a.spmypage {
         margin: 0;
         padding-left: 32px !important;
         width: 100%;
         height: 32px;
         line-height: 32px;
         position: relative;
         font-size: 16px;
         color: #272B30;
         margin-bottom: 0px !important;
         margin-top: 0px !important;
     }

     #spmenu a.spmypage::after {
         content: '';
         width: 10px;
         height: 10px;
         border-top: solid 1px #272B30;
         border-right: solid 1px #272B30;
         position: absolute;
         transition: all 300ms 0s ease;
         right: 19.75px;
         top: 35%;
         transform: rotate(135deg);
     }

     #spmenu.open a.spmypage::after {
         transform: rotate(-45deg);
     }

     ul.spmenu-list {
         padding-left: 40px;
     }

     #spmenu:not(.open) ul.spmenu-list {
         display: none;
     }

     ul.spmenu-list li {
         font-size: 14px;
         color: #272B30;
         line-height: 32px;
         height: 24px;
         margin-bottom: 24px;
         padding-left: 13px;
     }

     #spmenu.open ul.spmenu-list li:last-child {
         margin-bottom: 40px;
     }

     ul.spmenu-list li a {
         position: relative;
         color: #272B30;
     }

     body ul.spmenu-list li a:before {
         content: "";
         width: 5px;
         height: 2px;
         top: calc(50% - 2px);
         left: -13px;
         background: #272B30;
         position: absolute;
     }

     body.mypagetop ul.spmenu-list li:nth-child(1) a:before {
         width: 6px;
         height: 6px;
         background: #0095D8;
         border-radius: 50%;
         position: absolute;
     }

     .tech-mypage-top.mypagetop.user-logged-in #spmenu span:before,
     .tech-mypage-tech_desired_main_condition.user-logged-in #spmenu span:before,
     .tech-mypage-entry.user-logged-in #spmenu span:before,
     .tech-mypage-account.user-logged-in #spmenu span:before {
         position: absolute;
         content: "";
         border-left: solid 4px #7A8A93;
         left: 0px;
         top: 0px;
         bottom: 15px;
         width: 4px;
         height: 34.34px;
     }

     .tech-mypage-top.mypagetop.user-logged-in #spmenu span:after,
     .tech-mypage-tech_desired_main_condition.user-logged-in #spmenu span:after,
     .tech-mypage-entry.user-logged-in #spmenu span:after,
     .tech-mypage-account.user-logged-in #spmenu span:after {
         position: absolute;
         content: "";
         border-left: solid 4px #0095D8;
         left: 0px;
         bottom: 0px;
         width: 4px;
         height: 16px;
     }

     body.tech-mypage-tech_desired_main_condition ul.spmenu-list li:nth-child(2) a:before {
         width: 6px;
         height: 6px;
         background: #0095D8;
         border-radius: 50%;
         position: absolute;
     }

     body.tech-mypage-tech_experience_skill ul.spmenu-list li:nth-child(3) a:before {
         width: 6px;
         height: 6px;
         background: #0095D8;
         border-radius: 50%;
         position: absolute;
     }

     body.tech-mypage-entry ul.spmenu-list li:nth-child(4) a:before {
         width: 6px;
         height: 6px;
         background: #0095D8;
         border-radius: 50%;
         position: absolute;
     }

     body.tech-mypage-account ul.spmenu-list li:nth-child(5) a:before {
         width: 6px;
         height: 6px;
         background: #0095D8;
         border-radius: 50%;
         position: absolute;
     }

     #spmenu a.splogout {
         margin-left: auto !important;
         margin-right: auto !important;
     }
 }

 @media (min-width:991.5px) {
     #spmenu-non-login {
         display: none;
     }
 }

 #spmenu-non-login a.spmypage {
     font-size: 16px;
     color: #272B30;
     margin-bottom: 0px;
     margin-top: 0px;
     padding-left: 32px;
 }

 #spmenu-non-login .spmypage-warp {
     width: 100%;
     position: relative;
 }

 #spmenu-non-login .spmypage-warp.current:before {
     position: absolute;
     content: "";
     border-left: solid 4px #7A8A93;
     left: 0px;
     top: 0px;
     bottom: 15px;
     width: 4px;
     height: 32px;
 }

 #spmenu-non-login a.splogin {
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     text-align: center;
     line-height: 48px;
     margin-left: auto;
     margin-right: auto;
     background: #0095D8;
     display: block;
     width: 224px;
     height: 48px;
     border: 1px solid #0095D8;
 }

 .navigation .navbar .navbar-nav .nav-item .sub-menu>li a:hover:before {
     background: #0095D8;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     display: block;
     content: "";
     position: absolute;
     top: 40%;
     left: -29px;
 }

 .ui-multiselect {
     display: block;
     height: 32px;
     border: 1px solid #D3DADD !important;
     border-radius: 0px;
     display: block;
     width: 236px;
     height: auto;
     min-height: 40px;
     padding: 0px 30px 0px 16px !important;
 }

 .ui-multiselect .ui-icon-triangle-1-s {
     display: none;
 }

 .ui-multiselect {
     background: url(/corp/service/tech/img/down.svg) no-repeat 200px center !important;
 }

 .ui-multiselect-checkboxes label {
     text-indent: 0px !important;
     padding: 3px 1px 3px 5px !important;
 }

 .ui-multiselect-checkboxes input[type="checkbox"] {
     display: inline-block !important;
     z-index: -9999;
     opacity: 0;
     margin-right: 0 !important;
     width: 0px !important;
     position: absolute;
 }

 .ui-multiselect-checkboxes input[type="checkbox"]+span:hover::before {
     background-color: #fff;
 }

 .ui-multiselect-checkboxes input[type="checkbox"]+span::before {
     width: 16px;
     height: 16px;
     font-size: 12px !important;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     content: "";
     color: transparent;
     padding: 0;
     font-weight: 400;
     background: #fff;
     border: 1px solid #D3DADD;
     margin: -2px 10px 0 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     transition: .1s;
 }

 .ui-multiselect-checkboxes input[type="checkbox"]+span:hover::before {
     background: #E5E9EB;
 }

 .ui-multiselect-checkboxes input[type="checkbox"]:checked+span::before {
     content: "";
     color: #fff;
     line-height: 16px;
     text-indent: 0.1em;
     font-weight: 400;
     border: 1px solid #0095D8;
     background: #0095D8;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-image: url(/corp/service/tech/img/check.svg);
 }

 .ui-multiselect .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-multiselect .ui-state-focus,
 .ui-multiselect.ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-multiselect .ui-button:hover,
 .ui-multiselect .ui-button:focus {
     border: none;
     background: #fff;
     font-weight: normal;
     color: #272B30;
 }

 .ui-multiselect-checkboxes li label {
     margin-bottom: 8px !important;
     border: none !important;
 }

 form[class*="profile-tech-desired-main-condition"] .error.fieldset-wrapper:after {
     content: "希望開始時期が入力されていません。";
     color: #E31B0C;
     font-weight: 700;
     font-size: 12px;
     line-height: 150%;
 }

 form[class*="profile-tech-desired-main-condition"] .field--type-year-month .error .form-item .form-select {
     color: #E31B0C;
     border-color: #E31B0C;
     background-color: #FEECEB !important;
 }

 .modal-container.header-btn-click.active .modal-container {
     opacity: 1 !important;
     visibility: visible !important;
 }

 .entry-period-end {
     color: #B91509;
     font-size: 10px;
     text-align: center;
 }

 .page-title-area_job_hipro .entry-period-end {
     background-color: #B91509;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     width: 64px;
     height: 18px;
     border-radius: 0px 0px 4px 0px;
     padding: 4px 8px 2px;
     font-size: 12px;
 }

 .page-title-area_job_hipro .interview-determine {
     background-color: #D3C32A;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     height: 18px;
     border-radius: 0px 0px 4px 0px;
     padding: 4px 8px 2px 22px;
     font-family: Arial;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     background-image: url(/corp/service/tech/img/i-medal.svg);
     background-repeat: no-repeat;
     background-position: left 8px center;
 }

 .node--type-job.carousel .read-more .interview-determine,
 .interview-determine-text {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     text-align: center;
     color: #BAA809;
 }

 .page-title-content div.text-center .interview-determine-text {
     margin-top: 18px;
 }

 @media screen and (min-width:768px) {
     #content_bottom .node--type-job.carousel .read-more .entry-period-end {
         text-align: center;
     }
 }

 .job-details-item-content+div.text-center .interview-determine-text {
     font-family: 'Arial';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     text-align: center;
     color: #BAA809;
     margin-top: 56px;
 }

 @media screen and (max-width:767px) {
     .job-details-item-content+div.text-center .interview-determine-text {
         padding-left: 16px;
         padding-right: 16px;
     }
 }

 .interview-determine-text+.mb-5.job-details-item-link.text-center.clearfix {
     margin-top: 24px;
 }

 .interview-determine-text+.mb-5.job-details-item-link.text-center.clearfix+.grouplink-text {
     margin-bottom: 0;
 }

 @media screen and (max-width:767px) {
     .node--type-job.carousel {
         display: inherit;
     }
 }

 .interview-determine.job-label {
     position: absolute;
     top: 0;
     left: 0;
     font-family: 'Arial';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     color: #fff;
     background-color: #D3C32A;
     background-image: url(/corp/service/tech/img/i-medal.svg);
     background-repeat: no-repeat;
     background-position: left 8px center;
     border-radius: 0px 0px 4px 0px;
     padding: 4px 8px 2px 22px;
 }

 .path-frontpage .tech-job-new-area,
 .tech-mypage-top .tech-job-new-area {
     margin: 0;
 }

 .path-frontpage .tech-job-new-area span:not(.job-label),
 .tech-mypage-top .tech-job-new-area span:not(.job-label) {
     display: none;
 }

 .job-recommend .tech-job-new-area .entry-period-end {
     position: absolute;
     top: 0;
     left: 0;
     border-radius: 0px 0px 4px 0px;
     background-color: #B91509;
     color: #fff;
     padding: 4px 8px 2px;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
 }

 .node--type-job.job-recommend .field--name-field-job-kodawari .field__item {
     padding-top: 5px !important;
     padding-bottom: 4px !important;
     line-height: 11px;
 }

 .req-link {
     display: none;
 }

 .req-txt {
     display: inline;
 }

 .user-logged-in .req-link {
     display: inline;
 }

 .user-logged-in .req-txt {
     display: none;
 }

 .accordion .content {
     display: grid;
     grid-template-columns: 13px 1fr;
     gap: 0 24px;
 }

 .accordion .content .answer {
     grid-column: 1;
 }

 .accordion .content>*:not(.answer) {
     grid-column: 2;
 }

 .accordion .content ul {
     list-style: disc;
     margin-bottom: 8px;
     padding-left: 20px;
 }

 .accordion .content ul:last-of-type {
     margin-bottom: 0;
 }

 .accordion .content p {
     width: auto;
     margin-bottom: 8px;
 }

 @media screen and (max-width:767px) {
     .accordion .content {
         gap: 0 8px;
     }
 }

 @media screen and (min-width:1200px) {
     #block-views-block-joblist-block-3 .blockcontent {
         padding-left: 20px;
     }
 }

 .job-slick .swiper {
     max-width: 1056px;
     overflow: initial !important;
     margin-left: auto;
     margin-right: auto;
 }

 @media only screen and (max-width :767px) {
     .job-slick .swiper .rightlistlink {
         right: 15px !important;
         top: -50px;
     }
 }

 .swiper-wrapper {
     display: flex;
 }

 @media (min-width:768px) {
     .job-slick .swiper {
         max-width: 528px;
         margin-left: 0;
         margin-right: 0;
     }
 }

 @media (min-width:992px) {
     .job-slick .swiper {
         margin-right: auto;
         max-width: 528px;
         margin-left: 135px;
     }
 }

 @media (min-width:1200px) {
     .job-slick .swiper {
         max-width: 1056px;
         margin-left: auto;
         margin-right: auto;
     }
 }

 @media only screen and (min-width :768px) {
     .swiper-slide {
         width: 504px !important;
         margin-right: 24px !important;
     }
 }

 @media only screen and (max-width :767px) {
     .job-slick .swiper {
         max-width: 279px !important;
         overflow: initial !important;
         padding-left: 0px;
     }

     .swiper-slide {
         margin-right: 16px;
         width: 279px !important;
     }
 }

 .swiper-button-prev:after,
 .swiper-button-next:after {
     font-family: swiper-icons;
     font-size: 13px !important;
     font-weight: bold;
     text-align: center;
     line-height: 32px;
     color: #373A3F;
     text-transform: none !important;
     letter-spacing: 0;
     font-variant: initial;
     display: block;
     width: 32px;
     height: 32px;
     padding-top: 10px;
     position: absolute;
     border-radius: 9999px;
     box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
     background-color: #fff;
     background-repeat: no-repeat;
     opacity: 1;
 }

 .swiper-button-prev:after {
     left: -25px;
     padding-right: 3px;
 }

 .swiper-button-next:after {
     right: 0;
     padding-left: 3px;
 }

 @media only screen and (max-width :767px) {

     .swiper-button-prev:after,
     .swiper-button-next:after {
         display: none;
     }

     .swiper-wrapper {
         display: flex;
     }
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
     display: none;
 }

 @media screen and (max-width:991px) {
     .swiper-button-next {
         right: 10px !important;
     }
 }

 .page-node-type-supervisor {
     background-color: #fff;
 }

 @media screen and (min-width:1200px) {
     .page-node-type-supervisor .col.content_area_center {
         max-width: 100%;
     }
 }

 .sv-head {
     display: flex;
     margin-bottom: 62px;
 }

 .svphoto {
     flex-basis: 513px;
     text-align: left;
 }

 .svdetails {
     flex: 1;
     font-family: 'NotoSansJP';
     font-weight: 400;
 }

 .svdetails .field--name-field-sv-name {
     font-size: 40px;
     font-weight: 700;
     line-height: 180%;
     margin-bottom: 8px;
 }

 .svdetails .field--name-field-sv-readtext {
     font-weight: 500;
     font-size: 20px;
     line-height: 150%;
     margin-bottom: 24px;
 }

 .svdetails .field--name-field-sv-dedailtext p {
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;
     margin-bottom: 8px;
 }

 .sv-content-ttl,
 .oldh2 {
     color: #0095D8;
     font-weight: 700;
     font-size: 24px;
     line-height: 180%;
     margin-bottom: 24px;
 }

 .sv-content table {
     margin-bottom: 80px;
     border-top: #ededed 1px solid;
 }

 .sv-content table td {
     padding: 19px 0px;
     border: #E5E9EB 1px solid;
     border-top: none;
     border-right: none;
     border-left: none;
     font-family: 'NotoSansJP';
     font-weight: 400;
     font-size: 16px;
     color: #272B30;
     line-height: 150%;
 }

 .sv-content table td:first-child {
     width: 149px
 }

 .sv-content .field--name-field-sv-result {
     margin-bottom: 80px;
 }

 .sv-content ul li {
     margin-bottom: 24px;
     font-size: 16px;
     font-family: 'NotoSansJP';
     font-weight: 400;
 }

 .sv-content ul li:last-child {
     margin-bottom: 0;
 }

 @media screen and (max-width:991px) {
     .sv-head {
         display: block;
     }

     .svphoto {
         margin-bottom: 24px;
     }

     .svphoto img {
         height: auto;
     }

     .sv-content table td {
         display: block;
         width: 100%;
         padding: 0 0 22px;
     }

     .sv-content table td:first-child {
         padding: 22px 0 0;
         border: 0;
         width: 100%;
     }
 }

 #block-views-block-tech-supervisor-list-block-1 {
     margin-bottom: 80px;
 }

 #block-views-block-tech-supervisor-list-block-1 .ttl h2 {
     color: #0095D8;
     font-weight: 700;
     font-size: 24px;
     line-height: 180%;
     margin-bottom: 24px;
 }

 .supervisor-warp .column-grid a {
     background: #fff;
     border: 1px solid #E5E9EB;
     display: flex;
     position: relative;
 }

 .supervisor-warp .column-grid a:hover {
     text-decoration: none;
     opacity: 0.6;
 }

 .supervisor-warp .column-grid-img img {
     width: 210px;
     height: 210px;
     object-fit: cover;
 }

 .supervisor-warp .column-grid-title {
     padding: 20px 24px;
     width: 100%;
     flex: 1;
 }

 .supervisor-warp .column-grid-title .columndate {
     font-size: 12px;
     color: #7A8A93;
     font-family: Arial, Helvetica, "sans-serif";
     display: inline;
     margin-right: 4px;
 }

 .supervisor-warp .column-grid .column-category {
     color: #707F87;
     font-size: 11px;
     border-radius: 10px !important;
     border: none;
     padding: 0px 10px;
     display: inline-block;
     margin-right: 0px;
     margin-bottom: 5px;
     background: #F0F2F5;
 }

 .supervisor-warp .column-grid .column-grid-title .cttl {
     font-family: 'NotoSansJP';
     font-size: 16px;
     font-weight: 500;
     color: #272B30;
     margin-bottom: 8px;
     margin-top: 0px;
     clear: both;
     display: block;
     line-height: 150%;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }

 .supervisor-warp .column-grid .columnteaser {
     font-family: Arial;
     font-size: 12px;
     color: #272B30;
     line-height: 150%;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
 }

 .supervisor-warp .column-grid .column-more {
     font-size: 12px;
     color: #0095D8;
     position: absolute;
     right: 24px;
     bottom: 24px;
 }

 @media screen and (max-width:767px) {
     #block-views-block-tech-supervisor-list-block-1 {
         margin-bottom: 60px;
     }

     .supervisor-warp:not(:last-child) {
         margin-bottom: 25px;
     }

     .supervisor-warp .column-grid a {
         display: block;
     }

     .supervisor-warp .column-grid {
         background: #fff;
         border: 1px solid #E5E9EB;
         display: flex;
         position: relative;
         flex-direction: column;
         max-width: 341px;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
     }

     .supervisor-warp .column-grid-img img {
         width: 100%;
         height: auto;
         object-fit: cover;
     }

     .supervisor-warp .column-grid .column-more {
         font-size: 12px;
         color: #0095D8;
         position: relative;
         right: 0;
         bottom: 0;
         display: block;
         width: 100%;
         text-align: right;
         margin-top: 10px;
     }
 }

 #block-corp-front-hetsutanoitenshiniaxiangkerinku a {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 13px;
     line-height: 100%;
     color: #0095D8;
     display: flex;
     gap: 6px;
     vertical-align: middle;
     place-content: flex-end;
     height: 32px;
     align-items: center;
 }

 #block-corp-front-hetsutanoitenshiniaxiangkerinku a:before {
     display: inline-block;
     width: 16px;
     height: 16px;
     background: url(/corp/service/tech/img/icon-user.svg) no-repeat;
     background-size: contain;
     background-position: bottom;
     content: "";
 }

 @media screen and (max-width:991px) {
     #block-header-top-keyword {
         line-height: 40px;
     }

     #block-corp-front-hetsutanoitenshiniaxiangkerinku a {
         gap: 4px;
         height: 40px;
     }

     #block-corp-front-hetsutanoitenshiniaxiangkerinku a:before {
         margin-top: 0;
     }

     #site-top-keyword .col-md-8.site-top-keyword-left {
         padding-left: 5px;
     }
 }

 .wrapper .service {
     max-width: 1112px;
     padding: 80px 16px;
     margin: auto;
 }

 @media screen and (max-width:767px) {
     .wrapper .service {
         padding-top: 64px;
         padding-bottom: 64px;
     }
 }

 div[id^='block-views-block-frontcontent-block-'] {
     margin-top: 56px;
     margin-bottom: 56px;
     position: relative;
 }

 div[id^='block-views-block-frontcontent-block-']>.container {
     max-width: 896px;
 }

 @media screen and (min-width:992px) {
     div[id^='block-views-block-frontcontent-block-']>.container .col-md-12 {
         padding: 0;
     }
 }

 .rightlistlink {
     position: absolute;
     top: 10px;
     right: 16px;
     font-size: 14px;
 }

 .rightlistlink:hover {
     text-decoration: underline;
 }

 div[id^='block-views-block-frontcontent-block-'] h2,
 div[id^='block-views-block-front-content-'] h2,
 div[id^='block-views-block-information-list-'] h2 {
     color: #272B30 !important;
 }

 .bg-deepgray {
     background-color: #DAE2E8;
 }

 .wrapper .service.cv {
     max-width: 980px;
 }

 @media screen and (min-width:992px) {
     div[id^='block-cvarea-btn-'] .container {
         max-width: 980px;
     }
 }

 div[id^='block-cvarea-btn-'] .container .col-md-12 {
     padding: 0;
 }

 .cv {
     text-align: center;
 }

 .cv p {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 16px;
 }

 .cv-area {
     display: flex;
     justify-content: center;
     gap: 16px;
 }

 .cv-area .btn {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 100%;
     text-align: center;
     max-width: 240px;
     width: 100%;
     padding: 16px 24px;
     border-radius: 0;
 }

 .cv-area .btn-main {
     background: #0095D8;
     color: #fff;
 }

 .cv-area .btn-cv {
     background: #FB8D00;
     color: #fff;
 }

 .cv-area .btn-main:hover {
     background: #007FB8;
     color: #fff;
 }

 .cv-area .btn-cv:hover {
     background: #DE7D00;
     color: #fff;
 }

 @media screen and (max-width:767px) {
     .wrapper .cv {
         padding-left: 16px;
         padding-right: 16px;
     }

     .cv p {
         font-size: 18px;
         margin-bottom: 24px;
     }

     .cv-area {
         flex-wrap: wrap;
         gap: 24px 16px;
     }

     .cv-area .btn {
         max-width: 311px;
         font-size: 16px;
         padding: 15px 24px;
     }
 }

 #block-cvarea-btn-contact,
 #block-cvarea-btn-download {
     padding-bottom: 80px;
 }

 #block-cvarea-btn-download .txt {
     color: #FB8D00;
 }

 @media screen and (min-width:768px) {

     #block-cvarea-btn-contact br.sp,
     #block-cvarea-btn-download br.sp {
         display: none;
     }
 }

 .columngrid .field-content {
     width: 100%;
 }

 .column.grid .field--name-field-col-category:empty {
     border: none;
     background: none;
 }

 .path-column .breadcrumb-area,
 .path-information .breadcrumb-area,
 .path-casestudy .breadcrumb-area,
 .path-document .breadcrumb-area,
 .path-itengineer .breadcrumb-area,
 .path-help .breadcrumb-area {
     background: #fff;
 }

 .pagettlarea {
     max-width: 896px;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     gap: 20px;
     padding-top: 17px;
     padding-bottom: 56px;
 }

 .pagettl {
     font-weight: 700;
     font-size: 40px;
     line-height: 100%;
     background: url(/corp/service/tech/img/topcycle.svg) no-repeat left bottom;
     padding-bottom: 20px;
     color: #272B30;
 }

 .path-document .pagettlarea {
     gap: 45px;
 }

 .page-list-head {
     font-size: 16px;
     font-weight: 700;
     flex: 1;
     display: flex;
     align-items: center;
 }

 @media screen and (max-width:767px) {
     .pagettlarea {
         display: block !important;
         padding-bottom: 40px !important;
     }

     .pagettl {
         margin-bottom: 16px;
     }
 }

 .path-information .news-list-page header,
 .path-column .column-list-page header,
 .path-casestudy .casestudy-list-page header,
 .path-document .document-list-page header,
 .path-itengineer .itengineer-list-page header {
     background: #fff;
     margin: 0 calc(50% - 50vw);
     width: 100vw;
     padding-bottom: 0px;
     margin-bottom: 56px;
 }

 .path-information .container.maincontent,
 .path-column .container.maincontent,
 .path-casestudy .container.maincontent,
 .path-document .container.maincontent,
 .path-itengineer .container.maincontent {
     max-width: calc(896px + (12px * 2));
     margin-bottom: 80px;
 }

 .path-information .col.content_area_center,
 .path-column .col.content_area_center,
 .path-casestudy .col.content_area_center,
 .path-document .col.content_area_center,
 .path-itengineer .col.content_area_center {
     max-width: 100%;
 }

 @media screen and (max-width:991px) {

     .path-information .news-list-page header,
     .path-column .column-list-page header,
     .path-casestudy .casestudy-list-page header,
     .path-document .document-list-page header,
     .path-itengineer .itengineer-list-page header {
         padding-left: 15px;
         padding-right: 15px;
         overflow-x: hidden;
     }
 }

 @media screen and (max-width:767px) {

     .path-information .container.maincontent,
     .path-column .container.maincontent,
     .path-casestudy .container.maincontent,
     .path-document .container.maincontent,
     .path-itengineer .container.maincontent {
         margin-bottom: 64px;
     }
 }

 .path-casestudy .case-study-list {
     flex-wrap: wrap;
 }

 .case-study-list {
     display: flex;
     gap: 16px;
 }

 .case-study-list li {
     max-width: calc((100% - 16px * 3) / 4);
     width: 100%;
 }

 .case-study-list li a {
     width: 100%;
 }

 .case-study-list .box {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     align-items: center;
     isolation: isolate;
     background-color: #FFFFFF;
     border: 1px solid #E5E9EB;
 }

 .case-study-list .box .thumnail {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .case-study-list .box .thumnail .main img {
     width: 100%;
     height: 139px;
     object-fit: cover;
     object-position: top;
 }

 .case-study-list .box .thumnail .logo {
     position: absolute;
     left: 0;
     bottom: 8px;
     width: 160px;
     height: 48px;
     margin-bottom: 0;
     background-color: #fff;
     text-align: center;
 }

 .case-study-list .box .thumnail .logo img {
     height: 48px;
 }

 .case-study-list .box .discription {
     width: 100%;
     height: 186px;
     padding: 16px;
     position: relative;
 }

 .case-study-list .box .discription h4 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .case-study-list .box .discription p {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     color: #272B30;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
 }

 .case-study-list .box .discription .read-more {
     position: absolute;
     right: 16px;
     bottom: 16px;
 }

 @media screen and (max-width:991px) {
     .case-study-list {
         flex-wrap: wrap;
         gap: 24px;
         max-width: 780px;
         margin-left: auto;
         margin-right: auto;
     }

     .case-study-list li {
         max-width: calc((100% - 24px) / 2);
     }

     .case-study-list .box .thumnail .main img {
         height: 226px;
     }

     .case-study-list .box .discription {
         height: 170px;
     }

     .case-study-list .box .discription h4 {
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }
 }

 @media screen and (max-width:767px) {
     .case-study-list li {
         max-width: 400px;
         margin-left: auto;
         margin-right: auto;
     }
 }

 .page-node-type-casestudy {
     background-color: #fff;
 }

 .page-node-type-casestudy .page-title-area {
     display: none;
 }

 .detailed-article h1.ttl {
     font-style: normal;
     font-weight: 700;
     font-size: 24px;
     line-height: 180%;
     color: #272B30;
     margin-bottom: 16px;
 }

 @media screen and (max-width:767px) {
     .detailed-article h1.ttl {
         margin-bottom: 24px;
     }
 }

 .detailed-article .info {
     font-size: 0;
 }

 .detailed-article .info .date {
     display: inline-block;
     width: auto;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     color: #7A8A93;
 }

 .detailed-article .info .category {
     display: inline-block;
     width: auto;
 }

 .detailed-article .category .field {
     font-size: 11px;
     padding: 0 8px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     border-radius: 10px;
     border: 1px solid #ddd;
     width: auto;
     display: inline-block;
     margin-left: 4px;
     color: #707F87;
     background-color: #F0F2F5;
 }

 .detailed-article .field--name-field-mainimage img {
     width: 100%;
     height: 100%;
     margin-bottom: 20px;
 }

 .widget-toc {
     background: #fff;
     padding: 24px;
     border: 1px solid #E5E9EB;
     margin-top: 40px !important;
     margin-bottom: 80px;
 }

 @media screen and (max-width:767px) {
     .widget-toc {
         padding: 16px 16px 24px;
     }
 }

 .widget-toc:before {
     content: "目次";
     display: block;
     font-weight: 700;
     margin-bottom: 8px;
     color: #272D30;
     font-size: 16px;
 }

 .widget-toc ol {
     margin-left: 21px;
     padding: 0;
     list-style-type: decimal;
 }

 .widget-toc ol>li {
     color: #0095D8;
     font-size: 16px;
     line-height: 180%;
     padding-left: 2px !important;
 }

 .widget-toc .toc-title {
     display: none;
 }

 .widget-toc ol>li a {
     color: #0095D8;
     text-decoration: underline;
     vertical-align: top;
 }

 .widget-toc ol>li:hover,
 .widget-toc ol>li:hover a {
     color: #0072A6;
 }

 .detailed-article .field--name-body h2 {
     font-size: 24px;
     font-weight: 700;
     line-height: 180%;
     color: #0095D8;
     margin-top: 80px;
     margin-bottom: 8px;
 }

 .detailed-article .field--name-body h3 {
     font-size: 16px;
     font-weight: 700;
     line-height: 180%;
     color: #0095D8;
     margin-top: 32px;
     margin-bottom: 8px;
 }

 .detailed-article .field--name-body,
 .detailed-article .field--name-body>p {
     font-family: 'NotoSansJP';
     font-size: 16px;
     font-weight: 400;
     line-height: 180%;
     color: #272B30;
     margin-bottom: 32px;
 }

 .detailed-article .field--name-body>p:last-child {
     margin-bottom: 0;
 }

 @media screen and (min-width:768px) {
     #content_bottom br.sp {
         display: none;
     }
 }

 .detailed-article .field--name-body>ul {
     list-style: disc;
     margin-left: 30px;
     margin-bottom: 32px;
 }

 .detailed-article .field--name-body>ul li {
     font-size: 16px;
     font-weight: 400;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
 }

 @media screen and (max-width:767px) {
     .detailed-article .field--name-body>ul {
         margin-left: 25px;
     }
 }

 .detailed-article .field--name-body ol {
     margin-left: 28px;
     list-style-type: decimal;
 }

 .detailed-article .field--name-body ol li {
     padding-left: 5px;
 }

 .detailed-article .field--name-body table {
     max-width: 800px;
     width: 100% !important;
     margin-bottom: 32px;
 }

 .detailed-article .field--name-body table th,
 .detailed-article .field--name-body table td {
     padding: 16px;
 }

 .detailed-article .field--name-body blockquote {
     margin-bottom: 32px;
     padding: 16px;
     font-style: italic;
 }

 @media screen and (min-width:991.5px) {

     body.page-node-type-casestudy,
     body.page-node-type-itengineer {
         overflow-x: unset;
     }

     .page-node-type-casestudy .container.w900.maincontent>.row,
     .page-node-type-itengineer .container.w900.maincontent>.row {
         gap: 0 48px;
         padding: 0 16px;
     }

     .page-node-type-casestudy .container.w900.maincontent>.row .col.content_area_center,
     .page-node-type-itengineer .container.w900.maincontent>.row .col.content_area_center {
         padding: 0;
     }

     .page-node-type-casestudy .block-front-content .column-details,
     .page-node-type-itengineer .block-front-content .column-details {
         padding-top: 22px;
     }

     .page-node-type-casestudy .content_area_right,
     .page-node-type-itengineer .content_area_right {
         margin-top: 50px;
         padding-left: 0;
         padding-right: 0;
     }

     .page-node-type-casestudy section.pt-20,
     .page-node-type-itengineer section.pt-20 {
         padding-top: 14px;
     }

     .page-node-type-casestudy .detailed-article .info,
     .page-node-type-itengineer .detailed-article .info {
         margin-bottom: 16px;
     }
 }

 @media screen and (max-width:991.4px) {

     .page-node-type-casestudy .content_area_right,
     .page-node-type-itengineer .content_area_right {
         display: block;
         width: 0;
         height: auto;
         padding: 0;
     }

     .page-node-type-casestudy .content_area_right>*:not(#block-column-cv-bnr-fixed),
     .page-node-type-itengineer .content_area_right>*:not(#block-column-cv-bnr-fixed) {
         display: none;
     }
 }

 .main-img {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .main-img .main img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
 }

 .main-img .logo {
     position: absolute;
     left: 0;
     bottom: 0px;
     margin-bottom: 0;
     background-color: #fff;
     text-align: center;
 }

 .com-info {
     margin-bottom: 8px;
 }

 .com-info>div {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 180%;
     color: #272B30;
     display: inline;
 }

 .com-info>div:not(:last-child) {
     margin-right: 8px;
 }

 section.node .align-items-center .field--name-field-casestudycategory {
     font-size: 12px;
     display: inline-block;
     color: #fff;
     font-weight: 700;
     background: #4f99d3;
     padding: 5px 10px;
     margin-bottom: 15px;
 }

 .casestudy-details .field--name-field-casestudylink {
     margin-top: 15px;
     text-align: right;
 }

 .casestudy-details .field--name-field-casestudylink a {
     display: inline-block;
     background: #1d3b51;
     color: #fff;
     font-size: 12px;
     font-weight: 700;
     border-radius: 20px;
     padding: 7px 25px;
 }

 .casestudy-details #fromengineer {
     border: 1px solid #E5E9EB;
     border-radius: 0;
     padding: 24px 24px 32px;
     display: grid;
     grid-template-rows: auto auto;
     grid-template-areas: 'img   ttl'
         'img   txt';
     gap: 0 16px;
 }

 .casestudy-details #fromengineer .field--name-field-authortitle {
     grid-area: ttl;
 }

 .casestudy-details #fromengineer .field--name-field-casestudyengineerimg {
     grid-area: img;
 }

 .casestudy-details #fromengineer .field--name-field-casestudyengineertxt {
     grid-area: txt;
 }

 .casestudy-details #fromengineer .field--name-field-authortitle {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;
     color: #272B30;
 }

 .casestudy-details #fromengineer .field--name-field-casestudyengineerimg img {
     width: 116px;
     height: auto;
     object-fit: cover;
     font-family: 'object-fit: cover';
     border-radius: 9999px;
 }

 @media screen and (max-width:767px) {
     .casestudy-details #fromengineer {
         display: grid;
         grid-template-rows: auto auto;
         grid-template-areas: 'img'
             'ttl'
             'txt';
     }

     .casestudy-details #fromengineer .field--name-field-authortitle {
         text-align: center;
         margin-bottom: 16px;
     }

     .casestudy-details #fromengineer .field--name-field-casestudyengineerimg {
         text-align: center;
         margin-bottom: 24px;
     }
 }

 .casestudy-details .field--name-field-qa {
     margin-bottom: 100px;
     margin-top: 65px;
 }

 .casestudy-details .field--name-field-qa .field--name-field-casestudytitle {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     font-size: 34px;
     font-weight: 700;
     margin-bottom: 60px;
     clear: both;
 }

 .casestudy-details .field--name-field-qa .field--name-field-casestudytitle:after {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 60px;
     height: 4px;
     background: #4f99d3;
     content: "";
     margin-top: 30px;
 }

 .casestudy-details .field--name-field-qa .field--name-field-client-img.field--type-image img {
     float: left;
     margin-right: 20px;
 }

 .casestudy-details .field--name-field-qa .field--name-field-casestudytantoimg.field--type-image img {
     float: right;
     margin-left: 20px;
 }

 .casestudy-details .field--name-field-qa .field--name-field-client-img.field--type-image img,
 .casestudy-details .field--name-field-qa .field--name-field-casestudytantoimg.field--type-image img {
     border-radius: 100%;
     height: 100px;
     width: 100px;
     object-fit: cover;
     font-family: 'object-fit: cover';
 }

 .field--name-field-casestudycomname1,
 .field--name-field-casestudytantoname {
     font-weight: 700;
     font-size: 22px;
     color: #1d3b51;
     margin-bottom: 15px;
 }

 .field--name-field-casestudytantoname {
     text-align: right;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1 {
     margin-left: 120px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1:after,
 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1:before {
     right: 100%;
     top: 25px;
     border: solid transparent;
     content: "";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2:after,
 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2:before {
     left: 100%;
     top: 25px;
     border: solid transparent;
     content: "";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1:after {
     border-color: rgba(255, 255, 255, 0);
     border-right-color: #ffffff;
     border-width: 10px;
     margin-top: -10px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1:before {
     border-color: rgba(221, 221, 221, 0);
     border-right-color: #dddddd;
     border-width: 11.5px;
     margin-top: -11.5px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2:after {
     border-color: rgba(255, 255, 255, 0);
     border-left-color: #ffffff;
     border-width: 10px;
     margin-top: -10px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2:before {
     border-color: rgba(221, 221, 221, 0);
     border-left-color: #dddddd;
     border-width: 11.5px;
     margin-top: -11.5px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2 {
     margin-right: 120px;
 }

 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext1,
 .casestudy-details .field--name-field-qa .field.field--name-field-casestudytext2 {
     color: #111;
     font-size: 15px;
     line-height: 200%;
     margin-bottom: 60px;
     padding: 30px;
     border: 1px solid #ddd;
     border-radius: 10px;
     display: block;
     position: relative;
 }

 .field--name-field-casestudydownload {
     text-align: center;
 }

 .field--name-field-casestudydownload a {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 100%;
     text-align: center;
     display: inline-block;
     margin: auto;
     padding: 17px 24px;
     border-radius: 0;
     background: #FB8D00;
     color: #fff !important;
 }

 .field--name-field-casestudydownload a:hover {
     background: #DE7D00;
 }

 #block-corp-front-views-block-front-content-grid-block-2 {
     margin-bottom: 80px;
 }

 #block-corp-front-views-block-front-content-grid-block-2 h2 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 150%;
     color: #272B30;
 }

 #block-corp-front-views-block-json-block-1 .views-field-nothing {
     display: none;
 }

 .document-list {
     font-family: 'NotoSansJP';
     display: flex;
     gap: 16px;
     flex-wrap: wrap;
 }

 .document-list .list-item {
     max-width: calc((100% - 16px * 3) / 4);
     width: 100%;
     background-color: #fff;
     border: 1px solid #E5E9EB;
     display: flex;
     flex-direction: column;
 }

 .document-list a {
     width: 100%;
     display: flex;
     flex-direction: column;
     flex: 1 0 auto;
 }

 .document-list .thumbnail img {
     max-width: 210px;
     max-height: 139px;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .document-list .ttl {
     padding-left: 16px;
     padding-right: 16px;
     font-style: normal;
     font-family: 'NotoSansJP';
     font-weight: 500;
     font-size: 16px;
     line-height: 150%;
     color: #272B30;
     margin-top: 16px;
     margin-bottom: 8px;
     flex-shrink: 0;
 }

 .document-list .body {
     padding-left: 16px;
     padding-right: 16px;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 16px;
     flex-shrink: 0;
 }

 .document-list .body ul {
     list-style: disc;
     padding-left: 18px;
 }

 .document-list .link {
     text-align: center;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
     line-height: 100%;
     color: #fff;
     background-color: #FB8D00;
     max-width: 160px;
     width: 100%;
     height: 32px;
     padding: 10px 16px;
     margin-top: auto;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 16px;
     flex-shrink: 0;
 }

 @media screen and (max-width:991px) {
     .document-list .list-item {
         max-width: calc((100% - 16px * 2) / 3);
         width: 100%;
     }

     .document-list .thumbnail img {
         max-width: 100%;
         max-height: 226px;
     }
 }

 @media screen and (max-width:767px) {
     .document-list {
         justify-content: center;
         gap: 24px;
     }

     .document-list .list-item {
         max-width: 400px;
         margin-left: auto;
         margin-right: auto;
     }

     .document-list .ttl,
     .document-list .body {
         padding-left: 24px;
         padding-right: 24px;
     }

     .document-list .ttl {
         margin-bottom: 16px;
     }

     .document-list .body {
         margin-bottom: 24px;
         font-size: 14px;
     }

     .document-list .link {
         max-width: 295px;
         margin-bottom: 32px;
         padding: 16px;
         font-size: 16px;
         height: 48px;
     }
 }

 .document-list-page footer {
     margin-top: 34px;
 }

 .document-list-page .pager+footer {
     position: relative;
     margin-top: 0;
 }

 .document-list-page .pager+footer p.count {
     position: absolute;
     right: 0;
     top: -40px;
 }

 .document-list-page footer p.count {
     font-size: 13px;
     text-align: right;
 }

 @media screen and (max-width:767px) {
     .path-document .pager {
         margin-top: 60px;
     }

     .document-list-page footer {
         margin-top: 24px;
     }

     .document-list-page .pager+footer p.count {
         top: -150px;
     }
 }

 .page-node-type-document .col.content_area_center {
     max-width: 100%;
     padding: 0 16px;
     margin: auto;
 }

 .page-node-type-document .container.maincontent {
     max-width: 1122px;
     padding: 0 16px;
     margin: auto;
 }

 .page-node-type-document .page-title-area {
     background-color: initial;
 }

 .document-detail-warp {
     display: flex;
     gap: 24px;
     margin-bottom: 80px;
 }

 .document-detail-warp.doc-casestudy,
 .document-detail-warp.doc-contact {
     display: block;
     max-width: 528px;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
 }

 .page-node-type-document .document-detail-warp h2,
 .document-detail-warp.doc-contact h2 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 24px;
     line-height: 180%;
     color: #272B30;
     margin-bottom: 16px;
 }

 @media screen and (max-width:767px) {

     .page-node-type-document .document-detail-warp h2,
     .document-detail-warp.doc-contact h2 {
         margin-bottom: 24px;
     }
 }

 .doc-content {
     max-width: calc((100% - 26px) / 2);
     width: 100%;
 }

 .doc-content img {
     width: 100%;
     height: 100%;
     margin-bottom: 40px;
 }

 @media screen and (max-width:767px) {
     .doc-content img {
         margin-bottom: 24px;
     }
 }

 .doc-content h3 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 16px;
 }

 .doc-content ul {
     list-style-type: none;
     padding-left: 18px;
 }

 .doc-content ul li {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 180%;
     color: #272B30;
 }

 .doc-content ul li::before {
     position: relative;
     top: -3px;
     left: -10px;
     display: inline-block;
     width: 5px;
     height: 5px;
     content: '';
     border-radius: 100%;
     background: #272B30;
 }

 @media screen and (max-width:767px) {
     .doc-content h3 {
         font-size: 16px;
     }
 }

 .doc-mktoform {
     max-width: 528px;
     width: 100%;
     background-color: #fff;
     padding: 40px;
     margin: 0 auto;
 }

 @media screen and (min-width:992px) {
     .doc-content+.doc-mktoform {
         max-width: calc((100% - 26px) / 2);
     }
 }

 .doc-mktoform form {
     max-width: 100%;
     width: 100% !important;
 }

 .doc-mktoform .mktoFormRow div .mktoFieldWrap {
     width: 100% !important;
 }

 .doc-mktoform .mktoForm input[type=text],
 .doc-mktoform .mktoForm input[type=url],
 .doc-mktoform .mktoForm input[type=email],
 .doc-mktoform .mktoForm input[type=tel],
 .doc-mktoform .mktoForm input[type=number],
 .doc-mktoform .mktoForm input[type=date],
 .doc-mktoform .mktoForm select.mktoField,
 .doc-mktoform .mktoForm textarea.mktoField {
     width: 100% !important;
     display: inline-block;
     box-sizing: border-box;
     border-radius: 0;
 }

 .doc-mktoform .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
     width: calc(50% - 8px) !important;
 }

 .doc-mktoform .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol input {
     width: 100% !important;
     clear: none !important;
 }

 .doc-mktoform .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol:not(:first-child) {
     margin-left: 16px;
 }

 .doc-mktoform .mktoForm select.mktoField,
 .doc-mktoform .mktoForm textarea.mktoField {
     width: 100% !important;
 }

 .doc-mktoform .mktoFieldWrap p>span strong {
     margin-bottom: 16px;
     padding: 0;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     color: #272B30;
 }

 .doc-mktoform .mktoFieldWrap p>span strong br {
     display: none;
 }

 @media only screen and (max-width:480px),
 only screen and (max-device-width:480px),
 only screen and (max-device-height:480px) {
     .doc-mktoform .mktoFieldWrap p>span strong a {
         padding: 0 2px;
     }
 }

 @media screen and (max-width:991px) {
     .document-detail-warp {
         display: block;
         max-width: 720px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 64px;
     }

     .doc-content,
     .doc-mktoform {
         max-width: 100%;
     }

     .doc-content {
         margin-bottom: 40px;
     }

     .doc-mktoform {
         padding: 24px 24px 40px;
     }
 }

 @media screen and (max-width:480px) {
     .doc-mktoform form {
         padding: 0 !important;
     }

     .doc-mktoform .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
         clear: initial;
         float: left;
     }
 }

 .itengineer-list {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
 }

 .itengineer-list li {
     max-width: calc((100% - 16px * 3) / 4);
     width: 100%;
 }

 .itengineer-list .box {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     align-items: center;
     isolation: isolate;
     background-color: #FFFFFF;
     border: 1px solid #E5E9EB;
 }

 .itengineer-list .box .thumnail {
     width: 100%;
     height: 100%;
 }

 .itengineer-list .box .thumnail img {
     width: 100%;
     height: 139px;
     object-fit: cover;
     object-position: top;
 }

 .itengineer-list .box .discription {
     padding: 16px;
 }

 .itengineer-list .box .discription h4 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .itengineer-list .box .discription p {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     color: #272B30;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
 }

 @media screen and (max-width:991px) {
     .itengineer-list {
         flex-wrap: wrap;
         gap: 24px;
         max-width: 780px;
         margin-left: auto;
         margin-right: auto;
     }

     .itengineer-list li {
         max-width: calc((100% - 24px) / 2);
     }

     .itengineer-list .box .thumnail img {
         height: 226px;
     }

     .itengineer-list .box .discription {
         height: 170px;
     }

     .itengineer-list .box .discription h4 {
         overflow: hidden;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
     }
 }

 @media screen and (max-width:767px) {
     .itengineer-list li {
         max-width: 400px;
         margin-left: auto;
         margin-right: auto;
     }
 }

 .page-node-type-itengineer {
     background-color: #fff;
 }

 .field--name-field-engineername {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 24px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 24px;
     width: 100%;
 }

 .field--name-field-engineerhistory {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 180%;
     color: #272B30;
 }

 .page-node-type-itengineer #block-corp-front-content img {
     height: auto;
 }

 @media screen and (max-width:575px) {
     .page-node-type-itengineer .page-title-area .col-lg-12 {
         padding-left: 0;
         padding-right: 0;
     }
 }

 .page-thanks {
     display: block;
     max-width: 804px;
     width: 100%;
     margin-top: 36px;
 }

 .page-thanks h2 {
     font-style: normal;
     font-weight: 700;
     font-size: 24px;
     line-height: 180%;
     color: #272B30;
     margin-bottom: 16px;
 }

 .page-thanks .description {
     background-color: #fff;
     border: 1px solid #E5E9EB;
     margin-bottom: 40px;
     padding: 24px 32px 32px;
 }

 .page-thanks .description>p {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 180%;
     color: #272B30;
     margin-bottom: 24px;
 }

 .page-thanks .description .contact {
     background: rgba(0, 149, 216, 0.1);
     padding: 16px;
 }

 .page-thanks .description .contact h3 {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
 }

 .page-thanks .description .contact p {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
 }

 .page-thanks .description .contact p:last-child {
     margin-bottom: 0;
 }

 .page-thanks .description .contact p span {
     display: block;
 }

 .page-thanks .btn-area .btn {
     display: block;
     margin: 0 auto;
 }

 .page-thanks .btn-area .btn {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 100%;
     text-align: center;
     max-width: 240px;
     width: 100%;
     padding: 17px 24px;
     border-radius: 0;
 }

 .page-thanks .btn-area .btn-main {
     background: #0095D8;
     color: #fff;
 }

 .page-thanks .btn-area .btn-main:hover {
     background: #007FB8;
     color: #fff;
 }

 @media screen and (max-width:767px) {
     .page-thanks {
         margin-top: 12px;
     }

     .page-thanks h2 {
         margin-bottom: 22px;
     }

     .page-thanks .description {
         padding: 24px 24px 32px;
     }

     .page-thanks .btn-area .btn {
         max-width: 295px;
     }
 }

 .page-thanks.contact .description>p {
     margin-bottom: 8px;
 }

 .page-thanks.contact .description .kome {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     line-height: 150%;
     color: #7A8A93;
     margin-bottom: 24px;
 }

 .content_area_right {
     max-width: 255px;
     width: 100%;
 }

 .content_area_right>div:not(:last-child) {
     margin-bottom: 32px;
 }

 .column-cv-bnr {
     background: #F0F2F5;
     border: 1px solid #E5E9EB;
     padding: 24px 15px;
     margin-bottom: 32px;
 }

 .rightcvttl {
     font-weight: 700;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
     color: #272B30;
     margin-bottom: 12px;
 }

 .rightcvtext {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
     text-align: center;
     color: #FB8D00;
     margin-bottom: 17px;
 }

 .btn-rightcv {
     background: #FB8D00;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 100%;
     padding: 17px 24px;
     width: 100%;
     border-radius: 0px;
     color: #fff;
     text-align: center;
 }

 .btn-rightcv:hover {
     background: #DE7D00 !important;
     text-decoration: none !important;
     color: #fff;
 }

 #block-column-cv-bnr-fixed {
     position: sticky;
     top: 0px;
 }

 #block-column-cv-bnr-fixed.onscroll {
     top: 70px;
 }

 @media screen and (max-width:991.4px) {
     #block-column-cv-bnr-fixed {
         position: fixed;
         width: 100%;
         left: 0;
         bottom: 0;
         top: auto !important;
         margin-bottom: 0 !important;
         background: #fff;
         padding: 16px 32px;
         z-index: 999;
     }

     .column-cv-bnr {
         background-color: #fff;
         border: none;
         margin-bottom: 0;
         padding: 0;
     }

     #block-column-cv-bnr-fixed .rightcvttl,
     #block-column-cv-bnr-fixed .rightcvbody .rightcvtext {
         display: none;
     }
 }

 .page-node-type-itengineer .page-title-area {
     display: none;
 }

 @media screen and (min-width:991.5px) {
     .page-node-type-itengineer .content_area_right {
         margin-top: 20px;
     }
 }

 .related-list {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
 }

 .related-list>.related-wrap {
     max-width: calc((100% - 16px) / 2);
     width: 100%;
 }

 .related-box {
     border: 1px solid #E5E9EB;
     display: flex;
 }

 .related-box .thumbnail {
     max-width: 164px;
     width: 100%;
     height: 100%;
 }

 .related-box .thumbnail img {
     width: 164px;
     height: 164px;
     object-fit: cover;
 }

 .related-box .overview {
     border: none;
     width: 100%;
     padding: 16px;
     position: relative;
     font-size: 0;
     flex: 1;
 }

 .related-box .overview .date {
     font-family: Arial;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     color: #7A8A93;
     display: block;
     margin-bottom: 6px;
 }

 .related-box .overview .category {
     font-size: 11px;
     margin-bottom: 8px;
     padding: 5px 8px 4px;
     text-align: center;
     width: auto;
     display: inline-block;
     color: #636F78;
     border: 1px solid #E5E9EB;
     background: #F0F2F5;
     border-radius: 10px !important;
     height: 20px;
     line-height: 100%;
 }

 .related-box .overview .category:empty {
     border: 1px solid #fff;
     background: #fff;
 }

 .related-box .overview .category a {
     color: #636F78;
 }

 .related-box .overview .category:hover {
     background: #E4E6E9;
     border: 1px solid #DADDDF;
 }

 .related-box .overview .title {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
     color: #272B30;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
 }

 .related-box .overview .readmore {
     position: absolute;
     bottom: 16px;
     right: 16px;
     font-family: Arial;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 150%;
     text-align: right;
     color: #0095D8;
 }

 @media screen and (max-width:767px) {
     #block-views-block-frontcontent-block-4 {
         max-width: 540px;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
     }

     .related-list {
         max-width: 540px;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
     }

     .related-list>.related-wrap {
         max-width: 100%;
     }

     .related-box {
         max-width: 343px;
         width: 100%;
         margin: 0 auto;
         flex-wrap: wrap;
     }

     .related-box .thumbnail {
         max-width: 100%;
     }

     .related-box .thumbnail a {
         display: block;
     }

     .related-box .thumbnail img {
         width: 100%;
         height: 191px;
         object-fit: cover;
     }

     .related-box .overview {
         padding: 16px 24px 42px;
     }

     .related-box .overview .date {
         width: auto;
         display: inline-block;
         margin-right: 8px;
     }

     .related-box .overview .category:empty {
         display: none;
     }

     a.site-logo img {
         max-width: 180px;
         height: auto;
     }
 }

 @media screen and (max-width:396px) {
     a.site-logo img {
         max-width: 150px;
         height: auto;
     }
 }

 @media screen and (min-width:1200px) {
     .site-top-keyword-left {
         padding-left: 15px;
     }

     .site-top-keyword-right {
         padding-right: 4px;
     }
 }

 .head-main .col-lg-12 {
     padding-left: 9px;
     padding-right: 0;
 }

 .head-main .navigation {
     padding-right: 0;
 }

 .headregist {
     display: inline-block;
     width: 120px;
     height: 64px;
     color: #fff;
     font-size: 13px;
     background: #FB8D00;
     text-align: center;
     font-weight: 500;
 }

 .headregist:hover {
     color: #fff;
     background: #DE7D00;
 }

 .headlogin {
     display: inline-block;
     width: 120px;
     height: 64px;
     color: #fff;
     font-size: 13px;
     background: #0095D8;
     text-align: center;
     font-weight: 500;
 }

 .headlogin:hover {
     color: #fff;
     background: #007FB8;
 }

 @media (min-width:991.5px) {
     .navbar-brand {
         margin-right: 37px;
     }

     #block-head-btn {
         position: absolute;
         right: -14px;
     }
 }

 #block-head-btn {
     display: flex;
     position: absolute;
     top: 0;
     right: 0;
 }

 .contact-address,
 .headregist,
 .headlogin {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .contact-address {
     display: inline-block;
     width: 157px;
     height: 64px;
     text-align: center;
     padding-top: 15px;
     padding-bottom: 13px;
     font-size: 0;
 }

 .contact-address p {
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     line-height: 100%;
     color: #272B30;
 }

 .contact-address span {
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     line-height: 150%;
     color: #272B30;
 }

 @media screen and (min-width:992px) {
     #block-head-btn .pc-none {
         display: none;
     }
 }

 @media screen and (max-width:991px) {
     #block-head-btn {
         display: flex;
         position: absolute;
         top: 0;
         right: 53px;
     }

     .contact-address {
         display: none;
     }

     .headregist,
     .headlogin {
         width: 80px;
         font-size: 11px;
     }
 }

 .sp-menu .contact-address {
     display: none;
 }

 @media only screen and (max-width :991px) {
     .sp-menu .contact-address {
         display: block;
         height: auto;
         padding-top: 0;
         text-align: left;
         margin-top: 38px;
         margin-left: 32px;
         width: 100%;
     }

     .sp-menu .contact-address a {
         font-family: 'Arial';
         font-style: normal;
         font-weight: 700;
         font-size: 28px;
         line-height: 100%;
         color: #272B30;
     }

     .contact-address span {
         font-family: 'NotoSansJP';
         font-style: normal;
         font-weight: 500;
         font-size: 14px;
         line-height: 150%;
         color: #272B30;
         margin-bottom: 8px;
     }

     .contact-address span:last-child {
         font-weight: 400;
     }

     .contact-address p {
         font-family: 'NotoSansJP';
         font-style: normal;
         font-weight: 700;
         font-size: 28px;
         line-height: 100%;
         color: #272B30;
         margin-bottom: 4px;
     }
 }

 div[id^="block-footer-menu"] ul li a {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 200%;
     letter-spacing: 0.04em;
     color: #fff;
 }

 div[id^="block-footer-menu"] ul li a:hover {
     text-decoration: underline;
 }

 .footer-area>.container {
     padding-bottom: 48px;
 }

 @media screen and (min-width:992px) {
     .footer-area .row {
         display: grid;
         grid-template-columns: auto auto auto 1fr;
         gap: 96px;
     }

     .footer-area .col-md-6:not(:first-child) {
         max-width: initial;
         width: auto;
         padding: 0;
     }

     .footer-area .col-md-6:first-child {
         max-width: initial;
         padding-top: 8px;
         padding-right: 0;
     }
 }

 @media screen and (max-width:991px) {
     .footer-area>.container>.row {
         display: grid;
         grid-template-columns: 1fr 1fr;
     }

     .footer-area>.container .col-md-6 {
         max-width: 100%;
     }

     .footer-area>.container .col-md-6:first-child {
         grid-column: 1/3;
     }

     .footer-area>.container .col-md-6:nth-child(3) {
         grid-column: 2/3;
         grid-row: 2/4;
     }

     div[id^="block-footer-menu"] ul li {
         padding: 16px 0;
         line-height: 100%;
     }

     div[id^="block-footer-menu"] ul li a {
         line-height: 100%;
     }

     .footer-area ul li a[target="_blank"] {
         background-position: top right;
     }

     #footer-company {
         margin-bottom: 48px;
     }
 }

 @media screen and (max-width:575px) {

     #block-footer-menu1,
     #block-footer-menu3 {
         padding-left: 17px;
     }

     #block-footer-menu2 {
         padding-right: 17px;
     }

     .footer-area>.container .col-md-6:nth-child(2),
     .footer-area>.container .col-md-6:nth-child(4) {
         padding-right: 5px;
     }

     .footer-area>.container .col-md-6:nth-child(3) {
         padding-left: 0;
     }

     #block-footer-menu3 ul li:last-child {
         padding-bottom: 0;
     }
 }

 @media (min-width:991.5px) {
     #block-hiprotechhetsutakiwatojiansuo #head-keys {
         margin-top: 0px;
         padding-left: 1px;
         padding-top: 9px;
     }

     .navigation .navbar .navbar-nav .nav-item a.page-scroll {
         line-height: 60px;
         padding-top: 3px;
     }
 }

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

 @media only screen and (max-width :991.4px) {
     #site-top-keyword {
         height: 40px;
         line-height: 1.2;
     }

     .site-top-keyword-left {
         padding-right: 0px;
     }

     .site-top-keyword-right {
         padding-right: 12px;
         padding-left: 0px;
         width: 190px;
     }

     .navigation .navbar .navbar-brand img {
         margin-left: 1px;
         width: 200px;
     }

     .navigation .navbar .navbar-nav {
         margin-bottom: 30px !important;
     }

     .navigation .navbar .navbar-nav .nav-item a {
         font-size: 16px;
         color: #272B30;
         line-height: 34.34px;
         height: 34.34px;
     }

     .navigation .navbar .navbar-collapse {
         height: 110vh;
         padding-left: 0;
         z-index: 20;
     }

     .navigation .navbar .nav-item.current:before {
         position: absolute;
         content: "";
         border-left: solid 4px #7A8A93;
         left: 0px;
         top: 0px;
         bottom: 15px;
         width: 4px;
         height: 32px;
     }

     .navigation .navbar .nav-item.current:after {
         position: absolute;
         content: "";
         border-left: solid 4px #0095D8;
         left: 0px;
         bottom: 0px;
         width: 4px;
         height: 16px;
     }

     .navigation .navbar .navbar-collapse .nav-item {
         padding-left: 32px;
         height: 34.34px;
         margin-bottom: 22px;
     }

     #block-hiprotechhetsutakiwatojiansuo {
         width: 100%;
         margin: 0;
         padding-left: 32px;
         padding-right: 16px;
     }

     #block-hiprotechhetsutakiwatojiansuo #head-keys {
         padding-left: 1px;
         font-size: 16px;
         width: 100%;
         margin: 0;
     }

     #block-hiprotechhetsutakiwatojiansuo #head-keys {
         padding-left: 1px;
         font-size: 16px;
         width: 100%;
     }

     .navigation .navbar .navbar-brand {
         margin-left: 15px;
     }

     #site-top-keyword .container>.row {
         display: flex;
         flex-wrap: nowrap;
         justify-content: space-between;
     }

     #block-hiprotechhetsutafarennofangrinku a {
         margin-right: 0;
         font-size: 12px;
     }

     .navigation .navbar .navbar-toggler {
         padding: 16px 14px;
     }

     .navigation .navbar .navbar-toggler .toggler-icon {
         width: 24px;
         height: 1px;
         background-color: #272B30;
         margin: 5px 0;
     }

     .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {
         top: 6px;
     }

     .navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {
         top: -6px;
     }

     .head-main {
         height: 55px;
         box-sizing: border-box;
     }

     .headregist,
     .headlogin {
         height: 55px;
     }

     .site-top-keyword .container,
     .head-main .container {
         width: 100%;
         max-width: none;
     }

     .head-main .container .col-lg-12 {
         padding: 0;
     }

     .head-main .container .navigation {
         height: 56px;
         padding: 0;
         border-bottom: 1px solid #E5E9EB;
     }

     #block-hiprotechhetsutahuiyuandenglufarenrinku {
         position: absolute;
         right: 53px;
         top: 0;
     }
 }

 @media screen and (max-width:767px) {
     .breadcrumb .breadcrumb-item:last-child {
         width: auto !important;
     }

     .path-job-search .breadcrumb .breadcrumb-item {
         color: #B3B9BD;
     }

     .path-job-search .breadcrumb .breadcrumb-item:last-child {
         color: #272D30;
     }

     .navigation .navbar .navbar-brand img {
         margin-left: 1px;
         width: 150px;
     }

     .navigation .navbar .navbar-brand {
         margin-left: 5px;
     }
 }

 @media screen and (max-width:991px) {
     #block-views-block-tech-taxo-pgskill-block-1 .col-md-12 {
         padding-top: 40px;
         padding-bottom: 20px;
     }

     #block-views-block-tech-taxo-pgskill-block-2 {
         padding-top: 20px;
         padding-bottom: 40px;
     }

     .ui-accordion .ui-accordion-header .field-content {
         display: inline-flex;
     }

     .column.grid>a {
         flex: 1;
     }

     .column.grid .column-grid-title {
         max-width: 683px;
         width: 100%;
     }

     #bottonbn {
         gap: 24px;
     }

     #bottonbn a.bnbanner {
         max-width: 344px;
         width: 100%;
     }
 }

 @media screen and (max-width:767px) {
     .tech-taxo-pgskill ul {
         gap: 8px 23px;
     }

     .firsttop .firstslide .leftslide {
         margin-bottom: 32px;
     }

     .firsttop h2 {
         margin-bottom: 8px;
     }

     .spfirst {
         padding: 48px 0;
     }

     .spfirst #row2 {
         line-height: 44px;
     }

     .cd-slider,
     .cd-slider-left {
         height: 200px;
     }

     .cd-slider .content,
     .cd-slider-left .content,
     .cd-slider-right .content {
         background-position: 50% 50%;
     }

     .leftkey,
     .rightkey {
         font-size: 64px;
         white-space: nowrap;
         top: 146px;
         left: 50%;
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
     }

     .leftkey {
         right: initial;
     }

     .lefttext,
     .righttext {
         max-width: initial;
     }

     .lefttext {
         margin-right: auto;
         margin-left: auto;
     }

     .righttext p {
         padding-bottom: 16px;
     }

     .firstbottom .kome {
         margin-bottom: 40px;
     }

     .firstbottom a.btn:not(:last-child) {
         margin-bottom: 24px;
     }

     .firstbottom a.btn {
         margin-left: auto;
         margin-right: auto;
         font-size: 16px;
         max-width: 311px;
         width: 100%;
     }

     #block-tech-front-views-block-joblist-block-1 {
         padding-top: 40px;
         padding-bottom: 40px;
     }

     #block-tech-front-views-block-joblist-block-2 {
         padding-bottom: 40px;
     }

     #block-views-block-joblist-block-3 {
         padding-bottom: 40px;
     }

     #block-tech-front-views-block-joblist-block-1 h2,
     #block-tech-front-views-block-joblist-block-2 h2,
     #block-views-block-joblist-block-3 h2 {
         padding-left: 15px;
         padding-right: 15px;
     }

     #block-tech-front-views-block-joblist-block-1 .blockcontent,
     #block-tech-front-views-block-joblist-block-2 .blockcontent,
     #block-views-block-joblist-block-3 .blockcontent,
     #block-views-block-columnrecommend-block-1-2 .bottomblockcontent,
     #block-views-block-tech-job-reccomend-block-1 .bottomblockcontent,
     #block-views-block-tech-job-reccomend-block-2 .bottomblockcontent,
     #block-views-block-tech-job-reccomend-block-3 .bottomblockcontent {
         margin-left: initial;
         min-width: initial;
     }

     #block-tech-front-views-block-joblist-block-1 .container,
     #block-tech-front-views-block-joblist-block-2 .container,
     #block-views-block-joblist-block-3 .container {
         padding-right: 0;
         padding-left: 0;
         max-width: 100%;
     }

     #block-tech-front-views-block-joblist-block-1 .rightlistlink,
     #block-tech-front-views-block-joblist-block-2 .rightlistlink,
     #block-views-block-joblist-block-3 .rightlistlink {
         right: 32px;
     }

     div[id^="block-views-block-tech-job-reccomend-block-"] .field--name-field-job-kodawari {
         margin-bottom: 0;
     }

     .node--type-job.carousel {
         width: 279px;
         min-height: 361px;
         height: 100%;
     }

     .path-frontpage .slick-track,
     .page-node-type-job .slick-track {
         display: flex;
     }

     .path-frontpage .slick-slide,
     .page-node-type-job .slick-slide {
         height: auto !important;
     }

     .job-slick .slick__slide.slide {
         max-width: initial;
         margin-right: 16px;
     }

     .job-slick .slick__slide.slide:only-child {
         margin-right: initial;
     }

     .job-slick .slick__slide.slide:only-child>div {
         margin-left: auto;
         margin-right: auto;
     }

     .job-slick .slick-track {
         margin-left: initial !important;
     }

     .node--type-job.carousel .flex {
         flex-flow: column;
     }

     .slick__arrow {
         display: none;
     }

     .node--type-job .field--name-field-job-kodawari .field__item {
         height: 27px;
         padding: 3px 8px !important;
         line-height: 20px;
     }

     .node--type-job.carousel {
         grid-template-columns: 1fr;
         grid-template-rows: auto 12px 27px;
         align-content: start;
         padding-bottom: 68px;
         grid-template-areas: initial;
     }

     .node--type-job.carousel .flag a {
         right: 11px;
     }

     .node--type-job.carousel .job-carousel-title {
         grid-area: initial;
         grid-row: 1/2;
         margin-bottom: 16px;
         padding-right: 20px;
         font-size: 14px;
     }

     .node--type-job.carousel .list {
         align-items: start;
         gap: 8px 0;
         grid-area: initial;
         display: flex;
         height: auto;
     }

     .node--type-job.carousel .list>*,
     .node--type-job.carousel .list .field--name-field-jobex-actfreq {
         grid-column: 1/4
     }

     .node--type-job .field--name-field-job-kodawari {
         grid-area: initial;
         grid-row: 3/4;
         overflow: hidden;
     }

     .node--type-job.carousel .read-more {
         grid-area: initial;
         grid-row: initial;
         position: absolute;
         bottom: 24px;
         left: 20px;
         right: 20px;
     }

     .node--type-job.carousel a.more {
         right: initial;
         left: 50%;
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         width: 100%;
     }

     .node--type-job.carousel .loginviewtext {
         bottom: 30px;
         width: 100%;
     }

     .node--type-job.carousel .list .field--name-field-jobex-actfreq,
     .node--type-job.carousel .list .money,
     .node--type-job.carousel .list .biz_type:not(:empty),
     .node--type-job.carousel .list .field--name-field-job-occupation {
         font-size: 12px;
         line-height: 150%;
         margin-bottom: 0;
         padding-left: 22px;
     }

     .node--type-job.carousel .list .field--name-field-jobex-actfreq {
         line-height: 150%;
     }

     .node--type-job.carousel .list .money {
         line-height: 150%;
     }

     .node--type-job.carousel .list .biz_type {
         line-height: 100%;
     }

     .node--type-job.carousel .list .field--name-field-job-occupation {
         line-height: 1.3;
         width: 100%;
         background-position: left top -1px;
     }

     .node--type-job .field--name-field-job-kodawari {
         margin-top: 12px;
     }

     #block-views-block-feature-block-1-2 {
         padding-bottom: 40px;
     }

     #block-views-block-feature-block-1-2 .special-bn {
         display: flex;
         flex-wrap: wrap;
         gap: 15px 13px;
     }

     #block-views-block-feature-block-1-2 .special-bn-list {
         max-width: calc((100% / 2) - 7.5px);
         width: 100%;
         height: auto;
     }

     #block-views-block-feature-block-1-2 .special-bn-list img {
         height: auto;
     }

     #block-views-block-feature-block-1-2 footer {
         display: none;
     }

     .views-accordion-header .field-content:before {
         margin-right: 8px;
     }

     .ui-accordion-content .field-content:before {
         margin-right: 10px;
     }

     .ui-accordion .ui-accordion-header {
         padding: 16px 40px 16px 16px !important;
     }

     .ui-accordion .ui-accordion-content {
         padding: 0px 16px 16px 16px !important;
     }

     .ui-state-default,
     .ui-state-active {
         background-position: right 22px center;
     }

     #block-tech-front-views-block-news-block-1 .newslist li {}

     .newslist li a {
         display: block;
         margin-top: 0px;
         margin-left: 0;
         padding: 16px 16px 12px;
         line-height: 100%;
     }

     .newslist li a .date {
         margin-right: 10px;
         margin-bottom: 5px;
         line-height: 100%;
     }

     .newslist li a .title {
         display: block;
         line-height: 150%;
     }

     @media screen and (max-width:991px) {
         .path-information .newslist header {
             padding-left: 15px;
             padding-right: 15px;
             overflow-x: hidden;
         }
     }

     #block-hiprotech-client-area .techclientlogo>.row {
         grid-template-columns: repeat(2, minmax(auto, 160px));
         gap: 8px 23px;
         justify-content: center;
     }

     .clientlogo {
         max-width: 160px;
         width: 100%;
         margin-bottom: 0;
         padding: 0;
     }

     #block-views-block-column-block-1-2 {
         padding-top: 40px;
     }

     .column.grid {
         flex-wrap: wrap;
         max-width: 343px;
         width: 100%;
         margin: 0 auto 24px;
     }

     .column-grid-img {
         max-width: 341px;
         width: 100%;
         max-height: 191px;
         height: 100%;
     }

     .column-grid-img a {
         width: 100%;
     }

     .column-grid-img img {
         max-width: 343px;
         width: 100%;
         max-height: 192px;
         height: 100%;
         object-fit: cover;
     }

     .column.grid .column-grid-title {
         width: 100%;
         padding: 16px 24px 24px;
     }

     .column.grid .column-grid-title .cttl {
         margin-top: 8px;
         margin-bottom: 16px;
     }

     .column-grid-title .columndate {
         margin-right: 8px;
     }

     .column.grid .field--name-field-col-category {
         margin-bottom: 0px;
         padding: 8px;
         height: 27px;
     }

     .column-grid-title .columnteaser {
         display: block;
         margin-bottom: 8px;
     }

     .column.grid .columnteaser .field,
     .column.grid .columnteaser .field p {
         font-size: 14px;
     }

     .column-more {
         position: initial;
         text-align: right;
         line-height: 150%;
         font-family: Arial;
         font-weight: 400;
     }

     .cvareablock .undercvtext {
         font-size: 18px;
     }

     .cvareablock .btn.btn-cv {
         max-width: 311px;
         width: 100%;
         height: 72px;
         font-size: 22px;
         line-height: 60px;
     }

     #bottonbn {
         flex-wrap: wrap;
         max-width: 344px;
         margin-left: auto;
         margin-right: auto;
     }

     #bottonbn div {
         width: 100%;
     }

     #block-hiprotech-bottom-startersarea .bottomblockcontent {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 16px;
     }
 }

 @media only screen and (min-width :991.5px) {
     #block-hiprotechfmenutaxonomylist {
         padding-bottom: 39px;
     }

     #block-hiprotechfmenutaxonomylist h3 {
         margin-bottom: 18px;
     }

     #block-hiprotechfmenutaxonomylist ul li a {
         margin-bottom: 0.5px;
     }

     .flex.fmenu .in:nth-child(2) {
         padding-left: 5px;
     }

     .flex.fmenu .in:nth-child(3) {
         padding-left: 10px;
     }

     .flex.fmenu .in:nth-child(4) {
         padding-left: 17px;
     }
 }

 @media only screen and (max-width :767px) {
     #block-hiprotechfmenutaxonomylist {
         padding-top: 0px;
         padding-bottom: 0px;
         border-top: solid 1px #D3DADD;
     }

     #block-hiprotechfmenutaxonomylist .col-md-12 {
         padding-right: 0px;
         padding-left: 0px;
     }

     #block-hiprotechfmenutaxonomylist .container {
         padding-right: 0px;
         padding-left: 0px;
         max-width: initial;
     }

     #block-hiprotechfmenutaxonomylist h3 {
         margin-top: 0px;
         margin-bottom: 0px;
     }

     #block-hiprotechfmenutaxonomylist ul li a {
         font-size: 14px;
     }

     .occ-recommended .bottomblockcontent .container {
         border-bottom: solid 1px #D3DADD;
     }

     .occ-recommended .flex.fmenu {
         display: flex;
         flex-direction: column;
     }

     .occ-recommended .flex.fmenu .in {
         width: 100%;
     }

     .occ-recommended .flex.fmenu .in ul {
         padding: 0 25px;
     }

     .occ-recommended .flex.fmenu .in li {
         margin-bottom: 19px;
     }

     .occ-recommended .container .row {
         display: block;
         width: 100%;
         margin-right: 0px;
         margin-left: 0px;
     }

     .occ-recommended h3 {
         position: relative;
         padding: 15px;
         line-height: 1.5;
     }

     .occ-recommended h3::after {
         content: '';
         width: 10px;
         height: 10px;
         border-top: solid 1px #fff;
         border-right: solid 1px #fff;
         position: absolute;
         transition: all 300ms 0s ease;
         right: 19.75px;
         top: 40%;
         transform: rotate(135deg);
     }

     .occ-recommended .open h3::after {
         transform: rotate(-45deg);
     }

     .occ-recommended .container .flex.fmenu {
         opacity: 0;
         line-height: 0;
         transition: all 0.1s ease-out;
     }

     .occ-recommended div:not(.open)>.flex.fmenu ul {
         display: none;
     }

     .occ-recommended .container.open .flex.fmenu {
         display: flex;
         opacity: 1;
         line-height: 1.4;
     }
 }

 @media only screen and (max-width :767px) {
     .footer-area {
         padding-top: 64px;
     }

     .footer-area #footer-company {
         margin-bottom: 48px;
     }

     .footer-area #block-hiprotech-futsuta1 ul,
     .footer-area #block-hiprotech-futsuta2 ul {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }

     .footer-area #block-hiprotech-futsuta1 ul li,
     .footer-area #block-hiprotech-futsuta2 ul li {
         width: 50%;
     }

     .footer-area nav ul li {
         padding: 16px 0;
         line-height: 100%;
     }

     .footer-area ul li a {
         font-size: 14px;
         line-height: 100%;
         letter-spacing: 0.04em;
     }

     .footer-area ul li a[target="_blank"] {
         background-position: top right;
     }

     .footer-area>.container {
         padding-bottom: 68px;
     }

     .footer-area #block-hiprotech-futsuta1 {
         padding-right: 0;
     }

     .footer-area #block-hiprotech-futsuta2 {
         padding: 0;
     }

     .footer-area #block-hiprotech-futsuta1 ul li,
     .footer-area #block-hiprotech-futsuta2 ul li {
         width: 100%;
         white-space: nowrap;
     }

     .footer-area #block-hiprotech-futsuta1 ul {
         display: block;
     }

     .copyright .col-12 {
         gap: 15px;
         padding-right: 24px;
     }

     .copyright .fbox1 {
         padding-top: 18px;
         padding-left: 14px;
         width: calc(100% - 48px);
         flex: 1;
     }

     .copyright .fbox2 {
         width: 48px;
         padding-top: 12px;
     }

     .copyright .fbox1 span {
         display: block;
         margin-top: 9px;
         font-size: 9px;
         letter-spacing: -0.09em;
     }
 }

 @media screen and (max-width:575px) {
     .footer-area #footer-company {
         padding-left: 17px;
         padding-right: 17px;
     }

     nav[aria-labelledby="block-hiprotech-futsuta1-menu"],
     nav[aria-labelledby="block-hiprotech-futsuta3-menu"] {
         padding-left: 17px;
     }

     nav[aria-labelledby="block-hiprotech-futsuta2-menu"] {
         padding-left: 12px;
     }
 }

 #block-views-block-tech-taxo-pgskill-block-1 .read-more {
     display: none;
 }

 @media only screen and (max-width :767px) {
     .tech-taxo-pgskill li:nth-child(n+19) {
         display: none;
         opacity: 0;
         line-height: 0;
         transition: all 0.1s ease-out;
     }

     .tech-taxo-pgskill.open li:nth-child(n+19) {
         display: block;
         opacity: 1;
         line-height: 1.4;
     }

     #block-views-block-tech-taxo-pgskill-block-1 .read-more {
         display: block;
         text-align: center;
         padding: 18px 0 14px;
     }

     .more-btn {
         position: relative;
         margin-left: -18px
     }

     .more-btn:after {
         content: '';
         width: 10px;
         height: 10px;
         border-top: solid 1px #000;
         border-right: solid 1px #000;
         position: absolute;
         transition: all 300ms 0s ease;
         top: 20%;
         margin-left: 10px;
         transform: rotate(135deg);
     }

     .open .more-btn:after {
         top: 35%;
         transform: rotate(-45deg)
     }

     #block-views-block-tech-taxo-pgskill-block-1 .more-btn {
         font-size: 0;
     }

     #block-views-block-tech-taxo-pgskill-block-1 .more-btn:before {
         content: 'もっと見る';
         font-size: 16px;
         line-height: 180%;
     }

     #block-views-block-tech-taxo-pgskill-block-1 .open .more-btn:before {
         content: '閉じる';
     }
 }

 .tech_kodawari_accordion .container {
     padding: 0;
 }

 .kodawari-warp {
     display: flex;
     flex-wrap: wrap;
     gap: 24px 16px;
 }

 @media screen and (min-width:992px) {
     .kodawari-warp .tech_kodawari_accordion {
         width: calc((100% - 48px) / 4);
     }
 }

 @media screen and (max-width:991px) {
     .kodawari-warp .tech_kodawari_accordion {
         width: calc((100% - 16px) / 2);
     }
 }

 @media screen and (max-width:767px) {
     .kodawari-warp .tech_kodawari_accordion {
         width: 100%;
     }
 }

 .path-frontpage #content_top .tech_kodawari_accordion .ttl h2 {
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     padding-bottom: 0px;
     margin-bottom: 4px;
 }

 .tech_kodawari_accordion .container .views-row {
     margin-bottom: 8px;
 }

 .tech_kodawari_accordion .container .views-row a {
     color: #272B30;
     position: relative;
     font-size: 12px;
     line-height: 150%;
 }

 .tech_kodawari_accordion .container .views-row a:hover {
     text-decoration: underline;
 }

 .tech_kodawari_accordion .container .views-row a::before {
     content: url(/corp/service/tech/img/icon_blue_arrow.svg);
     width: 14px;
     height: 14px;
     vertical-align: middle;
     padding: 0 4px;
     margin-right: 4px;
 }

 @media screen and (max-width:767px) {
     .kodawari-warp .tech_kodawari_accordion {
         width: 100%;
     }

     .tech_kodawari_accordion .container .views-row a {
         padding: 0;
         font-size: 16px;
         line-height: 180%;
     }

     .tech_kodawari_accordion .container.open .views-element-container .views-row:not(:last-child) {
         margin-bottom: 8px;
     }
 }

 @media only screen and (max-width :767px) {
     .path-frontpage #content_top .tech_kodawari_accordion .ttl h2 {
         font-size: 16px;
         font-weight: 500;
         padding-bottom: 0px;
         padding: 0;
         line-height: 1.5;
         margin-bottom: 0;
         padding: 16px;
     }

     .block-hipro_tech_front_kodawari_ttl .col-md-12,
     .tech_kodawari_accordion .col-md-12 {
         padding-right: 0px !important;
         padding-left: 0px !important;
     }

     .block-hipro_tech_front_kodawari_ttl .bottomblockcontent .ttl {
         padding-right: 15px;
         padding-left: 15px;
     }

     .kodawari-warp {
         display: block;
         margin-bottom: 40px;
     }

     .kodawari-warp .tech_kodawari_accordion {
         width: 100%;
     }

     .tech_kodawari_accordion {
         border-bottom: solid 1px #E5E9EB;
     }

     .kodawari-warp .tech_kodawari_accordion:first-child {
         border-top: solid 1px #E5E9EB;
     }

     #block-views-block-tech-kodawari-block-block-1 {
         border-top: solid 1px #E5E9EB;
     }

     .kodawari-warp .tech_kodawari_accordion {
         width: 100%;
     }

     .tech_kodawari_accordion .container .views-row a {
         padding: 0;
         font-size: 16px;
         line-height: 180%;
     }

     .tech_kodawari_accordion .container.open .views-element-container .views-row:not(:last-child) {
         margin-bottom: 8px;
     }

     .block-hipro_tech_front_kodawari_ttl .tech_kodawari_accordion .ttl h2 {
         position: relative;
         padding: 16px !important;
     }

     .block-hipro_tech_front_kodawari_ttl .tech_kodawari_accordion .open .ttl h2 {
         padding-bottom: 8px !important;
     }

     .tech_kodawari_accordion h2::after {
         content: '';
         width: 10px;
         height: 10px;
         border-top: solid 1px #272B30;
         border-right: solid 1px #272B30;
         position: absolute;
         transition: all 300ms 0s ease;
         right: 19.75px;
         top: 39%;
         transform: rotate(135deg);
     }

     .tech_kodawari_accordion .open h2::after {
         transform: rotate(-45deg);
     }

     .tech_kodawari_accordion .views-element-container {
         opacity: 0;
         line-height: 0;
         padding-left: 15px;
         padding-right: 15px;
         transition: all 0.1s ease-out;
     }

     .tech_kodawari_accordion .views-element-container .views-row {
         display: none;
     }

     .tech_kodawari_accordion .container.open .views-element-container {
         display: flex;
         opacity: 1;
         line-height: 1.4;
         padding-bottom: 16px;
     }

     .tech_kodawari_accordion .container.open .views-element-container .views-row {
         display: block;
     }
 }

 @media only screen and (max-width :991px) {
     .job-list footer {}

     .job-list .pager+footer {
         bottom: 12px;
     }

     .job-list .pager {
         margin-top: 52px;
     }
 }

 @media only screen and (max-width :767px) {
     .job.list {
         padding: 24px 24px 32px;
     }

     .job.list .loginviewtext {
         width: 100%;
         left: 0;
         margin-top: 8px;
         margin-bottom: 10px;
     }

     .job.list a.more {
         display: block;
         margin-top: 24px;
         position: relative;
         right: 0;
         bottom: 0;
         width: 100%;
         height: 48px;
         line-height: 48px;
     }

     .job-list footer {
         bottom: 64px !important;
     }
 }

 @media screen and (max-width:991px) {
     .path-column .breadcrumb-area .container {
         max-width: 1200px;
     }

     .path-column .column-list-page header {
         padding-left: 15px;
         padding-right: 15px;
         overflow-x: hidden;
     }
 }

 @media screen and (max-width:767px) {
     .columnttlarea {
         display: block !important;
         padding-bottom: 40px !important;
     }

     .columnttl {
         margin-bottom: 16px;
     }

     .column-list-page form {
         width: 100%;
     }

     .path-column .column-list-page header {
         margin-bottom: 24px !important;
     }

     .path-column .column-list-page header .views-exposed-form .js-form-item {
         max-width: 436px;
         width: 100%;
     }

     .column-list-page form .form-text {
         max-width: 436px;
         width: 100% !important;
     }

     .col.content_area_center .column-list-page form.views-exposed-form {
         max-width: 436px;
         width: 100%;
         margin-left: 0;
     }

     .column-list-page form #edit-actions {
         right: 0;
         margin-left: initial !important;
     }
 }

 @media screen and (max-width:767px) {
     .path-help .columnttlarea {
         padding-left: 16px;
         padding-right: 16px;
     }
 }

 @media only screen and (max-width :991px) {
     .letter-s {
         letter-spacing: -2px;
     }

     .letter-m {
         letter-spacing: -1px;
     }

     .firsttop span.arial {
         letter-spacing: 1.4px;
     }

     .rightslide h2 {
         margin-top: 8px;
     }

     .righttext p {
         padding-top: 8px;
         padding-bottom: 8px;
     }

     #block-views-block-tech-faq-block-1 {
         padding-top: 46px;
         padding-bottom: 46px;
     }

     #block-hiprotech-client-area {
         padding-top: 42px;
     }

     #block-views-block-column-block-1-2 {
         margin-bottom: 40px;
     }

     #block-hiprotechhotomucveria {
         padding-bottom: 64px;
     }

     #block-hiprotechbottombannerarea {
         padding-top: 40px;
         padding-bottom: 40px;
     }

     #block-hiprotech-bottom-startersarea {
         padding-top: 0px;
         padding-bottom: 40px;
     }
 }

 .feature-bnr-view-mode .breadcrumb-area,
 .feature-bnr-view-mode .page-title-area {
     background: #123F67;
     color: #fff;
 }

 .feature-bnr-view-mode .page-title-area {
     padding: 18px 15px;
     height: calc(248px - 52px);
     margin-bottom: 56px;
 }

 .feature-bnr-view-mode .page-title-area .page-title-content {
     display: flex;
     position: relative;
 }

 .feature-bnr-view-mode .page-title-area .page-title-content .page-ttl-warp {
     width: calc(100% - 407px);
 }

 .feature-bnr-view-mode .page-title-area h3.title {
     color: #fff;
     font-size: 40px;
 }

 .page-ttl-warp-img {
     width: 363px;
     position: absolute;
     right: 44px;
     top: -70px;
 }

 .page-ttl-warp-img img {
     width: 100%;
 }

 @media only screen and (max-width :767px) {
     .feature-bnr-view-mode .page-title-area h3.title {
         font-size: 20px;
     }

     .feature-bnr-view-mode .page-title-area .page-title-content .page-ttl-warp {
         width: 100%;
         position: absolute;
         top: 20px;
     }

     .feature-bnr-view-mode .page-title-area .page-title-content .page-ttl-warp .title {
         width: calc(100% - 185px);
     }

     .page-ttl-warp-img {
         width: calc(363px / 2);
         position: absolute;
         right: 0;
         top: -60px;
     }
 }

 @media screen and (min-width:768px) {

     .job.list .field--name-field-job-kodawari,
     .job-details.job.list .job-skill-list {
         width: calc(100% - 250px);
     }

     .job.list .field--name-field-job-kodawari {
         margin-bottom: 0;
     }
 }

 @media screen and (max-width:767px) {
     .tech-job-new-area {
         margin-bottom: 12px;
     }

     .job-details.job.list .flex {
         display: block;
     }

     .job.list a.job-list-title {
         margin-bottom: 14px;
     }

     .job-details.job.list .biz_type {
         font-size: 12px;
     }

     .job-list .field--name-field-job-pg-skill,
     .job-list .field--name-field-job-design,
     .job-list .field--name-field-job-framework,
     .job-list .field--name-field-job-infrastructure {
         font-size: 0;
     }

     .job-details.job.list .field--name-field-job-occupation {
         font-size: 12px;
         display: inherit;
         background-position: left top;
         max-width: 450px;
         overflow: hidden;
         margin-bottom: 24px;
     }

     .job-details.job.list .field--name-field-job-occupation .field__item {
         display: inline;
         white-space: break-spaces;
     }

     .job-details.job.list .field--name-field-job-kodawari {
         margin: 8px 0;
     }

     .field--name-field-job-design .field__item {
         margin-bottom: 0;
     }

     .job-details.job.list .money .field--name-field-job-salary-low {
         margin-right: 3px;
     }

     .job-details.job.list .money .field--name-field-job-salary-high {
         margin-left: 3px;
         margin-right: 3px;
     }

     .job-details.job.list .money .field--name-field-job-salary-system {
         margin-left: 3px;
     }

     .job-details.job.list .field--name-field-job-pg-skill .field__item,
     .job-details.job.list .field--name-field-job-design .field__item {
         margin-bottom: 8px;
     }

     .job-details.job.list .loginviewtext {
         margin-bottom: 4px;
     }
 }

 @media screen and (max-width:767px) {
     .job-list header .flex {
         flex-direction: initial;
         align-items: baseline;
     }

     .job-list header .totalcnt {
         font-size: 12px;
     }

     .job-list header .totalcnt span.cnt {
         font-size: 20px;
         margin-right: 1px;
     }

     .job-list header .pagecnt {
         font-size: 12px;
     }

     .job-list header .sort_link {
         bottom: 2px;
     }
 }

 @media screen and (max-width:374px) {
     .job-list header .sort_link {
         bottom: -15px;
     }
 }

 @media screen and (max-width:991.4px) {
     #block-tech-front-content-job-search-sp {
         margin-bottom: 24px !important;
     }
 }

 @media screen and (max-width:767px) {
     .sort_link {
         font-size: 0 !important;
     }

     .sort_link a {
         font-size: 14px;
     }
 }

 @media screen and (max-width:767px) {
     #block-hiprotechhotomucveria-2 {
         padding-top: 0 !important;
         margin-bottom: 64px !important;
     }
 }

 @media screen and (max-width:991.4px) {
     .path-job-search .bef-exposed-form .form--inline>.form-item {
         float: left !important;
     }

     #views-exposed-form-joblist-page-job-search-sp .tab-pane.check-col-50 .form-checkboxes .form-item {
         width: calc((100% / 2) - 2px) !important;
         font-size: 0;
         line-height: initial;
         padding-left: 16px;
         padding-right: 9px;
     }

     .path-job-search .bef-exposed-form .form--inline>.form-item.js-form-type-checkbox {
         text-indent: initial !important;
     }

     .content_area_left .views-exposed-form .form-checkboxes label {
         line-height: 100%;
         display: flex !important;
         align-items: center;
         margin-bottom: 0;
     }

     input[type="checkbox"]+label::before {
         margin-right: 8px;
     }

     .salaray-description {
         padding: 0 16px;
     }

     .tech-job-search-form fieldset.job-salaray .form-item-field-job-salary-low-value {
         margin-left: 16px;
     }
 }

 @media screen and (max-width:767px) {
     .page-node-type-column .content_area_center .block-front-content {
         padding: 0px 1px !important;
     }

     .page-node-type-column .columndate {
         margin-right: 8px;
     }

     .page-node-type-column .columncategory .field {
         height: 27px;
         line-height: 27px;
         border-radius: 30px !important;
     }
 }

 @media screen and (min-width:1601px) {
     .dialog-off-canvas-main-canvas {
         max-width: 1600px;
         width: 100%;
         box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
         margin: auto;
     }

     .navigation {
         max-width: 1600px;
         margin-left: auto;
         margin-right: auto;
     }

     .path-column .dialog-off-canvas-main-canvas,
     .path-infomartion .dialog-off-canvas-main-canvas,
     .path-information .dialog-off-canvas-main-canvas,
     .path-casestudy .dialog-off-canvas-main-canvas,
     .path-document .dialog-off-canvas-main-canvas,
     .path-itengineer .dialog-off-canvas-main-canvas,
     .path-help .dialog-off-canvas-main-canvas {
         overflow-x: hidden;
     }
 }

 @media screen and (min-width:768px) and (max-width:991px) {

     .path-information .columnttlarea,
     .path-help .columnttlarea {
         padding-left: 16px;
         padding-right: 16px;
     }
 }

 @media screen and (min-width:991.5px) {
     .content_area_left .views-exposed-form #views-exposed-form-joblist-page-job-search .js-form-item.js-form-type-checkbox {
         width: 100%;
     }
 }

 @media screen and (max-width:991.4px) {
     .sp-condition-open .content_area_left .views-exposed-form#block-tech-front-content-job-search-sp form {
         max-width: initial;
     }

     #views-exposed-form-joblist-page-job-search-sp .tab-pane .form-checkboxes .form-item {
         display: inline-flex !important;
         align-items: center;
     }

     .path-job-search .bef-exposed-form .form--inline>.form-item.js-form-type-checkbox {
         padding: 0 16px !important;
     }

     .sp-condition-open .content_area_left .views-exposed-form legend {
         margin-bottom: 8px;
         padding: 16px 16px 0;
     }

     .content_area_left .views-exposed-form fieldset.js-form-item .fieldset-wrapper {
         font-size: 0;
     }

     #views-exposed-form-joblist-page-job-search-sp .tab-pane.check-col-50 .form-checkboxes .form-item {
         width: calc(100% / 2) !important;
     }

     #views-exposed-form-joblist-page-job-search-sp .tab-pane.check-col-50 .form-checkboxes .form-item:nth-child(odd) {
         border-right: 1px solid #D3DADD;
     }
 }

 @media screen and (max-width:767px) {
     .navigation .navbar .navbar-collapse {
         top: 98%;
     }
 }

 @media screen and (max-width:991.4px) {
     .path-job-search .nav-tabs {
         border-bottom: 1px solid #F0F2F5;
     }
 }

 @media screen and (min-width:991.5px) and (max-width:1100px) {
     body:not(.user-logged-in) .navigation .navbar .navbar-nav .nav-item {
         margin: 0 8px;
     }

     body:not(.user-logged-in) #block-hiprotechhetsutakiwatojiansuo input {
         max-width: 140px;
     }
 }

 #mktoStyleLoaded {
     color: #123456;
 }

 .mktoForm fieldset {
     border: 1px solid #d3dadd !important;
 }

 .mktoForm fieldset legend {
     padding: 0 1em;
 }

 .mktoForm .mktoOffset {
     display: none;
 }

 .mktoForm .mktoFormCol {
     width: 100%;
     min-height: 0 !important;
     margin-bottom: 24px !important;
 }

 .mktoForm input[type=text],
 .mktoForm input[type=url],
 .mktoForm input[type=email],
 .mktoForm input[type=tel],
 .mktoForm input[type=number],
 .mktoForm input[type=date],
 .mktoForm select.mktoField,
 .mktoForm textarea.mktoField {
     -webkit-appearance: none;
     background-color: #fff;
     line-height: 1.5em;
     color: #000;
     border: 1px solid #D3DADD !important;
     padding: 10px 8px !important;
     box-shadow: none !important;
     border-radius: 0 !important;
     min-height: 32px;
     width: 372px !important;
 }

 .mktoForm input[type=text]:focus,
 .mktoForm input[type=url]:focus,
 .mktoForm input[type=email]:focus,
 .mktoForm input[type=tel]:focus,
 .mktoForm input[type=number]:focus,
 .mktoForm input[type=date]:focus,
 .mktoForm select.mktoField:focus,
 .mktoForm textarea.mktoField:focus {
     outline: none;
     border: 1px solid #888;
     color: #000;
 }

 .mktoForm .mktoLogicalField.mktoInvalid {
     border: none !important;
 }

 .mktoForm .mktoLogicalField.mktoValid {
     background: transparent !important;
 }

 .mktoForm.mktoLayoutAbove .mktoLogicalField {
     border: 1px solid transparent;
     padding: 8px 4px 0;
 }

 .mktoForm input[type=checkbox] {
     display: none !important;
 }

 .mktoForm input[type=checkbox]+label:before {
     color: #0094D7 !important;
     box-shadow: none !important;
     margin-top: 0;
     font-size: 13px !important;
     border-radius: 0 !important;
 }

 .mktoForm input[type=checkbox]:checked+label:before {
     background-color: #0094D7;
     border: 1px solid #0094D7 !important;
     color: #fff !important;
     content: "" !important;
     color: #fff;
     line-height: 16px;
     text-indent: 0.1em;
     font-weight: 400;
     border: 1px solid #0095D8;
     background: #0095D8;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-image: url(/corp/service/tech/img/check.svg);
 }

 .mktoForm .mktoCheckboxList>label {
     font-weight: 500 !important;
 }

 .mktoForm input[type=radio]+label:before {
     box-shadow: none !important;
 }

 .mktoForm input[type=radio]:checked+label:before {
     background-position: 2px 2px !important;
 }

 .mktoForm select.mktoField {
     background: #fff url(/corp/service/tech/img/a-down.svg) center right 8px no-repeat !important;
 }

 .mktoForm select.mktoField.mktoInvalid {
     background: #FEECEB url(/corp/service/tech/img/a-down.svg) center right 8px no-repeat !important;
 }

 .mktoForm select.mktoField:not(.is-answered) {
     color: #C9CACA !important;
 }

 .mktoForm select.mktoField.mktoValid {
     color: #333 !important;
 }

 .mktoForm select option {
     color: #222;
 }

 .mktoForm select.mktoField::-ms-expand {
     display: none;
 }

 .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
     width: calc(50% - 8px) !important;
 }

 .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol input {
     width: 100% !important;
     clear: none !important;
 }

 .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol:not(:first-child) {
     margin-left: 16px;
 }

 .mktoForm .mktoError {
     right: 0px !important;
 }

 .mktoForm .mktoError .mktoErrorMsg {
     background: #222 !important;
     color: #fff !important;
     text-shadow: none !important;
     border: 1px solid #222222 !important;
     border-radius: 2px !important;
     box-shadow: none !important;
     opacity: 0.8;
     background-clip: padding-box;
     font-family: noto-sans-cjk-jp, sans-serif;
     font-family: 'NotoSansJP';
     font-size: 12px !important;
     line-height: 150%;
     font-weight: bold;
     letter-spacing: 0.06em;
     max-width: 100% !important;
     white-space: nowrap;
     font-style: normal;
     font-weight: 700;
     font-size: 12px !important;
     line-height: 150%;
     color: #E31B0C !important;
     display: block !important;
     background-color: initial !important;
     background-image: initial;
     border: none !important;
     border-radius: 0 !important;
     margin-top: 0 !important;
     padding: 0 !important;
 }

 .mktoForm .mktoError .mktoErrorArrowWrap {
     display: none;
 }

 .mktoForm .mktoError .mktoErrorArrow {
     background-clip: border-box;
     background-color: rgba(34, 34, 34, 0.8) !important;
     border: none !important;
 }

 div#FFbe44 {
     display: none !important;
 }

 div#FFbe45 {
     display: none !important;
 }

 .FFt {
     background: #222 !important;
     color: #fff !important;
     text-shadow: none !important;
     border: 1px solid #222222 !important;
     border-radius: 2px !important;
     box-shadow: none !important;
     opacity: 0.8;
     background-clip: padding-box;
     font-family: noto-sans-cjk-jp, sans-serif;
     font-size: 12px !important;
     font-weight: normal;
     letter-spacing: 0.06em;
     position: absolute !important;
     right: -314px !important;
     top: 70px !important;
     width: 205px !important;
 }

 .mktoForm input.mktoField.mktoInvalid,
 .mktoForm textarea.mktoField.mktoInvalid,
 .mktoForm select.mktoField.mktoInvalid,
 .mktoForm .mktoLogicalField.mktoInvalid {
     background-color: #FEECEB;
     border: 1px solid #E31B0C !important;
 }

 .mktoForm input.mktoField.mktoInvalid,
 .mktoForm textarea.mktoField.mktoInvalid,
 .mktoForm select.mktoField.mktoInvalid,
 .mktoForm .mktoLogicalField.mktoInvalid {
     border: 1px solid #E31B0C;
     background: #FEECEB;
     color: #E31B0C;
 }

 .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
     display: none;
 }

 .mktoForm .mktoFieldWrap>label {
     margin-bottom: 8px;
     padding-top: 0;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500 !important;
     color: #272B30;
 }

 .mktoForm .mktoFieldWrap.mktoRequiredField>label:after {
     content: "必須";
     color: #fff;
     background: #B91509;
     font-family: 'Arial';
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     line-height: 150%;
     padding: 2px 4px;
     margin-left: 8px;
 }

 .mktoForm .mktoFieldWrap:not(.mktoRequiredField)>label:after {
     content: "任意";
     color: #fff;
     background: #7A8A93;
     font-family: 'Arial';
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     line-height: 150%;
     padding: 2px 4px;
     margin-left: 8px;
 }

 .mktoForm .mktoButtonWrap.mktoDownloadButton {
     margin: 0 !important;
 }

 .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton {
     background: #D9D9D9 !important;
     text-shadow: none;
     box-shadow: none;
     border: none;
     width: 160px;
     font-family: 'Noto Sans JP';
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
     line-height: 100%;
     padding: 10px 24px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .mktoForm div,
 .mktoForm span,
 .mktoForm label,
 .mktoForm p {
     width: 100% !important;
 }

 .mktoForm span {
     line-height: 150%;
 }

 @media screen and (max-width:480px) {

     .mktoForm input[type=url],
     .mktoForm input[type=text],
     .mktoForm input[type=date],
     .mktoForm input[type=tel],
     .mktoForm input[type=email],
     .mktoForm input[type=number],
     .mktoForm textarea.mktoField,
     .mktoForm select.mktoField {
         width: 100%;
         height: 40px !important;
         line-height: 100% !important;
         font-size: 14px !important;
     }

     .mktoForm textarea.mktoField {
         height: initial !important;
     }
 }

 .doc-mktoform .mktoAsterix {
     display: none !important;
 }

 .doc-mktoform .mktoLabel+.mktoGutter {
     display: none !important;
 }

 .doc-mktoform .mktoFormRow {
     display: flex;
     gap: 16px;
 }

 @media screen and (max-width:991px) {
     .doc-mktoform .mktoFormRow {
         gap: 8px;
     }
 }

 .doc-mktoform .mktoFormRow .mktoClear {
     display: none;
 }

 .doc-mktoform .mktoFieldWrap label {
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
     color: #272B30;
 }

 .doc-mktoform p>br {
     display: none;
 }

 .doc-mktoform p>span {
     color: #7A8A93;
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     line-height: 150%;
 }

 .doc-mktoform .mktoButtonRow .mktoButtonWrap {
     margin-left: auto !important;
     margin-right: auto !important;
     text-align: center;
 }

 .doc-mktoform .privacy {
     white-space: normal;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
     background: #0095D8;
     text-shadow: none;
     box-shadow: none;
     border: none;
     max-width: 240px;
     width: 100%;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 150%;
     padding: 12px 24px;
     margin-left: auto;
     margin-right: auto;
     display: block;
     border-radius: 0;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton:hover {
     background: #007FB8;
     box-shadow: none;
 }

 @media screen and (max-width:767px) {
     .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
         max-width: 295px;
     }
 }

 .doc-mktoform .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
     width: 100% !important;
 }

 .doc-mktoform .mktoForm h2 {
     margin-bottom: 0;
     padding: 0;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
     background: #0095D8;
     max-width: 240px;
     width: 100%;
     border: none;
     box-shadow: none;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
     color: #fff;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
     border: none;
     background: #007FB8;
     box-shadow: none;
 }

 @media screen and (max-width:767px) {
     .doc-mktoform .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
         max-width: 295px;
     }
 }

 .kv .mktoForm .mktoFormCol {
     margin-bottom: 14px !important;
 }

 .kv .mktoForm .mktoFieldWrap>label {
     margin-bottom: 6px;
     font-size: 12px;
     line-height: 100%;
 }

 .kv .mktoForm input[type=text],
 .kv .mktoForm input[type=url],
 .kv .mktoForm input[type=email],
 .kv .mktoForm input[type=tel],
 .kv .mktoForm input[type=number],
 .kv .mktoForm input[type=date] {
     height: 32px;
 }

 .kv .mktoForm select.mktoField {
     height: 32px;
     padding: 2px 8px !important;
 }

 .kv .mktoForm ::placeholder {
     font-size: 12px;
 }

 .kv .mktoForm .mktoHtmlText span {
     font-style: normal;
     font-weight: 400;
     font-size: 12px !important;
     line-height: 130%;
     color: #7A8A93;
 }

 .kv .mktoFieldWrap p>span strong {
     padding: 0;
     font-family: 'NotoSansJP';
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     color: #272B30;
 }

 .kv .mktoFieldWrap p>span strong br {
     display: none;
 }

 .mktoForm .mktoRequiredField .mktoAsterix {
     display: none !important;
 }

 .kv .mktoForm .mktoGutter {
     display: none;
 }

 .kv .mktoForm .mktoFormRow:nth-of-type(1) .mktoFormCol {
     width: 100% !important;
 }

 .kv .mktoForm .mktoFormRow:nth-of-type(3) .mktoFormCol,
 .kv .mktoForm .mktoFormRow:nth-of-type(4) .mktoFormCol {
     width: calc(50% - 8px) !important;
 }

 .kv .mktoForm .mktoFormRow:nth-of-type(3) .mktoFormCol input,
 .kv .mktoForm .mktoFormRow:nth-of-type(4) .mktoFormCol input {
     width: 100% !important;
     clear: none !important;
 }

 .kv .mktoForm .mktoFormRow:nth-of-type(3) .mktoFormCol:not(:first-child),
 .kv .mktoForm .mktoFormRow:nth-of-type(4) .mktoFormCol:not(:first-child) {
     margin-left: 16px;
 }

 .kv .mktoHtmlText .privacy {
     white-space: initial;
 }

 .kv .mktoHtmlText .privacy h2 span {
     font-family: 'NotoSansJP' !important;
     font-style: normal;
     font-size: 12px !important;
     font-weight: 500;
     line-height: 150%;
     color: #272B30;
     margin-bottom: 8px;
 }

 .kv .mktoHtmlText .privacy h2 br {
     display: none;
 }

 .kv .mktoHtmlText .privacy>span,
 .kv .mktoHtmlText .privacy p:nth-of-type(1) {
     display: none;
 }

 .kv .mktoHtmlText .privacy p span+br,
 .kv .mktoHtmlText .privacy p span+br+br {
     display: none;
 }

 .kv .mktoForm .mktoButtonWrap {
     margin: 0 !important;
 }

 .kv .mktoForm .mktoButtonWrap button.mktoButton {
     background: #D9D9D9 !important;
     text-shadow: none;
     box-shadow: none;
     border: none;
     border-radius: 0;
     width: 160px;
     font-family: 'Noto Sans JP';
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
     line-height: 100%;
     padding: 10px 24px;
     margin-left: auto;
     margin-right: auto;
     display: block;
 }

 .kv .mktoForm .mktoButtonWrap button.mktoButton:hover {
     background: #0095D8 !important;
     box-shadow: none;
 }


 /* 　form.css　****************************************/
 /* This is used to test if the stylesheet has been loaded yet*/
 #mktoStyleLoaded {
     background-color: #123456;
     display: none;
 }

 .mktoForm {
     text-align: left;
 }

 .mktoForm .mktoClear {
     clear: both;
     float: none;
 }

 .mktoForm div,
 .mktoForm span,
 .mktoForm label,
 .mktoForm p {
     text-align: left;
     margin: 0;
     padding: 0;
 }

 .mktoForm input,
 .mktoForm select,
 .mktoForm textarea {
     margin: 0;
 }

 .mktoForm * {
     font-family: inherit;
 }

 .mktoForm .mktoOffset {
     float: left;
     height: 1.2em;
 }

 .mktoForm .mktoGutter {
     float: left;
     height: 1.2em;
 }

 .mktoForm .mktoFieldWrap {
     float: left;
 }

 .mktoForm .mktoFieldWrap .mktoInstruction {
     display: none;
 }

 .mktoForm .mktoFieldWrap .mktoMaxLength {
     display: none;
 }

 .mktoForm .mktoLabel {
     float: left;
     line-height: 1.2em;
     padding-top: 0.3em;
 }

 .mktoForm .mktoField {
     line-height: 1.2em;
     font-size: 1em;
     float: left;
 }

 .mktoForm .mktoPlaceholder {
     float: left;
 }

 .mktoForm .mktoLogicalField {
     float: left;
 }

 .mktoForm fieldset {
     padding: 0;
     margin: 0;
 }

 .mktoForm fieldset legend {
     margin: 0 1em 0.5em;
     color: inherit;
 }

 .mktoForm a.mktoNotYou {
     cursor: pointer;
     color: #4692f3;
 }

 .mktoForm a.mktoNotYou:hover {
     text-decoration: underline;
 }

 .mktoForm .mktoAsterix {
     float: right;
     color: #bf0000;
     padding-left: 5px;
     display: none;
 }

 .mktoForm .mktoRadioList,
 .mktoForm .mktoCheckboxList {
     padding: 0.3em;
     float: left;
 }

 .mktoForm .mktoRadioList>label,
 .mktoForm .mktoCheckboxList>label {
     margin-left: 1.5em;
     margin-top: 0.1em;
     margin-bottom: 0.3em;
     line-height: 1.2em;
     display: block;
     min-height: 12px;
 }

 .mktoForm.ie7 .mktoRadioList>label,
 .mktoForm.ie7 .mktoCheckboxList>label {
     padding: 0.2em 0 0;
 }

 .mktoForm .mktoRadioList>label>input,
 .mktoForm .mktoCheckboxList>label>input {
     float: left;
     margin: 0;
     margin-left: -1.5em;
 }

 .mktoForm .mktoRadioList>input,
 .mktoForm .mktoCheckboxList>input {
     padding: 0;
 }

 .mktoForm .mktoLabelToLeft>label {
     text-align: right;
     margin-left: 0;
     margin-right: 1.5em;
 }

 .mktoForm .mktoLabelToLeft input[type=checkbox],
 .mktoForm .mktoLabelToLeft input[type=radio] {
     position: absolute;
     right: 0.3em;
 }

 .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
     float: left;
     padding-left: 0;
     padding-right: 5px;
 }

 .mktoForm .mktoRequiredField .mktoAsterix {
     display: block;
 }

 .mktoForm .mktoRequiredField label.mktoLabel {
     font-weight: bold;
 }

 .mktoForm input[type=text],
 .mktoForm input[type=url],
 .mktoForm input[type=email],
 .mktoForm input[type=tel],
 .mktoForm input[type=number],
 .mktoForm input[type=date] {
     padding: 0.1em 0.2em;
     line-height: 1.2em;
     margin: 0;
 }

 .mktoForm input[type=range] {
     padding: 0.25em 0;
     margin: 0;
 }

 .mktoForm input[type=range]::-ms-tooltip {
     display: none;
 }

 .mktoForm input[type=url],
 .mktoForm input[type=text],
 .mktoForm input[type=date],
 .mktoForm input[type=tel],
 .mktoForm input[type=email],
 .mktoForm input[type=number],
 .mktoForm textarea.mktoField,
 .mktoForm select.mktoField {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .mktoForm .mktoFormRow {
     clear: both;
 }

 .mktoForm .mktoFormCol {
     float: left;
     position: relative;
     min-height: 2em;
 }

 .mktoButtonRow {
     display: inline-block;
     position: relative;
 }

 .mktoForm textarea.mktoField {
     display: inline-block;
     padding: 0.2em;
     margin: 0;
     line-height: 1.2em;
     overflow: auto;
     resize: none;
     float: none;
 }

 /* Firefox computes row height wrong for the last 13 years... https://bugzilla.mozilla.org/show_bug.cgi?id=33654 */
 .mktoForm textarea[rows="1"] {
     height: 2em;
 }

 .mktoForm textarea[rows="2"] {
     height: 3.4em;
 }

 .mktoForm textarea[rows="3"] {
     height: 4.6em;
 }

 .mktoForm textarea[rows="4"] {
     height: 5.8em;
 }

 .mktoForm textarea[rows="5"] {
     height: 7em;
 }

 .mktoForm textarea[rows="6"] {
     height: 8.2em;
 }

 .mktoForm textarea[rows="7"] {
     height: 9.4em;
 }

 .mktoForm textarea[rows="8"] {
     height: 10.6em;
 }

 .mktoForm.mktoLayoutCenter .mktoLabel {
     text-align: right;
 }

 .mktoForm.mktoLayoutAbove .mktoGutter {
     display: none;
 }

 .mktoForm.mktoLayoutAbove .mktoLabel {
     text-align: left;
 }

 .mktoForm.mktoLayoutAbove .mktoRadioList,
 .mktoForm.mktoLayoutAbove .mktoCheckboxList {
     float: none;
     clear: left;
 }

 .mktoForm.mktoLayoutAbove .mktoField,
 .mktoForm.mktoLayoutAbove .mktoLogicalField {
     clear: left;
 }

 .mktoForm.mktoLayoutAbove textarea.mktoField {
     float: left;
 }

 .mktoForm .mktoError {
     position: absolute;
     z-index: 99;
     color: #bf0000;
 }

 .mktoForm .mktoError .mktoErrorArrowWrap {
     width: 16px;
     height: 8px;
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 5px;
     z-index: 100;
 }

 .mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
     top: -8px;
 }

 .mktoForm .mktoError .mktoErrorArrow {
     background-color: #e51b00;
     border: 1px solid #9f1300;
     border-right: none;
     border-bottom: none;
     display: inline-block;
     height: 16px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     width: 16px;
     margin-top: 5px;
 }

 /** These two styles are for browsers that don't support css transforms */
 .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
     background: transparent url("/corp/service/tech/images/callout-arrow-up-red.png") top center no-repeat;
     bottom: -7px;
 }

 .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
     display: none;
 }

 .mktoForm .mktoError .mktoErrorMsg {
     display: block;
     margin-top: 7px;
     background-color: #e51b00;
     background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
     background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
     background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
     background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
     border: 1px solid #9f1300;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
     box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
     color: #f3f3f3;
     font-size: 1em;
     line-height: 1.2em;
     max-width: 16em;
     padding: 0.4em 0.6em;
     text-shadow: #901100 0 -1px 0;
 }

 .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
     display: block;
 }

 .mktoForm button.mktoButton {
     cursor: pointer;
     margin: 0;
 }

 .mktoForm button.mktoButton:disabled {
     opacity: 0.5;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     filter: alpha(opacity=50);
     cursor: default;
 }

 .mktoNoJS .mktoLabel {
     display: block;
     padding-right: 10px;
     width: 110px;
     text-align: right;
 }

 .mktoNoJS input[type=text] {
     width: 150px;
 }

 .mktoForm .cf_widget_socialsignon .cf_sign_on {
     margin-bottom: 1.5em;
 }

 .mktoForm .mktoRangeField .mktoRangeValue {
     zoom: 1;
     float: left;
     display: none;
     text-align: center;
     position: absolute;
     z-index: 99;
     color: #000;
 }

 .mktoForm.ie7 .mktoRangeField .mktoRangeValue,
 .mktoForm.ie6 .mktoRangeField .mktoRangeValue {
     position: relative;
 }

 .mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
     display: block;
 }

 .mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
     width: 16px;
     height: 8px;
     overflow: hidden;
     position: absolute;
     bottom: -7px;
     z-index: 100;
 }

 .mktoForm .mktoRangeField .mktoRangeValueArrow {
     background-color: #028d05;
     border: 1px solid #005602;
     height: 16px;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     width: 16px;
     background-color: #007d04;
     border-left: none;
     border-top: none;
     margin-top: 5px;
     position: absolute;
     bottom: 5px;
 }

 /** These two styles are for browsers that don't support css transforms */
 .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
     background: transparent url("/corp/service/tech/images/callout-arrow-down-green.png") top center no-repeat;
     bottom: -7px;
 }

 .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
     display: none;
 }

 .mktoForm .mktoRangeField .mktoRangeValueText {
     display: block;
     background-color: #028d05;
     background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%);
     background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%);
     background-image: linear-gradient(#028d05 43%, #007d04 100%);
     background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%);
     border: 1px solid #005602;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
     box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
     color: #f3f3f3;
     font-size: 1em;
     line-height: 1.2em;
     padding: 0.4em 0.6em;
     text-shadow: #005602 0 -1px 0;
     text-align: center;
 }

 .mktoModal {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
 }

 .mktoModal .mktoModalMask {
     position: absolute;
     z-index: 10000;
     top: 0;
     left: 0;
     right: 0;
     zoom: 1;
     background: rgba(0, 0, 0, 0.5);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
 }

 .mktoModal .mktoModalContent {
     position: absolute;
     z-index: 10001;
     background: #fff;
     padding: 10px;
 }

 .mktoModal .mktoModalClose {
     position: absolute;
     cursor: pointer;
     top: -10px;
     right: -10px;
     background: #000;
     color: #fff;
     width: 19px;
     height: 19px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     line-height: 19px;
     -webkit-border-radius: 19px;
     border-radius: 19px;
     text-align: center;
     border: 2px solid #ccc;
 }

 .mktoForm .mktoCaptchaDisclaimer {
     position: relative;
     min-height: 2em;
 }

 /* This part of the stylesheet is overrides for mobile browsers with screen width restrictions.
   It should always be at the end of the document. */
 @media only screen and (max-width: 480px) {

     .mktoForm,
     .mktoForm * {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         padding: 10px;
     }

     .mktoForm .mktoGutter,
     .mktoForm .mktoOffset {
         display: none;
     }

     .mktoForm .mktoFormCol .mktoLabel {
         text-align: left;
         width: 100%;
     }

     .mktoForm .mktoFormCol {
         float: none;
     }

     .mktoForm .mktoFieldWrap {
         float: none;
     }

     .mktoForm fieldset {
         padding: 0 10px;
     }

     .mktoForm input[type=url],
     .mktoForm input[type=text],
     .mktoForm input[type=date],
     .mktoForm input[type=tel],
     .mktoForm input[type=email],
     .mktoForm input[type=number],
     .mktoForm textarea.mktoField,
     .mktoForm select.mktoField {
         width: 100%;
         height: 1.5em;
         line-height: 1.5em;
         font-size: 18px;
     }

     .mktoForm select.mktoField {
         height: auto;
     }

     .mktoForm .mktoFormRow .mktoField {
         clear: left;
     }

     .mktoForm .mktoFormRow .mktoFormCol {
         clear: both;
     }

     .mktoForm .mktoRadioList,
     .mktoForm .mktoCheckboxList {
         width: 100%;
     }

     .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
         float: left;
         padding-left: 0;
         padding-right: 5px;
     }

     .mktoModal .mktoModalContent {
         padding: 10px 0;
     }

     .mktoModal .mktoModalClose {
         right: 0;
     }

     .mktoForm .cf_widget_socialsignon {
         display: block;
     }

     .mktoForm .cf_widget_socialsignon .cf_sign_on {
         width: 100%;
     }

     .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
         width: auto;
     }
 }

 @media only screen and (max-width: 480px),
 only screen and (max-device-width: 480px),
 only screen and (max-device-height: 480px) {

     .mktoMobileShow .mktoForm,
     .mktoForm * {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         padding: 10px;
     }

     .mktoMobileShow .mktoForm .mktoGutter,
     .mktoMobileShow .mktoForm .mktoOffset {
         display: none;
     }

     .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
         text-align: left;
         width: 100%;
     }

     .mktoMobileShow .mktoForm .mktoFormCol {
         float: none;
     }

     .mktoMobileShow .mktoForm .mktoFieldWrap {
         float: none;
     }

     .mktoMobileShow .mktoForm fieldset {
         padding: 0 10px;
     }

     .mktoMobileShow .mktoForm input[type=url],
     .mktoMobileShow .mktoForm input[type=text],
     .mktoMobileShow .mktoForm input[type=date],
     .mktoMobileShow .mktoForm input[type=tel],
     .mktoMobileShow .mktoForm input[type=email],
     .mktoMobileShow .mktoForm input[type=number],
     .mktoMobileShow .mktoForm textarea.mktoField,
     .mktoMobileShow .mktoForm select.mktoField {
         width: 100%;
         height: 1.5em;
         line-height: 1.5em;
         font-size: 18px;
     }

     .mktoMobileShow .mktoForm select.mktoField {
         height: auto;
     }

     .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
         clear: left;
     }

     .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
         clear: both;
     }

     .mktoMobileShow .mktoForm .mktoRadioList,
     .mktoMobileShow .mktoForm .mktoCheckboxList {
         width: 100%;
     }

     .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
         float: left;
         padding-left: 0;
         padding-right: 5px;
     }

     .mktoMobileShow .mktoModal .mktoModalContent {
         padding: 10px 0;
     }

     .mktoMobileShow .mktoModal .mktoModalClose {
         right: 0;
     }

     .mktoMobileShow .mktoForm .cf_widget_socialsignon {
         display: block;
     }

     .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
         width: 100%;
     }

     .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
         width: auto;
     }
 }



 /*************/
 .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
     background-color: #7fbf4d;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
     background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
     background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
     background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
     background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
     background-image: linear-gradient(to bottom, #7fbf4d, #63a62f);
     border: 1px solid #63a62f;
     border-bottom: 1px solid #5b992b;
     border-radius: 3px;
     -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
     box-shadow: inset 0 1px 0 0 #96ca6d;
     color: #fff;
     font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     padding: 7px 0 8px 0;
     text-align: center;
     text-shadow: 0 -1px 0 #4c9021;
     width: 150px;
 }

 .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton:hover {
     background-color: #76b347;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
     background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
     background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
     background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
     background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
     background-image: linear-gradient(to bottom, #76b347, #5e9e2e);
     -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
     box-shadow: inset 0 1px 0 0 #8dbf67;
     cursor: pointer;
 }

 .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton:active {
     border: 1px solid #5b992b;
     border-bottom: 1px solid #538c27;
     -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
     box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
 }


 /********************************/
 .page-title-area {
     display: none;
 }

 .container.w900.maincontent>.row,
 .align-items-center {
     justify-content: center;
 }

 section.pt-20 {
     padding-top: 56px;
 }

 section.pb-70 {
     padding-bottom: 0;
 }

 @media screen and (max-width: 767px) {
     section.pt-20 {
         padding-top: 32px;
     }
 }

 .content__lead {
     font-size: 14px;
     padding-bottom: 10px;

     line-height: 1.7142857143;
 }

 .doc-mktoform p.content__lead>br {
     display: block;
 }

 body {
     background: #f3f8fa;
     color: rgb(51, 51, 51);
 }

 .header {
     display: none;
 }


 #block-head-btn {
     display: none;
 }

 .collapse .navbar-nav {
     display: none;
 }

 #site-top-keyword {
     display: none;
 }

 section.pt-20 {
     padding-top: 20px;
 }

 @media print,
 screen and (min-width: 830px) {
     section.pt-20 {
         padding-top: 40px;
     }
 }

 @media print,
 screen and (max-width: 830px) {
     section.pt-20 {
         padding-left: 20px;
         padding-right: 20px;
     }
 }

 .doc-mktoform {
     background: #fff;
     max-width: 720px;
     width: 100%;
     margin: 0 auto;
     padding: 15px;
 }

 @media print,
 screen and (min-width: 830px) {
     .doc-mktoform {
         padding: 25px;
     }
 }

 .pt-20 {
     padding-top: 40px;
 }

 @media print,
 screen and (max-width: 768px) {
     .container {
         max-width: 100%;
     }
 }

 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col,
 .col-auto,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm,
 .col-sm-auto,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md,
 .col-md-auto,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg,
 .col-lg-auto,
 .col-xl-1,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl,
 .col-xl-auto {
     padding-left: 0px;
     padding-right: 0px;
 }

 .page-node-type-document .document-detail-warp h2,
 .document-detail-warp.doc-contact h2 {
     display: none;
 }

 .mktoForm .mktoFieldWrap.mktoRequiredField>label:after {
     display: none;
 }

 .doc-mktoform .mktoFormRow div .mktoFieldWrap {
     display: flex;
 }

 @media print,
 screen and (max-width: 830px) {
     .doc-mktoform .mktoFormRow div .mktoFieldWrap {
         display: block;
     }
 }


 @media print,
 screen and (max-width: 830px) {

     .doc-mktoform .mktoForm input[type=text],
     .doc-mktoform .mktoForm input[type=url],
     .doc-mktoform .mktoForm input[type=email],
     .doc-mktoform .mktoForm input[type=tel],
     .doc-mktoform .mktoForm input[type=number],
     .doc-mktoform .mktoForm input[type=date],
     .doc-mktoform .mktoForm select.mktoField,
     .doc-mktoform .mktoForm textarea.mktoField {
         width: 100％;
         box-sizing: border-box;
     }
 }



 .doc-mktoform .mktoFieldWrap label {
     width: 150px !important;
     font-weight: normal !important;
     padding: 0 12px;
     position: relative;
     display: flex;
     padding-top: 0.3em;
     float: left;
     line-height: 1.2em;
 }

 @media print,
 screen and (max-width: 830px) {
     .doc-mktoform .mktoFieldWrap label {
         padding: 0px;
         width: 154px !important;
     }
 }



 .mktoForm .mktoRequiredField .mktoAsterix {
     display: block !important;
     width: 10% !important;
     padding-right: 8px !important;

 }

 #LblFirstName .mktolabel mktoHasWidth {
     display: none;
 }



 .document-detail-warp.doc-casestudy,
 .document-detail-warp.doc-contact {
     max-width: 720px;
 }


 .doc-mktoform .mktoForm input[type=text],
 .doc-mktoform .mktoForm input[type=url],
 .doc-mktoform .mktoForm input[type=email],
 .doc-mktoform .mktoForm input[type=tel],
 .doc-mktoform .mktoForm input[type=number],
 .doc-mktoform .mktoForm input[type=date],
 .doc-mktoform .mktoForm select.mktoField,
 .doc-mktoform .mktoForm textarea.mktoField {

     max-width: 440px !important;
     border-radius: 4px !important;

 }

 @media print,
 screen and (max-width: 830px) {

     .doc-mktoform .mktoForm input[type=text],
     .doc-mktoform .mktoForm input[type=url],
     .doc-mktoform .mktoForm input[type=email],
     .doc-mktoform .mktoForm input[type=tel],
     .doc-mktoform .mktoForm input[type=number],
     .doc-mktoform .mktoForm input[type=date],
     .doc-mktoform .mktoForm select.mktoField,
     .doc-mktoform .mktoForm textarea.mktoField {
         max-width: 700px !important;
     }
 }

 .doc-mktoform form {
     padding-top: 20px;
 }

 @media print,
 screen and (min-width: 830px) {
     .doc-mktoform form {
         margin-top: 30px;
         margin: 0 0 0 4%;
     }
 }

 .mktoForm .mktoFormRow {
     padding: 0px;
     display: flex;
     align-items: baseline;
 }




 .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
     box-shadow: none !important;
     text-shadow: none !important;
     border: none !important;
     background: #0095d8 !important;
     font-size: 20px !important;
     font-weight: bold;
     height: 80px !important;
     border-radius: 4px !important;
     position: relative;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
     margin-bottom: 30px;
 }

 @media print,
 screen and (min-width: 767px) {
     .doc-mktoform .mktoForm .mktoButtonWrap.mktoCupidGreen .mktoButton {
         max-width: 295px;

     }
 }

 .mktoForm textarea[rows="4"] {
     height: 8rem !important;
 }


 @media print,
 screen and (min-width: 830px) {
     .mktoError {
         right: auto !important;
         left: 45% !important;

     }
 }

 @media print,
 screen and (max-width: 830px) {
     .mktoError {
         left: 5% !important;
     }
 }


 .mktoForm .mktoError {

     background: #e80000 !important;
     position: absolute;
     border: none !important;
     border-radius: 0 !important;
     text-shadow: none !important;
     box-shadow: rgba(0, 0, 0, 0.4) 0 2px 7px, inset #ff3c3c 0 1px 0px !important;
     max-width: 13em;
     padding: 0.4em 0.6em;

 }


 .mktoForm .mktoError .mktoErrorMsg {
     color: #f3f3f3 !important;
     font-weight: normal;
     text-align: center;
     opacity: 10;
     white-space: normal;

 }

 .mktoForm .mktoError .mktoErrorArrowWrap {
     display: block;
     width: 10% !important;
     width: 16px;
     height: 8px;
     overflow: hidden;
     position: absolute;
     top: -7px;
     left: 5px;

 }


 .mktoError .mktoErrorArrow {
     display: block;
     height: 16px;
     transform: rotate(45deg);
     width: 16px;
     margin-top: 5px;

 }

 .mktoForm .mktoError .mktoErrorArrow {
     background-color: #e51b00 !important;
 }

 @media print,
 screen and (max-width: 500px) {
     .mktoFormRow:nth-of-type(4) .mktoFieldDescriptor .mktoFieldWrap .mktoError .mktoErrorMsg {
         text-align: left;
     }
 }

 .mktoFormRow:nth-of-type(5) .mktoFieldDescriptor .mktoFieldWrap .mktoError .mktoErrorMsg {

     text-align: left;

 }

 .mktoForm input.mktoField.mktoInvalid,
 .mktoForm textarea.mktoField.mktoInvalid,
 .mktoForm select.mktoField.mktoInvalid,
 .mktoForm .mktoLogicalField.mktoInvalid {
     background: #fff;
 }

 .mktoForm input.mktoField.mktoInvalid,
 .mktoForm textarea.mktoField.mktoInvalid,
 .mktoForm select.mktoField.mktoInvalid,
 .mktoForm .mktoLogicalField.mktoInvalid {
     border: 1px solid #ddd !important;
 }

 .mktoForm select.mktoField.mktoInvalid {
     background: #fff !important;
 }




 @media print,
 screen and (min-width: 991px) {
     .mktoFieldDescriptor {
         margin-right: -5px !important;
     }
 }

 @media print,
 screen and (max-width: 991px) {
     .mktoFieldDescriptor {
         margin-right: 3px !important;
     }
 }


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

 .doc-mktoform .mktoForm .mktoButtonWrap .mktoButton::after {
     position: absolute;
     content: "";
     right: 30px;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-style: solid;
     border-color: transparent transparent transparent #fff;
     border-width: 8px 0px 8px 10px;
     pointer-events: none;
 }

 .doc-mktoform .mktoForm .mktoButtonWrap .mktoButton::befoer {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     pointer-events: none;
     background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
 }


 .mktoForm .mktoFieldWrap:not(.mktoRequiredField)>label:after {
     display: none;
 }

 .doc-mktoform .mktoFieldWrap p>span strong {
     font-weight: normal;
     font-size: 12px;
 }

 .doc-mktoform p>span {
     font-weight: normal;
     line-height: 200%;
     color: rgb(51, 51, 51);

 }

 @media print,
 screen and (max-width: 830px) {
     .document-detail-warp {
         margin-bottom: 20px;
     }
 }


 @media print,
 screen and (min-width: 830px) {
     .doc-mktoform .mktoButtonRow .mktoButtonWrap {
         padding-right: 60px;
     }
 }


 .footer-area {
     background: none;
     padding-top: 0px;
 }

 .footer-area .row .col-lg-3 col-md-6 col-sm-6 {
     display: none;
 }

 .footer-area #block-footer-hiprotech-logo {
     display: none;

 }

 .footer-area #block-footer-menu1 {
     display: none;
 }

 .footer-area #block-footer-menu2 {
     display: none;
 }

 .footer-area #block-footer-menu3 {
     display: none;
 }

 .footer-area>.container {
     padding: 0px;
 }

 .copyright .fbox1 {
     padding-top: 15px;
     padding-left: 25px;
 }

 @media print,
 screen and (min-width: 830px) {
     .mktoForm .mktoFormRow {
         padding-right: 25px;
     }
 }


 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor {
     width: auto !important;
 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor input {
     width: 215px !important;
 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) label {
     font-size: 0px;
 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) label .mktoAsterix {
     font-size: 14px;
     margin-top: 10px;
 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) {
     position: relative;



 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1)::after {
     position: absolute;
     content: "氏名";
     left: 25px;
     font-family: 'NotoSansJP';

 }

 @media screen and (max-width: 830px) {
     .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1)::after {
         bottom: 45px !important;
         left: 14px;

     }

     .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) {
         padding-top: 15px;
     }

     .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) label .mktoAsterix {
         margin-top: -5px;
     }

 }

 @media screen and (max-width: 830px) {
     .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor {
         width: 50% !important;
     }

     .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor input {
         width: 100% !important;
     }
 }

 .mktoForm .mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(2) label {
     display: none;
 }

 @media only screen and (max-width: 767px) {
     .copyright .fbox1 span {
         letter-spacing: 0.04em !important;
     }
 }

.doc-mktoform .mktoForm input[type=text],
.doc-mktoform .mktoForm input[type=url],
.doc-mktoform .mktoForm input[type=email],
.doc-mktoform .mktoForm input[type=tel],
.doc-mktoform .mktoForm input[type=number],
.doc-mktoform .mktoForm input[type=date],
.doc-mktoform .mktoForm select.mktoField,
.doc-mktoform .mktoForm textarea.mktoField {

    padding: 6.5px 10.4px !important;
}

/* ポップアップ本体 */
#custom-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 450px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 9999;
}

/* 画像 */
#custom-popup img {
    width: 100%;
    height: auto;
    display: block;
}

/* 閉じるボタン */
#popup-close {
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
}

/* Scrollbar fix: prevent html/body from both becoming scroll containers */
html {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

body {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

@media screen and (max-width: 767px) {
    html {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
    }
}